*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family-base);background-color:var(--color-surface-primary);color:var(--color-text-primary);line-height:var(--line-height-body);min-height:100svh}:where(:not(html)[data-mode]){color:var(--color-text-primary)}code,kbd,pre,samp{font-family:var(--font-family-mono)}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;cursor:pointer;background:0 0;border:none}
:root,[data-mode=light]{--color-black:#0a0a0a;--color-white:#fff;--color-warm-50:#fafaf9;--color-warm-100:#f4f0eb;--color-warm-200:#e2ddd9;--color-warm-300:#c8c3be;--color-warm-400:#a8a29e;--color-warm-500:#78716c;--color-warm-600:#57534e;--color-warm-700:#44403c;--color-warm-800:#292524;--color-warm-900:#1c1917;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-teal-50:#ebf4f6;--color-teal-200:#6fb8c3;--color-teal-300:#4fa3b0;--color-teal-500:#15616d;--color-teal-600:#0f4750;--color-teal-500-glow:#15616d33;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:96px;--space-13:128px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-md:18px;--font-size-emphasis:20px;--font-size-lg:24px;--font-size-xl:32px;--font-size-2xl:48px;--font-size-3xl:64px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tighter:1.125;--line-height-tight:1.25;--line-height-fixed-16:16px;--line-height-fixed-20:20px;--line-height-fixed-24:24px;--line-height-fixed-28:28px;--line-height-fixed-32:32px;--line-height-fixed-40:40px;--line-height-fixed-60:60px;--line-height-fixed-80:80px;--border-radius-none:0;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:9999px;--duration-instant:0s;--duration-fast:.1s;--duration-base:.2s;--duration-slow:.4s;--duration-expand:.65s;--duration-collapse:.2s;--easing-default:cubic-bezier(.4, 0, .2, 1);--easing-in:cubic-bezier(.4, 0, 1, 1);--easing-out:cubic-bezier(0, 0, .2, 1);--opacity-subtle:.05;--opacity-low:.1;--opacity-medium:.3;--opacity-high:.7;--feedback-error-50:#fef2f2;--feedback-error-400:#e05c4b;--feedback-error-500:#c0392b;--feedback-error-600:#a93226;--feedback-success-50:#f0fdf4;--feedback-success-500:#16a34a;--feedback-success-600:#15803d;--feedback-warning-50:#fffbeb;--feedback-warning-500:#d97706;--feedback-warning-600:#b45309;--feedback-info-50:#eff6ff;--feedback-info-500:#2563eb;--feedback-info-600:#1d4ed8;--shadow-none:none;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--size-icon-interactive:28px;--size-touch-target:44px;--size-dialog-sm:480px;--size-dialog-md:560px;--size-dialog-lg:720px;--size-layout-md:1024px;--size-layout-lg:1200px;--size-layout-xl:1440px;--size-container-45:45rem;--size-container-60:60rem;--size-container-80:80rem;--size-container-90:90rem;--size-container-viewport-90:90vw;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--accordion-content-padding-x:24px;--accordion-content-padding-bottom:24px;--accordion-duration-expand:.65s;--accordion-duration-collapse:.2s;--alert-title-weight:600;--alert-content-gap:4px;--alert-close-offset:8px;--alert-exit-distance:4px;--avatar-size-sm:24px;--avatar-size-md:32px;--avatar-size-lg:40px;--avatar-size-xl:64px;--avatar-ring-width:2px;--avatar-fallback-font-size:14px;--avatar-fallback-font-weight:600;--avatar-group-overlap:-8px;--badge-font-weight:500;--badge-padding-x:8px;--badge-padding-y:4px;--badge-count-size:20px;--badge-dot-size:8px;--breadcrumb-font-size:14px;--breadcrumb-item-max-width:200px;--breadcrumb-current-max-width:240px;--button-padding-x:24px;--button-padding-y:12px;--button-outline-border-width:2px;--button-secondary-background:#0000;--button-secondary-foreground:var(--color-accent-default);--button-secondary-border:var(--color-accent-default);--button-secondary-background-hover:var(--color-accent-default);--button-ghost-background:#0000;--button-ghost-border:#0000;--button-spinner-duration:.75s;--button-wipe-duration-enter:.55s;--button-wipe-duration-curve:.22s;--button-wipe-duration-exit:.4s;--button-wipe-duration-curve-out:.18s;--button-arrow-nudge:2px;--button-glow-size:52px;--button-glow-color:#ffffff73;--card-horizontal-media-width:200px;--checkbox-size:24px;--datatable-gap:16px;--datatable-footer-gap:16px;--datatable-filter-cell-padding-y:8px;--dialog-max-width:560px;--dialog-close-size:28px;--dialog-max-width-sm:480px;--dialog-max-width-lg:720px;--dialog-max-width-xl:1024px;--dialog-entrance-offset:8px;--drawer-close-size:28px;--drawer-max-width-sm:320px;--drawer-max-width-md:480px;--drawer-max-width-lg:640px;--drawer-max-height-sm:40vh;--drawer-max-height-md:90vh;--drawer-max-height-lg:75vh;--drawer-max-height-full:100vh;--drawer-close-align-offset:2px;--emptystate-padding-y:96px;--emptystate-padding-x:64px;--hero-padding-y:96px;--hero-eyebrow-size:14px;--hero-eyebrow-weight:600;--hero-eyebrow-spacing:.01em;--hero-title-weight:800;--hero-lead-size:20px;--hero-max-width:800px;--hero-lead-max-width:60ch;--pagination-button-size:48px;--pagination-button-background:#0000;--pagination-button-font-size:14px;--pagination-button-font-weight:500;--radio-size:24px;--radio-indicator-size:12px;--select-item-padding-x:16px;--select-item-padding-y:8px;--side-nav-width:240px;--skeleton-border-radius:4px;--skeleton-height-text:1em;--skeleton-height-rect:48px;--spinner-stroke-width:2px;--switch-track-width:44px;--switch-track-height:24px;--switch-thumb-size:16px;--table-header-font-weight:600;--tabs-indicator-height:2px;--tabs-content-padding-top:16px;--tag-padding-x:12px;--tag-padding-y:4px;--tag-font-weight:500;--tag-muted-background:#0000;--toast-max-width:380px;--toast-title-weight:600;--toast-font-size:14px;--toast-accent-width:4px;--toast-viewport-inset:24px;--toast-close-offset:8px;--tooltip-font-weight:500;--tooltip-border-radius:4px;--tooltip-max-width:260px;--tooltip-arrow-size:8px;--tooltip-delay-duration:400;--tooltip-side-offset:6;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-surface-primary:var(--color-neutral-50);--color-surface-secondary:var(--color-neutral-100);--color-surface-tertiary:var(--color-neutral-200);--color-surface-inverse:var(--color-neutral-900);--color-text-primary:#0a0a0a;--color-text-secondary:var(--color-neutral-600);--color-text-inverse:var(--color-neutral-50);--color-accent-default:var(--color-neutral-800);--color-accent-hover:var(--color-neutral-900);--color-accent-foreground:#fff;--color-border-default:var(--color-neutral-200);--color-border-strong:var(--color-neutral-400);--color-border-focus:#0a0a0a;--color-curtain:var(--color-neutral-300);--color-feedback-error:#c0392b;--color-feedback-error-background:#fef2f2;--color-feedback-error-foreground:#a93226;--color-feedback-error-border:#c0392b;--color-feedback-success-background:#f0fdf4;--color-feedback-success-foreground:#15803d;--color-feedback-success-border:#16a34a;--color-feedback-warning-background:#fffbeb;--color-feedback-warning-foreground:#b45309;--color-feedback-warning-border:#d97706;--color-feedback-info-background:#eff6ff;--color-feedback-info-foreground:#1d4ed8;--color-feedback-info-border:#2563eb;--color-skeleton-base:var(--color-neutral-200);--color-skeleton-highlight:var(--color-neutral-100);--duration-skeleton:.4s;--focus-ring-width:2px;--focus-ring-offset:4px;--shadow-card:0 1px 2px 0 #0000000d;--shadow-card-hover:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-dropdown:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-dialog:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-toast:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--z-skip-link:700;--size-icon-xs:12px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-icon-xl:32px;--duration-spin:.7s;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-body:18px;--font-size-control:16px;--font-size-small:14px;--font-size-caption:12px;--font-size-h1:64px;--font-size-display:clamp(2rem, .75rem + 5vw, 5rem);--font-size-h1-fluid:clamp(1.75rem, .75rem + 4vw, 4rem);--font-size-h2:48px;--font-size-h2-fluid:clamp(1.625rem, 1rem + 2.5vw, 3rem);--font-size-h3:32px;--font-size-h3-fluid:clamp(1.5rem, 1rem + 2vw, 2.5rem);--font-size-h4:24px;--font-size-h5:20px;--font-weight-body:400;--font-weight-heading:600;--font-weight-label:500;--font-weight-display:600;--font-weight-title:700;--font-weight-control:500;--line-height-display:1.125;--line-height-body:28px;--line-height-control:24px;--line-height-small:20px;--line-height-caption:16px;--line-height-h1:80px;--line-height-h2:60px;--line-height-h3:40px;--line-height-h4:32px;--line-height-h5:24px;--line-height-heading:1.25;--line-height-label:16px;--letter-spacing-heading:-.02em;--letter-spacing-subheading:-.01em;--letter-spacing-body:0;--letter-spacing-label:.01em;--letter-spacing-wide:.08em;--space-layout-margin:clamp(1.25rem, 4vw, 2rem);--space-section-gap:clamp(3rem, 8vw, 5rem);--space-component-gap:24px;--space-element-gap:16px;--space-inline-gap:8px;--space-label-gap:12px;--border-radius-component:8px;--border-radius-interactive:4px;--border-radius-image:.75rem;--border-radius-pill:9999px;--duration-interaction:.2s;--duration-transition:.4s;--duration-entrance:.6s;--duration-reveal:.4s;--duration-reveal-delay:.3s;--opacity-overlay:.3;--opacity-disabled:.1;--space-tight-gap:4px;--space-control-padding-x:16px;--space-control-padding-y:12px;--space-prominent-padding-x:24px;--space-prominent-padding-y:16px;--space-compact-padding-x:12px;--space-compact-padding-y:8px;--space-container-padding:32px;--space-container-padding-lg:48px;--space-dialog-padding-mobile:16px;--space-dialog-padding-tablet:24px;--space-dialog-padding-desktop:32px;--space-layout-max-width:1200px;--border-width-interactive:1px;--border-width-default:1px;--size-dialog-default:560px;--size-container-text:45rem;--size-container-media:60rem;--size-container-wide:80rem;--size-container-page:90rem;--size-container-site:90vw}
[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--button-secondary-foreground:var(--color-neutral-500);--button-secondary-border:var(--color-neutral-500);--button-secondary-background-hover:var(--color-neutral-500);--color-neutral-50:#171717;--color-neutral-100:#262626;--color-neutral-200:#404040;--color-neutral-300:#525252;--color-neutral-400:#737373;--color-neutral-500:#a3a3a3;--color-neutral-600:#d4d4d4;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#fafafa;--color-surface-primary:var(--color-neutral-50);--color-surface-secondary:var(--color-neutral-100);--color-surface-tertiary:var(--color-neutral-200);--color-surface-inverse:var(--color-neutral-900);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-inverse:var(--color-neutral-50);--color-accent-default:var(--color-neutral-800);--color-accent-hover:var(--color-neutral-900);--color-accent-foreground:var(--color-neutral-50);--color-border-default:var(--color-neutral-200);--color-border-strong:var(--color-neutral-400);--color-border-focus:var(--color-neutral-900);--color-curtain:var(--color-neutral-300);--color-feedback-error:#f87171;--color-feedback-error-background:var(--color-neutral-100);--color-feedback-error-foreground:#f87171;--color-feedback-error-border:#f87171;--color-feedback-success-background:var(--color-neutral-100);--color-feedback-success-foreground:#f0fdf4;--color-feedback-success-border:#4ade80;--color-feedback-warning-background:var(--color-neutral-100);--color-feedback-warning-foreground:#fffbeb;--color-feedback-warning-border:#fcd34d;--color-feedback-info-background:var(--color-neutral-100);--color-feedback-info-foreground:#eff6ff;--color-feedback-info-border:#60a5fa;--color-skeleton-base:var(--color-neutral-200);--color-skeleton-highlight:var(--color-neutral-100);--checkbox-background:var(--color-neutral-50);--checkbox-background-checked:var(--color-neutral-800);--checkbox-background-disabled:var(--color-neutral-100);--checkbox-border:var(--color-neutral-400);--checkbox-border-hover:var(--color-neutral-800);--checkbox-foreground-checked:var(--color-neutral-50);--checkbox-foreground-indeterminate:var(--color-neutral-50);--checkbox-label-color:var(--color-neutral-900);--checkbox-label-color-disabled:var(--color-neutral-600);--radio-background:var(--color-neutral-50);--radio-background-checked:var(--color-neutral-50);--radio-background-disabled:var(--color-neutral-100);--radio-border:var(--color-neutral-400);--radio-border-hover:var(--color-neutral-800);--radio-indicator-color:var(--color-neutral-800);--radio-label-color:var(--color-neutral-900);--radio-label-color-disabled:var(--color-neutral-600);--textarea-background:var(--color-neutral-50);--textarea-background-disabled:var(--color-neutral-100);--textarea-foreground:var(--color-neutral-900);--textarea-border-hover:var(--color-neutral-400);--textarea-border-focus:var(--color-neutral-900);--textarea-border-error:#f87171;--textarea-placeholder-color:var(--color-neutral-600);--textarea-label-color:var(--color-neutral-900);--textarea-hint-color:var(--color-neutral-600);--textarea-error-color:#f87171}
:root{--site-header-height:calc(var(--size-touch-target) + 2 * var(--space-compact-padding-y) + var(--border-width-default));--site-toc-width:var(--side-nav-width)}html{scroll-padding-top:calc(var(--site-header-height) + var(--space-element-gap))}body{font-size:var(--font-size-body)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(code){font-size:var(--font-size-small);padding:0 var(--space-tight-gap);border-radius:var(--border-radius-interactive);background:var(--color-surface-secondary);overflow-wrap:anywhere}:where(h1,h2,h3,h4,h5,h6) code{font-size:inherit}.site-header{z-index:var(--z-sticky);background:var(--color-surface-primary);border-bottom:var(--border-width-default) solid var(--color-border-default);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-inline-gap);max-width:var(--size-container-page);padding:var(--space-compact-padding-y) var(--space-layout-margin);margin-inline:auto;display:flex}.site-header__brand{font-size:var(--font-size-control);font-weight:var(--font-weight-heading);line-height:var(--line-height-control);white-space:nowrap;margin-inline-end:auto}.site-header__cta{flex-shrink:0}@media (max-width:767px){.site-header .site-header__cta{display:none}}.site-body{gap:var(--space-container-padding);max-width:var(--size-container-page);padding-inline:var(--space-layout-margin);margin-inline:auto;display:flex}.site-sidenav{top:var(--site-header-height);max-height:calc(100svh - var(--site-header-height));padding-block:var(--space-component-gap);flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.site-main{min-width:0;padding-block:var(--space-component-gap) var(--space-section-gap);flex:1}.site-main:focus{outline:none}.site-footer{border-top:var(--border-width-default) solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.site-footer__inner{justify-content:space-between;gap:var(--space-inline-gap) var(--space-component-gap);max-width:var(--size-container-page);padding:var(--space-component-gap) var(--space-layout-margin);flex-wrap:wrap;margin-inline:auto;display:flex}.doc{gap:var(--space-container-padding);display:grid}@media (min-width:1200px){.doc--with-toc{grid-template-columns:minmax(0, 1fr) var(--site-toc-width)}}.doc__content{gap:var(--space-section-gap);min-width:0;display:grid}.doc__content>*,.doc__section>*,.token-groups>*,.token-group>*{min-width:0}.doc__header{gap:var(--space-label-gap);max-width:var(--size-container-text);display:grid}.doc__eyebrow{color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-label);line-height:var(--line-height-small);letter-spacing:var(--letter-spacing-label)}.doc__lead,.doc__section-lead{gap:var(--space-element-gap);max-width:var(--size-container-text);color:var(--color-text-secondary);display:grid}.doc__section{gap:var(--space-element-gap);min-width:0;display:grid}.doc__section>p,.doc__section>ul,.doc__section>ol{max-width:var(--size-container-text)}.doc__section :where(ul,ol),.markdown :where(ul,ol){gap:var(--space-tight-gap);padding-inline-start:var(--space-component-gap);display:grid}.doc__toc{display:none}@media (min-width:1200px){.doc__toc{top:calc(var(--site-header-height) + var(--space-component-gap));max-height:calc(100svh - var(--site-header-height) - 2 * var(--space-component-gap));font-size:var(--font-size-small);line-height:var(--line-height-small);align-self:start;display:block;position:sticky;overflow-y:auto}}.doc__toc-title{margin-bottom:var(--space-inline-gap);font-weight:var(--font-weight-label)}.doc__toc-list{gap:var(--space-inline-gap);list-style:none;display:grid}.doc__toc-list a{color:var(--color-text-secondary)}.markdown{gap:var(--space-element-gap);min-width:0;display:grid}.markdown>p,.markdown>ul,.markdown>ol,.markdown>blockquote{max-width:var(--size-container-text)}.markdown>:is(h2,h3,h4):not(:first-child){margin-top:var(--space-component-gap)}.markdown blockquote{border-inline-start:calc(2 * var(--border-width-default)) solid var(--color-border-default);color:var(--color-text-secondary);padding-inline-start:var(--space-element-gap)}.markdown__table{min-width:0}.code-block{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);background:var(--color-surface-secondary);min-width:0;overflow:hidden}.code-block__bar{justify-content:space-between;align-items:center;gap:var(--space-inline-gap);padding-inline:var(--space-element-gap) var(--space-tight-gap);border-bottom:var(--border-width-default) solid var(--color-border-default);display:flex}.code-block__title{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.code-block__pre{padding:var(--space-element-gap);font-size:var(--font-size-small);line-height:var(--line-height-small);margin:0;overflow-x:auto}.code-block__pre--wrap{white-space:pre-wrap}.code-block__pre code{font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.code-block__pre:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:calc(-1 * var(--focus-ring-width))}.stat-row{gap:var(--space-component-gap) var(--space-container-padding);flex-wrap:wrap;display:flex}.stat{display:grid}.stat__value{font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);line-height:var(--line-height-h4)}.stat__label{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.link-grid{gap:var(--space-element-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));list-style:none;display:grid}.link-card{gap:var(--space-tight-gap);height:100%;padding:var(--space-element-gap);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);background:var(--color-surface-primary);transition:border-color var(--duration-interaction) var(--easing-default);align-content:start;display:grid}.link-card:hover{border-color:var(--color-border-strong)}.link-card:focus-within{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-width)}.link-card__title{font-weight:var(--font-weight-heading)}.link-card__title a:after{content:"";position:absolute;inset:0}.link-card{position:relative}.link-card__title a:focus-visible{outline:none}.link-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.note{max-width:var(--size-container-text);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.table-scroll{min-width:0}.do-dont{gap:var(--space-element-gap);display:grid}@media (min-width:768px){.do-dont{grid-template-columns:1fr 1fr}}.do-dont__col{align-content:start;gap:var(--space-inline-gap);padding:var(--space-element-gap);border:var(--border-width-default) solid var(--color-border-default);border-top-width:calc(4 * var(--border-width-default));border-radius:var(--border-radius-component);display:grid}.do-dont__col--do{border-top-color:var(--color-feedback-success-border)}.do-dont__col--dont{border-top-color:var(--color-feedback-error-border)}.do-dont__label{font-weight:var(--font-weight-heading)}.do-dont__col ul{gap:var(--space-inline-gap);font-size:var(--font-size-small);line-height:var(--line-height-small);padding-inline-start:var(--space-component-gap);display:grid}.swatch-pair{gap:var(--space-tight-gap);display:inline-flex}.swatch{width:var(--size-icon-lg);height:var(--size-icon-lg);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--border-radius-interactive);display:inline-block}.space-bar{max-width:100%;height:var(--space-inline-gap);border-radius:var(--border-radius-interactive);background:var(--color-accent-default);display:block}.token-muted{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.table-scroll code{white-space:nowrap;overflow-wrap:normal}.markdown__table code{overflow-wrap:normal}.token-groups{gap:var(--space-container-padding);display:grid}.token-group{gap:var(--space-inline-gap);display:grid}.token-group__title{font-weight:var(--font-weight-heading)}.token-group__desc{max-width:var(--size-container-text);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.type-scale{border-top:var(--border-width-default) solid var(--color-border-default);padding:0;list-style:none;display:grid}.type-scale__step{gap:var(--space-inline-gap);padding-block:var(--space-element-gap);border-bottom:var(--border-width-default) solid var(--color-border-default);display:grid}@media (min-width:768px){.type-scale__step{align-items:baseline;gap:var(--space-component-gap);grid-template-columns:12rem minmax(0,1fr)}}.type-scale__meta{gap:var(--space-tight-gap);font-size:var(--font-size-small);line-height:var(--line-height-small);display:grid}.type-scale__label{font-weight:var(--font-weight-label)}.type-scale__sample{overflow-wrap:anywhere;min-width:0}.motion-demo{gap:var(--space-container-padding);display:grid}.motion-demo__list{border-top:var(--border-width-default) solid var(--color-border-default);padding:0;list-style:none;display:grid}.motion-demo__row{align-items:center;gap:var(--space-inline-gap) var(--space-element-gap);padding-block:var(--space-inline-gap);border-bottom:var(--border-width-default) solid var(--color-border-default);grid-template-columns:minmax(0,1fr) auto;display:grid}.motion-demo__meta{font-size:var(--font-size-small);line-height:var(--line-height-small);display:grid}.motion-demo__track{height:var(--space-inline-gap);border-radius:var(--border-radius-pill);background:var(--color-surface-secondary);grid-area:2/1/auto/-1;position:relative}@media (min-width:768px){.motion-demo__row{grid-template-columns:16rem minmax(0,1fr) auto}.motion-demo__track{grid-area:auto}}.motion-demo__bar{border-radius:inherit;background:var(--color-accent-default);transform-origin:0;transition-property:transform;transition-timing-function:var(--easing-default);position:absolute;inset:0;transform:scaleX(0)}.motion-demo__bar.is-playing{transform:scaleX(1)}.motion-demo__dot{width:var(--space-element-gap);height:var(--space-element-gap);border-radius:var(--border-radius-pill);background:var(--color-accent-default);transition-property:left;transition-duration:var(--duration-entrance);position:absolute;top:50%;left:0;transform:translateY(-50%)}.motion-demo__dot.is-playing{left:calc(100% - var(--space-element-gap))}.motion-demo__easings{justify-items:start;gap:var(--space-element-gap);display:grid}.motion-demo__easings .motion-demo__list{width:100%}@media (prefers-reduced-motion:reduce){.motion-demo__bar,.motion-demo__dot{transition-duration:var(--duration-instant)!important}}.component-grid{gap:var(--space-element-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));padding:0;list-style:none;display:grid}.component-card{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.component-card__preview{min-height:11rem;padding:var(--space-component-gap) var(--space-element-gap);background:var(--color-surface-secondary);justify-content:center;align-items:center;display:flex;overflow:hidden}.component-card__body{align-content:start;gap:var(--space-tight-gap);padding:var(--space-element-gap);border-top:var(--border-width-default) solid var(--color-border-default);display:grid}.component-card__name{font-weight:var(--font-weight-heading)}.component-card__purpose{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.component-live{padding:var(--space-container-padding) var(--space-element-gap);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);background:var(--color-surface-secondary);justify-content:center;display:flex}.demo-stack{gap:var(--space-element-gap);justify-items:start;display:grid}.demo-stack--row{align-items:center;gap:var(--space-inline-gap);flex-wrap:wrap;display:flex}.demo-narrow{width:100%;max-width:var(--size-dialog-sm)}.demo-full{width:100%}.demo-grow{flex:1}.demo-note{max-width:var(--size-container-text);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);text-align:center}.demo-native-input{min-height:var(--size-touch-target);padding:0 var(--space-control-padding-x);border:var(--border-width-interactive) solid var(--color-border-strong);border-radius:var(--border-radius-interactive);background:var(--color-surface-primary);color:var(--color-text-primary);font:inherit}.demo-hero{width:100%}.sample{gap:var(--space-element-gap);min-width:0;display:grid}.sample__head{justify-content:space-between;align-items:center;gap:var(--space-inline-gap);display:flex}.sample__stack,.sample__form{gap:var(--space-element-gap);display:grid}.sample__field{gap:var(--space-label-gap);display:grid}.sample__label{font-size:var(--font-size-small);font-weight:var(--font-weight-label);line-height:var(--line-height-label)}.sample__member{align-items:center;gap:var(--space-inline-gap);display:inline-flex}.theme-frames{gap:var(--space-element-gap);display:grid}@media (min-width:1200px){.theme-frames{grid-template-columns:1fr 1fr}}.theme-frame{gap:var(--space-inline-gap);min-width:0;display:grid}.theme-frame__caption{align-items:baseline;gap:var(--space-inline-gap);flex-wrap:wrap;display:flex}.theme-frame__name{font-weight:var(--font-weight-heading)}.theme-frame__panel{min-width:0;padding:var(--space-container-padding);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);background:var(--color-surface-primary);color:var(--color-text-primary);font-family:var(--font-family-base)}@media (max-width:767px){.theme-frame__panel{padding:var(--space-element-gap)}}.swatch--static{vertical-align:middle;margin-inline-end:var(--space-inline-gap)}.table-scroll .compare-value code{white-space:normal}.landing{gap:var(--space-section-gap);max-width:var(--size-container-wide);margin-inline:auto;display:grid}.landing__screen,.landing__sections{gap:var(--space-element-gap);display:grid}.landing__screen-head{gap:var(--space-tight-gap);display:grid}.landing__frame{max-width:var(--size-container-media);padding:var(--space-container-padding);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);background:var(--color-surface-primary);box-shadow:var(--shadow-card)}@media (max-width:767px){.landing__frame{padding:var(--space-element-gap)}}.table-prose{min-width:16rem;display:block}.release{gap:var(--space-element-gap);min-width:0;padding-top:var(--space-component-gap);border-top:var(--border-width-default) solid var(--color-border-default);display:grid}.release__head{align-items:center;gap:var(--space-inline-gap);flex-wrap:wrap;display:flex}.release__group{gap:var(--space-inline-gap);min-width:0;display:grid}.markdown li{gap:var(--space-inline-gap);display:grid}.markdown li+li{margin-top:var(--space-inline-gap)}