@keyframes splide-loading {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }

}

.splide__container {
  position:relative;
  box-sizing:border-box
}

.splide__list {
  margin:0!important;
  padding:0!important;
  width:-webkit-max-content;
  width:max-content;
  will-change:transform
}

.splide.is-active .splide__list {
  display:flex
}

.splide__pagination {
  display:inline-flex;
  align-items:center;
  width:95%;
  flex-wrap:wrap;
  justify-content:center;
  margin:0
}

.splide__pagination li {
  list-style-type:none;
  display:inline-block;
  line-height:1;
  margin:0
}

.splide {
  visibility:hidden
}

.splide,.splide__slide {
  position:relative;
  outline:none
}

.splide__slide {
  box-sizing:border-box;
  list-style-type:none!important;
  margin:0;
  flex-shrink:0
}

.splide__slide img {
  vertical-align:bottom
}

.splide__slider {
  position:relative
}

.splide__spinner {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid #999;
  border-left-color:transparent;
  animation:splide-loading 1s linear infinite
}

.splide__track {
  position:relative;
  z-index:0;
  overflow:hidden
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
  -webkit-user-select:none;
  user-select:none
}

.splide--fade>.splide__track>.splide__list {
  display:block
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  opacity:0
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
  position:relative;
  z-index:1;
  opacity:1
}

.splide--rtl {
  direction:rtl
}

.splide--ttb>.splide__track>.splide__list {
  display:block
}

.splide--ttb>.splide__pagination {
  width:auto
}

.splide__arrow {
  position:absolute;
  z-index:1;
  top:50%;
  transform:translateY(-50%);
  width:2em;
  height:2em;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  padding:0;
  opacity:.7;
  background:#ccc
}

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

.splide__arrow:hover {
  cursor:pointer;
  opacity:.9
}

.splide__arrow:focus {
  outline:none
}

.splide__arrow--prev {
  left:1em
}

.splide__arrow--prev svg {
  transform:scaleX(-1)
}

.splide__arrow--next {
  right:1em
}

.splide__pagination {
  position:absolute;
  z-index:1;
  bottom:.5em;
  left:50%;
  transform:translateX(-50%);
  padding:0
}

.splide__pagination__page {
  display:inline-block;
  width:8px;
  height:8px;
  background:#ccc;
  border-radius:50%;
  margin:3px;
  padding:0;
  transition:transform .2s linear;
  border:none;
  opacity:.7
}

.splide__pagination__page.is-active {
  transform:scale(1.4);
  background:#fff
}

.splide__pagination__page:hover {
  cursor:pointer;
  opacity:.9
}

.splide__pagination__page:focus {
  outline:none
}

.splide__progress__bar {
  width:0;
  height:3px;
  background:#ccc
}

.splide--nav>.splide__track>.splide__list>.splide__slide {
  border:3px solid transparent
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
  border-color:#000
}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
  outline:none
}

.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
  right:1em;
  left:auto
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
  transform:scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
  left:1em;
  right:auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
  transform:scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
  left:50%;
  transform:translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
  top:1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
  transform:rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
  top:auto;
  bottom:1em
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
  transform:rotate(90deg)
}

.splide--ttb>.splide__pagination {
  display:flex;
  flex-direction:column;
  bottom:50%;
  left:auto;
  right:.5em;
  transform:translateY(50%)
}