.code-demo-module__fYI-Qa__demo{gap:12px;width:100%;display:grid}.code-demo-module__fYI-Qa__panel{border-radius:var(--radius-md);box-shadow:0 24px 60px rgba(var(--black-rgb), .22);text-align:start}.code-demo-module__fYI-Qa__panel .menuSurfaceRow[aria-checked=true]{background:var(--accent);box-shadow:inset 0 0 0 1px var(--border-strong)}.code-demo-module__fYI-Qa__code{background:var(--surface-2);color:var(--foreground);font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--leading-body);grid-template-columns:auto minmax(0,1fr);display:grid}.code-demo-module__fYI-Qa__gutter{border-inline-end:1px solid var(--border);background:var(--surface-0);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin:0;padding:14px 0;list-style:none}.code-demo-module__fYI-Qa__gutter li{padding:0 8px 0 14px}.code-demo-module__fYI-Qa__source{min-width:0;font:inherit;white-space:pre;margin:0;padding:14px 0;overflow-x:auto}.code-demo-module__fYI-Qa__line{padding:0 10px;display:block}.code-demo-module__fYI-Qa__keyword{color:var(--code-keyword)}.code-demo-module__fYI-Qa__string{color:var(--code-string)}.code-demo-module__fYI-Qa__number{color:var(--code-number)}.code-demo-module__fYI-Qa__function{color:var(--code-function)}.code-demo-module__fYI-Qa__panel .code-demo-module__fYI-Qa__consoleBody{height:216px;min-height:0;max-height:none}.code-demo-module__fYI-Qa__panel .code-demo-module__fYI-Qa__consoleBody[hidden]{display:none}.code-demo-module__fYI-Qa__composer{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:0 18px 40px rgba(var(--black-rgb), .18);text-align:start;align-items:center;gap:12px;padding:10px 10px 10px 16px;animation:.22s cubic-bezier(.23,1,.32,1) both code-demo-module__fYI-Qa__composerIn;display:flex}.code-demo-module__fYI-Qa__composer p{min-width:0;color:var(--foreground);flex:1;margin:0;font-size:15px;line-height:24px}.code-demo-module__fYI-Qa__send{background:var(--foreground);width:32px;height:32px;color:var(--surface-0);border-radius:50%;flex:none;place-items:center;display:grid}.code-demo-module__fYI-Qa__send svg{width:16px;height:16px}@keyframes code-demo-module__fYI-Qa__composerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.code-demo-module__fYI-Qa__composer{animation:none}}@media (max-width:640px){.code-demo-module__fYI-Qa__panel .code-demo-module__fYI-Qa__consoleBody{height:248px}}