.string[data-v-8cf7d1d1]{background-color:var(--string-color);height:2px;position:absolute;width:calc(100% - var(--fret-spacing) + 2px + var(--fret-spacing)/2)}.fret[data-v-c59a441a]{background-color:var(--fret-color);height:var(--fretboard-height);position:absolute;width:2px}.fret.first-fret[data-v-c59a441a]{background-color:var(--nut-color)}.note[data-v-9adbf01d]{align-items:center;background:transparent;border-radius:50%;color:var(--note-text-color);font-family:Arial,sans-serif;font-size:var(--fret-number-font-size);font-weight:400;height:var(--note-size);justify-content:center;opacity:0;position:absolute;transform:translate(-50%,-50%);width:var(--note-size)}.note.active[data-v-9adbf01d]{display:flex;opacity:1}.note.hasBackground[data-v-9adbf01d]{background-color:var(--note-color)}.note.hasBackground.tonic[data-v-9adbf01d]{background-color:var(--note-active-color);color:var(--note-active-text-color)}.note.hasBorder[data-v-9adbf01d]{border:1px solid}.note.muted[data-v-9adbf01d]{background:transparent;border-color:var(--muted-border-color);color:var(--muted-text-color);display:flex;opacity:1}.note.editMode[data-v-9adbf01d]{cursor:pointer}.note.editMode[data-v-9adbf01d]:not(.active){background:var(--note-color);display:flex;opacity:.2!important}.fret-number[data-v-b9fc9502]{color:var(--fret-number-color);font-size:var(--fret-number-font-size);font-weight:600;position:absolute;transform:translate(-50%)}.fretboard-container[data-v-63768a16]{overflow-x:auto;padding:0 0 20px 6px;--nut-width:4px;--first-fret-spacing:30px;--string-color:hsl(var(--fretboard-string));--fret-color:hsl(var(--fretboard-fret));--nut-color:hsl(var(--fretboard-nut));--note-color:hsl(var(--fretboard-note));--note-active-color:hsl(var(--fretboard-note-active));--note-text-color:hsl(var(--fretboard-note-text));--note-active-text-color:hsl(var(--fretboard-note-active-text));--fret-number-color:hsl(var(--fretboard-fret-number));--muted-text-color:hsl(var(--fretboard-muted-text));--muted-border-color:hsl(var(--fretboard-muted-border))}.fretboard[data-v-63768a16]{height:var(--fretboard-height);margin:20px 2px 28px 0;position:relative;width:var(--fretboard-width)}.fret-numbers[data-v-63768a16]{position:absolute;top:calc(100% + var(--fret-number-top-spacing))}.fretboard[data-v-63768a16]:before{background-color:var(--nut-color);content:"";height:var(--fretboard-height);left:var(--first-fret-spacing);position:absolute;top:0;width:var(--nut-width);z-index:1}