.palette.svelte-1fmb471{display:flex;flex-direction:column;gap:var(--m-space-s);padding:var(--m-space-l);border-radius:var(--m-radius);background-color:var(--m-color-surface)}.row.svelte-1fmb471{display:grid;grid-template-columns:5rem repeat(12,minmax(0,1fr));align-items:center;gap:4px}.scale-name.svelte-1fmb471,.corner.svelte-1fmb471{margin-inline-end:var(--m-space-m)}.scale-name.svelte-1fmb471{font-family:var(--m-font-mono);font-size:var(--m-font-size-s);color:var(--m-color-text-weak);text-transform:capitalize}.step.svelte-1fmb471{font-family:var(--m-font-mono);font-size:var(--m-font-size-s);color:var(--m-color-text-weaker);text-align:center}.swatch.svelte-1fmb471{display:flex;align-items:center;justify-content:center;height:2.25rem;padding:0;border:none;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0a;color:var(--m-color-text);cursor:pointer}.swatch.is-dark-icon.svelte-1fmb471{color:var(--m-color-text-contrast)}.swatch.svelte-1fmb471:focus-visible{outline:2px solid var(--m-color-focus-border);outline-offset:2px}.icon.svelte-1fmb471{visibility:hidden}.icon.is-visible.svelte-1fmb471,.swatch.svelte-1fmb471:focus-visible .icon:where(.svelte-1fmb471){visibility:visible}@media(pointer:fine){.swatch.svelte-1fmb471:hover .icon:where(.svelte-1fmb471){visibility:visible}}@media(max-width:36rem){.palette.svelte-1fmb471{padding:var(--m-space-m)}.row.svelte-1fmb471{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:var(--m-space-xs)}.scale-name.svelte-1fmb471{grid-column:1 / -1;margin:0}.corner.svelte-1fmb471{display:none}.swatch.svelte-1fmb471{height:1.75rem;border-radius:4px}.icon.svelte-1fmb471{width:12px;height:12px}}.token-copy.svelte-13c3omt,.token-copy.svelte-13c3omt .m-button-wrapper,.token-copy.svelte-13c3omt .m-button{max-width:100%}.token-copy.svelte-13c3omt .m-button{gap:var(--m-space-xs);padding-inline:var(--m-space-s)}.name.svelte-13c3omt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--m-font-mono);font-size:var(--m-font-size-xs)}.icon.svelte-13c3omt{flex-shrink:0}.page.svelte-bxh4z3{display:flex;flex-direction:column;gap:var(--m-space-2xl);padding-block-end:var(--m-space-2xl)}.intro.svelte-bxh4z3,.section-head.svelte-bxh4z3{display:flex;flex-direction:column;gap:var(--m-space-s)}.section.svelte-bxh4z3{display:flex;flex-direction:column;gap:var(--m-space-l);scroll-margin-block-start:var(--m-space-l)}.panel.svelte-bxh4z3{border-radius:var(--m-radius);background-color:var(--m-color-surface)}.fonts.svelte-bxh4z3{display:grid;gap:var(--m-space-m)}.font-card.svelte-bxh4z3{display:flex;gap:var(--m-space-l);padding:var(--m-space-l)}.font-glyph.svelte-bxh4z3{flex-shrink:0;font-family:var(--m-font);font-size:4.5rem;font-weight:var(--m-font-weight-black);line-height:1;color:var(--m-color-text)}.font-card.is-mono.svelte-bxh4z3 .font-glyph:where(.svelte-bxh4z3),.font-card.is-mono.svelte-bxh4z3 .font-sample:where(.svelte-bxh4z3){font-family:var(--m-font-mono)}.font-card.is-mono.svelte-bxh4z3 .font-glyph:where(.svelte-bxh4z3){font-weight:var(--m-font-weight-bold)}.font-meta.svelte-bxh4z3{display:flex;flex-direction:column;align-items:flex-start;gap:var(--m-space-s);min-width:0}.font-sample.svelte-bxh4z3{margin:0;font-family:var(--m-font);font-size:var(--m-font-size-m);line-height:var(--m-line-height-m);color:var(--m-color-text-weaker);overflow-wrap:anywhere}@media(min-width:48rem){.fonts.svelte-bxh4z3{grid-template-columns:repeat(2,minmax(0,1fr))}}.rows.svelte-bxh4z3{display:flex;flex-direction:column;padding-inline:var(--m-space-l)}.row.svelte-bxh4z3{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--m-space-s);padding-block:var(--m-space-m);border-block-end:1px solid var(--m-color-border)}.row.svelte-bxh4z3:last-child{border-block-end:none}.row-token.svelte-bxh4z3{display:flex;flex-direction:column;align-items:flex-start;gap:var(--m-space-xs);min-width:0}.row-description.svelte-bxh4z3{font-size:var(--m-font-size-s);line-height:var(--m-line-height-s);color:var(--m-color-text-weaker)}.row-value.svelte-bxh4z3{font-family:var(--m-font-mono);font-size:var(--m-font-size-s);color:var(--m-color-text-weak);white-space:nowrap}.type-sample.svelte-bxh4z3{margin:0;min-width:0;color:var(--m-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leading-sample.svelte-bxh4z3{margin:0;min-width:0;color:var(--m-color-text);background-image:linear-gradient(to bottom,transparent calc(100% - 1px),var(--m-gray-6) calc(100% - 1px));background-size:100% 1lh;border-block-start:1px solid var(--m-gray-6)}.weight-sample.svelte-bxh4z3{font-size:var(--m-font-size-xl)}.control-sample.svelte-bxh4z3{display:flex;gap:var(--m-space-s)}.control-field.svelte-bxh4z3,.control-button.svelte-bxh4z3{height:var(--m-control-height);border-radius:var(--m-radius-full)}.control-field.svelte-bxh4z3{width:10rem;border:1px solid var(--m-gray-7)}.control-button.svelte-bxh4z3{width:5rem;background-color:var(--m-gray-10)}.breakpoint-track.svelte-bxh4z3{display:flex;align-items:center;min-height:1.5rem;border-radius:3px;background-color:var(--m-color-surface-raised)}.breakpoint-bar.svelte-bxh4z3{display:block;height:1rem;border-radius:3px;background-color:var(--m-gray-10)}.ring-sample.svelte-bxh4z3{width:8rem;height:var(--m-control-height);border:1px solid var(--m-color-focus-border);border-radius:var(--m-radius-full)}.space-track.svelte-bxh4z3{display:flex;align-items:center;min-height:1.5rem}.space-bar.svelte-bxh4z3{display:block;height:1rem;border-radius:3px;background-color:var(--m-gray-10)}@media(min-width:48rem){.row.svelte-bxh4z3{grid-template-columns:14rem 5rem minmax(0,1fr);align-items:center;gap:var(--m-space-l)}}.tiles.svelte-bxh4z3{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--m-space-m)}.tiles.is-thirds.svelte-bxh4z3{grid-template-columns:minmax(0,1fr)}@media(min-width:44rem){.tiles.is-thirds.svelte-bxh4z3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:36rem){.tiles.is-quarters.svelte-bxh4z3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:90rem){.tiles.is-quarters.svelte-bxh4z3{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile.svelte-bxh4z3{display:flex;flex-direction:column;overflow:hidden}.tile-preview.svelte-bxh4z3{display:flex;align-items:center;justify-content:center;height:7rem;border-block-end:1px solid var(--m-color-border)}.tile-preview.is-fill.svelte-bxh4z3{box-shadow:inset 0 0 0 1px #ffffff12;border-radius:var(--m-radius) var(--m-radius) 0 0}.tile-preview.is-text.svelte-bxh4z3{flex-direction:column;gap:var(--m-space-xs)}.tile-preview.is-contrast.svelte-bxh4z3{background-color:var(--m-gray-12)}.text-glyph.svelte-bxh4z3{font-size:var(--m-font-size-3xl);font-weight:var(--m-font-weight-black);line-height:1}.text-line.svelte-bxh4z3{font-size:var(--m-font-size-m)}.radius-shape.svelte-bxh4z3{width:5rem;height:3.5rem;border:2px solid var(--m-gray-8);background-color:var(--m-color-surface-raised)}.tile-body.svelte-bxh4z3{display:flex;flex-direction:column;align-items:flex-start;gap:var(--m-space-s);flex:1;padding:var(--m-space-m)}.tile-title.svelte-bxh4z3{display:flex;justify-content:space-between;align-items:baseline;gap:var(--m-space-s);width:100%}.color-group.svelte-bxh4z3{display:flex;flex-direction:column;gap:var(--m-space-m)}.group-title.svelte-bxh4z3{margin:0;font-family:var(--m-font);font-size:var(--m-font-size-s);font-weight:var(--m-font-weight-bold);letter-spacing:var(--m-letter-spacing-xs);text-transform:uppercase;color:var(--m-color-text-weaker)}