:root{--sx-font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sx-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sx-fs-2xs:10.5px;--sx-fs-xs:11px;--sx-fs-sm:12px;--sx-fs-base:13px;--sx-fs-md:14px;--sx-fs-lg:15px;--sx-fs-xl:18px;--sx-fs-2xl:24px;--sx-fs-3xl:32px;--sx-fs-4xl:44px;--sx-lh-tight:1.2;--sx-lh:1.5;--sx-space-1:4px;--sx-space-2:8px;--sx-space-3:12px;--sx-space-4:16px;--sx-space-5:20px;--sx-space-6:24px;--sx-space-8:32px;--sx-h-xs:24px;--sx-h-sm:28px;--sx-h-md:34px;--sx-h-lg:40px;--sx-r-pill:999px;--sx-ease-out:cubic-bezier(.22, 1, .36, 1);--sx-ease-in-out:cubic-bezier(.65, 0, .35, 1);--sx-ease-in:cubic-bezier(.55, 0, .75, .2);--sx-ease-spring:cubic-bezier(.34, 1.32, .64, 1);--sx-dur-1:.12s;--sx-dur-2:.18s;--sx-dur-3:.26s;--sx-dur-4:.42s;--sx-dur-5:.64s;--sx-z-pop:40;--sx-z-toast:60;--sx-z-modal:80}@media (prefers-reduced-motion:reduce){:root{--sx-dur-3:.16s;--sx-dur-4:.2s;--sx-dur-5:.24s;--sx-ease-spring:var(--sx-ease-out)}}:root,[data-theme=neutral]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sx-shell:#f5f5f5;--sx-panel:#fcfcfc;--sx-panel-wash:none;--sx-surface:#fff;--sx-surface-2:#fafafa;--sx-surface-3:#f3f3f4;--sx-raised:#fff;--sx-raised-hover:#f4f4f5;--sx-tray:#efeff0;--sx-fill:#0a0a0a0a;--sx-fill-strong:#0a0a0a13;--sx-overlay:#0a0a0a47;--sx-ink:#0a0a0a;--sx-ink-2:#404040;--sx-muted:#707070;--sx-faint:#a3a3a3;--sx-line:#0a0a0a16;--sx-line-soft:#0a0a0a0e;--sx-line-strong:#0a0a0a26;--sx-primary:#0a0a0a;--sx-primary-bg:linear-gradient(180deg, #2b2b2b 0%, #0a0a0a 100%);--sx-primary-hover:linear-gradient(180deg, #3a3a3a 0%, #161616 100%);--sx-on-primary:#fff;--sx-accent:#2f6bff;--sx-accent-bg:linear-gradient(180deg, #4a7fff 0%, #2f6bff 100%);--sx-accent-ink:#1f5ae8;--sx-accent-soft:#2f6bff17;--sx-accent-line:#2f6bff47;--sx-on-accent:#fff;--sx-mark:#dd0674;--sx-mark-ink:#c20566;--sx-mark-soft:#fdf2f8;--sx-mark-line:#dd06742e;--sx-success:#13a35c;--sx-success-ink:#0b7a43;--sx-success-soft:#13a35c17;--sx-success-line:#13a35c40;--sx-warning:#d38b06;--sx-warning-ink:#8a5800;--sx-warning-soft:#eaa0001c;--sx-warning-line:#d38b0647;--sx-danger:#e5484d;--sx-danger-ink:#c62f35;--sx-danger-soft:#e5484d14;--sx-danger-line:#e5484d42;--sx-on-success:#fff;--sx-on-danger:#fff;--sx-on-warning:#1a1300;--sx-info:#2f6bff;--sx-info-ink:#1f5ae8;--sx-info-soft:#2f6bff17;--sx-info-line:#2f6bff42;--sx-c1:#2f6bff;--sx-c2:#e8950c;--sx-c3:#12a594;--sx-c4:#e5488f;--sx-c5:#8b5cf6;--sx-c6:#a3a3a3;--sx-c-track:#0a0a0a0f;--sx-glow-1:#ec489938;--sx-glow-2:#8b5cf638;--sx-glow-3:#2f6bff33;--sx-focus:#2f6bff80;--sx-focus-ring:0 0 0 3px #2f6bff2e, 0 0 0 1px #2f6bff8c;--sx-selection:#2f6bff2e;--sx-ring:0 0 0 1px var(--sx-line);--sx-shadow-1:0 0 0 .5px #00000017, 0 1px 1px -.5px #0000001a, 0 1px 2px #0000000a;--sx-shadow-2:0 0 0 1px #0a0a0a11, 0 1px 2px #0a0a0a0d, 0 6px 16px -6px #0a0a0a1a;--sx-shadow-3:0 0 0 1px #0a0a0a12, 0 4px 8px -2px #0a0a0a12, 0 18px 36px -10px #0a0a0a33;--sx-shadow-pop:0 0 0 .5px #0000001f, 0 2px 6px -2px #00000014, 0 14px 30px -10px #00000047;--sx-shadow-primary:0 1px 2px #00000038, 0 3px 8px -3px #0000004d;--sx-shadow-accent:0 1px 2px #1f5ae84d, 0 3px 8px -3px #2f6bff6b;--sx-inset-highlight:inset 0 1px 0 #ffffff24;--sx-r-xs:4px;--sx-r-sm:6px;--sx-r-md:8px;--sx-r-lg:10px;--sx-r-xl:14px;--sx-r-2xl:18px;--sx-heading-weight:600;--sx-heading-tracking:-.011em;--sx-display-weight:500;--sx-display-tracking:-.018em;--sx-strong-weight:500;--sx-canvas:var(--sx-surface-2);--sx-card-bg:var(--sx-surface);--sx-card-shadow:var(--sx-ring), 0 1px 2px #0a0a0a08;--sx-card-radius:var(--sx-r-xl)}[data-theme=neutral][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sx-shell:#0c0c0d;--sx-panel:#121213;--sx-surface:#19191b;--sx-surface-2:#161618;--sx-surface-3:#222225;--sx-raised:#26262a;--sx-raised-hover:#2e2e33;--sx-tray:#0f0f10;--sx-fill:#ffffff0d;--sx-fill-strong:#ffffff17;--sx-overlay:#0000008c;--sx-ink:#ededed;--sx-ink-2:#c8c8cc;--sx-muted:#8f8f96;--sx-faint:#5c5c63;--sx-line:#ffffff16;--sx-line-soft:#ffffff0e;--sx-line-strong:#ffffff26;--sx-primary:#ededed;--sx-primary-bg:linear-gradient(180deg, #fff 0%, #e4e4e6 100%);--sx-primary-hover:linear-gradient(180deg, #fff 0%, #f1f1f2 100%);--sx-on-primary:#0c0c0d;--sx-accent:#4d8dff;--sx-accent-bg:linear-gradient(180deg, #5f99ff 0%, #3f80f7 100%);--sx-accent-ink:#80adff;--sx-accent-soft:#4d8dff24;--sx-accent-line:#4d8dff57;--sx-mark:#f2559f;--sx-mark-ink:#ff7ab8;--sx-mark-soft:#f2559f21;--sx-mark-line:#f2559f4d;--sx-success:#4cc38a;--sx-success-ink:#6fd6a3;--sx-success-soft:#4cc38a21;--sx-success-line:#4cc38a4d;--sx-warning:#f0b443;--sx-warning-ink:#f5c86f;--sx-warning-soft:#f0b44321;--sx-warning-line:#f0b4434d;--sx-danger:#ff6369;--sx-danger-ink:#ff8a8e;--sx-danger-soft:#ff636921;--sx-danger-line:#ff636952;--sx-on-success:#0c0c0d;--sx-on-danger:#0c0c0d;--sx-on-warning:#0c0c0d;--sx-info:#4d8dff;--sx-info-ink:#80adff;--sx-info-soft:#4d8dff24;--sx-info-line:#4d8dff52;--sx-c1:#5b95ff;--sx-c2:#f5b13d;--sx-c3:#2cc9b4;--sx-c4:#f472b6;--sx-c5:#a78bfa;--sx-c6:#6b6b73;--sx-c-track:#ffffff14;--sx-glow-1:#ec489942;--sx-glow-2:#8b5cf647;--sx-glow-3:#4d8dff3d;--sx-focus:#4d8dff99;--sx-focus-ring:0 0 0 3px #4d8dff3d, 0 0 0 1px #4d8dffb3;--sx-selection:#4d8dff4d;--sx-shadow-1:0 0 0 .5px #ffffff1a, 0 1px 2px #00000073;--sx-shadow-2:0 0 0 1px #ffffff12, 0 1px 2px #0006, 0 8px 18px -8px #0000008c;--sx-shadow-3:0 0 0 1px #ffffff17, 0 4px 10px -2px #00000073, 0 18px 36px -10px #000000b3;--sx-shadow-pop:0 0 0 .5px #ffffff21, 0 14px 30px -10px #000000b3;--sx-shadow-primary:0 1px 2px #00000080, 0 3px 8px -3px #0009;--sx-shadow-accent:0 1px 2px #00000073, 0 3px 10px -3px #4d8dff80;--sx-inset-highlight:inset 0 1px 0 #ffffff0f;--sx-card-shadow:var(--sx-ring)}[data-theme=onix]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sx-shell:#f3f2ed;--sx-panel:#fbfaf7;--sx-panel-wash:radial-gradient(900px 420px at 6% -8%, #619b8a14, transparent 64%), radial-gradient(760px 380px at 100% -4%, #fe7f2d0e, transparent 60%);--sx-surface:#fff;--sx-surface-2:#fbfaf7;--sx-surface-3:#f3f2ed;--sx-raised:#fff;--sx-raised-hover:#f7f6f2;--sx-tray:#efede6;--sx-fill:#1b23290b;--sx-fill-strong:#1b232914;--sx-overlay:#172a354d;--sx-ink:#1b2329;--sx-ink-2:#4b5660;--sx-muted:#66717a;--sx-faint:#a0a9b0;--sx-line:#e5e3dc;--sx-line-soft:#eeede7;--sx-line-strong:#d6d4cb;--sx-primary:#233d4d;--sx-primary-bg:linear-gradient(180deg, #2f5064 0%, #233d4d 100%);--sx-primary-hover:linear-gradient(180deg, #365a70 0%, #284556 100%);--sx-on-primary:#fff;--sx-accent:#fe7f2d;--sx-accent-bg:linear-gradient(180deg, #ff9150 0%, #fe7f2d 100%);--sx-accent-ink:#a3480f;--sx-accent-soft:#fff1e7;--sx-accent-line:#fad7bf;--sx-on-accent:#2a1406;--sx-mark:#fe7f2d;--sx-mark-ink:#a3480f;--sx-mark-soft:#fff1e7;--sx-mark-line:#fad7bf;--sx-success:#5b8f45;--sx-success-ink:#3b6a2b;--sx-success-soft:#f0f6ea;--sx-success-line:#d8e7c8;--sx-warning:#d99a1e;--sx-warning-ink:#7f5700;--sx-warning-soft:#fff7de;--sx-warning-line:#f5e2a4;--sx-danger:#c2463c;--sx-danger-ink:#a8392f;--sx-danger-soft:#fceeec;--sx-danger-line:#f3d6d2;--sx-on-success:#fff;--sx-on-danger:#fff;--sx-on-warning:#2a1d00;--sx-info:#619b8a;--sx-info-ink:#2b6455;--sx-info-soft:#eaf4f1;--sx-info-line:#cde2db;--sx-c1:#233d4d;--sx-c2:#fe7f2d;--sx-c3:#619b8a;--sx-c4:#fcca46;--sx-c5:#a1c181;--sx-c6:#a9a69b;--sx-c-track:#eceae3;--sx-glow-1:#fe7f2d33;--sx-glow-2:#fcca4638;--sx-glow-3:#619b8a33;--sx-focus:#233d4d73;--sx-focus-ring:0 0 0 3px #233d4d24, 0 0 0 1px #233d4d80;--sx-selection:#fe7f2d38;--sx-ring:0 0 0 1px #1b232913;--sx-shadow-1:0 0 0 1px #1b232913, 0 1px 1.5px #1b23290d;--sx-shadow-2:0 0 0 1px #1b232913, 0 1px 2px #1b23290d, 0 4px 10px -3px #1b232914;--sx-shadow-3:0 0 0 1px #1b232913, 0 2px 4px #1b23290f, 0 12px 28px -6px #1b23292e;--sx-shadow-pop:0 0 0 1px #1b232914, 0 4px 10px -2px #1b232914, 0 16px 34px -10px #1b232942;--sx-shadow-primary:0 1px 2px #172a354d, 0 3px 8px -2px #172a3542;--sx-shadow-accent:0 1px 2px #a3480f47, 0 3px 8px -2px #fe7f2d52;--sx-inset-highlight:inset 0 1px 0 #ffffff29;--sx-r-xs:3px;--sx-r-sm:7px;--sx-r-md:9px;--sx-r-lg:11px;--sx-r-xl:13px;--sx-r-2xl:16px;--sx-heading-weight:650;--sx-heading-tracking:-.02em;--sx-display-weight:700;--sx-display-tracking:-.035em;--sx-strong-weight:600;--sx-ease-out:cubic-bezier(.16, 1, .3, 1);--sx-canvas:var(--sx-surface-2);--sx-card-bg:var(--sx-surface);--sx-card-shadow:var(--sx-shadow-1);--sx-card-radius:var(--sx-r-xl)}[data-theme=onix][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sx-shell:#0d1418;--sx-panel:#10191e;--sx-panel-wash:radial-gradient(900px 420px at 6% -8%, #619b8a1a, transparent 64%), radial-gradient(760px 380px at 100% -4%, #fe7f2d12, transparent 60%);--sx-surface:#162128;--sx-surface-2:#131d23;--sx-surface-3:#1d2a32;--sx-raised:#1f2d35;--sx-raised-hover:#273943;--sx-tray:#0e171c;--sx-fill:#d6e8f00d;--sx-fill-strong:#d6e8f017;--sx-overlay:#040a0d99;--sx-ink:#e7ecee;--sx-ink-2:#bac5cb;--sx-muted:#8b9aa3;--sx-faint:#5e6d76;--sx-line:#d6e8f017;--sx-line-soft:#d6e8f00f;--sx-line-strong:#d6e8f029;--sx-primary:#3a5f74;--sx-primary-bg:linear-gradient(180deg, #46697e 0%, #335466 100%);--sx-primary-hover:linear-gradient(180deg, #507590 0%, #3a5f74 100%);--sx-on-primary:#fff;--sx-accent:#ff8a3d;--sx-accent-bg:linear-gradient(180deg, #ff9d5c 0%, #ff8a3d 100%);--sx-accent-ink:#ffb07a;--sx-accent-soft:#ff8a3d21;--sx-accent-line:#ff8a3d52;--sx-on-accent:#2a1406;--sx-mark:#ff8a3d;--sx-mark-ink:#ffb07a;--sx-mark-soft:#ff8a3d21;--sx-mark-line:#ff8a3d4d;--sx-success:#86b874;--sx-success-ink:#a9d39a;--sx-success-soft:#86b87421;--sx-success-line:#86b8744d;--sx-warning:#e9b949;--sx-warning-ink:#f2cf7a;--sx-warning-soft:#e9b94921;--sx-warning-line:#e9b9494d;--sx-danger:#e06a5f;--sx-danger-ink:#f29a90;--sx-danger-soft:#e06a5f24;--sx-danger-line:#e06a5f52;--sx-on-success:#0d1418;--sx-on-danger:#0d1418;--sx-on-warning:#0d1418;--sx-info:#7db8a6;--sx-info-ink:#a5d3c5;--sx-info-soft:#7db8a621;--sx-info-line:#7db8a64d;--sx-c1:#a8c3d4;--sx-c2:#ff8a3d;--sx-c3:#4f9b84;--sx-c4:#f2cf5b;--sx-c5:#a9cc8a;--sx-c6:#6f7f88;--sx-c-track:#d6e8f014;--sx-glow-1:#ff8a3d38;--sx-glow-2:#f2cf5b29;--sx-glow-3:#7db8a633;--sx-focus:#ff8a3d8c;--sx-focus-ring:0 0 0 3px #ff8a3d33, 0 0 0 1px #ff8a3d99;--sx-selection:#ff8a3d4d;--sx-ring:0 0 0 1px #d6e8f014;--sx-shadow-1:0 0 0 1px #d6e8f014, 0 1px 2px #0006;--sx-shadow-2:0 0 0 1px #d6e8f014, 0 2px 4px #0000004d, 0 8px 18px -6px #00000080;--sx-shadow-3:0 0 0 1px #d6e8f01a, 0 4px 10px -2px #0006, 0 16px 34px -8px #000000a6;--sx-shadow-pop:0 0 0 1px #d6e8f01f, 0 16px 34px -10px #000000b3;--sx-shadow-primary:0 1px 2px #00000080, 0 3px 8px -2px #00000080;--sx-shadow-accent:0 1px 2px #00000073, 0 3px 10px -2px #ff8a3d66;--sx-inset-highlight:inset 0 1px 0 #ffffff14;--sx-card-shadow:var(--sx-shadow-1)}[data-surface=tray],[data-theme][data-mode][data-surface=tray]{--sx-canvas:var(--sx-tray);--sx-card-bg:var(--sx-surface);--sx-card-shadow:var(--sx-shadow-2)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--sx-line-strong) transparent;scrollbar-width:thin}body{font-family:var(--sx-font);font-size:var(--sx-fs-base);line-height:var(--sx-lh);color:var(--sx-ink);background:var(--sx-shell);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,pre{margin:0}h1,h2,h3,h4{font-weight:var(--sx-heading-weight);letter-spacing:var(--sx-heading-tracking);line-height:var(--sx-lh-tight);text-wrap:balance}p{text-wrap:pretty}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}img,svg,video,canvas{max-width:100%;display:block}:where(ul,ol)[role=list]{margin:0;padding:0;list-style:none}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}[hidden]{display:none!important}::selection{background:var(--sx-selection);color:inherit}input,textarea,[contenteditable]{caret-color:var(--sx-accent)}::placeholder{color:var(--sx-muted);opacity:1}:focus{outline:none}:focus-visible{outline:2px solid var(--sx-focus);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--sx-line-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.sx-tabular{font-variant-numeric:tabular-nums}.sx-mono{font-family:var(--sx-font-mono);letter-spacing:0;font-size:.94em}.sx-muted{color:var(--sx-muted)}.sx-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sx-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.sx-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sx-line-strong) transparent;overflow:auto}.sx-icon{width:var(--sx-icon-size,1em);height:var(--sx-icon-size,1em);fill:none;stroke:currentColor;stroke-width:var(--sx-icon-stroke,1.75);stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.sx-card{background:var(--sx-card-bg);color:var(--sx-ink);border-radius:var(--sx-card-radius);box-shadow:var(--sx-card-shadow);transition:box-shadow var(--sx-dur-3) var(--sx-ease-out), background-color var(--sx-dur-3) var(--sx-ease-out);position:relative}.sx-btn{--_h:var(--sx-h-md,34px);--_px:13px;--_fs:var(--sx-fs-base,13px);--_gap:6px;--_icon:15px;--_spin:14px;--_r:var(--sx-r-md,8px);--_bg:transparent;--_bg-hover:color-mix(in srgb, currentColor 4%, transparent);--_bg-active:color-mix(in srgb, currentColor 7%, transparent);--_border:var(--sx-line,color-mix(in srgb, currentColor 14%, transparent));--_border-hover:color-mix(in srgb, currentColor 24%, transparent);--_shadow:0 1px 2px -1px #00000014;--_ring:var(--sx-focus,var(--sx-accent,#5b48e0));justify-content:center;align-items:center;gap:var(--_gap);box-sizing:border-box;height:var(--_h);padding:0 var(--_px);border:1px solid var(--_border);border-radius:var(--_r);outline-offset:2px;background-color:var(--_bg);box-shadow:var(--_shadow);color:inherit;font:inherit;font-size:var(--_fs);letter-spacing:-.005em;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;appearance:none;outline:2px solid #0000;flex-shrink:0;margin:0;font-weight:500;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,outline-color .15s,opacity .15s,transform .12s;display:inline-flex;position:relative}@media (hover:hover){.sx-btn:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background-color:var(--_bg-hover);border-color:var(--_border-hover)}}.sx-btn:is(:active,[data-pressed]):not(:disabled,[aria-disabled=true],[aria-busy=true]){background-color:var(--_bg-active);transform:scale(.98)}.sx-btn:focus-visible{outline-color:var(--_ring)}.sx-btn:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.45;box-shadow:none}.sx-btn[aria-busy=true]{cursor:progress}.sx-btn>*{transition:opacity .16s}.sx-btn[aria-busy=true]>:not(.sx-spinner){opacity:0}.sx-btn>.sx-spinner{box-sizing:border-box;width:var(--_spin);height:var(--_spin);border:1.5px solid color-mix(in srgb, currentColor 30%, transparent);opacity:0;pointer-events:none;border-top-color:currentColor;border-radius:50%;margin:auto;animation:.7s linear infinite sx-btn-spin;position:absolute;inset:0}.sx-btn[aria-busy=true]>.sx-spinner{opacity:1}@keyframes sx-btn-spin{to{transform:rotate(1turn)}}.sx-btn>.sx-icon{width:var(--_icon);height:var(--_icon);stroke-width:1.75px;flex:none}.sx-btn:not(.sx-btn--icon):has(>.sx-icon:first-child){padding-inline-start:calc(var(--_px) - 2px)}.sx-btn:not(.sx-btn--icon):has(>.sx-icon:last-child){padding-inline-end:calc(var(--_px) - 2px)}.sx-btn--sm{--_h:var(--sx-h-sm,28px);--_px:10px;--_fs:var(--sx-fs-sm,12px);--_gap:5px;--_icon:14px;--_spin:12px;--_r:var(--sx-r-sm,7px)}.sx-btn--lg{--_h:var(--sx-h-lg,40px);--_px:16px;--_fs:var(--sx-fs-md,14px);--_gap:7px;--_icon:16px;--_spin:16px;--_r:var(--sx-r-lg,10px)}.sx-btn--icon{width:var(--_h);padding:0}.sx-btn--pill{--_r:999px}.sx-btn--pill:not(.sx-btn--icon){padding-inline:calc(var(--_px) + 3px)}.sx-btn--block{width:100%;display:flex}.sx-btn--primary{--_tone:var(--sx-primary,#1b1b21);--_on:var(--sx-on-primary,#fbfbfc);--_bg:var(--_tone);--_bg-hover:color-mix(in oklab, var(--_tone), var(--_on) 9%);--_bg-active:color-mix(in oklab, var(--_tone), black 8%);--_border:transparent;--_border-hover:transparent;--_shadow:inset 0 1px 0 #ffffff1a, 0 1px 2px #00000024;color:var(--_on)}.sx-btn--accent{--_tone:var(--sx-accent,#5b48e0);--_on:var(--sx-on-accent,#fff);--_bg:var(--_tone);--_bg-hover:color-mix(in oklab, var(--_tone), var(--_on) 10%);--_bg-active:color-mix(in oklab, var(--_tone), black 8%);--_border:transparent;--_border-hover:transparent;--_shadow:inset 0 1px 0 #ffffff24, 0 1px 2px color-mix(in srgb, var(--_tone) 40%, transparent);color:var(--_on)}.sx-btn--ghost{--_bg:transparent;--_bg-hover:color-mix(in srgb, currentColor 6%, transparent);--_bg-active:color-mix(in srgb, currentColor 9%, transparent);--_border:transparent;--_border-hover:transparent;--_shadow:none;color:var(--sx-muted,color-mix(in srgb, currentColor 62%, transparent))}@media (hover:hover){.sx-btn--ghost:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){color:var(--sx-ink,inherit)}}.sx-btn--ghost:is(:active,[data-pressed]):not(:disabled,[aria-disabled=true],[aria-busy=true]){color:var(--sx-ink,inherit)}.sx-btn--danger{--_tone:var(--sx-danger,#d93a3a);--_bg:color-mix(in srgb, var(--_tone) 6%, transparent);--_bg-hover:color-mix(in srgb, var(--_tone) 11%, transparent);--_bg-active:color-mix(in srgb, var(--_tone) 15%, transparent);--_border:var(--sx-danger-line,color-mix(in srgb, var(--_tone) 28%, transparent));--_border-hover:color-mix(in srgb, var(--_tone) 44%, transparent);--_shadow:none;color:color-mix(in oklab, var(--_tone) 78%, var(--sx-ink,currentColor))}@media (prefers-reduced-motion:reduce){.sx-btn{transition-property:background-color,border-color,color,box-shadow,outline-color,opacity}.sx-btn:is(:active,[data-pressed]):not(:disabled,[aria-disabled=true],[aria-busy=true]){transform:none}.sx-btn>.sx-spinner{animation-duration:1.6s}}@media (forced-colors:active){.sx-btn{border-color:buttonborder}.sx-btn:focus-visible{outline-color:highlight}}.sx-chip{border-radius:var(--sx-r-pill);height:20px;font-size:var(--sx-fs-xs);white-space:nowrap;color:var(--sx-ink-2);background:var(--sx-raised);box-shadow:inset 0 0 0 1px var(--sx-line);align-items:center;gap:4px;padding:0 7px;font-weight:500;line-height:1;display:inline-flex}.sx-chip>.sx-icon{--sx-icon-size:12px}.sx-chip--soft{background:var(--sx-fill);box-shadow:none}.sx-chip--accent{color:var(--sx-accent-ink);background:var(--sx-accent-soft);box-shadow:inset 0 0 0 1px var(--sx-accent-line)}.sx-chip--mark{color:var(--sx-mark-ink);background:var(--sx-mark-soft);box-shadow:inset 0 0 0 1px var(--sx-mark-line)}.sx-chip--success{color:var(--sx-success-ink);background:var(--sx-success-soft);box-shadow:inset 0 0 0 1px var(--sx-success-line)}.sx-chip--warning{color:var(--sx-warning-ink);background:var(--sx-warning-soft);box-shadow:inset 0 0 0 1px var(--sx-warning-line)}.sx-chip--danger{color:var(--sx-danger-ink);background:var(--sx-danger-soft);box-shadow:inset 0 0 0 1px var(--sx-danger-line)}.sx-chip--info{color:var(--sx-info-ink);background:var(--sx-info-soft);box-shadow:inset 0 0 0 1px var(--sx-info-line)}.sx-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.sx-dot--live{animation:sx-pulse 1.8s var(--sx-ease-in-out) infinite}.sx-count{border-radius:var(--sx-r-pill);font-variant-numeric:tabular-nums;min-width:16px;height:16px;color:var(--sx-on-accent);background:var(--sx-accent);place-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-grid}.sx-kbd{border-radius:var(--sx-r-xs);min-width:18px;height:18px;font:500 var(--sx-fs-2xs) / 1 var(--sx-font);color:var(--sx-muted);background:var(--sx-raised);box-shadow:var(--sx-shadow-1);place-items:center;padding:0 4px;display:inline-grid}.sx-avatar{--sx-avatar-size:24px;width:var(--sx-avatar-size);height:var(--sx-avatar-size);font-size:calc(var(--sx-avatar-size) * .4);letter-spacing:0;color:var(--sx-avatar-ink,var(--sx-ink-2));background:var(--sx-avatar-bg,var(--sx-surface-3));box-shadow:inset 0 0 0 1px var(--sx-line);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid;position:relative}.sx-avatar--sm{--sx-avatar-size:20px}.sx-avatar--lg{--sx-avatar-size:32px}.sx-avatar-stack{display:inline-flex}.sx-avatar-stack>.sx-avatar{box-shadow:0 0 0 2px var(--sx-card-bg), inset 0 0 0 1px var(--sx-line)}.sx-avatar-stack>.sx-avatar+.sx-avatar{margin-left:-6px}.sx-field{gap:6px;display:grid}.sx-label{font-size:var(--sx-fs-sm);color:var(--sx-ink-2);font-weight:500}.sx-hint{font-size:var(--sx-fs-sm);color:var(--sx-muted)}.sx-error-text{font-size:var(--sx-fs-sm);color:var(--sx-danger-ink)}.sx-input{width:100%;height:var(--sx-h-md);border-radius:var(--sx-r-md);font-size:var(--sx-fs-base);color:var(--sx-ink);background:var(--sx-surface);box-shadow:inset 0 0 0 1px var(--sx-line-strong);transition:box-shadow var(--sx-dur-2) var(--sx-ease-out), background-color var(--sx-dur-2) var(--sx-ease-out);border:0;padding:0 10px}textarea.sx-input{resize:vertical;height:auto;min-height:72px;line-height:var(--sx-lh);padding:8px 10px}.sx-input:hover{box-shadow:inset 0 0 0 1px var(--sx-faint)}.sx-input:focus,.sx-input:focus-visible{box-shadow:var(--sx-focus-ring);outline:none}.sx-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--sx-danger), 0 0 0 3px var(--sx-danger-soft)}.sx-input:disabled{opacity:.55;cursor:not-allowed}.sx-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.sx-check>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sx-check__box{width:16px;height:16px;color:var(--sx-on-primary);background:var(--sx-raised);box-shadow:inset 0 0 0 1px var(--sx-line-strong);transition:background-color var(--sx-dur-1) var(--sx-ease-out), box-shadow var(--sx-dur-1) var(--sx-ease-out);border-radius:5px;flex:none;place-items:center;display:inline-grid}.sx-check__box>.sx-icon{--sx-icon-size:12px;--sx-icon-stroke:3;opacity:0;transition:opacity var(--sx-dur-1) var(--sx-ease-out), transform var(--sx-dur-3) var(--sx-ease-spring);transform:scale(.5)}.sx-check>input:checked+.sx-check__box,.sx-check>input:indeterminate+.sx-check__box{background:var(--sx-primary);box-shadow:none}.sx-check>input:checked+.sx-check__box>.sx-icon{opacity:1;transform:scale(1)}.sx-check__box{position:relative}.sx-check__box:after{content:"";background:var(--sx-on-primary);opacity:0;width:8px;height:2px;transition:opacity var(--sx-dur-1) var(--sx-ease-out), transform var(--sx-dur-3) var(--sx-ease-spring);border-radius:1px;position:absolute;transform:scaleX(.4)}.sx-check>input:indeterminate+.sx-check__box:after{opacity:1;transform:none}.sx-check>input:indeterminate+.sx-check__box>.sx-icon{opacity:0}.sx-check>input:focus-visible+.sx-check__box{box-shadow:var(--sx-focus-ring)}.sx-switch{--sx-switch-w:28px;--sx-switch-h:16px;width:var(--sx-switch-w);height:var(--sx-switch-h);border-radius:var(--sx-r-pill);background:var(--sx-fill-strong);box-shadow:inset 0 0 0 1px var(--sx-line);transition:background-color var(--sx-dur-2) var(--sx-ease-out);flex:none;position:relative}.sx-switch:after{content:"";width:calc(var(--sx-switch-h) - 4px);height:calc(var(--sx-switch-h) - 4px);transition:transform var(--sx-dur-3) var(--sx-ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040,0 0 0 .5px #0000000f}.sx-switch[aria-checked=true]{background:var(--sx-accent)}[data-theme=onix] .sx-switch[aria-checked=true],.sx-switch[aria-checked=true][data-tone=primary]{background:var(--sx-primary)}.sx-switch[aria-checked=true]:after{transform:translateX(calc(var(--sx-switch-w) - var(--sx-switch-h)))}.sx-spinner{width:var(--sx-spinner-size,14px);height:var(--sx-spinner-size,14px);border:1.6px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:50%;flex:none;animation:.7s linear infinite sx-spin}.sx-progress{border-radius:var(--sx-r-pill);background:var(--sx-c-track);height:6px;position:relative;overflow:hidden}.sx-progress__bar{border-radius:inherit;background:var(--sx-progress-color,var(--sx-accent));transform-origin:0;transform:scaleX(var(--sx-progress,0));transition:transform var(--sx-dur-4) var(--sx-ease-out), background-color var(--sx-dur-2) var(--sx-ease-out);position:absolute;inset:0}.sx-menu{border-radius:var(--sx-r-lg);background:var(--sx-surface);min-width:180px;box-shadow:var(--sx-shadow-pop);color:var(--sx-ink);padding:4px}.sx-menu__label{font-size:var(--sx-fs-2xs);color:var(--sx-muted);padding:8px 8px 4px;font-weight:500}.sx-menu__item{border-radius:var(--sx-r-sm);width:100%;min-height:30px;font-size:var(--sx-fs-base);text-align:left;color:var(--sx-ink-2);cursor:pointer;transition:background-color var(--sx-dur-1) var(--sx-ease-out), color var(--sx-dur-1) var(--sx-ease-out);align-items:center;gap:8px;padding:0 8px;display:flex}.sx-menu__item>.sx-icon{--sx-icon-size:15px;color:var(--sx-muted)}.sx-menu__item:hover,.sx-menu__item[data-active=true]{background:var(--sx-fill);color:var(--sx-ink)}.sx-menu__item[aria-selected=true],.sx-menu__item[aria-checked=true]{color:var(--sx-ink)}.sx-menu__sep{background:var(--sx-line-soft);height:1px;margin:4px -4px}.sx-pop{transform-origin:var(--sx-pop-origin,top center);transition:opacity var(--sx-dur-2) var(--sx-ease-out), transform var(--sx-dur-3) var(--sx-ease-out), visibility 0s linear var(--sx-dur-3)}.sx-pop:not([data-state=open]){opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px)scale(.97)}.sx-pop[data-state=open]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.sx-shimmer-text{color:#0000;background:linear-gradient(90deg, var(--sx-muted) 0%, var(--sx-muted) 35%, var(--sx-ink) 50%, var(--sx-muted) 65%, var(--sx-muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite sx-shimmer}.sx-skeleton{border-radius:var(--sx-r-sm);background:var(--sx-fill);position:relative;overflow:hidden}.sx-skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--sx-fill-strong), transparent);animation:sx-sweep 1.4s var(--sx-ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes sx-spin{to{transform:rotate(360deg)}}@keyframes sx-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes sx-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes sx-sweep{to{transform:translate(100%)}}@keyframes sx-fade-in{0%{opacity:0}}@keyframes sx-rise-in{0%{opacity:0;transform:translateY(6px)}}@keyframes sx-pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes sx-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes sx-blink{0%,45%{opacity:1}55%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.sx-dot--live,.sx-skeleton:after{animation:none}.sx-shimmer-text{animation-duration:4s}}.sx-stage{width:100%;height:100%;transition:opacity var(--sx-dur-3) var(--sx-ease-out), filter var(--sx-dur-3) var(--sx-ease-out);position:relative;overflow:hidden}.sx-stage[data-fading]{opacity:0;filter:blur(6px)}.sx-stage__scale{width:max-content;transform:translate(-50%, -50%) scale(var(--sx-stage-scale,1));transform-origin:50%;position:absolute;top:50%;left:50%}.sx-stage--fluid{grid-template-columns:minmax(0,1fr);place-items:center;min-height:460px;padding:56px 24px;display:grid}.sx-stage--fluid>.sx-stage__scale{width:max-content;transform:scale(var(--sx-stage-scale,1));transform-origin:top;margin-bottom:calc((var(--sx-stage-scale,1) - 1) * var(--sx-stage-h,0px));justify-self:center;position:relative;top:auto;left:auto}html[data-embed],html[data-embed] body{background:var(--sx-canvas);height:100%;overflow:hidden}.sx-stage--embed{background:var(--sx-canvas);position:fixed;inset:0}.sx-embed-missing{color:var(--sx-muted);background:var(--sx-canvas);place-items:center;display:grid;position:fixed;inset:0}.sx-demo{position:relative}.sx-screen{border-radius:var(--sx-r-xl);background:var(--sx-shell);width:1280px;height:800px;color:var(--sx-ink);box-shadow:var(--sx-card-shadow);isolation:isolate;position:relative;overflow:hidden;container:sx-screen/size}html[data-pageview],html[data-pageview] body{background:var(--sx-shell);height:100%;overflow:hidden}.sx-pageview .sx-screen,.sx-pageview--react .sx-screen{width:100vw;height:100dvh;box-shadow:none;border-radius:0}:root,[data-theme=neutral]{--site-side-w:256px;--site-gap:8px;--site-panel-r:16px;--site-hero-size:24px;--site-title-size:32px;--site-title-weight:600;--site-brand-bg:#0a0a0a;--site-brand-ink:#fff;--site-brand-dot:#dd0674}[data-theme=neutral][data-mode=dark]{--site-brand-bg:#ededed;--site-brand-ink:#0c0c0d;--site-brand-dot:#f2559f}[data-theme=onix]{--site-hero-size:28px;--site-title-size:34px;--site-title-weight:700;--site-brand-bg:#233d4d;--site-brand-ink:#fff;--site-brand-dot:#fe7f2d}[data-theme=onix][data-mode=dark]{--site-brand-bg:#3a5f74;--site-brand-dot:#ff8a3d}body.sx-site{background:var(--sx-shell);transition:background-color var(--sx-dur-3) var(--sx-ease-out)}@media (width>=900px){body.sx-site{overflow:hidden}}.sx-app{grid-template-columns:var(--site-side-w) minmax(0, 1fr);min-height:100dvh;transition:grid-template-columns var(--sx-dur-4) var(--sx-ease-out);display:grid}.sx-app[data-side=closed]{grid-template-columns:0 minmax(0,1fr)}.sx-side{width:var(--site-side-w);height:100dvh;transition:transform var(--sx-dur-4) var(--sx-ease-out), opacity var(--sx-dur-3) var(--sx-ease-out);flex-direction:column;gap:10px;padding:10px 8px 12px 10px;display:flex;position:sticky;top:0;overflow:hidden}.sx-app[data-side=closed] .sx-side{opacity:0;pointer-events:none;transform:translate(-24px)}.sx-side__head{justify-content:space-between;align-items:center;height:32px;padding-left:6px;display:flex}.sx-brand{font-size:var(--sx-fs-md);letter-spacing:-.01em;color:var(--sx-ink);border-radius:var(--sx-r-sm);align-items:center;gap:9px;font-weight:600;text-decoration:none;display:inline-flex}.sx-brand__mark{flex:none;width:20px;height:20px}.sx-brand__mark rect{fill:var(--site-brand-bg);transition:fill var(--sx-dur-3) var(--sx-ease-out)}.sx-brand__mark path{stroke:var(--site-brand-ink)}.sx-brand__mark circle{fill:var(--site-brand-dot)}.sx-iconbtn{border-radius:var(--sx-r-md);width:28px;height:28px;color:var(--sx-muted);transition:background-color var(--sx-dur-1) var(--sx-ease-out), color var(--sx-dur-1) var(--sx-ease-out), transform var(--sx-dur-2) var(--sx-ease-out);--sx-icon-size:16px;flex:none;place-items:center;display:inline-grid}.sx-iconbtn:hover{color:var(--sx-ink);background:var(--sx-fill)}.sx-iconbtn:active{transform:scale(.94)}.sx-side__search{border-radius:var(--sx-r-lg);height:34px;color:var(--sx-muted);background:var(--sx-raised);box-shadow:var(--sx-shadow-1);text-align:left;transition:box-shadow var(--sx-dur-2) var(--sx-ease-out), color var(--sx-dur-2) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:8px;padding:0 6px 0 10px;display:flex}.sx-side__search:hover{color:var(--sx-ink-2);box-shadow:var(--sx-shadow-2)}.sx-side__search>span:first-of-type{flex:1}.sx-side__kbds{gap:3px;display:inline-flex}.sx-side__nav{gap:1px;display:grid}.sx-navlink{border-radius:var(--sx-r-md);height:30px;font-size:var(--sx-fs-base);color:var(--sx-ink-2);transition:background-color var(--sx-dur-1) var(--sx-ease-out), color var(--sx-dur-1) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:10px;padding:0 8px;text-decoration:none;display:flex}.sx-navlink>.sx-icon{color:var(--sx-muted);transition:color var(--sx-dur-1) var(--sx-ease-out)}.sx-navlink:hover{color:var(--sx-ink);background:var(--sx-fill)}.sx-navlink[aria-current=page]{color:var(--sx-ink);background:var(--sx-fill-strong)}.sx-navlink[aria-current=page]>.sx-icon{color:var(--sx-ink)}.sx-side__setting{border-radius:var(--sx-r-md);width:100%;height:32px;font-size:var(--sx-fs-base);color:var(--sx-ink-2);text-align:left;transition:background-color var(--sx-dur-1) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:10px;padding:0 6px 0 8px;display:flex}.sx-side__setting:hover,.sx-side__setting[aria-expanded=true]{background:var(--sx-fill)}.sx-side__setting>.sx-icon:first-child{color:var(--sx-muted)}.sx-side__setting>span:first-of-type{flex:1}.sx-side__setting>.sx-icon:last-child{--sx-icon-size:13px;color:var(--sx-faint)}.sx-side__groups{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;margin:0 -4px;padding:2px 4px 24px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.sx-side__groups::-webkit-scrollbar{display:none}.sx-group+.sx-group{margin-top:6px}.sx-group__head{border-radius:var(--sx-r-md);width:100%;height:30px;font-size:var(--sx-fs-base);color:var(--sx-ink);text-align:left;transition:background-color var(--sx-dur-1) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:10px;padding:0 8px;font-weight:500;display:flex}.sx-group__head:hover{background:var(--sx-fill)}.sx-group__head>.sx-icon:first-child{color:var(--sx-muted)}.sx-group__count{font-size:var(--sx-fs-xs);color:var(--sx-muted);font-weight:400}.sx-group__chev{--sx-icon-size:13px;color:var(--sx-faint);transition:transform var(--sx-dur-3) var(--sx-ease-out)}.sx-group[data-collapsed] .sx-group__chev{transform:rotate(-90deg)}.sx-group__body{transition:grid-template-rows var(--sx-dur-4) var(--sx-ease-out), opacity var(--sx-dur-3) var(--sx-ease-out);grid-template-rows:1fr;display:grid}.sx-group[data-collapsed] .sx-group__body{opacity:0;grid-template-rows:0fr}.sx-group__body>ul{min-height:0;margin:2px 0 0;padding:0 0 0 18px;list-style:none;position:relative;overflow:hidden}.sx-group__body>ul:before{content:"";background:var(--sx-line);width:1px;position:absolute;top:4px;bottom:4px;left:15px}.sx-sidelink{border-radius:var(--sx-r-md);height:30px;font-size:var(--sx-fs-base);color:var(--sx-muted);transition:background-color var(--sx-dur-1) var(--sx-ease-out), color var(--sx-dur-1) var(--sx-ease-out);align-items:center;gap:8px;padding:0 8px 0 13px;text-decoration:none;display:flex;position:relative}.sx-sidelink>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sx-sidelink:hover{color:var(--sx-ink);background:var(--sx-fill)}.sx-sidelink[aria-current=page]{color:var(--sx-ink);background:var(--sx-fill-strong)}.sx-sidelink[aria-current=page]:before{content:"";background:var(--sx-ink);border-radius:1px;width:1.5px;position:absolute;top:7px;bottom:7px;left:-3px}.sx-newdot{background:var(--sx-mark);width:6px;height:6px;box-shadow:0 0 0 3px var(--sx-mark-soft);border-radius:50%;flex:none}.sx-main{min-width:0;margin:var(--site-gap) var(--site-gap) var(--site-gap) 0;height:calc(100vh - var(--site-gap) * 2);height:calc(100dvh - var(--site-gap) * 2);overscroll-behavior:contain;border-radius:var(--site-panel-r);background-color:var(--sx-panel);background-image:var(--sx-panel-wash);box-shadow:var(--sx-ring), 0 1px 3px #0a0a0a0a;scroll-behavior:smooth;view-transition-name:sx-main;transition:background-color var(--sx-dur-3) var(--sx-ease-out);background-repeat:no-repeat;scroll-padding-top:72px;position:relative;overflow:hidden auto}.sx-app[data-side=closed] .sx-main{margin-left:var(--site-gap)}.sx-top{z-index:20;pointer-events:none;height:56px;transition:background-color var(--sx-dur-3) var(--sx-ease-out), box-shadow var(--sx-dur-3) var(--sx-ease-out);align-items:center;gap:10px;padding:0 14px 0 20px;display:flex;position:sticky;top:0}.sx-top>*{pointer-events:auto}.sx-main:not([data-view=gallery]) .sx-top[data-scrolled]{background:var(--sx-panel);box-shadow:0 1px 0 var(--sx-line-soft)}.sx-top__lead{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sx-top__menu{display:none}.sx-app[data-side=closed] .sx-top__open{display:inline-grid}.sx-top__open{display:none}.sx-top__crumbs{opacity:0;transition:opacity var(--sx-dur-3) var(--sx-ease-out), transform var(--sx-dur-3) var(--sx-ease-out);transform:translateY(4px)}.sx-top[data-scrolled] .sx-top__crumbs{opacity:1;transform:none}.sx-top__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sx-modeswitch{border-radius:var(--sx-r-pill);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line-soft);padding:2px;display:inline-flex;position:relative}.sx-modeswitch:before{content:"";background:var(--sx-raised);width:28px;height:28px;box-shadow:var(--sx-shadow-1);transition:transform var(--sx-dur-3) var(--sx-ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.sx-modeswitch[data-value=dark]:before{transform:translate(28px)}.sx-modeswitch>button{width:28px;height:28px;color:var(--sx-muted);transition:color var(--sx-dur-2) var(--sx-ease-out);--sx-icon-size:15px;border-radius:50%;place-items:center;display:grid;position:relative}.sx-modeswitch>button[aria-pressed=true]{color:var(--sx-ink)}.sx-pillbtn{border-radius:var(--sx-r-pill);height:32px;font-size:var(--sx-fs-base);color:var(--sx-ink);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line-soft);white-space:nowrap;transition:background-color var(--sx-dur-1) var(--sx-ease-out), box-shadow var(--sx-dur-2) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:7px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.sx-pillbtn:hover,.sx-pillbtn[aria-expanded=true],.sx-pillbtn[aria-current=page]{background:var(--sx-fill-strong)}.sx-pillbtn--mark{color:var(--sx-mark-ink);background:var(--sx-mark-soft);box-shadow:inset 0 0 0 1px var(--sx-mark-line), 0 1px 0 var(--sx-mark-line)}.sx-pillbtn--mark:hover{background:var(--sx-mark-soft);box-shadow:inset 0 0 0 1px var(--sx-mark), 0 1px 0 var(--sx-mark-line)}.sx-swatch{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--sx-line);border-radius:50%;flex:none;display:inline-flex;overflow:hidden}.sx-swatch>i{flex:1}.sx-swatch--neutral>i:first-child{background:#0a0a0a}.sx-swatch--neutral>i:nth-child(2){background:#2f6bff}.sx-swatch--onix>i:first-child{background:#233d4d}.sx-swatch--onix>i:nth-child(2){background:#fe7f2d}.sx-thememenu{z-index:var(--sx-z-pop);border-radius:var(--sx-r-lg);background:var(--sx-surface);width:260px;box-shadow:var(--sx-shadow-pop);--sx-pop-origin:top left;padding:6px;position:fixed}.sx-thememenu__label{font-size:var(--sx-fs-2xs);color:var(--sx-muted);padding:6px 8px 4px;font-weight:500}.sx-thememenu__opt{border-radius:var(--sx-r-md);text-align:left;width:100%;transition:background-color var(--sx-dur-1) var(--sx-ease-out);align-items:center;gap:10px;padding:6px;display:flex}.sx-thememenu__opt:hover,.sx-thememenu__opt[data-active]{background:var(--sx-fill)}.sx-thememenu__opt>span:nth-child(2){flex:1;line-height:1.3;display:grid}.sx-thememenu__opt b{color:var(--sx-ink);font-weight:500}.sx-thememenu__opt small{font-size:var(--sx-fs-xs);color:var(--sx-muted)}.sx-thememenu__opt>.sx-icon{--sx-icon-size:14px;color:var(--sx-accent);opacity:0;transition:opacity var(--sx-dur-2) var(--sx-ease-out), transform var(--sx-dur-3) var(--sx-ease-spring);transform:scale(.6)}.sx-thememenu__opt[aria-checked=true]>.sx-icon{opacity:1;transform:none}.sx-thememenu__sep{background:var(--sx-line-soft);height:1px;margin:6px -6px}.sx-thumb{width:46px;height:32px;box-shadow:inset 0 0 0 1px var(--sx-line);border-radius:7px;flex:none;position:relative;overflow:hidden}.sx-thumb:before,.sx-thumb:after{content:"";position:absolute}.sx-thumb--neutral{background:#f5f5f5}.sx-thumb--neutral:before{background:#fff;border-radius:4px;inset:7px 8px;box-shadow:0 0 0 1px #00000014}.sx-thumb--neutral:after{background:#2f6bff;border-radius:2px;width:14px;height:3px;top:12px;left:13px;box-shadow:0 6px #d4d4d4}.sx-thumb--onix{background:#f3f2ed}.sx-thumb--onix:before{background:#fff;border-radius:4px;inset:7px 8px;box-shadow:0 0 0 1px #1b23291a}.sx-thumb--onix:after{background:#fe7f2d;border-radius:2px;width:14px;height:3px;top:12px;left:13px;box-shadow:0 6px #233d4d}.sx-thumb--flat{background:var(--sx-surface-2)}.sx-thumb--flat:before{background:var(--sx-surface);box-shadow:0 0 0 1px var(--sx-line);border-radius:4px;inset:7px 8px}.sx-thumb--tray{background:var(--sx-tray)}.sx-thumb--tray:before{background:var(--sx-surface);border-radius:4px;inset:7px 8px;box-shadow:0 1px 2px #0000001f,0 4px 8px -2px #00000024}.sx-page{padding:0 28px 64px}.sx-hero{max-width:720px;padding:28px 0 34px}.sx-hero__title{font-size:var(--site-hero-size);font-weight:var(--sx-display-weight);letter-spacing:var(--sx-display-tracking);color:var(--sx-ink);line-height:1.25}.sx-hero__title span{color:var(--sx-ink);display:block}[data-theme=onix] .sx-hero__title span+span{color:var(--sx-ink-2)}.sx-tabs{z-index:10;height:56px;transition:background-color var(--sx-dur-3) var(--sx-ease-out), box-shadow var(--sx-dur-3) var(--sx-ease-out);background:0 0;align-items:center;gap:4px;margin:0 -28px;padding:0 300px 0 28px;display:flex;position:sticky;top:0}.sx-tabs[data-stuck]{background:var(--sx-panel);box-shadow:0 1px 0 var(--sx-line-soft)}.sx-tabs__list{align-items:stretch;gap:22px;height:100%;display:flex;position:relative}.sx-tab{font-size:var(--sx-fs-base);color:var(--sx-ink-2);white-space:nowrap;transition:color var(--sx-dur-2) var(--sx-ease-out);align-items:center;gap:6px;text-decoration:none;display:inline-flex;position:relative}.sx-tab:hover{color:var(--sx-ink)}.sx-tab[aria-current=page]{color:var(--sx-ink);font-weight:500}.sx-tab__count{font-size:var(--sx-fs-xs);color:var(--sx-muted);font-variant-numeric:tabular-nums;font-weight:400}.sx-tab--new .sx-tab__count{color:var(--sx-mark-ink)}.sx-tabs__ink{width:var(--ink-w,0px);background:var(--sx-ink);height:1.5px;transform:translateX(var(--ink-x,0px));transition:transform var(--sx-dur-4) var(--sx-ease-out), width var(--sx-dur-4) var(--sx-ease-out);border-radius:1px;position:absolute;bottom:0;left:0}.sx-tabs__rule{background:var(--sx-line-soft);height:1px;position:absolute;bottom:0;left:28px;right:28px}.sx-tabs[data-stuck] .sx-tabs__rule{opacity:0}.sx-tabs__sep{background:var(--sx-line);width:1px;height:16px;margin:0 12px 0 18px}.sx-tabs__theme{border-radius:var(--sx-r-md);height:30px;font-size:var(--sx-fs-base);color:var(--sx-ink-2);transition:background-color var(--sx-dur-1) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:8px;padding:0 6px 0 4px;display:inline-flex}.sx-tabs__theme:hover,.sx-tabs__theme[aria-expanded=true]{background:var(--sx-fill)}.sx-tabs__theme>.sx-icon:first-child{color:var(--sx-muted)}.sx-tabs__theme>.sx-icon:last-child{--sx-icon-size:13px;color:var(--sx-faint)}.sx-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-top:22px;display:grid}.sx-grid__empty{text-align:center;color:var(--sx-muted);grid-column:1/-1;padding:80px 0}.sx-tile{border-radius:var(--sx-r-xl);background:var(--sx-surface);box-shadow:var(--sx-ring);content-visibility:auto;contain-intrinsic-size:auto 300px;transition:box-shadow var(--sx-dur-3) var(--sx-ease-out), background-color var(--sx-dur-3) var(--sx-ease-out);flex-direction:column;padding:5px;display:flex;position:relative}.sx-tile:hover{box-shadow:0 0 0 1px var(--sx-line-strong), 0 6px 18px -10px #0a0a0a2e}.sx-tile:focus-within:has(.sx-tile__link:focus-visible){box-shadow:var(--sx-focus-ring)}.sx-tile__preview{aspect-ratio:350/230;border-radius:calc(var(--sx-r-xl) - 5px);background:var(--sx-canvas);box-shadow:inset 0 0 0 1px var(--sx-line-soft);isolation:isolate;position:relative;overflow:hidden}.sx-tile__preview>.sx-stage,.sx-tile__preview>iframe{pointer-events:none;color-scheme:normal;border:0;width:100%;height:100%;position:absolute;inset:0}.sx-tile__preview>iframe{opacity:0;transition:opacity var(--sx-dur-4) var(--sx-ease-out)}.sx-tile__preview>iframe[data-loaded]{opacity:1}.sx-tile__chips{z-index:2;pointer-events:none;gap:5px;display:flex;position:absolute;top:9px;left:9px;right:9px}.sx-tile__chips>:last-child:not(:first-child){margin-left:auto}.sx-tile__foot{align-items:center;gap:10px;padding:10px 6px 7px 10px;display:flex}.sx-tile__text{flex:1;min-width:0;line-height:1.45;display:grid}.sx-tile__name{font-size:var(--sx-fs-base);color:var(--sx-ink);font-weight:500}.sx-tile__desc{font-size:var(--sx-fs-base);white-space:nowrap;text-overflow:ellipsis;color:var(--sx-muted);overflow:hidden}.sx-tile__link{color:inherit;text-decoration:none}.sx-tile__link:focus-visible{outline:none}.sx-tile__link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.sx-tile__copy{z-index:3;width:30px;height:30px;color:var(--sx-muted);background:var(--sx-raised);box-shadow:var(--sx-shadow-1);transition:color var(--sx-dur-1) var(--sx-ease-out), transform var(--sx-dur-2) var(--sx-ease-out);--sx-icon-size:14px;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sx-tile__copy:hover{color:var(--sx-ink)}.sx-tile__copy:active{transform:scale(.92)}.sx-tile__copy[data-done]{color:var(--sx-success)}.sx-detail{max-width:940px;margin:0 auto;padding-top:18px}.sx-crumbs{min-width:0;font-size:var(--sx-fs-base);color:var(--sx-muted);--sx-icon-size:12px;align-items:center;gap:6px;display:flex}.sx-crumbs a{color:inherit;border-radius:var(--sx-r-xs);transition:color var(--sx-dur-1) var(--sx-ease-out);text-decoration:none}.sx-crumbs a:hover{color:var(--sx-ink)}.sx-crumbs>span:last-child{white-space:nowrap;text-overflow:ellipsis;color:var(--sx-ink);overflow:hidden}.sx-crumbs>.sx-icon{color:var(--sx-faint)}.sx-detail__title{font-size:var(--site-title-size);font-weight:var(--site-title-weight);letter-spacing:var(--sx-display-tracking);align-items:center;gap:12px;margin-top:18px;line-height:1.15;display:flex}.sx-detail__summary{max-width:68ch;font-size:var(--sx-fs-lg);color:var(--sx-muted);margin-top:12px;line-height:1.6}.sx-files{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.sx-file{border-radius:var(--sx-r-md);height:32px;font-family:var(--sx-font-mono);color:var(--sx-ink-2);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line-soft);--sx-icon-size:13px;align-items:center;gap:8px;padding:0 4px 0 10px;font-size:12px;display:inline-flex}.sx-file>.sx-icon:first-child{color:var(--sx-muted)}.sx-file>button{border-radius:var(--sx-r-sm);width:24px;height:24px;color:var(--sx-muted);transition:background-color var(--sx-dur-1) var(--sx-ease-out), color var(--sx-dur-1) var(--sx-ease-out);place-items:center;display:grid}.sx-file>button:hover{color:var(--sx-ink);background:var(--sx-fill-strong)}.sx-file>button[data-done]{color:var(--sx-success)}.sx-toolbar{align-items:center;gap:8px;margin-top:28px;margin-bottom:12px;display:flex}.sx-toolbar__end{align-items:center;gap:6px;margin-left:auto;display:flex}.sx-toolbar__divider{background:var(--sx-line);width:1px;height:16px;margin:0 4px}.sx-viewswitch{border-radius:var(--sx-r-lg);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line-soft);padding:3px;display:inline-flex;position:relative}.sx-viewswitch__thumb{width:var(--vw,0px);border-radius:var(--sx-r-md);background:var(--sx-raised);box-shadow:var(--sx-shadow-1);transform:translateX(var(--vx,0px));transition:transform var(--sx-dur-3) var(--sx-ease-out), width var(--sx-dur-3) var(--sx-ease-out);position:absolute;top:3px;bottom:3px;left:0}.sx-viewswitch>button{border-radius:var(--sx-r-md);height:30px;font-size:var(--sx-fs-base);color:var(--sx-muted);transition:color var(--sx-dur-2) var(--sx-ease-out);--sx-icon-size:14px;align-items:center;gap:7px;padding:0 13px;font-weight:500;display:inline-flex;position:relative}.sx-viewswitch>button[aria-selected=true]{color:var(--sx-ink)}.sx-preview{border-radius:var(--site-panel-r);background:var(--sx-canvas);color:var(--sx-ink);box-shadow:inset 0 0 0 1px var(--sx-line);transition:background-color var(--sx-dur-3) var(--sx-ease-out);position:relative;overflow:hidden}.sx-preview[hidden]{display:none}.sx-code{border-radius:var(--site-panel-r);background:var(--sx-surface);box-shadow:inset 0 0 0 1px var(--sx-line);animation:sx-fade-in var(--sx-dur-3) var(--sx-ease-out);position:relative;overflow:hidden}.sx-code__tabs{height:44px;box-shadow:inset 0 -1px 0 var(--sx-line-soft);align-items:center;gap:2px;padding:0 8px;display:flex}.sx-code__tab{border-radius:var(--sx-r-sm);height:28px;font-family:var(--sx-font-mono);color:var(--sx-muted);transition:background-color var(--sx-dur-1) var(--sx-ease-out), color var(--sx-dur-1) var(--sx-ease-out);align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.sx-code__tab:hover{color:var(--sx-ink)}.sx-code__tab[aria-selected=true]{color:var(--sx-ink);background:var(--sx-fill-strong)}.sx-code__copy{margin-left:auto}.sx-code__body{max-height:560px;font-family:var(--sx-font-mono);color:var(--sx-ink-2);tab-size:2;white-space:pre;margin:0;padding:16px 20px 20px;font-size:12.5px;line-height:1.7;overflow:auto}.sx-code__body code{font:inherit}.sx-code__note{color:var(--sx-muted);padding:28px 20px}.tk-c{color:var(--sx-faint);font-style:italic}.tk-s{color:var(--sx-success-ink)}.tk-k{color:var(--sx-accent-ink)}.tk-n{color:var(--sx-warning-ink)}.tk-t{color:var(--sx-info-ink)}.tk-a{color:var(--sx-mark-ink)}.tk-p{color:var(--sx-muted)}.sx-section{margin-top:44px}.sx-section__title{font-size:var(--sx-fs-xl);font-weight:var(--sx-heading-weight);letter-spacing:var(--sx-heading-tracking)}.sx-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.sx-guide__col{border-radius:var(--sx-r-xl);background:var(--sx-surface);box-shadow:var(--sx-ring);padding:16px 18px}.sx-guide__col h3{font-size:var(--sx-fs-base);--sx-icon-size:15px;align-items:center;gap:8px;font-weight:500;display:flex}.sx-guide__col--do h3>.sx-icon{color:var(--sx-success)}.sx-guide__col--dont h3>.sx-icon{color:var(--sx-danger)}.sx-guide__col ul{color:var(--sx-ink-2);gap:8px;margin:12px 0 0;padding:0 0 0 18px;line-height:1.55;display:grid}.sx-guide__col li::marker{color:var(--sx-faint)}.sx-props{border-collapse:separate;border-spacing:0;border-radius:var(--sx-r-xl);background:var(--sx-surface);width:100%;box-shadow:var(--sx-ring);font-size:var(--sx-fs-base);margin-top:14px;overflow:hidden}.sx-props th{font-size:var(--sx-fs-xs);text-align:left;color:var(--sx-muted);background:var(--sx-surface-2);box-shadow:inset 0 -1px 0 var(--sx-line-soft);padding:10px 14px;font-weight:500}.sx-props td{vertical-align:top;color:var(--sx-ink-2);padding:11px 14px;line-height:1.5}.sx-props tr+tr td{box-shadow:inset 0 1px 0 var(--sx-line-soft)}.sx-props td:first-child{white-space:nowrap;font-family:var(--sx-font-mono);color:var(--sx-ink);font-size:12px}.sx-props td:nth-child(2),.sx-props td:nth-child(3){font-family:var(--sx-font-mono);color:var(--sx-accent-ink);font-size:12px}.sx-props td:nth-child(3){color:var(--sx-muted)}.sx-usage{margin-top:14px}.sx-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.sx-pager a{border-radius:var(--sx-r-xl);background:var(--sx-surface);box-shadow:var(--sx-ring);transition:box-shadow var(--sx-dur-2) var(--sx-ease-out);gap:2px;padding:14px 16px;text-decoration:none;display:grid}.sx-pager a:hover{box-shadow:0 0 0 1px var(--sx-line-strong)}.sx-pager a:last-child{text-align:right}.sx-pager small{font-size:var(--sx-fs-sm);color:var(--sx-muted)}.sx-pager b{color:var(--sx-ink);font-weight:500}.sx-docs{grid-template-columns:minmax(0,1fr) 200px;gap:48px;max-width:1040px;margin:0 auto;padding-top:18px;display:grid}.sx-docs__toc{align-self:start;gap:2px;padding-top:64px;display:grid;position:sticky;top:72px}.sx-docs__toc b{font-size:var(--sx-fs-xs);color:var(--sx-muted);padding:0 10px 6px;font-weight:500}.sx-docs__toc a{border-radius:var(--sx-r-sm);font-size:var(--sx-fs-base);color:var(--sx-muted);transition:color var(--sx-dur-1) var(--sx-ease-out), background-color var(--sx-dur-1) var(--sx-ease-out);padding:5px 10px;text-decoration:none}.sx-docs__toc a:hover{color:var(--sx-ink);background:var(--sx-fill)}.sx-prose{max-width:72ch;font-size:var(--sx-fs-md);color:var(--sx-ink-2);line-height:1.7}.sx-prose>h1{font-size:var(--site-title-size);font-weight:var(--site-title-weight);letter-spacing:var(--sx-display-tracking);color:var(--sx-ink);margin-top:18px}.sx-prose>.sx-prose__lede{font-size:var(--sx-fs-lg);color:var(--sx-muted);margin-top:12px}.sx-prose h2{font-size:var(--sx-fs-xl);color:var(--sx-ink);margin-top:48px;scroll-margin-top:72px}.sx-prose h3{font-size:var(--sx-fs-lg);color:var(--sx-ink);margin-top:28px}.sx-prose p,.sx-prose ul,.sx-prose ol,.sx-prose pre,.sx-prose table{margin-top:12px}.sx-prose ul,.sx-prose ol{padding-left:20px}.sx-prose li+li{margin-top:4px}.sx-prose a{color:var(--sx-accent-ink)}.sx-prose strong{color:var(--sx-ink);font-weight:500}.sx-prose code{border-radius:var(--sx-r-xs);font-family:var(--sx-font-mono);color:var(--sx-ink);background:var(--sx-fill);padding:1px 5px;font-size:.86em}.sx-prose pre{border-radius:var(--sx-r-lg);font-family:var(--sx-font-mono);background:var(--sx-surface);box-shadow:var(--sx-ring);padding:14px 16px;font-size:12.5px;line-height:1.7;overflow:auto}.sx-prose pre code{font-size:inherit;color:var(--sx-ink-2);background:0 0;padding:0}.sx-prose table{border-collapse:collapse;width:100%;font-size:var(--sx-fs-base)}.sx-prose th,.sx-prose td{text-align:left;box-shadow:inset 0 -1px 0 var(--sx-line-soft);padding:8px 10px}.sx-prose th{color:var(--sx-muted);font-weight:500}.sx-tokens{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.sx-token{border-radius:var(--sx-r-lg);background:var(--sx-surface);box-shadow:var(--sx-ring);font-size:var(--sx-fs-xs);gap:6px;padding:8px;display:grid}.sx-token>i{border-radius:var(--sx-r-sm);height:36px;box-shadow:inset 0 0 0 1px var(--sx-line)}.sx-token>code{color:var(--sx-ink-2);background:0 0;padding:0;font-size:11px}.sx-palette{z-index:var(--sx-z-modal);background:var(--sx-overlay);animation:sx-fade-in var(--sx-dur-2) var(--sx-ease-out);place-items:start center;padding:12vh 16px 16px;display:grid;position:fixed;inset:0}.sx-palette[data-closing]{animation:sx-fade-out var(--sx-dur-2) var(--sx-ease-in) forwards}.sx-palette__box{border-radius:var(--sx-r-2xl);background:var(--sx-surface);width:min(580px,100%);max-height:min(520px,76vh);box-shadow:var(--sx-shadow-pop);animation:sx-palette-in var(--sx-dur-4) var(--sx-ease-out);flex-direction:column;display:flex;overflow:hidden}.sx-palette[data-closing] .sx-palette__box{animation:sx-palette-out var(--sx-dur-2) var(--sx-ease-in) forwards}.sx-palette__field{height:52px;box-shadow:inset 0 -1px 0 var(--sx-line-soft);color:var(--sx-muted);--sx-icon-size:17px;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex}.sx-palette__field input{height:100%;font-size:var(--sx-fs-lg);color:var(--sx-ink);background:0 0;border:0;outline:none;flex:1}.sx-palette__list{flex:1;padding:6px;scroll-padding:6px;position:relative;overflow-y:auto}.sx-palette__group{font-size:var(--sx-fs-2xs);color:var(--sx-muted);padding:10px 10px 4px;font-weight:500}.sx-palette__hl{border-radius:var(--sx-r-md);background:var(--sx-fill-strong);height:38px;transform:translateY(var(--hl-y,0px));transition:transform var(--sx-dur-2) var(--sx-ease-out);pointer-events:none;position:absolute;top:0;left:6px;right:6px}.sx-palette__item{border-radius:var(--sx-r-md);width:100%;height:38px;font-size:var(--sx-fs-base);text-align:left;color:var(--sx-ink-2);--sx-icon-size:15px;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.sx-palette__item>.sx-icon{color:var(--sx-muted)}.sx-palette__item[aria-selected=true]{color:var(--sx-ink)}.sx-palette__item>span:first-of-type{flex:1}.sx-palette__item mark{color:var(--sx-ink);background:0 0;font-weight:600}.sx-palette__empty{text-align:center;color:var(--sx-muted);padding:36px 16px}.sx-palette__foot{height:40px;font-size:var(--sx-fs-xs);color:var(--sx-muted);background:var(--sx-surface-2);box-shadow:inset 0 1px 0 var(--sx-line-soft);align-items:center;gap:14px;padding:0 14px;display:flex}.sx-palette__foot span{align-items:center;gap:5px;display:inline-flex}.sx-toasts{z-index:var(--sx-z-toast);pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.sx-toast{border-radius:var(--sx-r-pill);height:36px;font-size:var(--sx-fs-base);color:var(--sx-on-primary);background:var(--sx-primary-bg);box-shadow:var(--sx-shadow-pop);animation:sx-toast-in var(--sx-dur-4) var(--sx-ease-out);--sx-icon-size:15px;align-items:center;gap:8px;padding:0 14px 0 12px;font-weight:500;display:inline-flex}.sx-toast[data-leaving]{animation:sx-toast-out var(--sx-dur-3) var(--sx-ease-in) forwards}.sx-scrim{display:none}@keyframes sx-fade-out{to{opacity:0}}@keyframes sx-palette-in{0%{opacity:0;filter:blur(4px);transform:translateY(-8px)scale(.98)}}@keyframes sx-palette-out{to{opacity:0;transform:translateY(-4px)scale(.985)}}@keyframes sx-toast-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)scale(.96)}}@keyframes sx-toast-out{to{opacity:0;transform:translateY(8px)scale(.98)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}[data-vt=reveal]::view-transition-new(root){animation:sx-vt-reveal .56s var(--sx-ease-in-out)}[data-vt=fade]::view-transition-old(root){animation:sx-vt-fade-out .3s var(--sx-ease-out) forwards}[data-vt=fade]::view-transition-new(root){animation:sx-vt-fade-in .36s var(--sx-ease-out)}[data-vt=route]::view-transition-old(sx-main){animation:sx-vt-route-out .16s var(--sx-ease-in) forwards}[data-vt=route]::view-transition-new(sx-main){animation:sx-vt-route-in .34s var(--sx-ease-out)}[data-vt]:not([data-vt=route])::view-transition-old(sx-main){animation:none}[data-vt]:not([data-vt=route])::view-transition-new(sx-main){animation:none}[data-vt=reveal]::view-transition-group(sx-main){animation-duration:0s}[data-vt=fade]::view-transition-group(sx-main){animation-duration:0s}@keyframes sx-vt-reveal{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,0))}}@keyframes sx-vt-fade-out{to{opacity:0}}@keyframes sx-vt-fade-in{0%{opacity:0;filter:blur(3px)}}@keyframes sx-vt-route-out{to{opacity:0;transform:translateY(-4px)}}@keyframes sx-vt-route-in{0%{opacity:0;transform:translateY(8px)}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (width<=1100px){.sx-tabs{padding-right:28px}.sx-main[data-view=gallery] .sx-top{position:relative}}@media (width<=640px){.sx-top__docs{display:none}}@media (width<=899px){.sx-app,.sx-app[data-side=closed]{display:block}.sx-side{z-index:70;background:var(--sx-shell);width:min(300px,86vw);box-shadow:var(--sx-shadow-pop);opacity:1;pointer-events:auto;position:fixed;top:0;left:0;transform:translate(-104%)}.sx-app[data-drawer=open] .sx-side{transform:none}.sx-scrim{z-index:65;background:var(--sx-overlay);opacity:0;pointer-events:none;transition:opacity var(--sx-dur-3) var(--sx-ease-out);display:block;position:fixed;inset:0}.sx-app[data-drawer=open] .sx-scrim{opacity:1;pointer-events:auto}.sx-main,.sx-app[data-side=closed] .sx-main{height:auto;min-height:100vh;box-shadow:none;border-radius:0;margin:0;overflow:visible}.sx-top{background:var(--sx-panel);box-shadow:0 1px 0 var(--sx-line-soft);padding:0 10px 0 12px}.sx-main[data-view=gallery] .sx-top{position:sticky}.sx-top__menu{display:inline-grid}.sx-top__open,.sx-app[data-side=closed] .sx-top__open,.sx-top__crumbs{display:none}.sx-page{padding:0 16px 48px}.sx-tabs{scrollbar-width:none;margin:0 -16px;padding:0 16px;position:relative;top:auto;overflow-x:auto}.sx-tabs__rule{left:16px;right:16px}.sx-grid,.sx-guide,.sx-pager{grid-template-columns:minmax(0,1fr)}.sx-docs{display:block}.sx-docs__toc{display:none}.sx-toolbar{flex-wrap:wrap}.sx-props{display:block;overflow-x:auto}.sx-top__label{display:none}}@media (width>=600px) and (width<=899px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sx-thumb--custom{background:conic-gradient(from 200deg,#fe7f2d,#dd0674,#7c3aed,#2f6bff,#16a34a,#fe7f2d)}.sx-thumb--custom:before{background:#ffffffeb;border-radius:4px;inset:7px 8px;box-shadow:0 1px 2px #0003}.sx-custom{z-index:var(--sx-z-modal);border-radius:var(--sx-r-2xl);width:min(364px,100vw - 24px);color:var(--sx-ink);background:var(--sx-surface);box-shadow:var(--sx-shadow-pop);opacity:0;visibility:hidden;transition:transform var(--sx-dur-4) var(--sx-ease-out), opacity var(--sx-dur-3) var(--sx-ease-out), visibility 0s linear var(--sx-dur-4);flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden;transform:translate(calc(100% + 24px))}.sx-custom[data-state=open]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.sx-custom__head{box-shadow:inset 0 -1px 0 var(--sx-line-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 12px 14px 18px;display:flex}.sx-custom__head div{gap:2px;display:grid}.sx-custom__head b{font-size:var(--sx-fs-md);font-weight:var(--sx-heading-weight)}.sx-custom__head small{font-size:var(--sx-fs-sm);color:var(--sx-muted)}.sx-custom__body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 18px 8px;overflow-y:auto}.sx-custom__body section{gap:10px;padding:16px 0;display:grid}.sx-custom__body section+section{box-shadow:inset 0 1px 0 var(--sx-line-soft)}.sx-custom__body h3{font-size:var(--sx-fs-xs);letter-spacing:0;color:var(--sx-muted);font-weight:500}.sx-custom__row{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;display:grid}.sx-custom__row>span{font-size:var(--sx-fs-sm);color:var(--sx-ink-2)}.sx-custom__seg{border-radius:var(--sx-r-md);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line-soft);padding:2px;display:flex}.sx-custom__seg button{border-radius:calc(var(--sx-r-md) - 2px);min-width:0;height:26px;font-size:var(--sx-fs-xs);white-space:nowrap;color:var(--sx-muted);transition:background-color var(--sx-dur-2) var(--sx-ease-out), color var(--sx-dur-2) var(--sx-ease-out), box-shadow var(--sx-dur-2) var(--sx-ease-out);flex:1;padding:0 3px;font-weight:500}.sx-custom__seg button:hover{color:var(--sx-ink)}.sx-custom__seg button[aria-checked=true]{color:var(--sx-ink);background:var(--sx-raised);box-shadow:var(--sx-shadow-1)}.sx-custom__swatches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sx-custom__swatch{background:var(--sw);width:22px;height:22px;transition:box-shadow var(--sx-dur-2) var(--sx-ease-out), transform var(--sx-dur-2) var(--sx-ease-out);border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #00000024}.sx-custom__swatch:hover{transform:scale(1.08)}.sx-custom__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--sx-surface), 0 0 0 3.5px var(--sx-ink)}.sx-custom__swatch--auto{border-radius:var(--sx-r-pill);width:auto;font-size:var(--sx-fs-2xs);color:var(--sx-muted);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line);padding:0 8px;font-weight:500}.sx-custom__swatch--auto[aria-pressed=true]{color:var(--sx-ink);box-shadow:0 0 0 2px var(--sx-surface), 0 0 0 3.5px var(--sx-ink)}.sx-custom__picker{cursor:pointer;background:conic-gradient(#ff4d4d,#ffd84d,#5bd65b,#4dd6ff,#4d6bff,#d64dff,#ff4d4d);border-radius:50%;flex:none;width:22px;height:22px;position:relative;overflow:hidden}.sx-custom__picker input{opacity:0;cursor:pointer;width:30px;height:30px;position:absolute;inset:-4px}.sx-custom__picker-dot{background:var(--sw);pointer-events:none;border-radius:50%;position:absolute;inset:6px;box-shadow:0 0 0 1.5px #ffffffe6}.sx-custom__fonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sx-custom__fonts button{border-radius:var(--sx-r-md);text-align:left;background:var(--sx-surface);box-shadow:inset 0 0 0 1px var(--sx-line);transition:box-shadow var(--sx-dur-2) var(--sx-ease-out), background-color var(--sx-dur-2) var(--sx-ease-out);gap:1px;padding:8px 10px;display:grid}.sx-custom__fonts button span{font-size:var(--sx-fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sx-custom__fonts button small{font-size:var(--sx-fs-xs);color:var(--sx-muted)}.sx-custom__fonts button:hover{box-shadow:inset 0 0 0 1px var(--sx-line-strong)}.sx-custom__fonts button[aria-checked=true]{background:var(--sx-accent-soft);box-shadow:inset 0 0 0 1.5px var(--sx-accent)}.sx-custom__range{align-items:center;gap:10px;display:flex}.sx-custom__range input{min-width:0;accent-color:var(--sx-accent);flex:1}.sx-custom__range output{width:34px;font-family:var(--sx-font-mono);text-align:right;color:var(--sx-ink-2);font-size:12px}.sx-custom__foot{background:var(--sx-surface-2);box-shadow:inset 0 1px 0 var(--sx-line-soft);justify-content:space-between;gap:8px;padding:12px 16px;display:flex}@media (width<=560px){.sx-custom{width:auto;height:min(70vh,560px);inset:auto 8px 8px;transform:translateY(calc(100% + 24px))}}.sx-layoutswitch{border-radius:var(--sx-r-md);background:var(--sx-fill);box-shadow:inset 0 0 0 1px var(--sx-line-soft);padding:2px;display:inline-flex}.sx-layoutswitch>button{border-radius:calc(var(--sx-r-md) - 2px);height:28px;font-size:var(--sx-fs-sm);white-space:nowrap;color:var(--sx-muted);transition:background-color var(--sx-dur-2) var(--sx-ease-out), color var(--sx-dur-2) var(--sx-ease-out), box-shadow var(--sx-dur-2) var(--sx-ease-out);padding:0 10px;font-weight:500}.sx-layoutswitch>button:hover{color:var(--sx-ink)}.sx-layoutswitch>button[aria-checked=true]{color:var(--sx-ink);background:var(--sx-raised);box-shadow:var(--sx-shadow-1)}.sx-sidecat{font-size:var(--sx-fs-2xs);color:var(--sx-faint);padding:10px 8px 3px 13px;font-weight:500;list-style:none}.sx-cats{flex-wrap:wrap;gap:6px;padding-top:18px;display:flex}.sx-cat{border-radius:var(--sx-r-pill);height:28px;font-size:var(--sx-fs-sm);color:var(--sx-muted);box-shadow:inset 0 0 0 1px var(--sx-line);transition:color var(--sx-dur-2) var(--sx-ease-out), background-color var(--sx-dur-2) var(--sx-ease-out), box-shadow var(--sx-dur-2) var(--sx-ease-out);align-items:center;gap:6px;padding:0 11px;font-weight:500;display:inline-flex}.sx-cat:hover{color:var(--sx-ink);box-shadow:inset 0 0 0 1px var(--sx-line-strong)}.sx-cat[aria-pressed=true]{color:var(--sx-ink);background:var(--sx-raised);box-shadow:var(--sx-shadow-1)}.sx-cat>small{font-size:var(--sx-fs-2xs);font-variant-numeric:tabular-nums;color:var(--sx-faint)}