.media-carousel{display:block;position:relative;isolation:isolate}.media-carousel__track{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.media-carousel__track::-webkit-scrollbar{display:none;width:0;height:0}.media-carousel__slide{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.media-carousel__track:has(>.media-carousel__slide:only-child){overflow-x:hidden}.media-carousel .banner__content:empty{padding:0}.media-carousel__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.media-carousel--overlap-header{margin-top:calc(var(--header-height, 0px) * -1)}.media-carousel--overlap-header .banner__box{margin-top:var(--header-height, 0px)}@media screen and (min-width:750px){.media-carousel--overlap-header .banner--extra-small:not(.banner--adapt){min-height:calc(32rem + var(--header-height, 0px))}.media-carousel--overlap-header .banner--small:not(.banner--adapt){min-height:calc(42rem + var(--header-height, 0px))}.media-carousel--overlap-header .banner--medium:not(.banner--adapt){min-height:calc(56rem + var(--header-height, 0px))}.media-carousel--overlap-header .banner--large:not(.banner--adapt){min-height:calc(72rem + var(--header-height, 0px))}}.media-carousel__dots{display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.2rem;z-index:3}.media-carousel--dots-overlay .media-carousel__dots{position:absolute;bottom:var(--media-carousel-dot-offset, 24px);left:50%;transform:translate(-50%)}.media-carousel--dots-below .media-carousel__dots{position:relative;margin-top:1.6rem}.media-carousel__dot{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;min-height:1.1rem;padding:.15rem;border:none;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.media-carousel__dot:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem;border-radius:999px}.media-carousel__dot-visual{position:relative;display:block;width:8px;height:8px;border-radius:50%;background:var(--media-carousel-dot-idle);overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1),border-radius .22s cubic-bezier(.4,0,.2,1),background .15s ease}.media-carousel__dot:hover .media-carousel__dot-visual{background:var(--media-carousel-dot-hover)}.media-carousel__dot-track,.media-carousel__dot-progress{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.media-carousel__dot-track{opacity:0;background:var(--media-carousel-dot-track);transition:opacity .2s ease}.media-carousel__dot-progress{transform:scaleX(0);transform-origin:left center;background:var(--media-carousel-dot-active)}.media-carousel__dot[aria-selected=true] .media-carousel__dot-visual{width:2.75rem;height:8px;border-radius:4px;background:transparent}.media-carousel__dot[aria-selected=true] .media-carousel__dot-track{opacity:1}.media-carousel[data-autoplay-running=true] .media-carousel__dot[aria-selected=true] .media-carousel__dot-progress{animation:media-carousel-dot-fill var(--media-carousel-autoplay-duration, 5s) linear forwards}.media-carousel[data-autoplay-running=true].media-carousel--paused .media-carousel__dot[aria-selected=true] .media-carousel__dot-progress{animation-play-state:paused}.media-carousel:not([data-autoplay-running=true]) .media-carousel__dot[aria-selected=true] .media-carousel__dot-progress{animation:none;transform:scaleX(1)}@keyframes media-carousel-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.media-carousel__dot-visual,.media-carousel__dot-track{transition:none}.media-carousel .media-carousel__dot[aria-selected=true] .media-carousel__dot-progress{animation:none;transform:scaleX(1)}}.media-carousel--dots-light{--media-carousel-dot-idle: rgba(255, 255, 255, .45);--media-carousel-dot-hover: rgba(255, 255, 255, .6);--media-carousel-dot-track: rgba(255, 255, 255, .28);--media-carousel-dot-active: #ffffff}.media-carousel--dots-dark{--media-carousel-dot-idle: rgba(0, 0, 0, .3);--media-carousel-dot-hover: rgba(0, 0, 0, .45);--media-carousel-dot-track: rgba(0, 0, 0, .15);--media-carousel-dot-active: #000000}.media-carousel--dots-light .media-carousel__dot{color:#fff}.media-carousel--dots-dark .media-carousel__dot{color:#000}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-media-carousel.css.map */