.video-carousel{--vc-gap: 1.25rem;--vc-radius: 6px;--vc-ink: #1c1b19;--vc-muted: #6b6660;--vc-accent: #2f5d50;--vc-card-bg: #efece5;padding:clamp(2.5rem,5vw,4.5rem) 0}.video-carousel__inner{max-width:1200px;margin:0 auto;padding:0 1.25rem}.video-carousel__header{max-width:40em;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.video-carousel__heading{font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 .4rem;color:var(--vc-ink);font-weight:600}.video-carousel__subheading{margin:0;color:var(--vc-muted);font-size:1.05rem;line-height:1.5}.video-carousel__viewport{position:relative}.video-carousel__track{display:flex;gap:var(--vc-gap);list-style:none;margin:0;padding:0 0 .5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.video-carousel__track::-webkit-scrollbar{height:6px}.video-carousel__track::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--vc-ink) 20%,transparent);border-radius:999px}.video-carousel__slide{flex:0 0 auto;width:78%;max-width:320px;scroll-snap-align:start}@media(min-width:600px){.video-carousel__slide{width:42%}}@media(min-width:900px){.video-carousel__slide{width:calc((100% - (4 * var(--vc-gap))) / 5);max-width:none}}.video-carousel__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border:none;border-radius:var(--vc-radius);background:var(--vc-card-bg);overflow:hidden;cursor:pointer;padding:0;isolation:isolate}.video-carousel__card--empty{cursor:default;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;color:var(--vc-muted)}.video-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-carousel__poster--placeholder{background:linear-gradient(135deg,var(--vc-card-bg),color-mix(in srgb,var(--vc-card-bg) 60%,#000 8%))}.video-carousel__card:hover .video-carousel__poster,.video-carousel__card:focus-visible .video-carousel__poster{transform:scale(1.04)}.video-carousel__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a088c,#0a0a0800 42%);pointer-events:none}.video-carousel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#ffffffeb;color:var(--vc-ink);display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s ease,transform .2s ease}.video-carousel__play svg{margin-left:2px}.video-carousel__card:hover .video-carousel__play,.video-carousel__card:focus-visible .video-carousel__play{background:#fff;transform:translate(-50%,-50%) scale(1.06)}.video-carousel__caption{position:absolute;left:.9rem;right:.9rem;bottom:.8rem;z-index:2;color:#fff;font-size:.9rem;font-weight:500;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.35)}.video-carousel__card:focus-visible{outline:2px solid var(--vc-accent);outline-offset:3px}.video-carousel__progress{display:flex;gap:.4rem;justify-content:center;margin-top:1.25rem}.video-carousel__dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--vc-ink) 22%,transparent);cursor:pointer;transition:background .25s ease,transform .25s ease}.video-carousel__dot.is-active{background:var(--vc-accent);transform:scale(1.35)}.video-carousel__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.video-carousel__modal[hidden]{display:none}.video-carousel__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0b09d1}.video-carousel__modal-panel{position:relative;z-index:1;width:min(92vw,480px);max-height:90vh}.video-carousel__modal-media{position:relative;width:100%;border-radius:var(--vc-radius);overflow:hidden;background:#000}.video-carousel__modal-video{display:block;width:100%;max-height:85vh}.video-carousel__modal-iframe{display:block;width:100%;aspect-ratio:9 / 16;border:0}.video-carousel__modal-close{position:absolute;top:-2.6rem;right:0;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-carousel__modal-close:hover,.video-carousel__modal-close:focus-visible{background:#ffffff38}body.video-carousel-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.video-carousel__poster,.video-carousel__play,.video-carousel__dot,.video-carousel__track{transition:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-carousel.css.map */