.key-scale.svelte-1nzhx9l{display:flex;align-items:center;gap:.4rem}.steps-row.svelte-1nzhx9l{display:flex;align-items:center;order:3;gap:.2rem}.step-btn.svelte-1nzhx9l{width:1.75em;height:1.75em;padding:0;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid #222;border-radius:.3rem;border-color:#0000;color:#444;font-size:.9rem;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.step-btn.svelte-1nzhx9l:hover{border-color:#fff;color:#fff}.step-btn.svelte-1nzhx9l.active{color:#fff;font-weight:700}.step-btn.svelte-1nzhx9l.active:hover{background:#fff;color:#000}.key-trigger .select-frame{min-width:10rem;font-size:.75rem;color:#ddd}.root-trigger .select-frame{min-width:2.5rem;text-align:center}.key-scale.compact.svelte-1nzhx9l{flex-wrap:wrap;gap:.25rem}.key-scale.compact.svelte-1nzhx9l .steps-row:where(.svelte-1nzhx9l){flex-wrap:wrap;gap:.15rem}.key-scale.compact.svelte-1nzhx9l .step-btn:where(.svelte-1nzhx9l){width:1.35em;height:1.35em;font-size:.68rem}.key-scale.compact .select-frame{min-width:5.5rem;font-size:.65rem}.key-scale.compact .root-trigger .select-frame{min-width:2rem}