.video-carousel-section{position:relative;overflow:hidden}.video-carousel-section .title-wrapper{text-align:center;margin-bottom:2rem}.video-carousel-section .title{font-weight:500;letter-spacing:-.02em}.video-carousel-section--full-width .video-carousel__track{padding-left:2.5rem;padding-right:2.5rem}@media screen and (min-width:750px){.video-carousel-section--full-width .video-carousel__track{padding-left:5rem;padding-right:5rem}.video-carousel__controls{padding:0 2rem}}.video-carousel__track{display:flex;flex-wrap:nowrap;gap:1.2rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 4rem 1.5rem;scroll-behavior:smooth;will-change:scroll-position;contain:layout style paint}@media screen and (max-width:749px){.video-carousel__track{padding:1rem 3.5rem 1.5rem}}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__track--snap{scroll-snap-type:x mandatory}.video-carousel__track--snap .video-carousel__item{scroll-snap-align:start}.video-carousel__item{flex:0 0 auto;width:var(--video-width, 280px);scroll-snap-align:start;contain:layout style paint}.video-carousel__media-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:rgba(var(--color-foreground),.05);box-shadow:0 4px 20px #0000001a;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.video-carousel__media{width:100%;height:100%;display:block}.video-carousel__poster{width:100%;height:100%;position:relative;cursor:pointer;border:none;background:none;padding:0;overflow:hidden}.video-carousel__poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.video-carousel__item:hover .video-carousel__poster img{transform:scale(1.05)}.video-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.video-carousel__placeholder svg{width:50%;height:50%}.video-carousel__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease;will-change:transform;box-shadow:0 4px 15px #0003}.video-carousel__item:hover .video-carousel__play-button{transform:translate(-50%,-50%) scale(1.1);background:#fff}.video-carousel__play-button .svg-wrapper{width:2rem;height:2rem;margin-left:.3rem}.video-carousel__play-button svg{width:100%;height:100%}.video-carousel__label{position:absolute;top:1rem;left:1rem;background:#000000b3;color:#fff;font-size:1.1rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-carousel__duration{position:absolute;bottom:1rem;right:1rem;background:#000000bf;color:#fff;font-size:1.3rem;font-weight:600;padding:.4rem .8rem;border-radius:6px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;letter-spacing:.5px}.video-carousel__video{width:100%;height:100%;object-fit:cover;border:none;opacity:0;transition:opacity .3s ease}.video-carousel__media[loaded] .video-carousel__video{opacity:1}.video-carousel__media iframe{width:100%;height:100%;border:none;opacity:0;transition:opacity .3s ease}.video-carousel__media[loaded] iframe{opacity:1}.video-carousel__caption{margin-top:1rem;text-align:center}.video-carousel__caption-text{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.8);line-height:1.4}.video-carousel{position:relative}.video-carousel__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none;z-index:10}.video-carousel__button{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgba(var(--color-background),.95);color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;will-change:transform;pointer-events:auto;box-shadow:0 2px 12px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-carousel__button:hover{background:rgb(var(--color-background));transform:scale(1.15);box-shadow:0 4px 20px #00000026}.video-carousel__button:active{transform:scale(1.05)}.video-carousel__button .svg-wrapper{width:1.6rem;height:1.6rem}.video-carousel__button--prev .svg-wrapper{transform:rotate(90deg);margin-right:.2rem}.video-carousel__button--next .svg-wrapper{transform:rotate(-90deg);margin-left:.2rem}.video-carousel__media.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--color-foreground),0),rgba(var(--color-foreground),.05),rgba(var(--color-foreground),0));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;z-index:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-carousel__poster{transition:opacity .3s ease,visibility .3s ease}.video-carousel__media[loaded] .video-carousel__poster{opacity:0;visibility:hidden;pointer-events:none}.video-carousel__poster:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.video-carousel__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(prefers-reduced-motion:reduce){.video-carousel__track{scroll-behavior:auto}.video-carousel__poster img,.video-carousel__play-button,.video-carousel__button{transition:none}}@media screen and (max-width:749px){.video-carousel__track{gap:1rem;padding:.5rem 2.5rem 1rem}.video-carousel__media-wrapper{border-radius:12px}.video-carousel__play-button{width:3.5rem;height:3.5rem}.video-carousel__play-button .svg-wrapper{width:1.4rem;height:1.4rem}.video-carousel__controls{padding:0 .5rem}.video-carousel__button{width:3.6rem;height:3.6rem}.video-carousel__button .svg-wrapper{width:1.4rem;height:1.4rem}.video-carousel__label{font-size:1rem;padding:.3rem .8rem;top:.8rem;left:.8rem}.video-carousel__duration{font-size:1.2rem;padding:.3rem .7rem;bottom:.8rem;right:.8rem}}@media screen and (min-width:990px){.video-carousel__track{gap:1.5rem}.video-carousel__media-wrapper{border-radius:16px;box-shadow:0 6px 30px #0000001f}}.deferred-media[loaded]>.deferred-media__poster{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0}.video-carousel__item.is-active .video-carousel__media-wrapper{box-shadow:0 12px 50px #00000040;transform:scale(1.02)}.video-carousel__item .video-carousel__media-wrapper{transition:box-shadow .3s ease,transform .3s ease}@supports (scroll-behavior: smooth){.video-carousel__track{scroll-behavior:smooth}}.video-carousel__media-wrapper,.video-carousel__poster,.video-carousel__video{transform:translateZ(0);backface-visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-video-carousel.css.map */