.splide.slideshow{
  width:100svw;
  position: relative;
}

.splide.slideshow.is-initialized{
  display:block;
}

.splide__slide__container{
  --bg-gradient-slide:hsla(0,0%,100%,0.3);
}

[dark="1"] .splide__slide__container{
  --bg-gradient-slide:hsla(0,0%,0%,0.3);
}

[dark="1"][no-gradient] .splide__slide__container{
  --bg-gradient-slide:transparent;
}

.splide.slideshow .splide__slide__container{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:start;
  justify-content:end;
  padding:48px;
  gap:8px;
  background-image: linear-gradient(0,var(--bg-gradient-slide), transparent);
  background-position: bottom;
  background-size: 100% 50%;
  background-repeat: no-repeat;
}

.splide.slideshow .splide__slide__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
}

.splide.slideshow .splide__slide__title{
  margin:0;
}

.splide.slideshow .splide__arrows{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  bottom: 48px;
  top: auto;
  left: auto;
  right: 48px;
  pointer-events: none;
}

.splide.slideshow .splide__arrows button{
  pointer-events: all;
}


.splide.slideshow .splide__counter{
  color: var(--pagination-color);
  font-family: Montserrat;
  font-size: 1.2em;
}

.splide.slideshow .splide__arrow svg{
  height: 1em;
  width: 1em;
}


@media only screen and (max-width: 1024px) {
  .splide.slideshow .splide__slide__container{
    padding:24px;
  }

  
  .splide.slideshow .splide__arrows{
    inset: 0;
    width: 100%;
  }
  
  .splide.slideshow .splide__counter{
    display: none;
  }

  .splide.slideshow .splide__arrow svg{
    height: 1.2em;
    width: 1.2em;
  }
}

@media only screen and (max-width: 768px) {
  .splide.slideshow .splide__slide__container{
    padding:16px;
  }
  
}