@font-face{font-family:Inter Tight;src:url(/fonts/InterTight-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/InterTight-Italic-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}:not(dialog){margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}input,textarea,select{accent-color:currentColor}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}#root,#__next{isolation:isolate}@media (prefers-reduced-motion:no-preference){:has(:focus-visible){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--shade-darken-1:.04;--shade-darken-2:.08;--shade-darken-3:.14;--shade-lighten-1:.05;--shade-lighten-2:.1;--shade-lighten-3:.16;--moss-canopy-50:#e2f1e8;--moss-canopy-100:#dbf3e6;--moss-canopy-200:#c6e7d2;--moss-canopy-300:#9ed9b4;--moss-canopy-400:#77c896;--moss-canopy-500:#51b57a;--moss-canopy-600:#369d61;--moss-canopy-700:#16803d;--moss-canopy-800:#166633;--moss-canopy-900:#14532e;--moss-canopy-950:#064322;--glacial-lake-50:#f1f9ff;--glacial-lake-100:#e0f2fe;--glacial-lake-200:#bae6fe;--glacial-lake-300:#7dd4fc;--glacial-lake-400:#32c1ff;--glacial-lake-500:#06a9f4;--glacial-lake-600:#0085ca;--glacial-lake-700:#0369a1;--glacial-lake-800:#055985;--glacial-lake-900:#0a4a6e;--glacial-lake-950:#092f49;--ion-drive-50:#eff6ff;--ion-drive-100:#dbeafe;--ion-drive-200:#bfdbfe;--ion-drive-300:#93c5fd;--ion-drive-400:#5ba4ff;--ion-drive-500:#3380ff;--ion-drive-600:#1b5ff5;--ion-drive-700:#1d4fd8;--ion-drive-800:#1e40af;--ion-drive-900:#1d3b8a;--ion-drive-950:#172454;--solar-flare-50:#fffbeb;--solar-flare-100:#fef3c7;--solar-flare-200:#fee78a;--solar-flare-300:#fcd34d;--solar-flare-400:#ffc122;--solar-flare-500:#ffa100;--solar-flare-600:#df7801;--solar-flare-700:#b45308;--solar-flare-800:#92400e;--solar-flare-900:#78350f;--solar-flare-950:#451a03;--sienna-glow-50:#fff7ed;--sienna-glow-100:#ffedd5;--sienna-glow-200:#fed7aa;--sienna-glow-300:#fdba74;--sienna-glow-400:#ff9338;--sienna-glow-500:#ff720f;--sienna-glow-600:#f55501;--sienna-glow-700:#c2410c;--sienna-glow-800:#9b3312;--sienna-glow-900:#7c2d12;--sienna-glow-950:#441406;--thermal-bloom-50:#fef3f2;--thermal-bloom-100:#fee2e3;--thermal-bloom-200:#fecbca;--thermal-bloom-300:#fda5a6;--thermal-bloom-400:#ff6b6b;--thermal-bloom-500:#f83b3b;--thermal-bloom-600:#e61c1d;--thermal-bloom-700:#ba1b1b;--thermal-bloom-800:#9a1c1b;--thermal-bloom-900:#801d1d;--thermal-bloom-950:#45090a;--nebula-spark-50:#f5f4ff;--nebula-spark-100:#ede9fe;--nebula-spark-200:#ddd7fe;--nebula-spark-300:#c4b5fd;--nebula-spark-400:#a686ff;--nebula-spark-500:#8855fe;--nebula-spark-600:#7a31f6;--nebula-spark-700:#6d29d9;--nebula-spark-800:#5b22b7;--nebula-spark-900:#4c1d96;--nebula-spark-950:#2e1066;--alpine-rose-50:#fef2f8;--alpine-rose-100:#fce7f3;--alpine-rose-200:#fbcfe8;--alpine-rose-300:#f9a9d4;--alpine-rose-400:#fb6cb7;--alpine-rose-500:#f44099;--alpine-rose-600:#e41e76;--alpine-rose-700:#be175d;--alpine-rose-800:#9d174d;--alpine-rose-900:#831843;--alpine-rose-950:#500624;--misty-dune-50:#fbf9f7;--misty-dune-100:#f7f4ee;--misty-dune-200:#eee8dd;--misty-dune-300:#e4d9c6;--misty-dune-400:#d6c8b0;--misty-dune-500:#c2b396;--misty-dune-600:#ad9e80;--misty-dune-700:#938568;--misty-dune-800:#7a6f56;--misty-dune-900:#5d5441;--misty-dune-950:#423c2d;--volcanic-ash-50:#f9fafb;--volcanic-ash-75:#f6f7f9;--volcanic-ash-100:#f3f4f6;--volcanic-ash-150:#eceef1;--volcanic-ash-200:#e5e7eb;--volcanic-ash-300:#d2d5db;--volcanic-ash-400:#9ca3af;--volcanic-ash-500:#6b7280;--volcanic-ash-600:#4c5563;--volcanic-ash-700:#394150;--volcanic-ash-800:#212936;--volcanic-ash-900:#121826;--volcanic-ash-950:#030711}
:root{--background:#fff;--foreground:#0a0a0a;--primary:#030816;--primary-foreground:#f9fafb;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f9fafb;--muted-foreground:#737373;--accent:#f9fafb;--accent-foreground:#5b5c5d;--destructive:#b2063c;--destructive-foreground:#fbe6e4;--avatar:#58585a;--avatar-foreground:#fff;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-accent-foreground:#171717;--color-text:var(--foreground);--color-text-secondary:var(--volcanic-ash-600);--color-text-muted:var(--volcanic-ash-500);--color-text-disabled:var(--volcanic-ash-400);--color-text-on-fill:#fff;--color-text-inverse:var(--volcanic-ash-50);--color-text-inverse-secondary:var(--volcanic-ash-300);--color-text-inverse-muted:var(--volcanic-ash-400);--color-text-link:var(--glacial-lake-600);--color-text-link-hover:var(--glacial-lake-700);--color-text-success:var(--moss-canopy-700);--color-text-warning:var(--solar-flare-700);--color-text-error:var(--thermal-bloom-700);--color-text-info:var(--ion-drive-700);--color-bg:var(--background);--color-bg-surface:#fff;--color-bg-surface-elevated:#fff;--color-bg-surface-secondary:var(--volcanic-ash-50);--color-bg-surface-hover:var(--volcanic-ash-100);--color-bg-surface-active:var(--volcanic-ash-150);--color-bg-surface-selected:var(--volcanic-ash-100);--color-bg-muted:var(--muted);--color-bg-inverse:var(--volcanic-ash-950);--color-bg-inverse-hover:var(--volcanic-ash-900);--color-bg-inverse-active:var(--volcanic-ash-950);--color-bg-nav:var(--volcanic-ash-950);--color-bg-success:var(--moss-canopy-50);--color-bg-warning:var(--solar-flare-50);--color-bg-error:var(--thermal-bloom-50);--color-bg-info:var(--ion-drive-50);--color-border:var(--border);--color-border-subtle:var(--volcanic-ash-100);--color-border-strong:var(--volcanic-ash-300);--color-border-focus:var(--ring);--color-border-success:var(--moss-canopy-200);--color-border-warning:var(--solar-flare-200);--color-border-error:var(--thermal-bloom-200);--color-border-info:var(--ion-drive-200);--color-icon:var(--volcanic-ash-600);--color-icon-secondary:var(--volcanic-ash-500);--color-icon-disabled:var(--volcanic-ash-400);--color-icon-on-fill:#fff;--color-icon-inverse:var(--volcanic-ash-50);--color-icon-inverse-secondary:var(--volcanic-ash-400);--color-success:var(--moss-canopy-500);--color-success-on-fill:#fff;--color-warning:var(--solar-flare-500);--color-warning-on-fill:var(--volcanic-ash-900);--color-error:var(--thermal-bloom-500);--color-error-on-fill:#fff;--color-error-hover:var(--thermal-bloom-700);--color-info:var(--ion-drive-500);--color-info-on-fill:var(--volcanic-ash-900);--color-primary:var(--primary);--color-primary-on-fill:var(--primary-foreground);--color-primary-hover:var(--volcanic-ash-800);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-avatar:var(--avatar);--color-avatar-foreground:var(--avatar-foreground);--color-avatar-teal:var(--glacial-lake-600);--color-avatar-green:var(--moss-canopy-700);--color-avatar-purple:var(--nebula-spark-600);--color-avatar-blue:var(--glacial-lake-700);--color-avatar-amber:var(--solar-flare-700);--color-avatar-tan:var(--sienna-glow-300);--color-avatar-tan-dark:var(--sienna-glow-400);--color-overlay-5:#0000000d;--color-overlay-10:#0000001a;--color-overlay-20:#0003;--color-overlay-30:#0000004d;--color-overlay-50:#00000080;--color-overlay-90:#000000e6;--viz-green-primary:var(--moss-canopy-800);--viz-green-secondary:var(--moss-canopy-200);--viz-teal-primary:var(--glacial-lake-700);--viz-teal-secondary:var(--glacial-lake-200);--viz-blue-primary:var(--ion-drive-700);--viz-blue-secondary:var(--ion-drive-200);--viz-indigo-primary:var(--glacial-lake-900);--viz-indigo-secondary:var(--glacial-lake-200);--viz-purple-primary:var(--nebula-spark-800);--viz-purple-secondary:var(--nebula-spark-200);--viz-pink-primary:var(--alpine-rose-600);--viz-pink-secondary:var(--alpine-rose-200);--viz-red-primary:var(--thermal-bloom-600);--viz-red-secondary:var(--thermal-bloom-200);--viz-orange-primary:var(--sienna-glow-600);--viz-orange-secondary:var(--sienna-glow-200);--viz-yellow-primary:var(--solar-flare-600);--viz-yellow-secondary:var(--solar-flare-200);--viz-gray-primary:var(--volcanic-ash-200);--viz-gray-secondary:var(--volcanic-ash-100)}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted-foreground:lab(48.496% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0)}}
.dark{--background:var(--volcanic-ash-950);--foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:var(--volcanic-ash-800);--secondary-foreground:#fafafa;--muted:var(--volcanic-ash-800);--muted-foreground:#a1a1a1;--accent:var(--volcanic-ash-800);--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fafafa;--border:var(--volcanic-ash-800);--input:var(--volcanic-ash-800);--ring:#737373;--sidebar:var(--volcanic-ash-900);--sidebar-foreground:#fafafa;--color-text-secondary:var(--volcanic-ash-300);--color-text-muted:var(--volcanic-ash-400);--color-text-disabled:var(--volcanic-ash-500);--color-text-success:var(--moss-canopy-400);--color-text-warning:var(--solar-flare-400);--color-text-error:var(--thermal-bloom-400);--color-text-info:var(--ion-drive-400);--color-text-inverse:var(--volcanic-ash-900);--color-text-inverse-secondary:var(--volcanic-ash-700);--color-text-inverse-muted:var(--volcanic-ash-600);--color-bg-surface:var(--volcanic-ash-900);--color-bg-surface-elevated:var(--volcanic-ash-800);--color-bg-surface-secondary:var(--volcanic-ash-900);--color-bg-surface-hover:var(--volcanic-ash-800);--color-bg-surface-active:var(--volcanic-ash-700);--color-bg-surface-selected:var(--volcanic-ash-800);--color-bg-inverse:var(--volcanic-ash-50);--color-bg-inverse-hover:var(--volcanic-ash-100);--color-bg-inverse-active:var(--volcanic-ash-50);--color-bg-nav:var(--volcanic-ash-950);--color-bg-success:var(--moss-canopy-950);--color-bg-warning:var(--solar-flare-950);--color-bg-error:var(--thermal-bloom-950);--color-bg-info:var(--ion-drive-950);--color-border-subtle:var(--volcanic-ash-900);--color-border-strong:var(--volcanic-ash-700);--color-border-success:var(--moss-canopy-800);--color-border-warning:var(--solar-flare-800);--color-border-error:var(--thermal-bloom-800);--color-border-info:var(--ion-drive-800);--color-icon:var(--volcanic-ash-300);--color-icon-secondary:var(--volcanic-ash-400);--color-icon-disabled:var(--volcanic-ash-500);--color-icon-inverse:var(--volcanic-ash-900);--color-icon-inverse-secondary:var(--volcanic-ash-600);--color-error:var(--thermal-bloom-500);--color-error-hover:var(--thermal-bloom-400);--color-primary-hover:var(--volcanic-ash-200)}@supports (color:lab(0% 0 0)){.dark{--foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary-foreground:lab(98.26% 0 0);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(98.26% 0 0);--ring:lab(48.496% 0 0);--sidebar-foreground:lab(98.26% 0 0)}}
:root{--font-geist:var(--font-sans);--text-3xs:10px;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--text-line-height-3xl:31px;--text-line-height-2xl:22px;--text-line-height-xl:22px;--text-line-height-lg:22px;--text-line-height-md:14px;--text-line-height-sm:14px;--text-line-height-xs:12px;--text-tracking-tight:-.4px;--text-tracking-normal:-.2px;--text-tracking-subtle:-.1px;--text-color-default:var(--color-text);--text-color-body:var(--color-text-secondary);--text-color-subtle:var(--color-text-secondary);--text-color-muted:var(--color-text-muted);--text-color-content-title:var(--volcanic-ash-700);--icon-default:var(--color-icon);--table-header-text:#00003473;--table-group-text:#59595b;--table-cell-title:#272629;--table-cell-text:#000000bd;--table-border:#0000001a;--table-group-bg:#fafbfc}
:root{--layout-width-auto:auto;--layout-width-sm:656px;--layout-width-md:800px;--layout-width-lg:1156px;--layout-width-xl:1400px;--layout-gap-xs:0;--layout-gap-sm:8px;--layout-gap-md:12px;--layout-gap-lg:16px;--layout-gap-xl:24px}
:root{--font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:"Geist Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-display:"Inter Tight",-apple-system,BlinkMacSystemFont,sans-serif;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--space-0:0;--space-px:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-none:0;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-100:0px 2px 8px #0000000d,0px 0px 0px #00000040,0px 0px 1px 1px #0000001f;--shadow-200:0px 2px 12px 2px #0000000f,0px 0px 0px 1px #0511331a,0px 1px 2px 2px #0511330a;--shadow-300:0px 5px 20px 2px #0000001f,0px 0px 0px 1px #0511331a,0px 1px 2px 2px #0511330a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--focus-ring-color:var(--nebula-spark-400);--focus-ring-offset:2px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--inset-padding:16px}*,:before,:after,::backdrop{border-color:var(--volcanic-ash-200,currentcolor)}::file-selector-button{border-color:var(--volcanic-ash-200,currentcolor)}.recharts-wrapper *{outline:none}.cited-text-highlight{background-color:var(--solar-flare-100)}html{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);font-size:16px}body{font-size:var(--text-base);line-height:var(--leading-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}code,kbd,samp,pre{font-family:var(--font-mono)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:none}::selection{background-color:var(--glacial-lake-200);color:var(--color-text)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.ds-example-toggle{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;font-family:var(--font-sans);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);padding:3px 10px;font-size:12px;font-weight:500}.ds-example-toggle:hover{background-color:var(--color-bg-surface-hover);color:var(--color-text)}.ds-example-code>div{border:none;border-radius:0;margin-bottom:0}.ds-prop-required{color:var(--color-error);margin-left:2px;font-weight:700}.ds-kbd{font-family:var(--font-mono);background-color:var(--color-bg-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);white-space:nowrap;border-bottom-width:2px;padding:2px 6px;font-size:12px}.ds-dodont-grid{gap:16px;display:grid}@media (max-width:640px){.ds-dodont-grid{grid-template-columns:1fr!important}}.ds-dodont{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-surface);border-top-width:3px;padding:16px 18px}.ds-dodont--do{border-top-color:var(--color-success)}.ds-dodont--dont{border-top-color:var(--color-error)}.ds-dodont__label{align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.ds-dodont--do .ds-dodont__label{color:var(--color-text-success)}.ds-dodont--dont .ds-dodont__label{color:var(--color-text-error)}.ds-dodont__icon{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-on-fill);justify-content:center;align-items:center;display:inline-flex}.ds-dodont--do .ds-dodont__icon{background-color:var(--color-success)}.ds-dodont--dont .ds-dodont__icon{background-color:var(--color-error)}.ds-dodont__visual{border-radius:var(--radius-md);background-color:var(--color-bg-surface-secondary);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.ds-dodont__text{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.ds-a11y{border:1px solid var(--color-border);border-left:3px solid var(--color-info);border-radius:var(--radius-lg);background-color:var(--color-bg-surface);padding:18px 20px}.ds-a11y__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ds-a11y__note{color:var(--color-text-secondary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.ds-a11y__icon{color:var(--color-text-link);flex-shrink:0;margin-top:1px;display:inline-flex}.ds-a11y__topic{color:var(--color-text);font-weight:600}.ds-copy-compare{flex-direction:column;gap:16px;display:flex}.ds-copy-compare__label{color:var(--color-text);margin-bottom:8px;font-size:13px;font-weight:600}.ds-copy-compare__cols{background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}@media (max-width:640px){.ds-copy-compare__cols{grid-template-columns:1fr}}.ds-copy-compare__cell{padding:14px 18px}.ds-copy-compare__cell--use{background-color:var(--color-bg-success)}.ds-copy-compare__cell--avoid{background-color:var(--color-bg-error)}.ds-copy-compare__tag{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-flex}.ds-copy-compare__cell--use .ds-copy-compare__tag{color:var(--color-text-success)}.ds-copy-compare__cell--avoid .ds-copy-compare__tag{color:var(--color-text-error)}.ds-copy-compare__text{color:var(--color-text);white-space:pre-wrap;font-size:13px;line-height:1.6}.ds-guidelines{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.ds-guidelines__item{border-left:2px solid var(--color-border);padding-left:16px}.ds-guidelines__title{font-size:var(--text-base);color:var(--color-text);font-weight:600;display:block}.ds-guidelines__desc{color:var(--color-text-secondary);margin:var(--space-1)0 0;font-size:13px;line-height:1.6}.ds-minimap-rail{left:calc(var(--ds-sidebar-width) + 16px);z-index:var(--z-sticky,200);position:fixed;top:50%;transform:translateY(-50%)}@media (max-width:1180px){.ds-minimap-rail{display:none}}
@font-face{font-family:Geist;src:url(/brand/fonts/Geist-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/brand/fonts/GeistMono-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/brand/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype-variations");font-weight:300 700;font-display:swap}:root{--ds-sidebar-width:220px;--ds-header-height:44px;--ds-content-max-width:800px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-bg-surface-hover);color:var(--color-text);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}.ds-layout{gap:8px;height:100dvh;padding:8px;display:flex}.ds-local-nav{flex-shrink:0;justify-content:flex-start;height:calc(100dvh - 16px);overflow-y:auto;width:var(--ds-sidebar-width)!important;min-width:var(--ds-sidebar-width)!important}.ds-nav-header{height:var(--ds-header-height);color:var(--color-text);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.ds-user-menu-trigger{border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-user-menu-trigger:hover{opacity:.85}.ds-user-menu-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-user-menu-guest{border-radius:var(--radius-full);background:var(--color-bg-muted);width:24px;height:24px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.ds-user-menu{padding:var(--space-2);flex-direction:column;gap:0;display:flex}.ds-user-menu-identity{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1)var(--space-1);display:flex}.ds-user-menu-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1)calc(-1*var(--space-2))}.ds-user-menu-item{all:unset;height:32px;padding:0 var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;width:100%;display:flex}.ds-user-menu-item:hover{background-color:var(--color-bg-surface-hover)}.ds-nav-accordion{flex-direction:column;flex:none;padding:4px 0;display:flex}.ds-nav-cluster{flex-direction:column;flex:none;padding:8px 0;display:flex}.ds-accordion-section{flex-direction:column;flex:none;display:flex}.ds-nav-cluster+.ds-nav-cluster{border-top:1px solid var(--color-border-subtle)}.ds-accordion-trigger{all:unset;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;padding:6px 12px;font-weight:500;display:flex}.ds-accordion-trigger:hover{color:var(--color-text);background-color:var(--color-bg-surface-hover)}.ds-accordion-trigger[data-active]{color:var(--local-nav-item-selected-color);background:var(--local-nav-item-selected-bg);border:1px solid var(--local-nav-item-selected-border);font-weight:600}.ds-accordion-trigger[data-expanded]{color:var(--color-text);background:0 0;border-color:#0000}.ds-accordion-trigger[data-selected]{color:var(--local-nav-item-selected-color);background:var(--local-nav-item-selected-bg);border:1px solid var(--local-nav-item-selected-border);font-weight:600}.ds-accordion-content{flex-direction:column;gap:1px;padding:2px 0 4px;display:flex}.ds-accordion-content a{box-sizing:border-box;flex-grow:0!important;flex-shrink:0!important;height:28px!important;min-height:28px!important;max-height:28px!important}.ds-nav-group{flex-direction:column;gap:1px;display:flex}.ds-nav-group+.ds-nav-group{margin-top:0}.ds-nav-group-title{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;height:28px;padding:5px 4px;font-weight:500;display:flex}.ds-main-column{flex-direction:column;flex:1;min-width:0;height:calc(100dvh - 8px);display:flex;position:relative}.ds-ask-fortiv{flex-shrink:0;justify-content:flex-end;align-items:center;height:36px;padding:0 8px;display:flex}.ds-main{flex:1;min-height:0;overflow-y:auto!important}.ds-main>header:first-child{z-index:10;background:var(--color-bg-surface);position:sticky;top:0}.ds-content{max-width:var(--ds-content-max-width);margin:0 auto;padding:32px 40px}.ds-page-header{border-bottom:1px solid var(--color-border);margin-bottom:40px;height:auto!important;padding:0 0 24px!important;display:block!important}.ds-page-header h1{margin-bottom:12px}.ds-page-title{color:var(--color-text);letter-spacing:-.5px;margin:0 0 12px;font-size:32px;font-weight:600}.ds-page-description{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.6}.ds-section{margin-bottom:48px}.ds-section-title{color:var(--color-text);margin:0 0 16px;font-size:20px;font-weight:600}.ds-section-description{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.ds-example{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:24px;overflow:hidden}.ds-example-header{background-color:var(--color-bg-surface-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ds-example-title{color:var(--color-text-secondary);margin:0;font-size:13px;font-weight:500}.ds-example-preview{background-color:var(--color-bg-surface);padding:32px 24px}.ds-props-table{border-collapse:collapse;width:100%;font-size:14px}.ds-props-table th{text-align:left;background-color:var(--color-bg-surface-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:12px 16px;font-weight:600}.ds-props-table td{border-bottom:1px solid var(--color-border-subtle);vertical-align:top;padding:12px 16px}.ds-props-table tr:last-child td{border-bottom:none}.ds-prop-name{font-family:var(--font-mono);color:var(--color-text-link);font-weight:500}.ds-prop-type,.ds-prop-default{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px}.ds-tokens-table{border-collapse:collapse;width:100%;font-size:13px}.ds-tokens-table th{text-align:left;background-color:var(--color-bg-surface-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 12px;font-size:12px;font-weight:600}.ds-tokens-table td{border-bottom:1px solid var(--color-border-subtle);padding:10px 12px}.ds-tokens-table tr:last-child td{border-bottom:none}.ds-token-name{font-family:var(--font-mono);color:var(--color-text-link);font-size:12px}.ds-code{font-family:var(--font-mono);background-color:var(--color-bg-surface-hover);border-radius:var(--radius-sm);color:var(--color-text);padding:2px 6px;font-size:13px}.ds-preview-stack{flex-direction:column;gap:12px;display:flex}.ds-resource-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ds-resource-card{color:inherit;border-radius:var(--radius-xl);text-decoration:none;transition:transform .15s;display:block}.ds-resource-card:hover{transform:translateY(-2px)}.ds-resource-card>div{height:100%;transition:box-shadow .15s}.ds-resource-card:hover>div{box-shadow:var(--shadow-300)}.ds-resource-card-icon{background-color:var(--volcanic-ash-100);width:40px;height:40px;color:var(--volcanic-ash-950);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.ds-resource-card-link{color:var(--volcanic-ash-950);align-items:center;gap:4px;margin-top:16px;padding-top:16px;font-size:13px;font-weight:500;display:flex}.ds-feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.ds-dev-toolbar{background-color:var(--volcanic-ash-950);height:36px;color:var(--volcanic-ash-100);border-radius:0 0 var(--radius-lg)var(--radius-lg);font-family:var(--font-mono);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;display:flex}.ds-dev-toolbar__cluster{align-items:center;gap:8px;min-width:0;display:flex}.ds-dev-toolbar__sep{background-color:var(--volcanic-ash-700);width:1px;height:16px;margin:0 2px}.ds-dev-toolbar__pill{font-size:var(--text-size-sm);white-space:nowrap;color:inherit;align-items:center;gap:5px;padding:0 4px;font-weight:600;display:inline-flex}.ds-dev-toolbar button{color:var(--volcanic-ash-200)}.ds-dev-toolbar button:hover{color:var(--volcanic-ash-50);background-color:var(--volcanic-ash-800)}