.vf-video-dialog{width:min(60rem,calc(100% - 2rem));padding:1rem;border:var(--vf-card-border);border-radius:var(--vf-radius-lg);background:var(--vf-surface);color:var(--vf-text)}.vf-video-dialog::backdrop{background:rgb(0 0 0 / 75%)}.vf-video-dialog__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.vf-video-dialog__heading h2{font:600 1.1rem var(--vf-font-sans);margin:0}.vf-video-dialog__player{aspect-ratio:16/9}.vf-video-dialog iframe,.vf-video-host iframe{border:0;width:100%;height:100%}.vf-video-host{overflow:hidden;position:relative}.vf-video-play{display:grid;place-items:center;position:absolute;inset:0;margin:auto;width:3.2rem;height:3.2rem;border:1px solid #fff;border-radius:50%;color:white;background:rgb(0 0 0 / 35%);pointer-events:none}.vf-video-play svg{width:2rem;height:2rem}.vf-video-duration{position:absolute;right:.5rem;bottom:.5rem;background:rgb(0 0 0 / 75%);color:#fff;padding:.1rem .3rem;border-radius:.2rem;font-size:.75rem}.vf-video-placeholder{display:grid;place-items:center;width:100%;height:100%;background:var(--vf-green-900);color:var(--vf-green-100)}.vf-video-placeholder svg{width:4rem;height:4rem}
.vf-video-host [data-vf-video] .vf-video-placeholder svg{opacity:.2}