.banner-carousel{position:relative;display:block}.banner-carousel__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.banner-carousel__track::-webkit-scrollbar{display:none}.banner-carousel__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.banner-carousel__media,.banner-carousel__media picture{display:block}.banner-carousel__media:focus-visible{outline-offset:-.4rem}.banner-carousel__image{display:block;width:100%;height:auto}.banner-carousel__placeholder{display:block;width:100%;height:auto;aspect-ratio:5 / 6;background-color:rgba(var(--color-foreground),.04)}.banner-carousel__arrow{position:absolute;top:50%;z-index:1;display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffffd9;color:#a4231f;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease}.banner-carousel__arrow:hover{background:#a4231f;color:#fff}.banner-carousel__arrow .icon{width:14px;height:10px}.banner-carousel__arrow--prev{left:16px}.banner-carousel__arrow--prev .icon{transform:rotate(180deg)}.banner-carousel__arrow--next{right:16px}.banner-carousel__dots{position:absolute;bottom:4px;left:50%;z-index:1;display:flex;transform:translate(-50%)}.banner-carousel__dot{display:flex;align-items:center;justify-content:center;height:24px;padding:0 4px;border:0;background:none;cursor:pointer}.banner-carousel__dot:before{content:"";display:block;width:8px;height:8px;border-radius:999px;background:#ffffff8c;box-shadow:0 0 3px #00000059;transition:width .3s ease,background-color .3s ease}.banner-carousel__dot[aria-current=true]:before{width:22px;background:#fff}@media screen and (min-width:769px){.banner-carousel__placeholder{aspect-ratio:16 / 9}.banner-carousel__arrow{display:flex}.banner-carousel__arrow--prev{left:24px}.banner-carousel__arrow--next{right:24px}.banner-carousel__dots{bottom:12px}}@media(prefers-reduced-motion:reduce){.banner-carousel__arrow,.banner-carousel__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-banner-carousel.css.map */