.vp-facade{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#111 var(--vp-cover) center/cover no-repeat;cursor:pointer}.vp-facade:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#00000059)}.vp-play{position:absolute;top:50%;left:50%;z-index:1;display:grid;place-items:center;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--accent);box-shadow:0 0 #ffffff8c;animation:sc-vp-pulse 2s ease-out infinite;transition:transform .2s}.vp-play svg{width:28px;height:28px;margin-left:4px;fill:#fff}.vp-facade:hover .vp-play,.vp-facade:focus-visible .vp-play{transform:scale(1.08)}.vp-facade:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@keyframes sc-vp-pulse{0%{box-shadow:0 0 #ffffff8c}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 #fff0}}.modal.vp-modal{width:min(960px,100%);padding:0;overflow:visible;background:#000}.modal.vp-modal .modal-body{display:block}.modal.vp-modal .x{top:-48px;right:0;color:#fff}.modal.vp-modal .x:hover{background:#ffffff26}.modal.vp-modal.is-shorts{width:min((100vh - 120px) * 9 / 16,100%)}.vp-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:calc(var(--radius) + 4px)}.vp-frame.is-shorts{aspect-ratio:9/16}.vp-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:760px){.vp-play{width:60px;height:60px;margin:-30px 0 0 -30px}.modal.vp-modal{width:100%;border-radius:var(--radius)}.modal.vp-modal .x{top:-46px}.modal.vp-modal.is-shorts{width:min((100vh - 140px) * 9 / 16,100%)}}@media(prefers-reduced-motion:reduce){.vp-play{animation:none}}