:root{--web-demo-bar-height:36px;--web-demo-surface:#fff;--web-demo-text:#2f2f5f;--web-demo-muted:#626488;--web-demo-line:#5056ae29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-web-demo-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-web-demo-theme=light]){--web-demo-surface:#1d1e25;--web-demo-text:#e7e8f7;--web-demo-muted:#a1a2bb;--web-demo-line:#c8cbff17}}:root[data-web-demo-theme=dark]{--web-demo-surface:#1d1e25;--web-demo-text:#e7e8f7;--web-demo-muted:#a1a2bb;--web-demo-line:#c8cbff17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(>.web-demo-bar){flex-direction:column;display:flex}body>.web-demo-bar~#root{flex:1 1 0;height:auto;min-height:0}.web-demo-bar{height:var(--web-demo-bar-height);border-bottom:1px solid var(--border-subtle,var(--web-demo-line));background:var(--surface-titlebar,var(--web-demo-surface));color:var(--text-secondary,var(--web-demo-muted));font:500 12px/16px var(--ui-font,-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif);white-space:nowrap;flex:none;align-items:center;gap:12px;padding:0 12px;display:flex}.web-demo-bar a,.web-demo-bar button{font:inherit;color:var(--text-primary,var(--web-demo-text));text-decoration:none}.web-demo-bar-label{font-weight:600}.web-demo-bar-note{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.web-demo-bar-reset{cursor:pointer;border:1px solid var(--border-subtle,var(--web-demo-line));background:0 0;border-radius:6px;align-items:center;height:24px;padding:0 10px;display:inline-flex}.web-demo-bar-reset:hover{background:var(--control-hover-surface,#7f7f7f1f)}.web-demo-bar :focus-visible{outline:2px solid var(--focus-ring,#5b5bd6);outline-offset:1px}body.web-demo-narrow{background:var(--web-demo-surface);min-height:100vh;color:var(--web-demo-text);place-items:center;margin:0;font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;display:grid}.web-demo-narrow-page{text-align:center;max-width:32rem;padding:32px 24px}.web-demo-narrow-page h1{margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.25}.web-demo-narrow-page p{color:var(--web-demo-muted);margin:0 0 20px}.web-demo-narrow-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.web-demo-narrow-actions a{color:var(--web-demo-text)}
