@layer reset,tokens,base,layout;@layer components{.toc{font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.toc__title{font-family:var(--font-label);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;margin-block-end:var(--space-3)}.toc__list{gap:var(--space-2);margin:0;padding:0;list-style:"";display:grid}.toc__item--sub{padding-inline-start:var(--space-3)}.toc__link{color:var(--color-text-muted);text-decoration:none}.toc__link:hover{color:var(--color-text)}.toc__link[aria-current]{color:var(--color-accent)}.example{gap:var(--space-3);max-inline-size:var(--width-content);display:grid}.example__caption{font-weight:var(--font-weight-semibold)}.example__code{gap:var(--space-3);align-content:start;min-inline-size:0;display:grid}.example__result{border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.example__result-label{padding:var(--space-1) var(--space-4);font-family:var(--font-label);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-caps);background-color:var(--color-surface);border-block-end:var(--border-width) solid var(--color-border)}.example__frame{border:0;inline-size:100%}.example__frame--size-small{block-size:8rem}.example__frame--size-medium{block-size:12rem}.example__frame--size-large{block-size:18rem}.example__frame--size-xlarge{block-size:26rem}}@layer utilities,overrides;