/* Swiper Story Styling */
.slider-story_slide {
  background: -webkit-radial-gradient(white, black);
  background: radial-gradient(white, black);
}

@media only screen and (min-width: 992px) {
  [mask-element] {
    -webkit-mask-image:
      linear-gradient(90deg,
        transparent,
        #000 10%,
        #000 90%,
        transparent)
  }
}

.swiper-slide.is-story.swiper-slide-active [story-active-hide] {
  opacity: 0;
}

.swiper-slide.is-story.swiper-slide-active [story-active-show] {
  opacity: 1;
}

.swiper.is-story .swiper-autoheight,
.swiper.is-story .swiper-autoheight .swiper-slide {
  height: 100% !important;
}

/* All slides */
[mb-swipercurve='list']>div {
  z-index: -1 !important;
}

/* Middle 7 slides */
[mb-swipercurve='list']>div:has(+ div + div + .swiper-slide-active),
[mb-swipercurve='list']>div:has(+ div + .swiper-slide-active),
[mb-swipercurve='list']>.swiper-slide-active+div+div,
[mb-swipercurve='list']>.swiper-slide-active+div+div+div {
  z-index: 1 !important;
}

/* Middle 7 slides */
[mb-swipercurve='list']>div:has(+ .swiper-slide-active),
[mb-swipercurve='list']>.swiper-slide-active,
[mb-swipercurve='list']>.swiper-slide-active+div {
  z-index: 2 !important;
}