.yv{aspect-ratio:16/9;border-radius:var(--vf-radius-lg,14px);width:100%;box-shadow:var(--vf-shadow-float,0 18px 40px #0f1f2e2e);background:#0f1f2e;position:relative;overflow:hidden}.yv-facade{all:unset;cursor:pointer;display:block;position:absolute;inset:0}.yv-facade:focus-visible{outline:3px solid var(--vf-accent,#28abde);outline-offset:-3px}.yv-poster{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.yv-facade:hover .yv-poster{transform:scale(1.02)}.yv-play{aspect-ratio:1;background:var(--vf-accent,#28abde);border-radius:50%;place-items:center;width:clamp(56px,11%,84px);transition:transform .2s,box-shadow .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0f1f2e59,0 0 0 8px #ffffff2e}.yv-play svg{fill:#fff;width:44%;height:44%;margin-left:6%}.yv-facade:hover .yv-play{transform:translate(-50%,-50%)scale(1.07);box-shadow:0 10px 28px #0f1f2e66,0 0 0 10px #ffffff3d}.yv-duration{color:#fff;font-variant-numeric:tabular-nums;background:#0f1f2ed1;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:600;position:absolute;bottom:12px;right:12px}.yv-frame{border:0;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.yv-poster,.yv-play{transition:none}.yv-facade:hover .yv-poster{transform:none}}.yv-modal{z-index:1000;background:#08121cd1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.yv-modal-inner{width:min(1040px,100%);position:relative}.yv-modal-inner .yv{box-shadow:0 24px 60px #00000073}.yv-close{all:unset;cursor:pointer;background:#ffffff1f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-48px;right:0}.yv-close:hover{background:#ffffff38}.yv-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.yv-close svg{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;fill:none;width:20px;height:20px}