.video-carousel{display:block;margin-top:var(--vc-mt, 24px);margin-bottom:var(--vc-mb, 8px)}.video-carousel__heading{margin:0 0 1.2rem}.video-carousel__empty{padding:2rem;border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:var(--vc-radius, 8px);font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.video-carousel__viewport{position:relative}.video-carousel__track{position:relative;display:flex;gap:var(--vc-gap, 12px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;padding-bottom:.2rem}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.video-carousel__track.is-dragging .video-carousel__card{pointer-events:none}.video-carousel__card{position:relative;flex:0 0 var(--vc-card-width, 150px);width:var(--vc-card-width, 150px);aspect-ratio:var(--vc-ratio, 9 / 16);scroll-snap-align:start;margin:0;padding:0;border:0;border-radius:var(--vc-radius, 8px);overflow:hidden;background:rgba(var(--color-foreground),.06);cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}.video-carousel__card:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.video-carousel__video{display:block;width:100%;height:100%;object-fit:cover;background:rgba(var(--color-foreground),.06)}.video-carousel__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .25s ease}.video-carousel__play svg{width:4rem;height:4rem;color:#fff;filter:drop-shadow(0 .2rem .6rem rgba(0,0,0,.4))}.video-carousel__card.is-playing .video-carousel__play{opacity:0}.video-carousel__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#121212;box-shadow:0 .1rem .6rem #00000038;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s ease}.video-carousel__arrow svg{width:1.2rem;height:1.2rem}.video-carousel__arrow--prev{left:.6rem}.video-carousel__arrow--prev svg{transform:rotate(90deg)}.video-carousel__arrow--next{right:.6rem}.video-carousel__arrow--next svg{transform:rotate(-90deg)}.video-carousel__viewport:hover .video-carousel__arrow,.video-carousel__arrow:focus-visible{opacity:1}@media(hover:none){.video-carousel__arrow{opacity:1}}.video-carousel__arrow[disabled]{opacity:0!important;pointer-events:none}.video-carousel__dots{display:flex;justify-content:center;gap:.8rem;margin-top:1.2rem}.video-carousel__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .2s ease}.video-carousel__dot.is-active{background:rgb(var(--color-foreground))}body.video-carousel-open{overflow:hidden}.video-carousel-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-family:var(--font-body-family)}.video-carousel-modal[hidden]{display:none}.video-carousel-modal__stage{position:relative;width:100%;max-width:500px;aspect-ratio:var(--vc-ratio, 9 / 16);max-height:100dvh;background:#000}.video-carousel-modal__video{display:block;width:100%;height:100%;object-fit:cover;background:#000}@media screen and (max-width:749px){.video-carousel-modal__stage{width:100vw;max-width:none;height:100dvh;aspect-ratio:auto}}.video-carousel-modal__progress{position:absolute;top:0;left:0;right:0;z-index:3;height:.3rem;background:#ffffff40}.video-carousel-modal__progress span{display:block;height:100%;width:0;background:#fff}.video-carousel-modal__toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.video-carousel-modal__toggle-icon{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;border-radius:50%;background:#00000073;opacity:0;transition:opacity .2s ease}.video-carousel-modal__toggle-icon svg{width:3.4rem;height:3.4rem;color:#fff;margin-left:.4rem}.video-carousel-modal.is-paused .video-carousel-modal__toggle-icon{opacity:1}.video-carousel-modal__close,.video-carousel-modal__mute,.video-carousel-modal__nav{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.video-carousel-modal__close{position:absolute;top:1.6rem;right:1.6rem;z-index:4;width:4.4rem;height:4.4rem;background:#fff;color:#121212}.video-carousel-modal__close svg{width:1.6rem;height:1.6rem}.video-carousel-modal__mute{position:absolute;top:1.6rem;left:1.6rem;z-index:4;width:4rem;height:4rem;background:#00000080;color:#fff}.video-carousel-modal__mute svg{width:2rem;height:2rem}.video-carousel-modal__mute .video-carousel-modal__mute-off,.video-carousel-modal__mute[aria-pressed=true] .video-carousel-modal__mute-on{display:none}.video-carousel-modal__mute[aria-pressed=true] .video-carousel-modal__mute-off{display:block}.video-carousel-modal__caption{position:absolute;left:50%;bottom:8.4rem;z-index:4;max-width:90%;padding:.7rem 1.6rem;border-radius:2.4rem;background:#0000008c;font-size:1.4rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%);pointer-events:none}.video-carousel-modal__bar{position:absolute;left:50%;bottom:2rem;z-index:4;display:flex;align-items:center;gap:.8rem;padding:.4rem;border-radius:3rem;background:#00000073;transform:translate(-50%)}.video-carousel-modal__nav{width:3.6rem;height:3.6rem;background:transparent;color:#fff}.video-carousel-modal__nav svg{width:1.2rem;height:1.2rem}.video-carousel-modal__nav--prev svg{transform:rotate(90deg)}.video-carousel-modal__nav--next svg{transform:rotate(-90deg)}.video-carousel-modal__dots{display:flex;gap:.8rem}.video-carousel-modal__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:#fff6;cursor:pointer}.video-carousel-modal__dot.is-active{background:#fff}.video-carousel-modal__close:focus-visible,.video-carousel-modal__mute:focus-visible,.video-carousel-modal__nav:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.video-carousel__track{scroll-behavior:auto}}.video-carousel-modal__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:#000}.video-carousel-modal__image[hidden]{display:none}.video-carousel-modal.is-image .video-carousel-modal__video,.video-carousel-modal.is-image .video-carousel-modal__toggle,.video-carousel-modal.is-image .video-carousel-modal__mute,.video-carousel-modal.is-image .video-carousel-modal__progress{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-video-carousel.css.map */