:root{--site-max:76rem;--site-gutter:clamp(1rem, 4vw, 3rem);--site-bar-height:4rem;--site-sidebar:17rem;--site-toc:14rem;--site-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/material-symbols-outlined.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:block}@font-face{font-family:Material Symbols Rounded;src:url(/fonts/material-symbols-rounded.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:block}@font-face{font-family:Material Symbols Sharp;src:url(/fonts/material-symbols-sharp.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:block}.m3e-theme{--m3e-ref-typeface-brand:var(--site-font-sans), system-ui, sans-serif;--m3e-ref-typeface-plain:var(--site-font-sans), system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--site-bar-height) + 1.5rem)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--site-font-sans), system-ui, sans-serif;margin:0}.site-theme{background:var(--m3e-sys-color-surface);min-block-size:100dvh;color:var(--m3e-sys-color-on-surface);flex-direction:column;display:flex}a{color:var(--m3e-sys-color-primary);text-underline-offset:.2em;text-decoration-thickness:from-font}a:hover{text-decoration-thickness:2px}:where(a,button,input,summary):focus-visible{outline:3px solid var(--m3e-sys-color-primary);outline-offset:2px;border-radius:var(--m3e-sys-shape-corner-extra-small)}.bar{z-index:20;block-size:var(--site-bar-height);padding-inline:var(--site-gutter);background:color-mix(in srgb, var(--m3e-sys-color-surface-container) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--m3e-sys-color-outline-variant);align-items:center;gap:.75rem;display:flex;position:sticky;inset-block-start:0}.bar__brand{color:inherit;align-items:center;gap:.625rem;min-inline-size:0;margin-inline-end:auto;text-decoration:none;display:inline-flex}.bar__mark{border-radius:var(--m3e-sys-shape-corner-small);flex:none;grid-template:repeat(2,1fr)/repeat(2,1fr);block-size:1.5rem;inline-size:1.5rem;display:grid;overflow:hidden}.bar__mark span{display:block}.bar__name{letter-spacing:-.01em;white-space:nowrap;font-weight:700}.bar__version{font-family:var(--site-mono);border-radius:var(--m3e-sys-shape-corner-full);background:var(--m3e-sys-color-secondary-container);color:var(--m3e-sys-color-on-secondary-container);flex:none;padding:.15rem .45rem;font-size:.75rem}.bar__actions{align-items:center;gap:.5rem;display:flex}.bar__mobile-only{display:none}@media (max-width:60rem){.bar__version,.bar__desktop-only{display:none}.bar__mobile-only{display:inline-flex}}.ramp{gap:.25rem;display:grid}.ramp__row{grid-template-columns:repeat(var(--ramp-columns,14), minmax(0, 1fr));gap:.25rem;display:grid}.ramp__swatch{aspect-ratio:1;border-radius:var(--m3e-sys-shape-corner-extra-small);transition:background-color var(--m3e-sys-motion-expressive-default-effects-duration) var(--m3e-sys-motion-expressive-default-effects-easing);position:relative}.ramp__row:first-child .ramp__swatch{border-start-start-radius:var(--m3e-sys-shape-corner-medium)}.ramp__tone{font-family:var(--site-mono);color:var(--m3e-sys-color-on-surface-variant);text-align:center;padding-block-start:.25rem;font-size:.625rem}.ramp__label{font-family:var(--site-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--m3e-sys-color-on-surface-variant);font-size:.6875rem}.ramp-rule{border-radius:var(--m3e-sys-shape-corner-full);grid-auto-columns:1fr;grid-auto-flow:column;block-size:.375rem;display:grid;overflow:hidden}@media (prefers-reduced-motion:reduce){.ramp__swatch{transition:none}}.shell{grid-template-columns:var(--site-sidebar) minmax(0, 1fr);max-inline-size:var(--site-max);inline-size:100%;padding-inline:var(--site-gutter);flex:1;align-items:start;gap:2.5rem;margin-inline:auto;display:grid}.shell--wide{max-inline-size:none;padding-inline:0;display:block}.shell__main{min-inline-size:0;padding-block:2.5rem 6rem}.sidebar{max-block-size:calc(100dvh - var(--site-bar-height));overscroll-behavior:contain;padding-block:2rem 3rem;position:sticky;inset-block-start:var(--site-bar-height);overflow-y:auto}.sidebar__group+.sidebar__group{margin-block-start:1.75rem}.sidebar__title{letter-spacing:.08em;text-transform:uppercase;color:var(--m3e-sys-color-on-surface-variant);margin:0 0 .5rem;padding-inline-start:.75rem;font-size:.6875rem;font-weight:700}.sidebar__list{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.sidebar__link{border-radius:var(--m3e-sys-shape-corner-full);color:var(--m3e-sys-color-on-surface-variant);padding:.4rem .75rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:block}.sidebar__link:hover{background:color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(var(--m3e-sys-state-hover) * 100%), transparent);color:var(--m3e-sys-color-on-surface)}.sidebar__link[aria-current=page]{background:var(--m3e-sys-color-secondary-container);color:var(--m3e-sys-color-on-secondary-container);font-weight:600}@media (max-width:60rem){.shell{grid-template-columns:minmax(0,1fr);gap:0}.sidebar{display:none}}.hero{padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,4rem)}.hero__grid{max-inline-size:var(--site-max);padding-inline:var(--site-gutter);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,4.5rem);margin-inline:auto;display:grid}.hero__eyebrow{font-family:var(--site-mono);letter-spacing:.04em;color:var(--m3e-sys-color-on-surface-variant);align-items:center;gap:.5rem;margin-block-end:1.25rem;font-size:.75rem;display:inline-flex}.hero__eyebrow:before{content:"";background:var(--m3e-sys-color-primary);border-radius:2px;block-size:2px;inline-size:2rem}.hero__title{text-wrap:balance;margin:0}.hero__lede{max-inline-size:34ch;color:var(--m3e-sys-color-on-surface-variant);margin-block:1.25rem 0}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.hero__figure{gap:.75rem;display:grid}.hero__caption{color:var(--m3e-sys-color-on-surface-variant);max-inline-size:40ch}@media (max-width:60rem){.hero__grid{grid-template-columns:minmax(0,1fr)}}.install{border-radius:var(--m3e-sys-shape-corner-full);background:var(--m3e-sys-color-surface-container-high);border:1px solid var(--m3e-sys-color-outline-variant);align-items:center;gap:.75rem;max-inline-size:max-content;margin-block-start:1.75rem;padding:.5rem .5rem .5rem 1rem;display:flex}.install__command{font-family:var(--site-mono);white-space:nowrap;color:var(--m3e-sys-color-on-surface);font-size:.8125rem;overflow-x:auto}.section{padding-block:clamp(3rem,7vw,5rem)}.section--tinted{background:var(--m3e-sys-color-surface-container-low);border-block:1px solid var(--m3e-sys-color-outline-variant)}.section__inner{max-inline-size:var(--site-max);padding-inline:var(--site-gutter);margin-inline:auto}.section__head{max-inline-size:52ch;margin-block-end:2.5rem}.section__lede{color:var(--m3e-sys-color-on-surface-variant);margin-block-start:.75rem}.claims{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.claim{align-content:start;gap:.5rem;padding:1.5rem;display:grid}.claim__value{font-family:var(--site-mono);color:var(--m3e-sys-color-primary);font-size:2rem;font-weight:700;line-height:1}.claim__body{color:var(--m3e-sys-color-on-surface-variant)}.catalog{gap:2.5rem;display:grid}.catalog__grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem;display:grid}.catalog__card{color:inherit;align-content:start;gap:.25rem;padding:1rem 1.125rem;text-decoration:none;display:grid}.catalog__card:hover .catalog__name{color:var(--m3e-sys-color-primary)}.catalog__name{font-weight:600}.catalog__meta{font-family:var(--site-mono);color:var(--m3e-sys-color-on-surface-variant);font-size:.6875rem}.demo{border:1px solid var(--m3e-sys-color-outline-variant);border-radius:var(--m3e-sys-shape-corner-large);background:var(--m3e-sys-color-surface);margin-block:1.5rem;overflow:hidden}.demo__stage{background:var(--m3e-sys-color-surface-container-lowest);padding:clamp(1rem,3vw,2rem);overflow:auto}.demo__stage>*{min-inline-size:min-content;margin-block-start:0!important}.demo__bar{border-block-start:1px solid var(--m3e-sys-color-outline-variant);background:var(--m3e-sys-color-surface-container-low);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1rem;display:flex}.demo__label{font-family:var(--site-mono);color:var(--m3e-sys-color-on-surface-variant);font-size:.6875rem}.demo__source{border-block-start:1px solid var(--m3e-sys-color-outline-variant)}.demo__source[hidden]{display:none}.code{border-radius:var(--m3e-sys-shape-corner-medium);background:var(--m3e-sys-color-surface-container-high);border:1px solid var(--m3e-sys-color-outline-variant);margin:1.25rem 0;overflow:hidden}.demo__source .code{background:var(--m3e-sys-color-surface-container-low);border:0;border-radius:0;margin:0}.code__pre{font-family:var(--site-mono);tab-size:2;margin:0;padding:1rem 1.125rem;font-size:.8125rem;line-height:1.65;overflow-x:auto}.code__pre code{font:inherit}.tok--comment{color:var(--m3e-sys-color-outline);font-style:italic}.tok--string{color:var(--m3e-sys-color-primary)}.tok--keyword{color:var(--m3e-sys-color-tertiary);font-weight:600}.tok--entity,.tok--number{color:var(--m3e-sys-color-secondary)}.tok--attr{color:var(--m3e-sys-color-on-surface-variant)}.tok--punct{color:var(--m3e-sys-color-outline)}.prose{max-inline-size:68ch}.prose>*+*{margin-block-start:1rem}.prose__heading{margin-block:2.5rem .75rem;scroll-margin-block-start:calc(var(--site-bar-height) + 1.5rem);line-height:1.25}.prose h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.prose h3{font-size:1.1875rem;font-weight:650}.prose h4{font-size:1rem;font-weight:650}.prose p,.prose li{color:var(--m3e-sys-color-on-surface-variant);line-height:1.7}.prose li+li{margin-block-start:.4rem}.prose strong{color:var(--m3e-sys-color-on-surface);font-weight:650}.prose :not(pre)>code{font-family:var(--site-mono);border-radius:var(--m3e-sys-shape-corner-extra-small);background:var(--m3e-sys-color-surface-container-high);color:var(--m3e-sys-color-on-surface);padding:.1em .35em;font-size:.875em}.prose blockquote{border-inline-start:3px solid var(--m3e-sys-color-primary);color:var(--m3e-sys-color-on-surface-variant);margin-inline:0;padding-inline-start:1rem}.prose__table-scroll{border:1px solid var(--m3e-sys-color-outline-variant);border-radius:var(--m3e-sys-shape-corner-medium);overflow-x:auto}.prose__table{border-collapse:collapse;inline-size:100%;font-size:.875rem}.prose__table th,.prose__table td{text-align:start;border-block-end:1px solid var(--m3e-sys-color-outline-variant);vertical-align:top;padding:.625rem .875rem}.prose__table th{background:var(--m3e-sys-color-surface-container);white-space:nowrap;font-weight:650}.prose__table tbody tr:last-child td{border-block-end:0}.page-head{border-block-end:1px solid var(--m3e-sys-color-outline-variant);gap:.75rem;margin-block-end:2rem;padding-block-end:1.5rem;display:grid}.page-head__eyebrow{font-family:var(--site-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--m3e-sys-color-on-surface-variant);font-size:.6875rem}.page-head__title{margin:0}.page-head__exports{flex-wrap:wrap;gap:.375rem;display:flex}.export-chip{font-family:var(--site-mono);border-radius:var(--m3e-sys-shape-corner-full);border:1px solid var(--m3e-sys-color-outline-variant);color:var(--m3e-sys-color-on-surface-variant);padding:.2rem .55rem;font-size:.75rem}.theme-panel{gap:1.25rem;inline-size:min(22rem,100vw - 2rem);padding:1.25rem;display:grid}.theme-panel__row{gap:.625rem;display:grid}.swatches{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{border-radius:var(--m3e-sys-shape-corner-full);cursor:pointer;outline-offset:3px;border:2px solid #0000;block-size:2.25rem;inline-size:2.25rem;padding:0}.swatch[aria-pressed=true]{border-color:var(--m3e-sys-color-on-surface);box-shadow:0 0 0 2px var(--m3e-sys-color-surface)}.theme-panel__error{color:var(--m3e-sys-color-on-error-container);background:var(--m3e-sys-color-error-container);border-radius:var(--m3e-sys-shape-corner-medium);padding:.75rem;font-size:.8125rem}.link-button{justify-content:center;align-items:center;gap:var(--m3e-comp-button-medium-icon-spacing);min-block-size:var(--m3e-comp-button-medium-container-height);padding-inline:var(--m3e-comp-button-medium-padding-inline);padding-block:var(--m3e-comp-button-medium-padding-block);border-radius:var(--m3e-comp-button-medium-container-shape-round);cursor:pointer;transition:background-color var(--m3e-sys-motion-standard-fast-effects-duration) var(--m3e-sys-motion-standard-fast-effects-easing), box-shadow var(--m3e-sys-motion-standard-fast-effects-duration) var(--m3e-sys-motion-standard-fast-effects-easing);border:0;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.link-button--small{gap:var(--m3e-comp-button-small-icon-spacing);min-block-size:var(--m3e-comp-button-small-container-height);padding-inline:var(--m3e-comp-button-small-padding-inline);padding-block:var(--m3e-comp-button-small-padding-block);border-radius:var(--m3e-comp-button-small-container-shape-round);font-size:.875rem}.link-button--filled{background:var(--m3e-comp-button-filled-container-color);color:var(--m3e-comp-button-filled-content-color)}.link-button--tonal{background:var(--m3e-comp-button-tonal-container-color);color:var(--m3e-comp-button-tonal-content-color)}.link-button--outlined{color:var(--m3e-comp-button-outlined-content-color);box-shadow:inset 0 0 0 var(--m3e-comp-button-medium-outline-width) var(--m3e-comp-button-outlined-outline-color);background:0 0}.link-button--text{color:var(--m3e-comp-button-text-content-color);background:0 0;padding-inline:.75rem}.link-button:hover{text-decoration:none}.link-button--filled:hover,.link-button--tonal:hover{filter:brightness(1.06)}.link-button--outlined:hover,.link-button--text:hover{background:color-mix(in srgb, currentColor calc(var(--m3e-sys-state-hover) * 100%), transparent)}@media (prefers-reduced-motion:reduce){.link-button{transition:none}}.showcase{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.showcase__controls{gap:.875rem;display:grid;position:sticky;inset-block-start:calc(var(--site-bar-height) + 1.5rem)}.showcase__stage{gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.showcase__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.showcase__card{gap:.375rem;padding:1rem 1.125rem;display:grid}@media (max-width:60rem){.showcase{grid-template-columns:minmax(0,1fr)}.showcase__controls{position:static}}.footer{border-block-start:1px solid var(--m3e-sys-color-outline-variant);background:var(--m3e-sys-color-surface-container-low);padding-block:2.5rem}.footer__inner{max-inline-size:var(--site-max);padding-inline:var(--site-gutter);color:var(--m3e-sys-color-on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-inline:auto;font-size:.875rem;display:flex}.footer__links{flex-wrap:wrap;gap:1.25rem;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:1rem;display:grid}