.mini-keyboard-large[data-v-1c2aaf97]{border-radius:.25rem;border-width:1px;display:flex;gap:1px;overflow-x:auto;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem}.piano-key[data-v-1c2aaf97]{align-items:flex-end;border-radius:.125rem;border-width:1px;cursor:pointer;display:flex;justify-content:center;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));height:120px;min-width:40px;padding-bottom:.25rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.piano-key.white[data-v-1c2aaf97]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.piano-key.white[data-v-1c2aaf97]:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.piano-key.black[data-v-1c2aaf97]{height:5rem;margin-left:-1rem;margin-right:-1rem;width:2rem;z-index:10;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.piano-key.black[data-v-1c2aaf97]:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.piano-key.black[data-v-1c2aaf97]{min-width:32px}.piano-key.highlighted[data-v-1c2aaf97]{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.piano-key.highlighted.black[data-v-1c2aaf97]{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.piano-key.root[data-v-1c2aaf97]{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.piano-key.root.black[data-v-1c2aaf97]{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.key-label[data-v-1c2aaf97]{font-family:JetBrains Mono,monospace,monospace;font-size:.75rem;line-height:1rem}@media(max-width:768px){.piano-key[data-v-1c2aaf97]{height:100px;min-width:30px}.piano-key.black[data-v-1c2aaf97]{height:60px;min-width:24px;width:24px}}.fretboard-container[data-v-1c2aaf97]{padding:.5rem}.fretboard[data-v-1c2aaf97]{display:inline-block;min-width:100%}.string-row[data-v-1c2aaf97]{align-items:center;display:flex;gap:1px;margin-bottom:.25rem}.string-label[data-v-1c2aaf97]{font-family:JetBrains Mono,monospace,monospace;font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:center;width:2rem}.fret-cell[data-v-1c2aaf97]{align-items:center;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));border-color:rgb(156 163 175/var(--tw-border-opacity,1));border-width:1px;display:flex;height:32px;justify-content:center;position:relative;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:60px}.fret-cell[data-v-1c2aaf97],.fret-cell.has-note[data-v-1c2aaf97]{--tw-border-opacity:1;--tw-bg-opacity:1}.fret-cell.has-note[data-v-1c2aaf97]{background-color:rgb(96 165 250/var(--tw-bg-opacity,1));border-color:rgb(37 99 235/var(--tw-border-opacity,1));cursor:pointer}.fret-cell.is-root[data-v-1c2aaf97]{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.fret-note[data-v-1c2aaf97]{font-family:JetBrains Mono,monospace,monospace;font-size:.75rem;font-weight:600;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.fret-numbers[data-v-1c2aaf97]{align-items:center;display:flex;gap:1px;margin-top:.25rem}.fret-number[data-v-1c2aaf97]{font-size:.75rem;line-height:1rem;text-align:center;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));width:60px}@media(max-width:768px){.fret-cell[data-v-1c2aaf97]{height:28px;width:50px}.fret-number[data-v-1c2aaf97]{width:50px}.fret-note[data-v-1c2aaf97]{font-size:10px}}.staff-notation[data-v-1c2aaf97]{align-items:center;display:flex;justify-content:center;min-height:200px}.staff-notation svg[data-v-1c2aaf97]{margin-left:auto;margin-right:auto}