.vx-video-dialog{justify-items:start;min-inline-size:0;display:grid;position:relative}.vx-video-dialog-peek{z-index:40;inline-size:min(20rem, calc(100vw - var(--space-8)));border:thin solid var(--film-peek-border,var(--terminal-border,var(--border)));border-radius:var(--film-peek-radius,var(--radius-md));background:var(--film-peek-background,var(--terminal-background,var(--foreground)));box-shadow:var(--shadow-raise);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-std,.15s ease-out), visibility 0s var(--ease-standard) .25s;display:block;position:absolute;inset-block-end:100%;inset-inline-start:50%;overflow:hidden;translate:-50%}.vx-video-dialog-peek[data-placement=below]{inset-block:100% auto}.vx-video-dialog:has(.vx-video-trigger-preset[data-preset=card])>.vx-video-dialog-peek{inline-size:min(15rem, calc(100vw - var(--space-8)));inset-inline-start:0;translate:0}.vx-video-dialog-peek video{aspect-ratio:16/9;object-fit:cover;inline-size:100%;display:block}.vx-video-dialog-peek[data-ratio="1:1"] video{aspect-ratio:1}.vx-video-dialog:hover>.vx-video-dialog-peek,.vx-video-dialog:focus-within>.vx-video-dialog-peek{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.25s,0s}.vx-video-dialog-peek-caption{inset:auto var(--space-2) var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--terminal-background,oklch(16% .03 265)) 88%, transparent);color:var(--terminal-foreground,oklch(95% .005 265));font-family:var(--font-body);font-size:.75rem;position:absolute}@media (prefers-reduced-motion:reduce){.vx-video-dialog-peek{transition:none;display:none}}.vx-video-dialog-trigger{border-radius:var(--radius-lg,var(--radius));max-inline-size:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.vx-video-dialog-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.vx-video-dialog-trigger:hover{background:var(--muted)}.vx-video-dialog-trigger:hover .vx-video-trigger-preset:not([data-preset=button]){border-color:var(--primary-text)}.vx-video-trigger-preset{border:thin solid var(--border);border-radius:var(--radius-lg);min-inline-size:0;display:grid;position:relative;overflow:hidden}.vx-video-trigger-preset img{aspect-ratio:16/9;object-fit:cover;inline-size:100%;display:block}.vx-video-trigger-play{inline-size:calc(var(--space-8) + var(--space-2));block-size:calc(var(--space-8) + var(--space-2));background:var(--card);color:var(--primary-text);border-radius:999px;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.vx-video-trigger-copy{gap:var(--space-1);padding:var(--space-3);display:grid}.vx-video-trigger-copy>span{color:var(--muted-foreground);font-size:.8125rem}.vx-video-trigger-preset[data-preset=button]{grid-template-columns:calc(var(--space-12) + var(--space-2)) minmax(0, 1fr);min-block-size:var(--space-12);inline-size:var(--marketing-film-trigger-width,auto);background:var(--marketing-film-trigger-background,transparent);border-radius:var(--marketing-button-radius,var(--radius-md));max-inline-size:100%;transition:background-color var(--marketing-film-trigger-duration,0s) var(--ease-standard), border-color var(--marketing-film-trigger-duration,0s) var(--ease-standard);align-items:center}.vx-video-dialog-trigger:has(.vx-video-trigger-preset[data-preset=button]):hover{background:0 0}.vx-video-dialog-trigger:hover .vx-video-trigger-preset[data-preset=button]{border-color:var(--marketing-film-trigger-hover-border,var(--primary-text));background:var(--marketing-film-trigger-hover-background,var(--muted))}.vx-video-trigger-preset[data-preset=button] strong{font-weight:500}.vx-video-trigger-preset[data-preset=button] img{inline-size:calc(var(--space-12) + var(--space-2));aspect-ratio:16/9}.vx-video-trigger-preset[data-preset=button] .vx-video-trigger-play{inline-size:var(--space-6);block-size:var(--space-6);inset-inline-start:calc((var(--space-12) + var(--space-2)) / 2)}.vx-video-trigger-preset[data-preset=button] .vx-video-trigger-copy{align-items:baseline;gap:var(--space-2);padding:0 var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.vx-video-trigger-preset[data-preset=button] .vx-video-trigger-copy :is(strong,span){white-space:nowrap}@media (width<=35rem){.vx-video-trigger-preset[data-preset=button]{grid-template-columns:calc(var(--space-8) + var(--space-3)) minmax(0, 1fr)}.vx-video-trigger-preset[data-preset=button] img{inline-size:calc(var(--space-8) + var(--space-3))}.vx-video-trigger-preset[data-preset=button] .vx-video-trigger-play{inset-inline-start:calc((var(--space-8) + var(--space-3)) / 2)}}.vx-video-trigger-preset[data-preset=card]{grid-template-columns:calc(var(--space-16) + var(--space-6)) minmax(0, 1fr);padding:var(--film-card-pad,0);align-items:center}.vx-video-trigger-preset[data-preset=card] img{inline-size:calc(var(--space-16) + var(--space-6));aspect-ratio:1;border-radius:var(--film-card-thumb-radius,0)}.vx-video-trigger-preset[data-preset=card] .vx-video-trigger-copy{padding:var(--film-card-copy-pad,var(--space-3))}.vx-video-trigger-preset[data-preset=card] .vx-video-trigger-copy strong{font-size:var(--film-card-title-size,inherit);font-weight:var(--film-card-title-weight,bolder)}.vx-video-trigger-preset[data-preset=card] .vx-video-trigger-play{inset-inline-start:calc((var(--space-16) + var(--space-6)) / 2)}.vx-video-dialog-alert{color:var(--destructive,var(--foreground));margin:0;font-size:13px}.vx-video-dialog-dialog{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background:var(--card);max-block-size:calc(100dvh - 32px);inline-size:min(1100px,100vw - 32px);max-inline-size:none;color:var(--foreground);--display-foreground:var(--video-dialog-foreground,var(--foreground));margin:auto;padding:0;overflow:auto}.vx-video-dialog-dialog::backdrop{background:var(--film-backdrop,#020817c7)}.vx-video-dialog-head{justify-content:space-between;align-items:center;gap:var(--space-3,12px);border-block-end:1px solid var(--border);padding:12px 16px;display:flex}.vx-video-dialog-title{min-inline-size:0}.vx-video-dialog-close{border:1px solid var(--border);border-radius:var(--radius-md,6px);block-size:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;flex:none;padding:0 12px;font-size:13px;font-weight:500}.vx-video-dialog-close:hover{border-color:var(--primary-border,var(--primary-text))}.vx-video-dialog-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.vx-video-dialog-player{background:#000}.vx-video-dialog-film{background:#000;max-block-size:70vh;inline-size:100%;display:block}.vx-video-dialog-chapters{padding:12px 16px 16px}.vx-video-dialog-time{color:var(--film-time,inherit);font-variant-numeric:tabular-nums;opacity:.75}@media (forced-colors:active){.vx-video-dialog-dialog::backdrop{background:canvas}}.vx-video-dialog-trigger[data-preset=content]{position:relative}.vx-video-dialog-trigger[data-preset=content]:hover{background:0 0}.vx-video-trigger-cue{pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.vx-video-dialog-trigger:has(.vx-media-image) .vx-video-trigger-cue{display:grid}.vx-video-dialog-trigger:has(.vx-media-caption) .vx-video-trigger-cue{inset-block-end:2.5rem}.vx-video-trigger-cue-disc{--vx-cue-gold:var(--accent-gold,oklch(67.86% .1368 80.5));border:2px solid var(--vx-cue-gold);background:color-mix(in oklab, var(--primary) 82%, black);color:oklch(98.5% 0 0);block-size:4rem;inline-size:4rem;box-shadow:0 0 0 6px color-mix(in oklab, var(--vx-cue-gold) 22%, transparent), 0 12px 32px -12px #0000008c;border-radius:999px;place-items:center;display:grid}.vx-video-trigger-cue-disc svg{translate:2px}.vx-video-trigger-cue-disc svg path{fill:currentColor}.vx-video-trigger-cue-time{inset:auto var(--space-3) var(--space-3) auto;padding:var(--space-1) var(--space-2);color:oklch(98.5% 0 0);font-family:var(--font-mono,var(--font-body));font-variant-numeric:tabular-nums;background:#0000009e;border-radius:999px;font-size:.75rem;position:absolute}@media (prefers-reduced-motion:no-preference){.vx-video-trigger-cue-disc{transition:scale var(--duration-s,.2s) var(--ease-standard,ease-out)}.vx-video-dialog-trigger:hover .vx-video-trigger-cue-disc,.vx-video-dialog-trigger:focus-visible .vx-video-trigger-cue-disc{scale:1.08}}@media (width<=35rem){.vx-video-trigger-cue-disc{block-size:3.25rem;inline-size:3.25rem}}