.demo-banner{background:var(--brand-faded);border-bottom:1px solid var(--line);color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;font-size:13px;display:flex}.demo-banner strong{color:var(--fg);font-weight:700}.demo-banner .btn.small{padding:6px 16px;font-size:12.5px}nav.tabs button{-webkit-backdrop-filter:none;color:var(--muted);border-radius:var(--pill);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px;font-size:13.5px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s}nav.tabs button:hover:not([disabled]){color:var(--fg);background:var(--brand-faded);border-color:#0000}nav.tabs button[aria-current=page]{color:var(--fg);background:var(--card);box-shadow:0 1px 3px #0f172a0f}nav.tabs button:active:not([disabled]){transform:none}@media (prefers-color-scheme:dark){:where(html:not([data-theme=light])) nav.tabs button{color:var(--muted)}:where(html:not([data-theme=light])) nav.tabs button[aria-current=page]{box-shadow:none;background:#ffffff1a}}:where(html[data-theme=dark]) nav.tabs button{color:var(--muted)}:where(html[data-theme=dark]) nav.tabs button[aria-current=page]{box-shadow:none;background:#ffffff1a}.demo-root.demo-embed{background:0 0;min-height:0}.demo-tables{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.conn-runs .demo-tables{margin-top:8px}.demo-tables li{border:1px solid var(--line);border-radius:var(--pill);background:var(--card-alt);align-items:baseline;gap:7px;padding:5px 11px;font-size:12.5px;display:inline-flex}.demo-tables code{color:var(--fg-2);background:0 0;padding:0}.demo-tables .rows{color:var(--muted);font-variant-numeric:tabular-nums}