.splide__container {
   box-sizing: border-box;
   position: relative
}

.splide__list {
   backface-visibility: hidden;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
   margin: 0 !important;
   padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
   display: block
}

.splide__pagination {
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 0;
   pointer-events: none
}

.splide__pagination li {
   display: inline-block;
   line-height: 1;
   list-style-type: none;
   margin: 0;
   pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
   display: none
}

.splide__progress__bar {
   width: 0
}

.splide {
   position: relative;
   visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
   visibility: visible
}

.splide__slide {
   backface-visibility: hidden;
   box-sizing: border-box;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   list-style-type: none !important;
   margin: 0;
   position: relative
}

.splide__slide img {
   vertical-align: bottom
}

.splide__spinner {
   animation: splide-loading 1s linear infinite;
   border: 2px solid #999;
   border-left-color: transparent;
   border-radius: 50%;
   bottom: 0;
   contain: strict;
   display: inline-block;
   height: 20px;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
   width: 20px
}

.splide__sr {
   clip: rect(0 0 0 0);
   border: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
   display: none
}

.splide__toggle.is-active .splide__toggle__pause {
   display: inline
}

.splide__track {
   overflow: hidden;
   position: relative;
   z-index: 0
}

@keyframes splide-loading {
   0% {
      transform: rotate(0)
   }

   to {
      transform: rotate(1turn)
   }
}

.splide__track--draggable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
   margin: 0 !important;
   opacity: 0;
   z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
   opacity: 1;
   z-index: 1
}

.splide--rtl {
   direction: rtl
}

.splide__track--ttb>.splide__list {
   display: block
}

.splide__arrow {
   -ms-flex-align: center;
   align-items: center;
   border: 0;
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
   opacity: .5;
   padding: 0;
   position: absolute;
   top: 0%;
   bottom: 0%;
   width: 5rem;
   z-index: 1
}

.splide__arrow svg {
   fill: #fff;
   height: 1.2em;
   width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
   opacity: .9
}

.splide__arrow:disabled {
   opacity: .3
}

.splide__arrow:focus-visible {
   outline: 3px solid #0bf;
   outline-offset: 3px
}

.splide__arrow--prev {
   left: 0;
   padding-left: 1rem;
   background: linear-gradient(to left, rgba(34,31,32,0) 0%,rgba(34,31,32,0) 1%,rgba(34,31,32,.75) 100%);
   -ms-flex-pack: flex-start;
   justify-content: flex-start;
}

.splide__arrow--prev svg {
   transform: scaleX(-1)
}

.splide__arrow--next {
   right: 0;
   padding-right: 1rem;
   background: linear-gradient(to right, rgba(34,31,32,0) 0%,rgba(34,31,32,0) 1%,rgba(34,31,32,.75) 100%);
   -ms-flex-pack: flex-end;
   justify-content: flex-end;
}

.splide.is-focus-in .splide__arrow:focus {
   outline: 3px solid #0bf;
   outline-offset: 3px
}

.splide__pagination {
   padding: 0 1em;
   z-index: 1
}

.splide__pagination__page {
   background: #221f2099;
   border: .5px solid #ffffff;
   border-radius: 50%;
   display: inline-block;
   height: 14px;
   margin: 8px;
   opacity: .8;
   padding: 0;
   position: relative;
   transition: transform .2s linear;
   width: 14px;
   transition: all 0.3s ease-in-out;
}

.splide__pagination__page.is-active {
   background: #fff;
   transform: scale(1.4);
   z-index: 1;
   opacity: .8;
   transition: all 0.3s ease-in-out;
}

.splide__pagination__page:hover {
   cursor: pointer;
   opacity: .9;
   transition: all 0.3s ease-in-out;
}

.splide__pagination__page:focus-visible {
   outline: 3px solid #0bf;
   outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
   outline: 3px solid #0bf;
   outline-offset: 3px
}

.splide__progress__bar {
   background: #ccc;
   height: 3px
}

.splide__slide {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
   outline: 0
}

@supports(outline-offset:-3px) {
   .splide__slide:focus-visible {
      outline: 3px solid #0bf;
      outline-offset: -3px
   }
}

@media screen and (-ms-high-contrast:none) {
   .splide__slide:focus-visible {
      border: 3px solid #0bf
   }
}

@supports(outline-offset:-3px) {
   .splide.is-focus-in .splide__slide:focus {
      outline: 3px solid #0bf;
      outline-offset: -3px
   }
}

@media screen and (-ms-high-contrast:none) {
   .splide.is-focus-in .splide__slide:focus {
      border: 3px solid #0bf
   }

   .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
      border-color: #0bf
   }
}

.splide__toggle {
   cursor: pointer;
   height: 2rem;
   width: 2rem;
   border-radius: 100%;
   border: 0;
   opacity: .8;
   display: flex;
   justify-content: center;
   align-items: center;
  color: var(--base-01);
}

.splide__toggle:hover {
   opacity: 1;
}

.splide__toggle .splide__toggle__play {
   position: relative;
   left: 1px;
}

.splide__toggle:focus-visible {
   outline: 3px solid #0bf;
   outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
   outline: 3px solid #0bf;
   outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
   border: 3px solid transparent;
   cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
   border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
   left: auto;
   right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
   transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
   left: 1em;
   right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
   transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
   left: 50%;
   transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
   top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
   transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
   bottom: 1em;
   top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
   transform: rotate(90deg)
}

.splide__pagination--ttb {
   bottom: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   left: auto;
   padding: 1em 0;
   right: .5em;
   top: 0
}

.splide__controls {
   position: absolute;
   bottom: 1rem;
   display: flex;
   width: 100%;
   justify-content: center;
  z-index: 10;
}

@media only screen and (min-width: 640px) {
   .splide__arrow--prev {
      padding-left: .5rem;
   }
   .splide__arrow--next {
      padding-right: .5rem;
   }
 }