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