.demo-banner{--demo-canvas: #f6f8fa;--demo-fg: #1f2328;--demo-muted: #59636e;--demo-line: #d1d9e0;--demo-accent: #0969da;--demo-accent-strong: #0550ae;--demo-on-accent: #ffffff;--demo-code-bg: #eff2f5;--demo-shadow: 0 1px 3px rgb(31 35 40 / .12), 0 8px 24px rgb(66 74 83 / .12);--demo-radius: .375rem;--demo-font: system-ui, -apple-system, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--demo-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;position:fixed;inset-inline:0;bottom:0;z-index:35;font-family:var(--demo-font);font-size:.8125rem;line-height:1.4;color:var(--demo-fg);pointer-events:none}[data-theme=dark] .demo-banner{--demo-canvas: #151b23;--demo-fg: #f0f6fc;--demo-muted: #9198a1;--demo-line: #3d444d;--demo-accent: #4493f8;--demo-accent-strong: #79c0ff;--demo-on-accent: #0d1117;--demo-code-bg: #212830;--demo-shadow: 0 0 0 1px #3d444d, 0 16px 32px rgb(1 4 9 / .85)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .demo-banner{--demo-canvas: #151b23;--demo-fg: #f0f6fc;--demo-muted: #9198a1;--demo-line: #3d444d;--demo-accent: #4493f8;--demo-accent-strong: #79c0ff;--demo-on-accent: #0d1117;--demo-code-bg: #212830;--demo-shadow: 0 0 0 1px #3d444d, 0 16px 32px rgb(1 4 9 / .85)}}.demo-banner-spacer{height:var(--demo-banner-space, 0px)}#la-sidebar{padding-bottom:calc(1rem + var(--demo-banner-space, 0px))}#app div.fixed.bottom-4:has(>[aria-live]){bottom:calc(1rem + var(--demo-banner-space, 0px));transition:bottom .15s cubic-bezier(.2,0,0,1)}body:has([aria-modal=true],dialog[open],[role=alertdialog]) .demo-banner{display:none}.demo-banner *,.demo-banner *:before,.demo-banner *:after{box-sizing:border-box}.demo-banner [hidden]{display:none!important}.demo-banner__bar{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem 1.25rem;padding:.5rem 3rem .5rem 1rem;position:relative;background:var(--demo-canvas);border-top:1px solid var(--demo-line);box-shadow:var(--demo-shadow)}.demo-banner p,.demo-banner dl,.demo-banner dd{margin:0}.demo-banner__lead{display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:baseline}.demo-banner__title{font-weight:600}.demo-banner__countdown{color:var(--demo-muted)}.demo-banner__countdown time{font-family:var(--demo-mono);font-variant-numeric:tabular-nums;color:var(--demo-fg)}.demo-banner__shared{color:var(--demo-muted)}.demo-banner__creds{display:flex;flex-wrap:wrap;gap:.25rem .75rem}.demo-banner__creds>div{display:flex;gap:.375rem;align-items:baseline}.demo-banner__creds dt{color:var(--demo-muted)}.demo-banner code{font-family:var(--demo-mono);font-size:.75rem;padding:.0625rem .375rem;border-radius:var(--demo-radius);background:var(--demo-code-bg);border:1px solid var(--demo-line);-webkit-user-select:all;user-select:all}.demo-banner__links{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.demo-banner a{color:var(--demo-accent);text-decoration:underline;text-underline-offset:.15em}.demo-banner a:hover{color:var(--demo-accent-strong)}.demo-banner__button,.demo-banner__pill{font:inherit;cursor:pointer;border-radius:var(--demo-radius);border:1px solid var(--demo-line);background:transparent;color:var(--demo-fg);min-height:2rem;padding:.25rem .75rem;transition:background-color .15s cubic-bezier(.2,0,0,1)}.demo-banner__button:hover,.demo-banner__pill:hover{background:var(--demo-code-bg)}.demo-banner__button--primary{background:var(--demo-accent);border-color:var(--demo-accent);color:var(--demo-on-accent);font-weight:600}.demo-banner__button--primary:hover{background:var(--demo-accent-strong);border-color:var(--demo-accent-strong)}.demo-banner__close{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;padding:0;border-color:transparent}.demo-banner__pill{pointer-events:auto;position:absolute;right:1rem;bottom:1rem;display:inline-flex;gap:.5rem;align-items:center;background:var(--demo-canvas);box-shadow:var(--demo-shadow);border-radius:999px;font-weight:600}.demo-banner__pill [data-demo-countdown-pill]{font-family:var(--demo-mono);font-variant-numeric:tabular-nums;font-weight:400;color:var(--demo-muted)}.demo-banner a:focus-visible,.demo-banner button:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}@media(max-width:40rem){.demo-banner__bar{gap:.25rem .75rem;padding-block:.375rem}.demo-banner__shared{display:none}}@media(prefers-reduced-motion:reduce){.demo-banner__button,.demo-banner__pill,#app div.fixed.bottom-4:has(>[aria-live]){transition:none}}@media print{.demo-banner{display:none}}