@use "../base" as *;
@use "../abstracts" as *;

.splide {
  &:hover {
    z-index: 1;
  }
  .splide__slide {
    @include breakpoint(large) {
      height: auto;
    }
  }
  .splide__track {
    .contextual-region {
      @include breakpoint(medium) {
        height: auto;
      }
      overflow: visible;
    }
  }
}

.paragraph--type--product-slider {
  .splide__arrow {
    top: calc(55.5% - 200px);
  }
}