.video-dialog{width:min(64rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;background:transparent;color:var(--fg);overflow:visible}.video-dialog::backdrop{background:rgb(0 0 0/.62);backdrop-filter:blur(6px)}.video-dialog[open]{animation:video-in .42s var(--ease-out-quint) both}.video-dialog[open]::backdrop{animation:video-fade .3s ease-out both}.video-dialog-panel{overflow:hidden;border-color:color-mix(in oklab,var(--accent) 28%,var(--line));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 12%,transparent),0 30px 80px -30px color-mix(in oklab,var(--accent) 45%,transparent),0 40px 90px -40px rgb(0 0 0/.6)}.video-dialog-frame{position:relative;aspect-ratio:16/9;max-height:calc(100dvh - 7rem);margin:0 .75rem .75rem;overflow:hidden;border-radius:12px;background:#000}.video-dialog-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@keyframes video-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes video-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.video-dialog[open],.video-dialog[open]::backdrop{animation:none}}