@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.design-system-page{max-width:1240px;margin:auto;padding:0 40px}.ds-page{padding-bottom:40px}.ds-page .ds-hero{max-width:none;margin:0;padding:82px 0 32px}.ds-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px}.ds-page .ds-hero h1{max-width:12ch;font-size:clamp(56px,6.6vw,88px);line-height:1.04;letter-spacing:-.065em;margin:22px 0 26px}.ds-lead{max-width:470px;margin:0;font-size:17px;line-height:1.8;color:var(--ink-soft)}.ds-hero-specimen{display:grid;justify-items:center;padding:28px 20px 24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.ds-hero-specimen>span{font-size:clamp(120px,16vw,210px);line-height:1.1;letter-spacing:-.09em;font-weight:550;padding-right:.09em}.ds-hero-specimen>div{width:100%;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.ds-hero-specimen>div>span{color:var(--muted-text)}.ds-theme-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:52px;padding:18px 0;border-block:1px solid var(--line);font-size:13px;color:var(--ink-soft)}.ds-theme-preview{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--control-line);border-radius:8px;background:var(--bg);color:var(--ink);cursor:pointer;font-size:12px}.ds-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:64px;padding-top:30px}.ds-index{position:sticky;top:94px;align-self:start;display:grid;gap:4px}.ds-index .eyebrow{margin:0 0 10px}.ds-index a{display:flex;align-items:center;min-height:40px;font-size:13px;color:var(--muted-text)}.ds-index a:hover,.ds-index a:focus-visible{color:var(--ink)}.ds-sections{min-width:0}.ds-section{padding:30px 0 58px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.ds-section-heading{margin-bottom:24px}.ds-page h2{font-size:30px;font-weight:550;margin:0 0 10px;letter-spacing:-.04em}.ds-section-heading>p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-soft)}.ds-logo-board{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:180px;padding:40px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.ds-logo-board .mandate-lockup-art{height:auto;width:min(64%,300px);max-width:100%}.ds-mark{width:54px;height:auto}html[data-theme=light] .ds-mark,html[data-theme=light] .ds-closing>img{filter:brightness(0)}.ds-product-signatures{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.ds-page .ds-note{font-size:12px;line-height:1.8;color:var(--muted-text);margin:16px 0 0}.ds-note a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.ds-type-input{display:grid;gap:14px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.ds-type-input label,.ds-field-demo label{font-size:12px;font-weight:600}.ds-type-input input{width:100%;min-width:0;padding:10px 0;border:0;border-bottom:1px solid var(--control-line);border-radius:0;color:var(--ink);background:transparent;font-size:clamp(28px,4.2vw,48px);font-weight:550;letter-spacing:-.05em}.ds-type-input>span{font-size:11px;color:var(--muted-text)}.ds-type-scale>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}.ds-type-scale>div:last-child{border:0}.ds-type-scale>div>span{font-size:11px;color:var(--muted-text)}.ds-type-scale p{margin:0;line-height:1.4;letter-spacing:-.035em}.ds-type-scale .ds-type-display{font-size:56px;font-weight:550;line-height:1.1}.ds-type-scale .ds-type-heading{font-size:32px;font-weight:550}.ds-type-scale .ds-type-body{font-size:16px;letter-spacing:0;color:var(--ink-soft);line-height:1.8}.ds-type-scale .ds-type-data{font-size:24px;font-variant-numeric:tabular-nums}.ds-palette-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.ds-palette-heading>p{margin:0;font-size:13px}.ds-palette-heading>span{font-size:11px;color:var(--muted-text)}.ds-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ds-swatch{display:block;text-align:left;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden;color:var(--ink);cursor:pointer}.ds-swatch-color{display:block;height:94px;border-bottom:1px solid var(--line)}.ds-swatch-meta{display:grid;gap:6px;padding:12px}.ds-swatch-meta strong{font-size:11px;font-weight:550}.ds-swatch-meta code{user-select:text;font-size:11px;color:var(--muted-text);font-family:ui-monospace,monospace}.ds-component-board{display:grid;gap:30px;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.ds-component-board h3{font-size:14px;font-weight:600;margin:0 0 18px}.ds-button-row{display:flex;flex-wrap:wrap;gap:12px}.ds-page button:disabled{opacity:.5;cursor:not-allowed}.ds-field-demo{display:grid;gap:10px;max-width:400px}.ds-field-demo input{min-height:44px;width:100%;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);background:var(--bg);border:1px solid var(--control-line);border-radius:8px}.ds-field-demo input::placeholder{color:var(--muted-text);opacity:1}.ds-field-demo .ds-note{margin:0}.ds-selection-demo{padding-top:24px;border-top:1px solid var(--line)}.ds-selection-demo>p{font-size:14px;line-height:1.8;color:var(--ink-soft);margin:0}.ds-arrow-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}.ds-arrow-board>div{display:grid;justify-items:center;gap:16px;padding:28px 8px;border-right:1px solid var(--line)}.ds-arrow-board>div:last-child{border:0}.ds-arrow-board svg{width:24px;height:24px}.ds-arrow-board span{font-size:11px;color:var(--ink-soft)}.ds-disclosure{border-block:1px solid var(--line)}.ds-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;list-style:none;cursor:pointer;font-size:14px;font-weight:550}.ds-disclosure summary::-webkit-details-marker{display:none}.ds-disclosure[open] summary .navigation-arrow{rotate:90deg}.ds-disclosure>p{max-width:58ch;padding:0 30px 24px 0;margin:0;font-size:14px;line-height:1.8;color:var(--ink-soft)}.ds-motion-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.ds-motion-spec>span{display:grid;gap:8px;font-size:11px;line-height:1.7;color:var(--muted-text)}.ds-motion-spec strong{font-size:14px;color:var(--ink);font-weight:550}.ds-code-panel{padding:0 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.ds-code-panel .code-tabs{margin:0}.ds-code-panel .code-block{margin:0;padding:24px 0;background:transparent;color:var(--ink-soft);border-radius:0;line-height:1.9}.ds-closing{display:flex;align-items:center;gap:16px;padding:40px 0}.ds-closing>p{font-size:16px;font-weight:550;margin:0}.ds-closing>a{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px}.ds-feedback{font-size:12px;line-height:1.8;color:var(--ink-soft);margin:8px 0 0;min-height:1.8em}.ds-copy-fallback[hidden]{display:none}.ds-copy-fallback{margin-top:12px}.ds-theme-line{flex-wrap:wrap}.ds-hero-grid>*,.ds-theme-line>*,.ds-palette-heading>*,.ds-code-panel{min-width:0}.ds-page :is(h1,h2,h3,p,strong,.ds-theme-line,.ds-swatch-meta){overflow-wrap:anywhere}.ds-page :is(input,button,a,summary,[tabindex]){scroll-margin-block:90px 24px}.ds-swatch{border-color:var(--control-line)}.ds-code-panel .code-tabs{flex-wrap:wrap}.ds-code-panel .code-tab{min-inline-size:min-content;flex-basis:auto}@media(forced-colors:active){.ds-code-panel .code-tab.is-active:after{background:Highlight}}@media(max-width:1000px){.ds-layout{grid-template-columns:120px minmax(0,1fr);gap:30px}.ds-hero-grid{gap:32px}.ds-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-type-scale>div{grid-template-columns:1fr;gap:10px}.ds-type-scale .ds-type-display{font-size:44px}}@media(max-width:700px){.design-system-page{padding:0 24px}.ds-page .ds-hero{padding-top:42px}.ds-hero-grid{grid-template-columns:1fr;gap:28px}.ds-page .ds-hero h1{font-size:58px}.ds-hero-specimen{padding-top:12px}.ds-hero-specimen>span{font-size:145px}.ds-hero-specimen>div{font-size:11px}.ds-theme-line{margin-top:28px}.ds-layout{display:block;padding-top:8px}.ds-index{position:static;display:flex;flex-wrap:wrap;gap:0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.ds-index .eyebrow{display:none}.ds-section{padding-bottom:40px}.ds-page h2{font-size:28px}.ds-logo-board{padding:24px;min-height:135px}.ds-mark{width:38px}.ds-product-signatures{gap:14px}.ds-palette-heading{align-items:start;flex-direction:column;gap:8px}.ds-arrow-board{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-arrow-board>div:nth-child(3){border-right:0}.ds-arrow-board>div:nth-child(-n+3){border-bottom:1px solid var(--line)}.ds-component-board{padding:20px}.ds-motion-spec{grid-template-columns:1fr;gap:18px}.ds-motion-spec>span{gap:4px}.ds-code-panel{padding-inline:16px}.ds-closing{flex-wrap:wrap}.ds-closing>a{margin-left:0;width:100%}}