.slider-box
{
  height: 80vh;
  position:relative;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}

.slider-box.fullscreen
{
  height:auto;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.slider-box > *:not(.slider-freccia)
{
  flex:0 0 100%;
  width:100%;
  object-fit: cover;
  background-color: #222d;
  transition: all 0.5s ease-in-out;
}

.slider-box.spp-2 > *:not(.slider-freccia)
{
  flex:0 0 50%;
  width:50%;
}

.slider-box.spp-3 > *:not(.slider-freccia)
{
  flex:0 0 33.33%;
  width:33.33%;
}

.slider-freccia
{
  position:absolute;
  top:50%;
  left:17px;
  color:transparent;
  border: solid #fff;
  border-width: 0 14px 14px 0;
  display: inline-block;
  padding: 20px;
  transform: translateY(-50%) rotate(135deg);
}

.slider-freccia:hover
{
  border-color: var(--medium);
}

.slider-freccia-dx {
  left:auto;
  right:17px;
  transform: translateY(-50%) rotate(-45deg);
}

.slider-box.fullscreen
{
  opacity:0.3;
}

.slider-box.fullscreen .slider-freccia
{
  display:none;
}

.slider-box.no-dida .slide-text
{
  display:none;
}