.page.svelte-gh7rrn{background:var(--bg-page);color:var(--text-primary);font:var(--text-body)}.wrap.svelte-gh7rrn{max-width:1120px;padding-inline:var(--space-4);margin-inline:auto}main.svelte-gh7rrn>section:where(.svelte-gh7rrn){padding-block:var(--space-8);gap:var(--space-5);border-top:1px solid var(--line);flex-direction:column;display:flex}main.svelte-gh7rrn>section.intro:where(.svelte-gh7rrn){gap:var(--space-4);border-top:0}h1.svelte-gh7rrn,h2.svelte-gh7rrn,h3.svelte-gh7rrn,p.svelte-gh7rrn{margin:0}h1.svelte-gh7rrn,h2.svelte-gh7rrn{color:var(--text-heading);overflow-wrap:anywhere}h3.svelte-gh7rrn{color:var(--text-primary);margin-top:var(--space-4)}.display.svelte-gh7rrn{font:var(--text-display)}.h2.svelte-gh7rrn{font:var(--text-h2)}.h3.svelte-gh7rrn{font:var(--text-h3)}.body-lg.svelte-gh7rrn{font:var(--text-body-lg)}.body.svelte-gh7rrn{font:var(--text-body)}.label.svelte-gh7rrn{font:var(--text-label)}.small.svelte-gh7rrn{font:var(--text-small)}.caption.svelte-gh7rrn{font:var(--text-caption);color:var(--text-secondary)}p.body-lg.svelte-gh7rrn,p.body.svelte-gh7rrn{max-width:68ch}code.svelte-gh7rrn{font-family:var(--font-sans);font-size:inherit;background:var(--bg-section);padding-inline:var(--space-1);border-radius:var(--radius-sm)}a.svelte-gh7rrn{color:var(--text-link)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sr-only.svelte-gh7rrn{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.top.svelte-gh7rrn{z-index:1;background:var(--bg-card);border-bottom:1px solid var(--line);position:sticky;top:0}.top-row.svelte-gh7rrn{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.nav.svelte-gh7rrn{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav.svelte-gh7rrn a:where(.svelte-gh7rrn){min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-md);font:var(--text-label);color:var(--text-primary);align-items:center;text-decoration:none;display:inline-flex}.nav.svelte-gh7rrn a:where(.svelte-gh7rrn):hover{background:var(--bg-info);color:var(--rhein-deep)}.grid.svelte-gh7rrn{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.grid-logo.svelte-gh7rrn{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-swatch.svelte-gh7rrn{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-radius.svelte-gh7rrn{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-shadow.svelte-gh7rrn{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-icons.svelte-gh7rrn{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card.svelte-gh7rrn{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-none);padding:var(--space-6);gap:var(--space-3);flex-direction:column;margin:0;display:flex}.card.on-paper.svelte-gh7rrn{align-items:flex-start}.card.on-dark.svelte-gh7rrn{background:var(--bg-dark);color:var(--text-on-dark);border-color:var(--bg-dark)}.card.svelte-gh7rrn img:where(.svelte-gh7rrn){block-size:auto;max-inline-size:100%}.link-card.svelte-gh7rrn{color:var(--text-primary);max-width:480px;text-decoration:none;transition:box-shadow .15s,border-color .15s}.link-card.svelte-gh7rrn:hover,.link-card.svelte-gh7rrn:focus-visible{box-shadow:var(--shadow-raised);border-color:var(--rhein)}.swatch.svelte-gh7rrn{gap:var(--space-1);min-block-size:96px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;justify-content:flex-end;list-style:none;display:flex}.ramp.svelte-gh7rrn{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.ramp.svelte-gh7rrn .swatch:where(.svelte-gh7rrn){border-radius:0}.ramp.svelte-gh7rrn .swatch:where(.svelte-gh7rrn):first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.ramp.svelte-gh7rrn .swatch:where(.svelte-gh7rrn):last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.table-wrap.svelte-gh7rrn{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);overflow-x:auto}table.svelte-gh7rrn{border-collapse:collapse;width:100%;font:var(--text-small)}th.svelte-gh7rrn,td.svelte-gh7rrn{text-align:start;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);vertical-align:top}thead.svelte-gh7rrn th:where(.svelte-gh7rrn){font:var(--text-label);background:var(--bg-section)}tbody.svelte-gh7rrn tr:where(.svelte-gh7rrn):last-child>:where(.svelte-gh7rrn){border-bottom:0}tbody.svelte-gh7rrn th:where(.svelte-gh7rrn){white-space:nowrap;font-weight:400}.chip.svelte-gh7rrn{inline-size:var(--space-5);block-size:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-sm);vertical-align:middle;margin-inline-end:var(--space-2);display:inline-block}.families.svelte-gh7rrn{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.type-list.svelte-gh7rrn{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.type-row.svelte-gh7rrn{gap:var(--space-5);padding-block:var(--space-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 3fr;align-items:baseline;display:grid}.type-meta.svelte-gh7rrn{gap:var(--space-1);flex-direction:column;display:flex}.type-sample.svelte-gh7rrn{color:var(--text-heading);overflow-wrap:anywhere}.spacing.svelte-gh7rrn{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spacing-row.svelte-gh7rrn{gap:var(--space-4);grid-template-columns:140px 1fr 80px;align-items:center;display:grid}.bar.svelte-gh7rrn{block-size:var(--space-5);background:var(--rhein);border-radius:var(--radius-sm);display:block}.radius-card.svelte-gh7rrn{gap:var(--space-1);flex-direction:column;display:flex}.radius-box.svelte-gh7rrn{background:var(--bg-info);border:1px solid var(--rhein);block-size:88px;inline-size:100%;display:block}.shadow-card.svelte-gh7rrn{gap:var(--space-2);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;list-style:none;display:flex}.icon-card.svelte-gh7rrn{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);list-style:none;display:flex}.icon-chip.svelte-gh7rrn{background:var(--rhein-tint);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;block-size:44px;inline-size:44px;display:inline-flex}.foot.svelte-gh7rrn{background:var(--bg-dark);color:var(--text-on-dark);padding-block:var(--space-7)}.foot-row.svelte-gh7rrn{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.foot.svelte-gh7rrn code:where(.svelte-gh7rrn){background:0 0}@media (width<=700px){.type-row.svelte-gh7rrn{gap:var(--space-2);grid-template-columns:1fr}.spacing-row.svelte-gh7rrn{grid-template-columns:110px 1fr 56px}.ramp.svelte-gh7rrn{grid-template-columns:1fr}.ramp.svelte-gh7rrn .swatch:where(.svelte-gh7rrn){border-radius:0}}