.scale-view[data-v-efc88092]{display:flex;flex-direction:column;gap:16px}.scale-row[data-v-efc88092]{align-items:flex-end;gap:16px;justify-content:space-between}.degrees[data-v-efc88092],.scale-row[data-v-efc88092]{display:flex;flex-wrap:wrap}.degrees[data-v-efc88092]{gap:4px;list-style:none;margin:0;padding:0}.degrees li[data-v-efc88092]{align-items:center;display:flex;flex-direction:column;gap:2px}.degrees .degree[data-v-efc88092]{color:#93a8bf;font-size:.8rem}.degrees .note[data-v-efc88092]{border:1px solid rgba(39,193,232,.45);border-radius:8px;font-weight:700;line-height:1.3;min-width:44px;padding:6px;text-align:center;white-space:nowrap}@media (max-width:576px){.degrees .note[data-v-efc88092]{font-size:.85rem;min-width:38px;padding:6px 3px}}.degrees .tonic .note[data-v-efc88092]{border-color:#f7a433;color:#f7a433}.degrees .active .note[data-v-efc88092]{background-color:#f7a433;border-color:#f7a433;color:#11243a}.pattern[data-v-efc88092]{display:flex;flex-wrap:wrap;font-size:.9rem;gap:2px 10px;margin:0}.pattern .caption[data-v-efc88092],.pattern .legend[data-v-efc88092]{color:#93a8bf}.pattern .steps[data-v-efc88092]{font-weight:600}