.editor-demo:where(.astro-wdlmimq5){margin:0}@media(min-width:880px){.editor-demo:where(.astro-wdlmimq5){width:80%;margin-inline:auto}}.editor-demo__frame:where(.astro-wdlmimq5){position:relative;aspect-ratio:16 / 9;border-radius:var(--r-3, 10px);overflow:hidden;border:1px solid var(--rule);background:#102a37;box-shadow:var(--shadow-2, 0 24px 60px -28px rgba(16, 42, 55, .45))}.editor-demo__video:where(.astro-wdlmimq5),.editor-demo__poster:where(.astro-wdlmimq5){display:block;width:100%;height:100%;object-fit:cover}.editor-demo__toggle:where(.astro-wdlmimq5){position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:48px;height:48px;border:none;border-radius:999px;background:color-mix(in oklch,#0c2029 78%,transparent);color:#eaf1f4;cursor:pointer;backdrop-filter:blur(6px);transition:background var(--duration-fast, .15s) ease,transform var(--duration-fast, .15s) ease}.editor-demo__toggle:where(.astro-wdlmimq5):hover{background:#0c2029;transform:scale(1.06)}.editor-demo__toggle:where(.astro-wdlmimq5):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.editor-demo__icon-pause:where(.astro-wdlmimq5){display:none}.editor-demo:where(.astro-wdlmimq5)[data-playing=true] .editor-demo__icon-play:where(.astro-wdlmimq5){display:none}.editor-demo:where(.astro-wdlmimq5)[data-playing=true] .editor-demo__icon-pause:where(.astro-wdlmimq5){display:block}.editor-demo__badge:where(.astro-wdlmimq5){position:absolute;right:16px;bottom:16px;padding:6px 14px;border-radius:999px;background:color-mix(in oklch,#0c2029 80%,transparent);color:#cfe0e8;font-size:13px;font-weight:500;letter-spacing:.02em;backdrop-filter:blur(6px)}.editor-demo__caption:where(.astro-wdlmimq5){margin-top:16px;max-width:62ch;font-size:15px;line-height:1.5;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.editor-demo__toggle:where(.astro-wdlmimq5){transition:none}.editor-demo__toggle:where(.astro-wdlmimq5):hover{transform:none}}.mock:where(.astro-j7pv25f6){height:100%;background:var(--paper);font-family:var(--font-mono);font-size:11px;line-height:1.7;padding:14px;overflow:hidden}.mock__cm:where(.astro-j7pv25f6){color:var(--ink-4);margin-bottom:4px}.mock--check:where(.astro-j7pv25f6){line-height:1.55}.mock__hoverword:where(.astro-j7pv25f6){text-decoration:underline dotted var(--primary);text-underline-offset:4px}.mock__tooltip:where(.astro-j7pv25f6){position:absolute;left:60px;top:22px;z-index:2;width:240px;display:flex;flex-direction:column;gap:2px;background:#0e171e;color:#f7f5f1;padding:10px 12px;border-radius:6px;font-family:var(--font-sans);font-size:11.5px;line-height:1.4;box-shadow:0 8px 20px #00000040}.mock__tt-title:where(.astro-j7pv25f6){font-weight:600}.mock__tt-sub:where(.astro-j7pv25f6){color:#a2c4d0;font-size:11px}.mock__tt-par:where(.astro-j7pv25f6){color:#c09f6a;font-family:var(--font-mono);font-size:10.5px;margin-top:4px}.mock__check:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;align-items:center;gap:1px 6px;padding:2px 6px;margin-left:-6px;border-radius:3px}.mock__check:where(.astro-j7pv25f6).is-ok{background:var(--pass-bg)}.mock__check:where(.astro-j7pv25f6) .play-arrow:where(.astro-j7pv25f6){color:var(--pass)}.mock__ok:where(.astro-j7pv25f6){margin-left:auto;color:var(--pass)}.mock__assert:where(.astro-j7pv25f6){flex-basis:100%;padding-left:40px;color:var(--ink-3)}.mock__summary:where(.astro-j7pv25f6){margin-top:10px;padding-top:10px;border-top:1px solid var(--rule);color:var(--pass-ink)}.mock--gen:where(.astro-j7pv25f6){font-size:11.5px}.mock__file:where(.astro-j7pv25f6){display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--rule)}.mock__file--last:where(.astro-j7pv25f6){border-bottom:0}.mock__ext:where(.astro-j7pv25f6){width:28px;height:16px;border-radius:2px;background:var(--petrol-50);color:var(--petrol-700);display:grid;place-items:center;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mock__size:where(.astro-j7pv25f6){margin-left:auto;color:var(--ink-4)}.mock__dot:where(.astro-j7pv25f6){color:var(--pass)}.mock__sync:where(.astro-j7pv25f6){margin-top:12px;color:var(--pass-ink);display:flex;gap:6px;align-items:center}