.yv-vr{--yv-vr-w: clamp(190px, 17vw, 240px);--yv-vr-h: calc(var(--yv-vr-w) * 1.75);--yv-vr-gap: clamp(14px, 1.8vw, 20px);--yv-vr-grow: calc(var(--yv-vr-w) * .16);--yv-vr-bezel: 10px;--yv-vr-radius: 14px;text-align:left;overflow:hidden}.yv-vr__heading{font-size:clamp(24px,3.4vw,34px)}.yv-vr__text{margin:16px 0 0;max-width:760px;font-size:16px;line-height:1.6;color:var(--yv-body, var(--yv-neutral-700))}.yv-vr__viewport{position:relative;margin-top:clamp(32px,5vw,56px)}.yv-vr__rail{display:flex;align-items:center;gap:var(--yv-vr-gap);padding-block:calc(var(--yv-vr-grow) + var(--yv-vr-bezel) + 6px);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-inline:calc(50% - var(--yv-vr-w) / 2);cursor:grab}.yv-vr__rail::-webkit-scrollbar{display:none}.yv-vr__rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.yv-vr__rail.is-dragging *{pointer-events:none}.yv-vr__item{flex:0 0 var(--yv-vr-w);scroll-snap-align:center}.yv-vr__media{position:relative;width:100%;height:var(--yv-vr-h);border-radius:var(--yv-vr-radius);overflow:hidden;background:var(--yv-neutral-200);transition:height .35s ease,margin .35s ease}.yv-vr__video,.yv-vr__empty,.yv-vr__empty svg{width:100%;height:100%;object-fit:cover;display:block}.yv-vr__item.is-active{z-index:2}.yv-vr__item.is-active .yv-vr__media{height:calc(var(--yv-vr-h) + var(--yv-vr-grow) * 2);margin-block:calc(var(--yv-vr-grow) * -1);border-radius:calc(var(--yv-vr-radius) + 6px)}.yv-vr__phone{position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(var(--yv-vr-w) + var(--yv-vr-bezel) * 2);height:calc(var(--yv-vr-h) + var(--yv-vr-grow) * 2 + var(--yv-vr-bezel) * 2);border:var(--yv-vr-bezel) solid var(--yv-vr-frame, #1c1c1e);border-radius:calc(var(--yv-vr-radius) + 6px + var(--yv-vr-bezel));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--yv-vr-frame, #1c1c1e) 55%,#fff),0 24px 48px #201e1d40;pointer-events:none;z-index:3}.yv-vr__phone:before{content:"";position:absolute;top:-1px;left:50%;translate:-50%;width:40%;height:16px;border-radius:0 0 11px 11px;background:var(--yv-vr-frame, #1c1c1e)}.yv-vr__phone:after{content:"";position:absolute;top:18%;right:calc(var(--yv-vr-bezel) * -1 - 3px);width:3px;height:14%;border-radius:2px;background:var(--yv-vr-frame, #1c1c1e)}.yv-vr__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:0;padding:0;background:none;color:#fff;cursor:pointer}.yv-vr__play svg{width:36%;max-width:80px;aspect-ratio:1;border-radius:999px;background:#201e1d73;padding:14px;transition:background .2s ease,transform .2s ease,opacity .2s ease}.yv-vr__play:hover svg{background:#201e1d9e;transform:scale(1.06)}.yv-vr__media.is-playing .yv-vr__play svg{opacity:0}.yv-vr__dots{display:flex;justify-content:center;gap:10px;margin-top:clamp(16px,2.5vw,28px);padding:9px 16px;border-radius:999px;background:color-mix(in srgb,var(--yv-vr-dot, #e5ded3) 40%,transparent);width:fit-content;margin-inline:auto}.yv-vr__dot{width:11px;height:11px;padding:0;border:0;border-radius:999px;background:var(--yv-vr-dot, #e5ded3);cursor:pointer;transition:background .2s ease,transform .2s ease}.yv-vr__dot:hover{transform:scale(1.15)}.yv-vr__dot[aria-selected=true]{background:var(--yv-vr-dot-active, #4f1a10)}@media(prefers-reduced-motion:reduce){.yv-vr__media,.yv-vr__play svg,.yv-vr__dot{transition:none}}@media(max-width:749px){.yv-vr{--yv-vr-w: 52vw;--yv-vr-gap: 12px;--yv-vr-bezel: 8px;--yv-vr-radius: 12px}.yv-vr__text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yv-video-carousel.css.map */