.scale-table-scroll{border:1px solid var(--line);background:var(--surface);border-radius:18px;max-inline-size:100%;margin-block-start:clamp(1.25rem,1rem + 1vw,1.5rem);overflow-x:auto}.scale-table-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scale-table{border-collapse:collapse;white-space:nowrap;inline-size:100%}.scale-table th,.scale-table td{border-block-start:1px solid var(--line);text-align:center;vertical-align:middle;padding:.5rem .375rem}.scale-table thead th,.scale-table thead td{border-block-start:0;padding-block:.75rem}.scale-table thead th{font-family:var(--mono);color:var(--muted);font-size:.8125rem;font-weight:600}.scale-table thead th[data-altered]{color:var(--warn)}.scale-degree{display:block}.scale-table [data-interval-label]{letter-spacing:.06em;text-transform:uppercase;font-size:.625rem;font-weight:500;display:block}.scale-table .scale-table-root{z-index:1;background:var(--surface);text-align:start;padding-inline-start:1rem;position:sticky;inset-inline-start:0}.scale-table tbody .scale-table-root a{color:var(--ink);font-size:1.1875rem;font-weight:700;text-decoration:none}.scale-table tbody .scale-table-root a:hover{text-decoration:underline}.scale-table tbody .scale-table-root a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scale-play{box-sizing:border-box;border:1.5px solid var(--ink);block-size:2.75rem;inline-size:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.scale-play:hover{background:var(--ground2)}.scale-play:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scale-play--playing,.scale-play--playing:hover{border-color:var(--highlight);background:var(--highlight);color:var(--ui-on-highlight)}.scale-table .scale-row--playing>th,.scale-table .scale-row--playing>td{background:color-mix(in srgb, var(--highlight) 28%, var(--surface))}.scale-tile{box-sizing:border-box;border:1px solid var(--line);background:var(--ground);block-size:2.375rem;min-inline-size:2.625rem;color:var(--ink);border-radius:9px;place-items:center;padding:0 .375rem;font-size:1rem;font-weight:600;display:inline-grid}.scale-table td[data-altered] .scale-tile{border-color:var(--warn);background:var(--surface);color:var(--warn)}.scale-tile--root{border-color:var(--ink);background:var(--ink);color:var(--ground)}.scale-table td[data-scale-note] .scale-tile--sounding{border-color:var(--ink);background:var(--highlight);color:var(--ui-on-highlight)}@media (max-width:30rem){.scale-table th,.scale-table td{padding:.375rem .125rem}.scale-table .scale-table-root{padding-inline-start:.625rem}.scale-table tbody .scale-table-root a{font-size:1rem}.scale-tile{block-size:2.125rem;min-inline-size:1.875rem;padding:0 .1875rem;font-size:.875rem}.scale-table [data-interval-label]{display:none}}@media (max-width:22rem){.scale-table th,.scale-table td{padding:.375rem 1px}.scale-table .scale-table-root{padding-inline-start:.5rem}.scale-tile{min-inline-size:1.625rem;padding:0 .125rem;font-size:.8125rem}}