.video-carousel{--vc-ratio: 9/16;--vc-per-desktop: 4;--vc-per-tablet: 3;--vc-per-mobile: 1.25;--vc-gap: 12px;--vc-per-view: var(--vc-per-mobile);display:block;width:100%;min-width:0}@media(min-width:750px){.video-carousel{--vc-per-view: var(--vc-per-tablet)}}@media(min-width:1024px){.video-carousel{--vc-per-view: var(--vc-per-desktop)}}.video-carousel__header{margin-block-end:1.6rem}.video-carousel__heading{margin:0}.video-carousel__text{margin-block-start:.8rem}.video-carousel__viewport{position:relative}.video-carousel__track{display:flex;gap:var(--vc-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-carousel__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.video-carousel__track{scroll-behavior:auto}}.video-carousel__slide{flex:0 0 calc((100% - var(--vc-gap) * (var(--vc-per-view) - 1)) / var(--vc-per-view));min-width:0;margin:0;padding:0;scroll-snap-align:start}.video-carousel__media{position:relative;aspect-ratio:var(--vc-ratio);overflow:hidden;background:#111;border-radius:var(--vc-radius, 0)}.video-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.video-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;display:block;background:transparent;pointer-events:none}.video-carousel__slide:not(.is-previewing) .video-carousel__video{opacity:0}.video-carousel__slide.is-previewing .video-carousel__poster{visibility:hidden}.video-carousel__track{align-items:flex-start}.video-carousel__slide[data-orientation=landscape]{flex-basis:min(100%,calc((100% - var(--vc-gap) * (var(--vc-per-view) - 1)) / var(--vc-per-view) * 2 + var(--vc-gap)))}.video-carousel__slide[data-orientation=landscape] .video-carousel__media{aspect-ratio:var(--vc-slide-ratio, 16/9)}.video-carousel__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.video-carousel__play-icon{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;background:#0000008c;transition:transform .2s ease,background-color .2s ease}.video-carousel__play-icon svg{margin-inline-start:.2rem}.video-carousel__slide.is-previewing .video-carousel__play-icon{opacity:.85;transform:scale(.8)}.video-carousel__play:hover .video-carousel__play-icon{transform:scale(1.06);background:#000000b3}.video-carousel__play:focus-visible,.video-carousel__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.video-carousel__play:focus-visible .video-carousel__play-icon{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.video-carousel__caption{margin:.8rem 0 0}.video-carousel__arrow{position:absolute;top:calc(50% - 2rem);z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:#fff;color:#000;cursor:pointer;box-shadow:0 1px 4px #00000026;transition:opacity .2s ease}.video-carousel__arrow--prev{inset-inline-start:.8rem}.video-carousel__arrow--next{inset-inline-end:.8rem}.video-carousel__arrow:disabled{opacity:.35;cursor:default}[dir=rtl] .video-carousel__arrow svg{transform:scaleX(-1)}.video-carousel[data-static] .video-carousel__arrow{display:none}.video-carousel__empty{margin:0;padding:1.6rem;border:1px dashed currentColor;opacity:.7}@media(max-width:749px){.video-carousel__arrow{width:3.6rem;height:3.6rem;top:calc(50% - 1.8rem)}.video-carousel__arrow--prev{inset-inline-start:.4rem}.video-carousel__arrow--next{inset-inline-end:.4rem}.video-carousel__play-icon{width:4.8rem;height:4.8rem}}@media(hover:none)and (max-width:749px){.video-carousel__arrow{display:none}}.video-player[hidden]{display:none}.video-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.video-player__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;pointer-events:auto}.video-player__panel{position:absolute;inset-inline:0;inset-block-start:50%;width:min(92vw,calc((100vh - 6.4rem) * var(--vp-ratio, .5625)));width:min(92vw,calc((100dvh - 6.4rem) * var(--vp-ratio, .5625)));aspect-ratio:var(--vp-ratio, .5625);margin-inline:auto;transform:translateY(-50%);overflow:hidden;border-radius:1.2rem;background:#000;color:#fff;box-shadow:0 1.2rem 4rem #00000073;pointer-events:auto}.video-player__panel:focus{outline:none}@media(min-width:750px){.video-player__backdrop{background:#0003}.video-player__panel{inset-inline:auto 2.4rem;inset-block:auto 2.4rem;width:min(var(--vp-max-w, 38rem),calc((100vh - 4.8rem) * var(--vp-ratio, .5625)));width:min(var(--vp-max-w, 38rem),calc((100dvh - 4.8rem) * var(--vp-ratio, .5625)));margin:0;transform:none}}.video-player__stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-user-select:none;user-select:none}.video-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.video-player__progress{position:absolute;inset:0 0 auto 0;height:.3rem;background:#ffffff4d}.video-player__progress span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.video-player__toggle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.video-player__toggle svg{padding:1.4rem;box-sizing:content-box;border-radius:50%;background:#00000080;opacity:0;transition:opacity .2s ease}.video-player.is-paused .video-player__toggle svg,.video-player__toggle:focus-visible svg,.video-player__toggle:hover svg{opacity:1}.video-player__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}.video-player__btn:hover:not(:disabled){background:#000000bf}.video-player__btn:disabled{opacity:.35;cursor:default}.video-player__btn[hidden]{display:none}.video-player__btn:focus-visible,.video-player__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #000000b3}.video-player__close{inset-block-start:1.2rem;inset-inline-start:1.2rem}.video-player__nav{position:absolute;inset-inline-end:1.2rem;inset-block-start:50%;display:flex;flex-direction:column;gap:.8rem;transform:translateY(-50%)}.video-player__nav .video-player__btn{position:static}.video-player__mute{inset-block-end:1.2rem;inset-inline-end:1.2rem}.video-player__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:749px){html.video-player-open{overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/video-carousel.css.map */
