nav.svelte-7t5cab{z-index:3;background:color-mix(in oklch, var(--background) 75%, transparent);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));flex-shrink:0;position:sticky;top:0}nav.svelte-7t5cab~*,nav.svelte-7t5cab~* *{scroll-margin-top:var(--contents-height)}.stuck.svelte-7t5cab{z-index:6;box-shadow:0 var(--border-width) 0 var(--border)}.track.svelte-7t5cab{scroll-padding-inline:calc(var(--control-min-size) + var(--space-4));scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.track.svelte-7t5cab::-webkit-scrollbar{display:none}a.svelte-7t5cab{gap:var(--space-3);min-width:10rem;padding-block:var(--content-padding-block);padding-inline:var(--layout-padding-inline);white-space:nowrap;flex-direction:column;flex:1 0 auto;justify-content:space-between;display:flex}a.svelte-7t5cab:hover,a[aria-current].svelte-7t5cab{color:var(--accent)}a[aria-current].svelte-7t5cab{background:color-mix(in oklch, var(--background-subtle) 75%, transparent)}.number.svelte-7t5cab{color:var(--text-muted)}a[aria-current].svelte-7t5cab .number:where(.svelte-7t5cab){color:var(--accent)}.arrow.svelte-7t5cab{z-index:1;width:calc(var(--control-min-size) + var(--space-4));background:color-mix(in oklch, var(--background) 75%, transparent);color:var(--text-prominent);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));cursor:pointer;border:0;place-items:center;display:grid;position:absolute;inset-block:0}.arrow.svelte-7t5cab:hover{color:var(--accent)}.arrow.svelte-7t5cab:focus-visible{outline-offset:calc(-1 * var(--focus-width))}.start.svelte-7t5cab{border-right:var(--border-width) solid var(--border);left:0}.end.svelte-7t5cab{border-left:var(--border-width) solid var(--border);right:0}svg.svelte-7t5cab{stroke-width:1.25px;width:16px;height:16px}a.svelte-7t5cab:not(:first-child){border-left:var(--border-width) solid var(--border)}.documentation.svelte-160soxq,.specimen.svelte-160soxq{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.documentation.svelte-160soxq{gap:var(--space-6)}.specimen.svelte-160soxq{gap:var(--content-gap-block)}.specimen.svelte-160soxq .cell{padding:var(--space-4)}.related.svelte-160soxq{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.sources.svelte-160soxq{gap:var(--space-2);font-size:var(--metadata-font-size);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}a.svelte-160soxq:hover{color:var(--accent)}.reference.svelte-160soxq .themes{column-gap:var(--control-gap-inline);grid-template-columns:auto auto;justify-content:start;align-items:baseline;display:grid}.reference.svelte-160soxq .themes>span{display:contents}html:not([data-theme=dark]) .reference.svelte-160soxq .themes .dark,html[data-theme=dark] .reference.svelte-160soxq .themes .light{color:var(--text-muted)}.reference.svelte-160soxq [id]{scroll-margin-top:calc(var(--contents-height,0px) + var(--space-5))}.controls.svelte-1pjouod{align-items:start}.narrow.svelte-1pjouod{width:15rem;max-width:100%}.form-row.svelte-1pjouod{max-width:48rem}.field.svelte-1pjouod{flex:17.5rem}.standalone.svelte-4oxary{max-width:22.5rem}.welcome.svelte-1j4byo7{padding-block:var(--content-padding-block)}h3.svelte-1j4byo7{font-size:var(--heading-5-font-size)}div.svelte-swwqz7{max-width:33.75rem;height:32.5rem;display:flex}.sample.svelte-16t43dx{aspect-ratio:3/2;background-color:var(--background-prominent);max-block-size:100%;inline-size:48rem;max-inline-size:100%}.preview.svelte-1k9xl19{margin-top:var(--layout-gap-block);background:var(--background-subtle)}.cell.svelte-1k9xl19{padding-block:var(--content-padding-block);padding-inline:var(--content-padding-inline);background:var(--background)}.cell.svelte-1k9xl19:hover{background:var(--background-subtle)}.cell.svelte-1k9xl19>.ui:where(.svelte-1k9xl19){color:var(--text-muted);font-size:var(--ui-font-size)}strong.svelte-1k9xl19{font-family:var(--font-serif);font-size:var(--heading-4-font-size);font-weight:var(--heading-font-weight);overflow-wrap:anywhere}.controls.svelte-q2s0nu{margin-bottom:var(--layout-gap-block)}.preview.svelte-q2s0nu{background:var(--background-subtle)}.part.svelte-q2s0nu{padding:var(--space-4);background:var(--background);font-family:var(--font-mono);font-size:var(--ui-font-size)}.content.svelte-q2s0nu{min-height:6.875rem}aside.svelte-q2s0nu{border-inline-start:var(--border-width) solid var(--border);border-top:var(--border-width) solid var(--border)}@media (width<70rem){aside.svelte-q2s0nu{border-inline-end:var(--border-width) solid var(--border)}}.example.svelte-gi846p,.narrow.svelte-gi846p{min-width:0}.narrow.svelte-gi846p{width:17.5rem;max-width:100%}.panel-title.svelte-1hmafzj{padding:var(--content-padding-block) var(--content-padding-inline) 0;font-size:var(--heading-6-font-size)}.thread.svelte-1gfrbgt{height:15rem;display:flex}.preview.svelte-mfkauk{background:var(--background-subtle);min-width:0}.preview.svelte-mfkauk>#alignment-preview{min-block-size:16rem}.item.svelte-mfkauk{max-inline-size:100%;padding-block:var(--content-padding-block);padding-inline:var(--content-padding-inline);background:var(--background-prominent);overflow-wrap:anywhere}.grid.svelte-ca7spk{gap:var(--content-gap-block) var(--content-gap-inline);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}legend.svelte-ca7spk{margin-block-end:var(--space-2)}.choice.svelte-ca7spk{gap:var(--control-gap-inline);min-height:var(--control-min-size);overflow-wrap:anywhere;align-items:center;display:flex}.frame-preview.svelte-1wz4pdp{max-width:43.5rem;padding:var(--space-4)}.cells.svelte-1wz4pdp{font-size:var(--ui-font-size);font-weight:inherit;line-height:inherit;letter-spacing:var(--ui-letter-spacing);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cells.svelte-1wz4pdp>div:where(.svelte-1wz4pdp){padding:var(--space-5);transition:background-color var(--state-duration)}.tint.svelte-1wz4pdp{background:var(--background-prominent)}.gradient.svelte-1wz4pdp{background:linear-gradient(110deg, var(--accent-subtle), var(--background-prominent))}.cells.svelte-1wz4pdp>div:where(.svelte-1wz4pdp):hover{background:var(--accent-subtle)}@media (prefers-reduced-motion:reduce){.cells.svelte-1wz4pdp>div:where(.svelte-1wz4pdp){transition:none}}.preview.svelte-1oxr1d9{min-width:0;padding:var(--space-4)}.sample.svelte-1oxr1d9{inline-size:min(100%,28rem);padding:var(--space-5);border:var(--border-width) solid var(--border-prominent);overflow-wrap:anywhere}.examples.svelte-1j194bz{gap:var(--layout-gap-block) var(--layout-gap-inline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}select.svelte-1j194bz{width:100%}@media (width<48rem){.examples.svelte-1j194bz{grid-template-columns:minmax(0,1fr)}}.samples.svelte-qnlmeq{gap:var(--content-gap-block) var(--content-gap-inline);align-items:start;display:grid}figure.svelte-qnlmeq{gap:var(--control-gap-block);min-width:0;display:grid}figcaption.svelte-qnlmeq{overflow-wrap:anywhere}.settings.svelte-1eyimt4{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}label.svelte-1eyimt4{overflow-wrap:anywhere}select.svelte-1eyimt4{width:100%}.preview.svelte-1eyimt4{padding:var(--layout-padding-block) var(--layout-padding-inline);font-size:var(--body-font-size);overflow-wrap:anywhere}.comparison.svelte-1eyimt4{padding:var(--layout-padding-block) var(--layout-padding-inline);font:italic 500 1.25rem / 2 var(--font-serif);letter-spacing:.1em;text-transform:none;overflow-wrap:anywhere}.visual.svelte-108aa8q{min-height:6rem;color:var(--text-prominent)}.visual[data-family=surfaces].svelte-108aa8q{background:var(--sample)}.visual[data-family=text].svelte-108aa8q,[data-family=feedback].svelte-108aa8q p:where(.svelte-108aa8q){color:var(--sample)}.title.svelte-108aa8q{font:400 2rem / 1.15 var(--font-serif);letter-spacing:-.02em}.copy.svelte-108aa8q{font-size:var(--body-font-size)}.frame.svelte-108aa8q{--border:var(--sample);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:3.5rem;display:grid}.frame.svelte-108aa8q span:where(.svelte-108aa8q)+span:where(.svelte-108aa8q){border-left:var(--border-width) solid var(--sample)}.link.svelte-108aa8q{color:var(--sample)}.focus.svelte-108aa8q{padding:var(--control-padding-block) var(--control-padding-inline);outline:var(--focus-width) solid var(--sample);outline-offset:var(--focus-offset)}.hover.svelte-108aa8q{padding:var(--control-padding-block) var(--control-padding-inline);background:var(--sample)}.form-preview.svelte-1bilt6l{max-width:32rem}.condition.svelte-7bbr3s{gap:var(--space-2);padding:var(--space-4);color:var(--text-muted);flex-direction:column;display:flex}.condition.svelte-7bbr3s code:where(.svelte-7bbr3s){color:inherit}.state.svelte-7bbr3s{display:none}@media (width<48rem){.narrow.svelte-7bbr3s{color:var(--accent)}.narrow.svelte-7bbr3s .state:where(.svelte-7bbr3s){display:block}}@media (width<70rem){.medium.svelte-7bbr3s{color:var(--accent)}.medium.svelte-7bbr3s .state:where(.svelte-7bbr3s){display:block}}@media (width>=70rem){.above.svelte-7bbr3s{color:var(--accent)}.above.svelte-7bbr3s .state:where(.svelte-7bbr3s){display:block}}.bar.svelte-11irwpv{width:var(--sample);height:var(--space-3);background:var(--accent)}.situation.svelte-11irwpv{background:var(--background-prominent);background-clip:padding-box;justify-self:start;display:flex}.situation.block.svelte-11irwpv{flex-direction:column}.part.svelte-11irwpv{gap:var(--control-gap-block);background:var(--background);flex-direction:column;display:flex}.part.svelte-11irwpv .ui:where(.svelte-11irwpv){color:var(--text-prominent)}.copy.svelte-11irwpv{color:var(--text-subtle)}.layout.svelte-11irwpv{justify-self:stretch}.layout.svelte-11irwpv .part:where(.svelte-11irwpv){flex:1}.padding.inline.svelte-11irwpv{padding-inline:var(--sample)}.padding.block.svelte-11irwpv{padding-block:var(--sample)}.gap.svelte-11irwpv{gap:var(--sample)}.padding.svelte-11irwpv,:is(.layout:where(.svelte-11irwpv),.control:where(.svelte-11irwpv)).gap.svelte-11irwpv .part:where(.svelte-11irwpv){border:var(--border-width) solid var(--border-prominent)}.layout.gap.svelte-11irwpv .part:where(.svelte-11irwpv){min-block-size:4rem;padding:var(--content-padding-block) var(--content-padding-inline)}.control.gap.svelte-11irwpv .part:where(.svelte-11irwpv){padding:var(--control-padding-block) var(--control-padding-inline)}.padding.inline.svelte-11irwpv .part:where(.svelte-11irwpv){padding-block:var(--_inset)}.padding.block.svelte-11irwpv .part:where(.svelte-11irwpv){padding-inline:var(--_inset)}.specimen.svelte-9ie1y6{border:var(--border-width) solid transparent;background-color:var(--background-prominent)}.capsule.svelte-9ie1y6{border-color:var(--border);border-radius:var(--radius-full);background-color:#0000}.visual.svelte-6plvcx{color:var(--text-prominent);overflow-wrap:anywhere}.family.svelte-6plvcx{font-family:var(--sample);font-size:var(--heading-5-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height)}.size.svelte-6plvcx{font-size:var(--sample);line-height:var(--heading-line-height)}.heading.svelte-6plvcx{font-family:var(--font-serif);font-size:var(--sample);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing)}.filters.svelte-149i3jj{gap:var(--content-gap-block) var(--content-gap-inline);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}legend.svelte-11o1mbd{margin-block-end:var(--space-2)}.choice.svelte-11o1mbd{gap:var(--control-gap-inline);min-height:var(--control-min-size);overflow-wrap:anywhere;align-items:center;display:flex}