@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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}@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}:host,:root{color-scheme:light dark;--md-sys-color-primary: light-dark(#6750a4, #d0bcff);--md-sys-color-on-primary: light-dark(#ffffff, #381e72);--md-sys-color-primary-container: light-dark(#eaddff, #4f378b);--md-sys-color-on-primary-container: light-dark(#21005d, #eaddff);--md-sys-color-secondary: light-dark(#625b71, #ccc2dc);--md-sys-color-on-secondary: light-dark(#ffffff, #332d41);--md-sys-color-secondary-container: light-dark(#e8def8, #4a4458);--md-sys-color-on-secondary-container: light-dark(#1d192b, #e8def8);--md-sys-color-tertiary: light-dark(#7d5260, #efb8c8);--md-sys-color-on-tertiary: light-dark(#ffffff, #492532);--md-sys-color-tertiary-container: light-dark(#ffd8e4, #633b48);--md-sys-color-on-tertiary-container: light-dark(#31111d, #ffd8e4);--md-sys-color-error: light-dark(#b3261e, #f2b8b5);--md-sys-color-on-error: light-dark(#ffffff, #601410);--md-sys-color-error-container: light-dark(#f9dedc, #8c1d18);--md-sys-color-on-error-container: light-dark(#410e0b, #f9dedc);--md-sys-color-background: light-dark(#fffbfe, #1c1b1f);--md-sys-color-on-background: light-dark(#1c1b1f, #e6e1e5);--md-sys-color-surface: light-dark(#fffbfe, #1c1b1f);--md-sys-color-on-surface: light-dark(#1c1b1f, #e6e1e5);--md-sys-color-surface-variant: light-dark(#e7e0ec, #49454f);--md-sys-color-on-surface-variant: light-dark(#49454f, #cac4d0);--md-sys-color-surface-container-lowest: light-dark(#ffffff, #0f0d13);--md-sys-color-surface-container-low: light-dark(#f7f2fa, #1d1b20);--md-sys-color-surface-container: light-dark(#f3edf7, #211f26);--md-sys-color-surface-container-high: light-dark(#ece6f0, #2b2930);--md-sys-color-surface-container-highest: light-dark(#e6e0e9, #36343b);--md-sys-color-outline: light-dark(#79747e, #938f99);--md-sys-color-outline-variant: light-dark(#c4c7c5, #444746);--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: light-dark(#313033, #e6e1e5);--md-sys-color-inverse-on-surface: light-dark(#f4eff4, #313033);--md-sys-color-inverse-primary: light-dark(#d0bcff, #6750a4)}:root[color-scheme=light]{color-scheme:light}:root[color-scheme=dark]{color-scheme:dark}:host,:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px}:host,:root{--md-sys-typescale-label-large-font: Roboto, system-ui, sans-serif;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-label-large-size: .875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-tracking: .00625rem;--md-sys-typescale-label-medium-font: Roboto, system-ui, sans-serif;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-medium-size: .75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-tracking: .03125rem;--md-sys-typescale-title-large-font: Roboto, system-ui, sans-serif;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-tracking: 0rem;--md-sys-typescale-headline-small-font: Roboto, system-ui, sans-serif;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-tracking: 0rem;--md-sys-typescale-headline-medium-font: Roboto, system-ui, sans-serif;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-tracking: 0rem}:host,:root{--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-level2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-level4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-level5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15)}:host,:root{--md-sys-state-hover-state-layer-opacity: .08;--md-sys-state-focus-state-layer-opacity: .1;--md-sys-state-pressed-state-layer-opacity: .1;--md-sys-state-dragged-state-layer-opacity: .16;--md-sys-state-disabled-container-opacity: .12;--md-sys-state-disabled-content-opacity: .38}:host,:root{--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-medium1: .25s}:root{color-scheme:light dark;--lm-cream: #f2ebe3;--lm-ink: #16120f;--lm-accent: #3b5bdb;--lm-grey: #6b625c;--space-25: 2px;--space-50: 4px;--space-75: 8px;--space-100: 12px;--space-200: 16px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-600: 48px;--space-700: 64px;--space-800: 80px;--space-900: 96px;--text-xs: .75rem;--leading-xs: 1rem;--text-sm: .875rem;--leading-sm: 1.25rem;--text-base: 1rem;--leading-base: 1.5rem;--text-lg: 1.125rem;--leading-lg: 1.75rem;--text-xl: 1.25rem;--leading-xl: 1.75rem;--text-2xl: 1.5rem;--leading-2xl: 2rem;--text-3xl: 1.875rem;--leading-3xl: 2.25rem;--text-4xl: 2.25rem;--leading-4xl: 2.5rem;--text-5xl: 3rem;--leading-5xl: 1;--text-6xl: 3.75rem;--leading-6xl: 1;--text-7xl: 4.5rem;--leading-7xl: 1;--font-sans: "Geist Variable", system-ui, sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--duration-layout: .5s;--duration-color: .3s;--md-sys-color-primary: light-dark(#2f4ac0, #8da2fb);--md-sys-color-on-primary: light-dark(#f2ebe3, #16120f);--md-sys-color-primary-container: light-dark(#dde3fb, #1f2a5c);--md-sys-color-on-primary-container: light-dark(#0e1640, #dde3fb);--md-sys-color-secondary: light-dark(#6b625c, #9a918a);--md-sys-color-on-secondary: light-dark(#f2ebe3, #16120f);--md-sys-color-secondary-container: light-dark(#e4dbd1, #272727);--md-sys-color-on-secondary-container: light-dark(#16120f, #f2ebe3);--md-sys-color-tertiary: light-dark(#16120f, #f2ebe3);--md-sys-color-on-tertiary: light-dark(#f2ebe3, #16120f);--md-sys-color-tertiary-container: light-dark(#e4dbd1, #272727);--md-sys-color-on-tertiary-container: light-dark(#16120f, #f2ebe3);--md-sys-color-error: light-dark(#a3221b, #f2a29c);--md-sys-color-on-error: light-dark(#ffffff, #3d0906);--md-sys-color-error-container: light-dark(#f7d9d6, #5c1611);--md-sys-color-on-error-container: light-dark(#3d0906, #f7d9d6);--md-sys-color-background: light-dark(#f2ebe3, #131209);--md-sys-color-on-background: light-dark(#16120f, #f2ebe3);--md-sys-color-surface: light-dark(#f2ebe3, #131209);--md-sys-color-on-surface: light-dark(#16120f, #f2ebe3);--md-sys-color-surface-variant: light-dark(#e4dbd1, #272727);--md-sys-color-on-surface-variant: light-dark(#4f4843, #c4bbb3);--md-sys-color-surface-container-lowest: light-dark(#fbf7f2, #000000);--md-sys-color-surface-container-low: light-dark(#ece4da, #181818);--md-sys-color-surface-container: light-dark(#e8dfd4, #1f1f1f);--md-sys-color-surface-container-high: light-dark(#e2d8cc, #272727);--md-sys-color-surface-container-highest: light-dark(#dcd1c4, #313131);--md-sys-color-inverse-surface: light-dark(#16120f, #f2ebe3);--md-sys-color-inverse-on-surface: light-dark(#f2ebe3, #16120f);--md-sys-color-inverse-primary: light-dark(#8da2fb, #2f4ac0);--md-sys-color-outline: light-dark(#8a817a, #6b625c);--md-sys-color-outline-variant: light-dark(#d3c9bd, #313131);--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-typescale-label-large-font: var(--font-sans);--md-sys-typescale-label-large-weight: 600;--md-sys-typescale-label-large-size: var(--text-base);--md-sys-typescale-label-large-line-height: var(--leading-base);--md-sys-typescale-label-large-tracking: 0;--md-sys-typescale-label-medium-font: var(--font-sans);--md-sys-typescale-label-medium-weight: 600;--md-sys-typescale-label-medium-size: var(--text-sm);--md-sys-typescale-label-medium-line-height: var(--leading-sm);--md-sys-typescale-label-medium-tracking: 0;--md-sys-typescale-body-large-font: var(--font-sans);--md-sys-typescale-body-large-size: var(--text-base);--md-sys-typescale-body-large-line-height: var(--leading-base);--md-sys-typescale-body-medium-font: var(--font-sans);--md-sys-typescale-body-medium-size: var(--text-sm);--md-sys-typescale-body-medium-line-height: var(--leading-sm);--md-sys-typescale-title-medium-font: var(--font-sans);--md-sys-typescale-title-medium-weight: 600;--md-sys-typescale-title-medium-size: var(--text-base);--md-sys-typescale-title-medium-line-height: var(--leading-base);--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 6px;--md-sys-shape-corner-medium: 8px;--md-sys-shape-corner-large: 12px;--md-sys-shape-corner-extra-large: 16px;--md-sys-shape-corner-full: 9999px;--md-sys-motion-easing-standard: var(--ease);--md-sys-motion-easing-emphasized: var(--ease);--md-sys-motion-duration-short2: .3s;--md-sys-motion-duration-medium1: .5s;--lit-material-alert-info-color: var(--md-sys-color-primary);--lit-material-alert-info-container: var(--md-sys-color-surface-container);--lit-material-alert-on-info-container: var(--md-sys-color-on-surface);--lit-material-alert-warning-color: var(--md-sys-color-primary);--lit-material-alert-warning-container: var(--md-sys-color-primary-container);--lit-material-alert-on-warning-container: var(--md-sys-color-on-primary-container);--lit-material-alert-success-color: light-dark(#3f6b2a, #9fcf86);--lit-material-alert-success-container: var(--md-sys-color-surface-container);--lit-material-alert-on-success-container: var(--md-sys-color-on-surface);--lit-material-button-height: 40px;--lit-material-button-padding-inline: var(--space-100);--lit-material-button-text-padding-inline: var(--space-100);--lit-material-button-pressed-scale: .98;--lit-material-code-block-shape: var(--md-sys-shape-corner-large);--lit-material-code-block-container-color: var(--md-sys-color-surface-container-low);--lit-material-code-block-font: var(--font-mono);--lit-material-code-block-font-size: var(--text-sm);--lit-material-code-block-line-height: var(--leading-sm);--lit-material-code-block-label-font: var(--font-mono);--lit-material-alert-shape: var(--md-sys-shape-corner-large);--md-sys-elevation-level0: none;--md-sys-elevation-level1: none;--md-sys-elevation-level2: none;--md-sys-elevation-level3: none}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html{background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--font-sans);font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--md-sys-color-background);font-size:var(--text-base);line-height:var(--leading-base)}h1,h2,h3{text-wrap:balance;font-weight:700;margin:0}p,li{text-wrap:pretty}code,pre,kbd,samp{font-family:var(--font-mono)}em,i{font-style:normal}a{color:var(--md-sys-color-primary);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}lit-material-code-block::part(label){font-size:var(--text-xs);line-height:var(--leading-xs)}[slot=icon]{display:inline-flex}[slot=icon] svg{width:100%;height:100%;display:block}.skip-link{position:absolute;left:var(--space-200);top:var(--space-200);transform:translateY(-200%);padding:var(--space-75) var(--space-100);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-medium);transition:transform var(--duration-color) var(--ease);z-index:10}.skip-link:focus{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-property:opacity!important;animation:none!important}}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-200)}.site-header{position:sticky;top:var(--space-200);z-index:5;display:flex;justify-content:center;padding:0 var(--space-200)}.site-header nav{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-75) var(--space-200);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--lm-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header a{color:var(--md-sys-color-on-surface);text-decoration:none;font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600}.site-header a[aria-current=page]{color:var(--md-sys-color-primary)}.lockup{display:inline-flex;align-items:center;gap:var(--space-100);color:var(--md-sys-color-on-surface);text-decoration:none}.lockup svg{height:24px;width:auto;display:block}.lockup .word{display:flex;flex-direction:column}.lockup b{font-size:var(--text-base);line-height:var(--leading-base);font-weight:700}.lockup small{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:.2em;color:var(--md-sys-color-secondary)}.icon-button{display:inline-grid;place-items:center;width:var(--space-500);height:var(--space-500);border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;transition:background-color var(--duration-color) var(--ease)}.icon-button:hover{background:var(--md-sys-color-surface-container)}.icon-button:active{transform:scale(.98)}.icon-button svg{width:20px;height:20px}[data-theme-toggle] .moon,[data-theme-toggle][aria-pressed=true] .sun{display:none}[data-theme-toggle][aria-pressed=true] .moon{display:block}:root{--lm-glass: light-dark(rgb(242 235 227 / .8), rgb(19 18 9 / .8));--lm-glass-strong: light-dark(rgb(242 235 227 / .97), rgb(19 18 9 / .97));--lm-mark-rack: light-dark(#16120f, #f2ebe3);--lm-mark-dot: light-dark(#f2ebe3, #16120f);--lm-mark-slot: light-dark(#7a706a, #6b625c)}.site-footer{margin-top:var(--space-900);padding:var(--space-600) 0;border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-sm)}.site-footer ul{display:flex;flex-wrap:wrap;gap:var(--space-300);list-style:none;margin:0;padding:0}.site-footer a{color:inherit}.theme-page section{padding:var(--space-600) 0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-300)}.theme-page h2{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.row{display:flex;flex-wrap:wrap;gap:var(--space-200);align-items:center}.stack{display:grid;gap:var(--space-200)}.mark-large svg{width:160px;height:auto;display:block}.brand img{border-radius:var(--md-sys-shape-corner-extra-large)}.type-sample{margin:0}.type-sample.mono{font-family:var(--font-mono)}.space-row{display:flex;align-items:center;gap:var(--space-200)}.space-row code{width:var(--space-500);font-size:var(--text-xs);line-height:var(--leading-xs)}.space-bar{height:var(--space-200);background:var(--lm-accent);border-radius:var(--md-sys-shape-corner-extra-small)}.rail-demo{height:320px;display:flex;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);overflow:hidden}.hero-heading{max-width:680px;font-size:var(--text-5xl);line-height:var(--leading-5xl);background:linear-gradient(90deg,light-dark(#000000,#ffffff),light-dark(#666666,#9b9b9b));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:680px;margin:0;font-size:var(--text-lg);line-height:var(--leading-lg);color:var(--md-sys-color-on-surface-variant)}@media(min-width:768px){.hero-heading{font-size:var(--text-6xl);line-height:var(--leading-6xl)}}.menu-toggle{display:none}.menu-icon{position:relative;width:18px;height:12px}.menu-icon span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform var(--duration-layout) var(--ease)}.menu-icon span:first-child{top:2px}.menu-icon span:last-child{bottom:2px}[aria-expanded=true] .menu-icon span:first-child{transform:translateY(3px) rotate(45deg)}[aria-expanded=true] .menu-icon span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;padding:var(--space-900) var(--space-300) var(--space-300);background:var(--lm-glass-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transition:opacity var(--duration-color) var(--ease)}.mobile-menu.open{opacity:1}.mobile-menu nav{display:grid;gap:var(--space-300);border:0;background:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-menu a{font-size:var(--text-2xl);line-height:var(--leading-2xl);opacity:0;transform:translateY(var(--space-300));transition:opacity var(--duration-layout) var(--ease),transform var(--duration-layout) var(--ease)}.mobile-menu.open a{opacity:1;transform:none}.mobile-menu.open a:nth-child(2){transition-delay:60ms}.mobile-menu.open a:nth-child(3){transition-delay:.12s}.mobile-menu.open a:nth-child(4){transition-delay:.18s}.mobile-menu.open a:nth-child(5){transition-delay:.24s}.menu-open body{overflow:hidden}@media(max-width:767px){.nav-links{display:none}.menu-toggle{display:inline-grid}.site-header nav{gap:var(--space-75)}.lockup .word{display:none}}@media(min-width:768px){.nav-links{display:contents}}lit-material-tabs{max-width:100%}lit-material-tabs::part(tablist){overflow-x:auto;scrollbar-width:none}lit-material-code-block::part(pre){overflow-x:auto}lit-material-navigation-rail-item [slot=icon]{width:24px;height:24px}.docs-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-400);max-width:1440px;margin:var(--space-600) auto 0;padding:0 var(--space-200)}@media(min-width:900px){.docs-layout{grid-template-columns:260px minmax(0,1fr)}}@media(min-width:1200px){.docs-layout{grid-template-columns:260px minmax(0,1fr) 220px}}.docs-sidebar,.docs-aside{font-size:var(--text-sm);line-height:var(--leading-sm)}.docs-nav-desktop{display:none}@media(min-width:900px){.docs-nav-mobile{display:none}.docs-nav-desktop{display:block;position:sticky;top:var(--space-900);max-height:calc(100vh - var(--space-900) - var(--space-300));overflow-y:auto;padding-right:var(--space-75)}}.docs-aside{display:none}@media(min-width:1200px){.docs-aside{display:block}.docs-toc{position:sticky;top:var(--space-900)}}.docs-nav-mobile summary{display:flex;align-items:center;gap:var(--space-75);padding:var(--space-75) var(--space-100);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;font-weight:600;list-style:none}.docs-nav-mobile summary svg,.docs-search-button svg,.docs-edit svg{width:16px;height:16px;flex:none}.docs-nav-mobile[open] .docs-nav{margin-top:var(--space-200)}.docs-search-button{display:flex;align-items:center;gap:var(--space-75);width:100%;margin-bottom:var(--space-200);padding:var(--space-75) var(--space-100);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;cursor:pointer;transition:background-color var(--duration-color) var(--ease)}.docs-search-button:hover{background:var(--md-sys-color-surface-container)}.docs-search-button span{flex:1;text-align:left}.docs-search-button kbd{padding:0 var(--space-50);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-small);font-size:var(--text-xs);line-height:var(--leading-xs)}.docs-group{margin-bottom:var(--space-200)}.docs-group summary{cursor:pointer;font-weight:600;padding:var(--space-50) 0;color:var(--md-sys-color-on-surface)}.docs-group ul,.docs-toc ul{list-style:none;margin:0;padding:0}.docs-group li a{display:block;padding:var(--space-50) var(--space-100);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);text-decoration:none;transition:background-color var(--duration-color) var(--ease)}.docs-group li a:hover{background:var(--md-sys-color-surface-container)}.docs-group li a[aria-current=page]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:600}.docs-toc-title{margin:0 0 var(--space-75);font-weight:600}.docs-toc li a{display:block;padding:var(--space-25) 0;color:var(--md-sys-color-on-surface-variant);text-decoration:none}.docs-toc li a:hover{color:var(--md-sys-color-primary)}.docs-toc li.depth-3 a{padding-left:var(--space-100)}lit-material-jump-links.docs-toc::part(title){font-weight:600}.docs-main{min-width:0;max-width:780px}.docs-article h1{font-size:var(--text-4xl);line-height:var(--leading-4xl)}.docs-lead{margin:var(--space-200) 0 0;font-size:var(--text-lg);line-height:var(--leading-lg);color:var(--md-sys-color-on-surface-variant)}.prose{margin-top:var(--space-400);overflow-wrap:break-word}.prose :not(pre)>code{overflow-wrap:anywhere}.prose>*+*{margin-top:var(--space-200)}.prose h2{margin-top:var(--space-600);font-size:var(--text-2xl);line-height:var(--leading-2xl);scroll-margin-top:var(--space-900)}.prose h3{margin-top:var(--space-400);font-size:var(--text-xl);line-height:var(--leading-xl);scroll-margin-top:var(--space-900)}.prose h4{margin-top:var(--space-300);font-size:var(--text-base);line-height:var(--leading-base)}.prose p,.prose ul,.prose ol{margin-bottom:0}.prose li+li{margin-top:var(--space-50)}.prose :not(pre)>code{padding:var(--space-25) var(--space-50);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container);font-size:.875em}.heading-anchor{margin-left:var(--space-75);opacity:0;color:var(--md-sys-color-secondary);text-decoration:none;transition:opacity var(--duration-color) var(--ease)}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor{opacity:1}.prose blockquote{margin-left:0;padding:var(--space-100) var(--space-200);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.table-wrap{overflow-x:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large)}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--leading-sm)}.prose th,.prose td{padding:var(--space-75) var(--space-100);text-align:left;vertical-align:top}.prose tr+tr td,.prose tbody tr td{border-top:1px solid var(--md-sys-color-outline-variant)}.prose th{background:var(--md-sys-color-surface-container-low);font-weight:600}.prose lit-material-alert,.prose lit-material-code-block{display:block}.shiki,.shiki span{color:light-dark(var(--shiki-light),var(--shiki-dark))}.shiki{background:transparent!important;margin:0}.docs-edit{margin-top:var(--space-600);font-size:var(--text-sm);line-height:var(--leading-sm)}.docs-edit a{display:inline-flex;align-items:center;gap:var(--space-75);color:var(--md-sys-color-on-surface-variant)}.docs-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-200);margin-top:var(--space-300)}.docs-pager a{display:grid;gap:var(--space-25);padding:var(--space-200);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);text-decoration:none;color:var(--md-sys-color-on-surface);transition:background-color var(--duration-color) var(--ease)}.docs-pager a:hover{background:var(--md-sys-color-surface-container-low)}.docs-pager .next{text-align:right;grid-column:2}.docs-pager small{color:var(--md-sys-color-on-surface-variant);font-size:var(--text-xs);line-height:var(--leading-xs)}.docs-pager span{font-weight:600}.docs-index{display:grid;gap:var(--space-400);margin-top:var(--space-400)}@media(min-width:700px){.docs-index{grid-template-columns:1fr 1fr}}.docs-index h2{font-size:var(--text-xl);line-height:var(--leading-xl)}.docs-index ul{list-style:none;margin:var(--space-100) 0 0;padding:0;display:grid;gap:var(--space-100)}.docs-index li{display:grid}.docs-index li span{color:var(--md-sys-color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-sm)}.search-dialog{width:min(640px,calc(100vw - var(--space-400)));max-height:min(560px,calc(100vh - var(--space-900)));margin-top:var(--space-900);padding:0;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.search-dialog::backdrop{background:#0006}.search-form{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-100) var(--space-200);border-bottom:1px solid var(--md-sys-color-outline-variant)}.search-form>svg{width:20px;height:20px;flex:none;color:var(--md-sys-color-on-surface-variant)}.search-form input::-webkit-search-cancel-button{display:none}.search-form input{flex:1;min-width:0;border:0;background:none;color:inherit;font:inherit;font-size:var(--text-lg);line-height:var(--leading-lg);outline:none}.search-results{padding:var(--space-100);overflow-y:auto}.search-results ul{list-style:none;margin:0;padding:0}.search-results a{display:grid;gap:var(--space-25);padding:var(--space-100);border-radius:var(--md-sys-shape-corner-large);color:inherit;text-decoration:none}.search-results a:hover,.search-results a:focus-visible{background:var(--md-sys-color-surface-container)}.search-results span{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.search-results mark{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-extra-small)}.search-empty{margin:0;padding:var(--space-200);color:var(--md-sys-color-on-surface-variant)}.search-skeleton{height:var(--space-600);margin:var(--space-75) 0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);animation:pulse 1.2s var(--ease) infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.version-switch{position:relative;margin-bottom:var(--space-100)}.version-switch summary{display:flex;align-items:center;gap:var(--space-75);padding:var(--space-75) var(--space-100);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;list-style:none}.version-switch summary:after{content:"▾";margin-left:auto;color:var(--md-sys-color-on-surface-variant)}.version-switch ul{list-style:none;margin:var(--space-50) 0 0;padding:var(--space-50);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface)}.version-switch li a{display:block;padding:var(--space-50) var(--space-100);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);text-decoration:none}.version-switch li a:hover{background:var(--md-sys-color-surface-container)}.version-switch li a[aria-current=page]{font-weight:600;color:var(--md-sys-color-primary)}.latest-tag{padding:0 var(--space-75);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:600}.version-notice{display:block;margin-bottom:var(--space-400)}.button-filled{display:inline-flex;align-items:center;gap:var(--space-75);padding:var(--space-75) var(--space-100);border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:inherit;font-size:var(--text-base);line-height:var(--leading-base);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color var(--duration-color) var(--ease),transform var(--duration-color) var(--ease)}.button-filled:hover{background:light-dark(#9c3c16,#ec7a45)}.button-filled:active{transform:scale(.98)}.button-filled svg,.text-link svg{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:var(--space-50);font-weight:600;text-decoration:none}.text-link svg{transition:transform var(--duration-color) var(--ease)}.text-link:hover svg{transform:translate(var(--space-50))}.install{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-300)}.install-panel{margin-top:var(--space-300);opacity:0;transform:translateY(var(--space-75));transition:opacity var(--duration-color) var(--ease),transform var(--duration-layout) var(--ease)}.install-panel.open{opacity:1;transform:none}.tab-panel{padding-top:var(--space-200)}.tab-note{margin:var(--space-100) 0 0;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.hero{display:grid;gap:var(--space-600);padding-top:var(--space-800);padding-bottom:var(--space-800);align-items:center}@media(min-width:1024px){.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);padding-top:var(--space-900)}}.hero.container{max-width:1200px}.hero-text{display:grid;gap:var(--space-300);min-width:0}.hero .hero-heading{font-size:var(--text-4xl);line-height:var(--leading-4xl)}@media(min-width:640px){.hero .hero-heading{font-size:var(--text-5xl);line-height:var(--leading-5xl)}}.proof-line{margin:0;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.terminal{min-width:0;border-radius:var(--md-sys-shape-corner-extra-large);background:#16120f;color:#f2ebe3;border:1px solid light-dark(#16120f,#313131)}.terminal-bar{display:flex;gap:var(--space-75);padding:var(--space-200) var(--space-200) 0}.terminal-bar span{width:12px;height:12px;border-radius:9999px;background:#313131}.terminal-bar span:first-child{background:var(--lm-accent)}.terminal pre{margin:0;padding:var(--space-200) var(--space-300) var(--space-300);min-height:272px;overflow-x:auto;font-size:var(--text-sm);line-height:var(--leading-sm)}.t-line{display:block;white-space:pre}.t-prompt{color:#9a918a}.t-out{color:#c4bbb3}.t-accent{color:#8da2fb}.t-typing:after{content:"▍";color:var(--lm-accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.section{padding-top:var(--space-900);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-300)}.section-title{max-width:680px;font-size:var(--text-3xl);line-height:var(--leading-3xl)}@media(min-width:768px){.section-title{font-size:var(--text-4xl);line-height:var(--leading-4xl)}}.section-lead{max-width:680px;margin:0;font-size:var(--text-lg);line-height:var(--leading-lg);color:var(--md-sys-color-on-surface-variant)}.js .reveal{opacity:0;transform:translateY(var(--space-400));transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.in{opacity:1;transform:none}.tagline{padding-top:var(--space-900);padding-bottom:var(--space-400)}.tagline-text{max-width:900px;margin:0;font-size:var(--text-4xl);line-height:var(--leading-4xl);font-weight:700;text-wrap:balance}@media(min-width:768px){.tagline-text{font-size:var(--text-6xl);line-height:var(--leading-6xl)}}.tagline-line{display:block}.js .tagline .word{opacity:.3;transition:opacity .6s var(--ease)}.js .tagline .word.lit{opacity:1}.tiles{display:grid;gap:var(--space-200);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{display:grid;align-content:start;gap:var(--space-100);padding:var(--space-300);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-decoration:none;transition:transform var(--duration-layout) var(--ease),background-color var(--duration-color) var(--ease)}.tile:hover{transform:translateY(calc(-1 * var(--space-50)));background:var(--md-sys-color-surface-container)}.tile:active{transform:scale(.98)}.tile h3{font-size:var(--text-lg);line-height:var(--leading-lg)}.tile p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-sm)}.tile-icon{display:inline-grid;place-items:center;width:var(--space-500);height:var(--space-500);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.tile-icon svg{width:22px;height:22px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-400);grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps li{display:grid;gap:var(--space-100);align-content:start}.steps h3{font-size:var(--text-xl);line-height:var(--leading-xl)}.steps p{margin:0;color:var(--md-sys-color-on-surface-variant)}.steps code,.section-lead code{white-space:nowrap;padding:var(--space-25) var(--space-50);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container);font-size:.9em}.step-number{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-primary);font-weight:600}.stats{display:grid;gap:var(--space-200);grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat{padding:var(--space-300);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large)}.stat-number{margin:0;font-family:var(--font-mono);font-size:var(--text-5xl);line-height:var(--leading-5xl);font-weight:600;letter-spacing:-.02em}.stat-number span{margin-left:var(--space-75);font-size:var(--text-lg);line-height:var(--leading-lg);color:var(--md-sys-color-on-surface-variant);font-weight:500}.stat-caption{margin:var(--space-100) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-sm)}.proof-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-100);grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.proof-list li{display:flex;gap:var(--space-100);align-items:flex-start}.proof-list svg{width:20px;height:20px;flex:none;margin-top:var(--space-25);color:var(--md-sys-color-primary)}.proof-list a{color:var(--md-sys-color-on-surface);text-decoration-color:var(--md-sys-color-outline)}.library{align-items:start}@media(min-width:1024px){.library{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-600)}}.library>div:first-child{display:grid;gap:var(--space-300)}.library code{font-size:.9em}.faq{display:grid;gap:var(--space-100);max-width:840px}.faq details{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:0 var(--space-200)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-200);padding:var(--space-200) 0;cursor:pointer;list-style:none;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;height:18px;flex:none;transition:transform var(--duration-layout) var(--ease)}.faq details[open] summary svg{transform:rotate(45deg)}.faq p{margin:0 0 var(--space-200);color:var(--md-sys-color-on-surface-variant)}.final-cta{display:grid;gap:var(--space-300);justify-items:start;padding-top:var(--space-900)}.page-text{max-width:720px;padding-top:var(--space-800)}.page-text h1{font-size:var(--text-4xl);line-height:var(--leading-4xl)}.page-text h2{margin-top:var(--space-500);font-size:var(--text-2xl);line-height:var(--leading-2xl)}.page-text .lead{margin-top:var(--space-200)}.not-found{display:grid;gap:var(--space-300);justify-items:start;padding-top:var(--space-900)}.not-found-mark svg{width:120px;height:auto;display:block}.not-found h1{font-size:var(--text-4xl);line-height:var(--leading-4xl)}@media(max-width:639px){.hero-heading br{display:none}}.playground{padding-top:var(--space-800)}.playground-intro{max-width:760px;display:grid;gap:var(--space-200)}.playground h1{font-size:var(--text-5xl);line-height:var(--leading-5xl)}.playground-intro .lead{margin:0}.playground-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-400);margin-top:var(--space-600);align-items:start}@media(min-width:1024px){.playground-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.playground-form{display:grid;gap:var(--space-200)}.playground-form fieldset{margin:0;padding:var(--space-300);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);display:grid;gap:var(--space-200);min-width:0}.playground-form legend{padding:0;float:left;width:100%;font-weight:600}.playground-form legend+*{clear:both}.fieldset-body{display:grid;gap:var(--space-200)}.field-row{display:grid;gap:var(--space-200);grid-template-columns:minmax(0,1fr)}@media(min-width:560px){.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}[hidden]{display:none!important}.field{display:grid;gap:var(--space-50);align-content:start}.field-label{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600}.field input,.field textarea,.field select{width:100%;box-sizing:border-box;padding:var(--space-75) var(--space-100);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);font:inherit;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);transition:border-color var(--duration-color) var(--ease)}.field select{font-family:var(--font-sans)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:0;border-color:var(--md-sys-color-primary)}.field-hint{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--md-sys-color-on-surface-variant)}.field-error{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--md-sys-color-error);font-weight:600}.has-error input,.has-error textarea{border-color:var(--md-sys-color-error)}.toggle{display:flex;gap:var(--space-100);align-items:flex-start;cursor:pointer}.toggle input{width:18px;height:18px;margin:var(--space-25) 0 0;accent-color:var(--md-sys-color-primary);flex:none}.toggle span{display:grid;gap:var(--space-25)}.toggle small{font-weight:400;color:var(--md-sys-color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-sm)}.playground-output{min-width:0}.output-sticky{position:sticky;top:var(--space-900);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-200)}.output-sticky lit-material-code-block{display:block;min-width:0}.output-step{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-sm)}.output-status{display:flex;gap:var(--space-75);align-items:flex-start;margin:0;padding:var(--space-100) var(--space-200);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);font-size:var(--text-sm);line-height:var(--leading-sm)}.output-status svg{width:18px;height:18px;flex:none;color:var(--lit-material-alert-success-color, #3f6b2a)}.output-status.is-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.why{padding-top:var(--space-800);display:grid;gap:var(--space-800)}.why-intro{max-width:760px;display:grid;gap:var(--space-200)}.why h1{font-size:var(--text-5xl);line-height:var(--leading-5xl)}.why-intro .lead{margin:0}.why-reasons .tile h2{font-size:var(--text-lg);line-height:var(--leading-lg)}.why-section{display:grid;gap:var(--space-300)}.why-section h2{font-size:var(--text-3xl);line-height:var(--leading-3xl)}.why-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-200);max-width:860px}.why-list li{display:flex;gap:var(--space-100);align-items:flex-start}.why-list svg{width:20px;height:20px;flex:none;margin-top:var(--space-25);color:var(--md-sys-color-primary)}.changelog-nav{position:sticky;top:var(--space-900);max-height:calc(100vh - var(--space-900) - var(--space-300));overflow-y:auto}@media(max-width:899px){.changelog .docs-sidebar{display:none}}.console{display:grid;gap:var(--space-200);padding:var(--space-300);border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;background:var(--md-sys-color-surface-container-low);min-width:0}.console-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-100)}.console-title{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:600}.console-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-200)}.console lit-material-table{--lit-material-table-max-height: none}.console-switch{display:inline-flex;align-items:center;gap:var(--space-100);font-size:var(--text-sm);line-height:var(--leading-sm)}.breadcrumb{margin:0 0 var(--space-100);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.breadcrumb a{color:inherit}.facts{display:flex;flex-wrap:wrap;gap:var(--space-100) var(--space-300);margin:var(--space-300) 0 0;padding:0;list-style:none;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.facts li{display:inline-flex;align-items:center;gap:var(--space-75)}.facts svg{width:18px;height:18px;color:var(--md-sys-color-primary)}.facts b{color:var(--md-sys-color-on-surface);font-weight:600}.component-page h2,.prose-page .prose h2{margin:var(--space-700) 0 var(--space-200);font-size:var(--text-2xl);line-height:var(--leading-2xl);scroll-margin-top:var(--space-900)}.component-page h3{margin:var(--space-400) 0 var(--space-100);font-size:var(--text-lg);line-height:var(--leading-lg);scroll-margin-top:var(--space-900)}.component-page h4{margin:var(--space-300) 0 var(--space-75);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600;color:var(--md-sys-color-on-surface-variant)}.component-page p{max-width:68ch;color:var(--md-sys-color-on-surface-variant);text-wrap:pretty}.demo{min-width:0}.snippet{margin:0 0 var(--space-100);padding:var(--space-100) var(--space-200);overflow-x:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container);font-size:var(--text-sm);line-height:var(--leading-sm)}.api-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--leading-sm)}.api-table th,.api-table td{padding:var(--space-75) var(--space-100) var(--space-75) 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--md-sys-color-outline-variant)}.api-table th{font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.api-table td:first-child code{white-space:nowrap}.api-table code{font-size:var(--text-xs)}.muted{color:var(--md-sys-color-on-surface-variant)}.docs-edit{display:flex;flex-wrap:wrap;gap:var(--space-300)}.component-group{margin-top:var(--space-600)}.component-group h2{margin:0 0 var(--space-75);font-size:var(--text-2xl);line-height:var(--leading-2xl);scroll-margin-top:var(--space-900)}.component-group>p{margin:0 0 var(--space-200);color:var(--md-sys-color-on-surface-variant)}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:var(--space-100);margin:0;padding:0;list-style:none}.component-grid a{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-100);padding:var(--space-100) var(--space-200);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;color:inherit;text-decoration:none;transition:background-color var(--duration-color) var(--ease),transform var(--duration-color) var(--ease)}.component-grid a:hover{background:var(--md-sys-color-surface-container);transform:translateY(-1px)}.component-grid a:active{transform:translateY(1px)}.component-grid a:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.component-grid b{font-weight:600}.component-grid span{white-space:nowrap;font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--md-sys-color-on-surface-variant);font-family:var(--font-mono)}.showcase-item{display:grid;gap:var(--space-300);align-items:center;margin-top:var(--space-700)}.showcase-item img{display:block;width:100%;height:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px}.showcase-item h2{margin:0 0 var(--space-100)}@media(min-width:900px){.showcase-item{grid-template-columns:3fr 2fr}.showcase{max-width:1120px}}.changelog section{margin-top:var(--space-500)}.changelog h2{font-family:var(--font-mono);font-size:var(--text-lg);line-height:var(--leading-lg)}.changelog h3{margin:var(--space-200) 0 var(--space-50);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.changelog ul{margin:0;padding-inline-start:var(--space-300)}.footer-family{margin:var(--space-200) 0 0;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--md-sys-color-on-surface-variant)}.footer-family a{color:inherit}.docs-main,.docs-article,.demo{min-width:0}.demo,.table-wrap{max-width:100%;overflow-x:auto}.prose pre{max-width:100%;overflow-x:auto;padding:var(--space-100) var(--space-200);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container);font-size:var(--text-sm);line-height:var(--leading-sm)}.prose pre code{padding:0;background:none}.steps code,.component-page td code,.facts b{overflow-wrap:anywhere}.api-table td:first-child code{white-space:normal;overflow-wrap:anywhere}.steps code{white-space:normal}.snippet{max-width:100%}.snippet code{white-space:pre-wrap;overflow-wrap:anywhere}.component-page p,.component-page p code,.docs-lead code{overflow-wrap:anywhere}@media(max-width:479.98px){.console-stats{grid-template-columns:minmax(0,1fr)}.console{padding:var(--space-200)}}