@layer components{.component-overview{--docs-wide:76rem}.component-overview-body{width:100%;max-width:calc(var(--docs-wide) + var(--docs-gutter) * 2);padding:var(--ui-space-xl) var(--docs-gutter) var(--ui-space-3xl);@media (width>=64rem){padding-top:3.5rem;padding-bottom:6rem}}.component-overview .ui-pagehead{margin-bottom:var(--ui-space-lg)}.component-index-nav{gap:var(--ui-space-3xs) var(--ui-space-lg);margin-bottom:var(--ui-space-2xl);padding-bottom:var(--ui-space-lg);box-shadow:inset 0 -1px 0 var(--ui-line-hair);flex-wrap:wrap;display:flex;&>a{border-radius:var(--ui-radius-sm);min-height:2rem;color:var(--ui-text-body);font-size:var(--ui-text-small);transition:color var(--ui-duration-quick);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex;@media (hover:hover){&:hover{color:var(--ui-text-strong)}}&:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (pointer:coarse){min-height:2.75rem}}&>a>span{color:var(--ui-text-disabled);font-size:var(--ui-text-label);font-variant-numeric:tabular-nums}}.component-index{gap:var(--ui-space-3xl);display:grid;container-type:inline-size}.component-index-group{scroll-margin-top:calc(var(--docs-header) + var(--ui-space-lg))}.component-index-heading{margin:0 0 var(--ui-space-lg);color:var(--ui-text-muted);font:var(--ui-weight-medium) var(--ui-text-eyebrow)/1rem var(--font-family-sans);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}.component-index-grid{--component-index-gap:1.5rem;gap:var(--ui-space-xl) var(--component-index-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;@container (width>=31.5rem){grid-template-columns:repeat(auto-fill, minmax(max(15rem, (100% - var(--component-index-gap) * 3) / 4), 1fr))}}}@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265);--font-family-sans:var(--font-sans,ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0),var(--color-zinc-95));--font-sans:"Geist", "Noto Sans TC"}}