@scope([data-example]){:scope,[data-color-scheme]{--ink:var(--lightningcss-light,#171717)var(--lightningcss-dark,#dedcd7);--paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141413);--surface-1:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a19);--surface-2:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212120);--surface-3:var(--lightningcss-light,#fff)var(--lightningcss-dark,#282827);--line:var(--lightningcss-light,#a2a2a0)var(--lightningcss-dark,#6f6e6b);--line-faint:var(--lightningcss-light,#e2e2e0)var(--lightningcss-dark,#3a3937);--line-disabled:var(--lightningcss-light,#a8a8a6)var(--lightningcss-dark,#5f5e5b);--tint:var(--lightningcss-light,#f4f4f3)var(--lightningcss-dark,#262625);--muted:var(--lightningcss-light,#6f6f6c)var(--lightningcss-dark,#9a9893);--danger:var(--lightningcss-light,#d60020)var(--lightningcss-dark,#ec7a72);--accent:var(--ink);--halo:color-mix(in oklab, var(--accent) 22%, transparent);--danger-tint:color-mix(in oklab, var(--danger) 9%, var(--surface-2));--backdrop:var(--lightningcss-light,#fafafab8)var(--lightningcss-dark,#0a0a0ab8);--shadow-drop:0 2px 3px -1px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.16))var(--lightningcss-dark,#0009);--shadow-drop-pressed:0 1px 1px -1px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.16))var(--lightningcss-dark,#0009);--shadow-1:0 0 0 1px var(--line), 0 1px 2px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.05))var(--lightningcss-dark,#0006);--shadow-float:0 2px 4px -1px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.06))var(--lightningcss-dark,#0008), 0 9px 22px -6px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.16))var(--lightningcss-dark,#000c);--shadow-2:0 0 0 1px var(--line), var(--shadow-float);--shadow-3:0 0 0 1px var(--line), 0 4px 8px -2px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.06))var(--lightningcss-dark,#0008), 0 22px 46px -12px var(--lightningcss-light,oklab(20.4627% -3.72529e-8 1.49012e-8/.26))var(--lightningcss-dark,#000e);--radius-row:7px;--radius-control:8px;--radius-surface:10px;--radius-popup:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--size-sm:28px;--size:34px;--size-lg:38px;--size-item:32px;--size-icon:16px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--leading:20px;--duration:.15s}@media (prefers-reduced-motion:reduce){:scope{--duration:0s}}}