.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; background:#ccc; border:0; border-radius:50%; cursor:pointer; display:-ms-flexbox; display:flex; height:2em; -ms-flex-pack:center; justify-content:center; opacity:.7; padding:0; position:absolute; top:50%; transform:translateY(-50%); width:2em; z-index:1 } .splide__arrow svg{ fill:#000; 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:1em } .splide__arrow--prev svg{ transform:scaleX(-1) } .splide__arrow--next{ right:1em } .splide.is-focus-in .splide__arrow:focus{ outline:3px solid #0bf; outline-offset:3px } .splide__pagination{ bottom:.5em; left:0; padding:0 1em; position:absolute; right:0; z-index:1 } .splide__pagination__page{ background:#ccc; border:0; border-radius:50%; display:inline-block; height:8px; margin:3px; opacity:.7; padding:0; position:relative; transition:transform .2s linear; width:8px } .splide__pagination__page.is-active{ background:#fff; transform:scale(1.4); z-index:1 } .splide__pagination__page:hover{ cursor:pointer; opacity:.9 } .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 } .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 }