.banner-carousel{position:relative;z-index:0;display:block;width:100%;isolation:isolate}.banner-carousel--page-width .banner-carousel__viewport{border-radius:var(--media-radius, 0)}.banner-carousel__viewport{position:relative;width:100%;aspect-ratio:var(--banner-ratio-desktop);overflow:hidden;background:rgba(var(--color-foreground),.04)}.banner-carousel__track,.banner-carousel__slide,.banner-carousel__link,.banner-carousel picture{display:block;width:100%;height:100%}.banner-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.75,.25,1),visibility .7s}.banner-carousel__slide.is-active{z-index:1;opacity:1;visibility:visible;transform:scale(1)}.banner-carousel__image,.banner-carousel__video,.banner-carousel__media{display:block;width:100%;height:100%;object-fit:cover}.banner-carousel__video--mobile,.banner-carousel__image--mobile{display:none}.banner-carousel__arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;color:#111;background:#ffffffe6;box-shadow:0 .4rem 2rem #0000001f;cursor:pointer;opacity:0;transform:translateY(-50%) scale(.85);transition:opacity .25s ease,transform .3s ease,background .2s ease}.banner-carousel__arrow:hover{background:#fff}.banner-carousel__arrow--prev{left:2.4rem}.banner-carousel__arrow--next{right:2.4rem}.banner-carousel__arrow--prev svg{transform:rotate(90deg)}.banner-carousel__arrow--next svg{transform:rotate(-90deg)}.banner-carousel__arrow svg{width:1.4rem;height:1.4rem}.banner-carousel:hover .banner-carousel__arrow,.banner-carousel__arrow:focus-visible{opacity:1;transform:translateY(-50%) scale(1)}.banner-carousel__dots{position:absolute;z-index:3;left:50%;bottom:2rem;display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:2rem;background:#00000038;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);transform:translate(-50%)}.banner-carousel__dot{position:relative;width:.8rem;height:.8rem;padding:0;overflow:hidden;border:0;border-radius:1rem;background:#ffffff8c;cursor:pointer;transition:width .4s cubic-bezier(.2,.8,.2,1),background .25s ease}.banner-carousel__dot.is-active{width:3.2rem;background:#ffffff61}.banner-carousel__dot span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:left}.banner-carousel[data-playing=true] .banner-carousel__dot.is-active span{animation:banner-dot-progress var(--banner-speed) linear forwards}@keyframes banner-dot-progress{to{transform:scaleX(1)}}@media screen and (max-width:749px){.banner-carousel__viewport{aspect-ratio:var(--banner-ratio-mobile)}.banner-carousel__arrow{display:none}.banner-carousel__dots{bottom:1.2rem}.banner-carousel__video--desktop:has(~.banner-carousel__video--mobile),.banner-carousel__video--desktop:has(~.banner-carousel__image--mobile){display:none}.banner-carousel__video--mobile,.banner-carousel__image--mobile{display:block}}@media(prefers-reduced-motion:reduce){.banner-carousel__slide{transition:opacity .2s ease;transform:none}.banner-carousel__dot span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-banner-carousel.css.map */