@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{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}#root,#__next{isolation:isolate}@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{--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;--volcanic-ash-50:#f9fafb;--volcanic-ash-100:#f3f4f6;--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;--color-background:var(--volcanic-ash-50);--color-foreground:var(--volcanic-ash-900);--color-muted:var(--volcanic-ash-500);--color-muted-foreground:var(--volcanic-ash-400);--color-border:var(--volcanic-ash-200);--color-border-subtle:var(--volcanic-ash-100);--color-primary:var(--volcanic-ash-900);--color-primary-foreground:#fff;--color-primary-hover:var(--volcanic-ash-800);--color-success:var(--moss-canopy-500);--color-success-foreground:#fff;--color-warning:var(--solar-flare-500);--color-warning-foreground:var(--volcanic-ash-900);--color-error:var(--alpine-rose-500);--color-error-foreground:#fff;--color-info:var(--ion-drive-500);--color-info-foreground:var(--volcanic-ash-900);--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-invert:var(--volcanic-ash-950);--color-surface-invert-hover:var(--volcanic-ash-900);--color-surface-invert-active:var(--volcanic-ash-950);--color-nav-background:var(--volcanic-ash-950);--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;--legacy-whatif-purple:#8019ff;--legacy-whatif-red:#b3063c;--legacy-whatif-teal:#13574a;--legacy-map-dark:#08124b;--legacy-map-empty:#f1f1ff;--legacy-map-low:#ef5c3f;--legacy-map-medium:#cd8225;--legacy-map-high:#f4a460;--legacy-map-complete:#50b99c;--legacy-chart-orange:#f57400;--legacy-chart-red:#b42316;--legacy-table-header:#00003473;--legacy-table-text:#59595b;--legacy-table-cell-title:#272629;--legacy-table-cell-text:#000000bd}@media (prefers-color-scheme:dark){:root{--color-background:var(--volcanic-ash-900);--color-foreground:var(--volcanic-ash-50);--color-muted:var(--volcanic-ash-400);--color-muted-foreground:var(--volcanic-ash-500);--color-border:var(--volcanic-ash-700);--color-border-subtle:var(--volcanic-ash-800)}}
:root{--font-geist:var(--font-sans);--text-size-3xl:24px;--text-size-2xl:18px;--text-size-xl:16px;--text-size-lg:14px;--text-size-md:13px;--text-size-sm:12px;--text-size-xs:10px;--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(--volcanic-ash-900);--text-color-body:var(--volcanic-ash-600);--text-color-subtle:var(--volcanic-ash-600);--text-color-muted:var(--volcanic-ash-500);--text-color-content-title:var(--volcanic-ash-700);--icon-default:var(--volcanic-ash-600);--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;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--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;--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}html{font-family:var(--font-sans);color:var(--color-foreground);background-color:var(--color-background);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-visible{outline:2px solid var(--volcanic-ash-900);outline-offset:2px}::selection{background-color:var(--glacial-lake-200);color:var(--volcanic-ash-900)}.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}
:root{--ds-sidebar-width:220px;--ds-header-height:44px;--ds-content-max-width:800px;--color-background:var(--volcanic-ash-50);--color-foreground:var(--volcanic-ash-900);--color-muted:var(--volcanic-ash-500);--color-muted-foreground:var(--volcanic-ash-400);--color-border:var(--volcanic-ash-200);--color-border-subtle:var(--volcanic-ash-100)}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--volcanic-ash-100);color:var(--volcanic-ash-900);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}.ds-layout{gap:8px;height:100vh;padding:8px;display:flex}.ds-local-nav{flex-shrink:0;height:calc(100vh - 16px);overflow-y:auto;width:var(--ds-sidebar-width)!important;min-width:var(--ds-sidebar-width)!important}.ds-main{height:calc(100vh - 16px);overflow-y:auto!important}.ds-main>header:first-child{z-index:10;background:#fff;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(--volcanic-ash-200);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(--volcanic-ash-900);letter-spacing:-.5px;margin:0 0 12px;font-size:32px;font-weight:600}.ds-page-description{color:var(--volcanic-ash-600);margin:0;font-size:16px;line-height:1.6}.ds-section{margin-bottom:48px}.ds-section-title{color:var(--volcanic-ash-900);margin:0 0 16px;font-size:20px;font-weight:600}.ds-section-description{color:var(--volcanic-ash-600);margin:0 0 24px;font-size:14px;line-height:1.6}.ds-example{border:1px solid var(--volcanic-ash-200);background-color:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden}.ds-example-header{background-color:var(--volcanic-ash-50);border-bottom:1px solid var(--volcanic-ash-200);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ds-example-title{color:var(--volcanic-ash-700);margin:0;font-size:13px;font-weight:500}.ds-example-preview{background-color:#fff;padding:32px 24px}.ds-example-code{background-color:var(--volcanic-ash-900);border-top:1px solid var(--volcanic-ash-200);padding:16px 20px;overflow-x:auto}.ds-example-code pre{font-family:var(--font-mono);color:var(--volcanic-ash-100);margin:0;font-size:13px;line-height:1.6}.ds-example-code code{font-family:inherit}.ds-props-table{border-collapse:collapse;width:100%;font-size:14px}.ds-props-table th{text-align:left;background-color:var(--volcanic-ash-50);border-bottom:1px solid var(--volcanic-ash-200);color:var(--volcanic-ash-700);padding:12px 16px;font-weight:600}.ds-props-table td{border-bottom:1px solid var(--volcanic-ash-100);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(--glacial-lake-700);font-weight:500}.ds-prop-type,.ds-prop-default{font-family:var(--font-mono);color:var(--volcanic-ash-500);font-size:12px}.ds-tokens-table{border-collapse:collapse;width:100%;font-size:13px}.ds-tokens-table th{text-align:left;background-color:var(--volcanic-ash-50);border-bottom:1px solid var(--volcanic-ash-200);color:var(--volcanic-ash-700);padding:10px 12px;font-size:12px;font-weight:600}.ds-tokens-table td{border-bottom:1px solid var(--volcanic-ash-100);padding:10px 12px}.ds-tokens-table tr:last-child td{border-bottom:none}.ds-token-name{font-family:var(--font-mono);color:var(--glacial-lake-700);font-size:12px}.ds-code{font-family:var(--font-mono);background-color:var(--volcanic-ash-100);color:var(--volcanic-ash-800);border-radius:4px;padding:2px 6px;font-size:13px}.ds-preview-stack{flex-direction:column;gap:12px;display:flex}.ds-preview-row{align-items:center;gap:16px;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:12px;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:0 8px 24px #0000001f}.ds-resource-card-icon{background-color:var(--glacial-lake-50);width:40px;height:40px;color:var(--glacial-lake-600);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.ds-resource-card-link{color:var(--glacial-lake-600);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-badge{background-color:var(--glacial-lake-100);color:var(--glacial-lake-700);border-radius:4px;align-items:center;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}