/**
 * @file.
 * Provided basic styling for the Splide.
 */

.splide-wrapper,
.splide,
.splide * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.splide img {
  height: auto;
  will-change: auto !important; /* csslint allow: known-properties, important */
}

.splide img,
.splide iframe {
  max-width: 100%;
  border: 0;
}

/* Prevents overflowing nested slides. */
.splide,
.splide-wrapper {
  position: relative;
  /* Do not set 100% to .splide, breaks navigation positioning. */
  /* width: 100%; */
  max-width: 100%;
}

.splide-wrapper {
  width: 100%;
}

.splide--nav {
  position: relative;
  z-index: 1;
}

/** Prevents from being hidden due to layering issues with arrow down. */
.splide__arrows {
  z-index: 9;
}

.splide__arrow--down {
  z-index: 8;
}

/* Above the arrows to allow hover thumbnail with pagination. */
.splide .splide__pagination {
  z-index: 10;
}

.splide--nav .slide {
  height: inherit;
}

/* Fix for destroy. */
.unsplide.splide .splide__list {
  display: block;
  width: 100%;
}

.unsplide.splide .splide__slide {
  width: 100%;
}