[data-public-root] .demo{--demo-accent:var(--color-accent);--demo-accent-soft:color-mix(in srgb, var(--demo-accent) 12%, white);--demo-fill:color-mix(in srgb, var(--demo-accent) 26%, white);--demo-fill-soft:color-mix(in srgb, var(--demo-accent) 12%, white);--demo-accent-mid:color-mix(in srgb, var(--demo-accent) 20%, white);--demo-accent-faint:color-mix(in srgb, var(--demo-accent) 10%, white);--demo-surface:radial-gradient(ellipse 80% 68% at 50% 46%, color-mix(in srgb, var(--prv-palette-white) var(--prv-opacity-92), transparent) 0%, color-mix(in srgb, var(--prv-palette-white) var(--prv-opacity-40), transparent) 38%, transparent 68%), color-mix(in srgb, var(--prv-palette-blue-100) var(--prv-opacity-28), var(--prv-palette-white));--demo-fg:var(--prv-palette-slate-800);--demo-fg-muted:var(--prv-palette-slate-700);--demo-fg-subtle:color-mix(in srgb, var(--prv-palette-slate-700) var(--prv-opacity-74), white);--color-fg-default:var(--demo-fg);--color-fg-muted:var(--demo-fg-muted);--color-fg-subtle:var(--demo-fg-subtle);box-sizing:border-box;justify-content:center;gap:var(--space-gap-sm);width:100%;min-width:0;height:100%;min-height:0;padding-block:var(--prv-space-16);padding-inline:var(--prv-space-24);border-radius:var(--radius-xs);background:var(--demo-surface);font-family:var(--prv-font-sans);font-size:var(--text-caption-xs-font-size);line-height:var(--text-caption-xs-line-height);font-weight:var(--text-caption-xs-font-weight);letter-spacing:var(--text-caption-xs-letter-spacing);color:var(--demo-fg);flex-direction:column;flex:auto;display:flex}[data-public-root] .demo[data-mode=animated]{cursor:default}[data-public-root] .demo[data-accent=brand],[data-public-root] .demo[data-accent=primary]{--demo-accent:var(--color-accent)}[data-public-root] .demo[data-accent=purple]{--demo-accent:var(--color-accent-purple)}[data-public-root] .demo[data-accent=magenta]{--demo-accent:var(--color-accent-magenta)}[data-public-root] .demo[data-accent=success]{--demo-accent:var(--color-success)}[data-public-root] .demo[data-accent=warning]{--demo-accent:var(--color-warning)}[data-public-root] .demo[data-accent=danger]{--demo-accent:var(--color-danger)}