byte-banner-slider{--banner-slider-control-color: #fff;--banner-slider-control-size: var(--byte-touch-target, 44px);--banner-slider-control-offset: 1.6rem;--banner-slider-transition-duration: var(--byte-transition-duration, .2s);position:relative;display:block}.banner-slider__viewport{width:100%;overflow:hidden}.banner-slider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.banner-slider__track::-webkit-scrollbar{display:none}.banner-slider__track:focus{outline:none}.banner-slider__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.banner-slider--fade .banner-slider__track{display:grid;overflow:hidden}.banner-slider--fade .banner-slider__slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.banner-slider--fade .banner-slider__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s linear 0s}@media(hover:hover)and (pointer:fine){.banner-slider__track{cursor:grab}}byte-banner-slider.is-dragging .banner-slider__track{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.banner-slider__track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.banner-slider__slide>.banner{position:relative;height:100%}.banner-slider__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit}.banner-slider__link:focus-visible{outline:2px solid var(--banner-slider-control-color);outline-offset:-4px}.banner-slider__slide--linked{cursor:pointer}byte-banner-slider.is-dragging .banner-slider__slide--linked{cursor:grabbing}.banner-slider__slide--linked .banner__content{z-index:3;pointer-events:none}.banner-slider__slide--linked .banner__box{pointer-events:none}.banner-slider__slide--linked .banner__content :is(a,button,input,select,textarea,label,[tabindex]){pointer-events:auto}.banner-slider .banner__box:not(:has(*)){display:none}.banner-slider__arrow{position:absolute;top:50%;z-index:5;display:none;align-items:center;justify-content:center;width:var(--banner-slider-control-size);height:var(--banner-slider-control-size);padding:0;border:0;border-radius:50%;background:#00000040;color:var(--banner-slider-control-color);cursor:pointer;transform:translateY(-50%);transition:background-color var(--banner-slider-transition-duration) ease}.banner-slider__arrow:disabled{opacity:.4;cursor:default}.banner-slider__arrow:hover:not(:disabled){background:#00000073}.banner-slider__arrow--prev{left:var(--banner-slider-control-offset)}.banner-slider__arrow--next{right:var(--banner-slider-control-offset)}.banner-slider__footer{position:absolute;right:0;bottom:var(--banner-slider-control-offset);left:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:1.2rem;pointer-events:none}.banner-slider__footer>*{pointer-events:auto}.banner-slider__pagination{display:flex;gap:.4rem}.banner-slider__dot{position:relative;width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:var(--banner-slider-control-color);opacity:.5;cursor:pointer;transition:opacity var(--banner-slider-transition-duration) ease,transform var(--banner-slider-transition-duration) ease}.banner-slider__dot:after{content:"";position:absolute;top:-1rem;right:-.6rem;bottom:-1rem;left:-.6rem}.banner-slider__dot.is-active{opacity:1;transform:scale(1.25)}.banner-slider__toggle{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:#00000040;color:var(--banner-slider-control-color);cursor:pointer}.banner-slider__toggle[hidden]{display:none}.banner-slider__toggle-icon--play,byte-banner-slider.is-paused .banner-slider__toggle-icon--pause{display:none}byte-banner-slider.is-paused .banner-slider__toggle-icon--play{display:block}.banner-slider__arrow:focus-visible,.banner-slider__toggle:focus-visible,.banner-slider__dot:focus-visible{outline:2px solid var(--banner-slider-control-color);outline-offset:3px}@media screen and (max-width:749px){.banner-slider--mobile-text-below .banner-slider__footer{position:static;padding-top:1.2rem;--banner-slider-control-color: currentColor}.banner-slider--mobile-text-below .banner-slider__toggle{background:transparent}}@media screen and (min-width:750px){.banner-slider__arrow{display:inline-flex}byte-banner-slider{--banner-slider-control-offset: 2.4rem}}@media(prefers-reduced-motion:reduce){.banner-slider__arrow,.banner-slider__dot,.banner-slider--fade .banner-slider__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/byte-banner-slider.css.map */