.note-C:not(.intrvl)::after,.note-C.visible::after,.note-C.note-button:hover::after{content:"C"}.note-Db:not(.intrvl)::after,.note-Db.visible::after,.note-Db.note-button:hover::after{content:"D♭"}.note-D:not(.intrvl)::after,.note-D.visible::after,.note-D.note-button:hover::after{content:"D"}.note-Eb:not(.intrvl)::after,.note-Eb.visible::after,.note-Eb.note-button:hover::after{content:"E♭"}.note-E:not(.intrvl)::after,.note-E.visible::after,.note-E.note-button:hover::after{content:"E"}.note-F:not(.intrvl)::after,.note-F.visible::after,.note-F.note-button:hover::after{content:"F"}.note-Gb:not(.intrvl)::after,.note-Gb.visible::after,.note-Gb.note-button:hover::after{content:"G♭"}.note-G:not(.intrvl)::after,.note-G.visible::after,.note-G.note-button:hover::after{content:"G"}.note-Ab:not(.intrvl)::after,.note-Ab.visible::after,.note-Ab.note-button:hover::after{content:"A♭"}.note-A:not(.intrvl)::after,.note-A.visible::after,.note-A.note-button:hover::after{content:"A"}.note-Bb:not(.intrvl)::after,.note-Bb.visible::after,.note-Bb.note-button:hover::after{content:"B♭"}.note-B:not(.intrvl)::after,.note-B.visible::after,.note-B.note-button:hover::after{content:"B"}.key-G-major .note-Gb:not(.intrvl)::after,.key-G-major .note-Gb.visible::after,.key-G-major .note-Gb.note-button:hover::after,.key-E-minor .note-Gb:not(.intrvl)::after,.key-E-minor .note-Gb.visible::after,.key-E-minor .note-Gb.note-button:hover::after{content:"F♯"}.key-D-major .note-Db:not(.intrvl)::after,.key-D-major .note-Db.visible::after,.key-D-major .note-Db.note-button:hover::after,.key-B-minor .note-Db:not(.intrvl)::after,.key-B-minor .note-Db.visible::after,.key-B-minor .note-Db.note-button:hover::after{content:"C♯"}.key-D-major .note-Gb:not(.intrvl)::after,.key-D-major .note-Gb.visible::after,.key-D-major .note-Gb.note-button:hover::after,.key-B-minor .note-Gb:not(.intrvl)::after,.key-B-minor .note-Gb.visible::after,.key-B-minor .note-Gb.note-button:hover::after{content:"F♯"}.key-A-major .note-Db:not(.intrvl)::after,.key-A-major .note-Db.visible::after,.key-A-major .note-Db.note-button:hover::after,.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Fsharp-minor .note-Db.visible::after,.key-Fsharp-minor .note-Db.note-button:hover::after{content:"C♯"}.key-A-major .note-Gb:not(.intrvl)::after,.key-A-major .note-Gb.visible::after,.key-A-major .note-Gb.note-button:hover::after,.key-Fsharp-minor .note-Gb:not(.intrvl)::after,.key-Fsharp-minor .note-Gb.visible::after,.key-Fsharp-minor .note-Gb.note-button:hover::after{content:"F♯"}.key-A-major .note-Ab:not(.intrvl)::after,.key-A-major .note-Ab.visible::after,.key-A-major .note-Ab.note-button:hover::after,.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Fsharp-minor .note-Ab.visible::after,.key-Fsharp-minor .note-Ab.note-button:hover::after{content:"G♯"}.key-E-major .note-Db:not(.intrvl)::after,.key-E-major .note-Db.visible::after,.key-E-major .note-Db.note-button:hover::after,.key-Csharp-minor .note-Db:not(.intrvl)::after,.key-Csharp-minor .note-Db.visible::after,.key-Csharp-minor .note-Db.note-button:hover::after{content:"C♯"}.key-E-major .note-Eb:not(.intrvl)::after,.key-E-major .note-Eb.visible::after,.key-E-major .note-Eb.note-button:hover::after,.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-Csharp-minor .note-Eb.visible::after,.key-Csharp-minor .note-Eb.note-button:hover::after{content:"D♯"}.key-E-major .note-Gb:not(.intrvl)::after,.key-E-major .note-Gb.visible::after,.key-E-major .note-Gb.note-button:hover::after,.key-Csharp-minor .note-Gb:not(.intrvl)::after,.key-Csharp-minor .note-Gb.visible::after,.key-Csharp-minor .note-Gb.note-button:hover::after{content:"F♯"}.key-E-major .note-Ab:not(.intrvl)::after,.key-E-major .note-Ab.visible::after,.key-E-major .note-Ab.note-button:hover::after,.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-Csharp-minor .note-Ab.visible::after,.key-Csharp-minor .note-Ab.note-button:hover::after{content:"G♯"}.key-B-major .note-Db:not(.intrvl)::after,.key-B-major .note-Db.visible::after,.key-B-major .note-Db.note-button:hover::after,.key-Gsharp-minor .note-Db:not(.intrvl)::after,.key-Gsharp-minor .note-Db.visible::after,.key-Gsharp-minor .note-Db.note-button:hover::after{content:"C♯"}.key-B-major .note-Eb:not(.intrvl)::after,.key-B-major .note-Eb.visible::after,.key-B-major .note-Eb.note-button:hover::after,.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-Gsharp-minor .note-Eb.visible::after,.key-Gsharp-minor .note-Eb.note-button:hover::after{content:"D♯"}.key-B-major .note-Gb:not(.intrvl)::after,.key-B-major .note-Gb.visible::after,.key-B-major .note-Gb.note-button:hover::after,.key-Gsharp-minor .note-Gb:not(.intrvl)::after,.key-Gsharp-minor .note-Gb.visible::after,.key-Gsharp-minor .note-Gb.note-button:hover::after{content:"F♯"}.key-B-major .note-Ab:not(.intrvl)::after,.key-B-major .note-Ab.visible::after,.key-B-major .note-Ab.note-button:hover::after,.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-Gsharp-minor .note-Ab.visible::after,.key-Gsharp-minor .note-Ab.note-button:hover::after{content:"G♯"}.key-B-major .note-Bb:not(.intrvl)::after,.key-B-major .note-Bb.visible::after,.key-B-major .note-Bb.note-button:hover::after,.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-Gsharp-minor .note-Bb.visible::after,.key-Gsharp-minor .note-Bb.note-button:hover::after{content:"A♯"}.key-Fsharp-major .note-Db:not(.intrvl)::after,.key-Fsharp-major .note-Db.visible::after,.key-Fsharp-major .note-Db.note-button:hover::after,.key-Dsharp-minor .note-Db:not(.intrvl)::after,.key-Dsharp-minor .note-Db.visible::after,.key-Dsharp-minor .note-Db.note-button:hover::after{content:"C♯"}.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-Fsharp-major .note-Eb.visible::after,.key-Fsharp-major .note-Eb.note-button:hover::after,.key-Dsharp-minor .note-Eb:not(.intrvl)::after,.key-Dsharp-minor .note-Eb.visible::after,.key-Dsharp-minor .note-Eb.note-button:hover::after{content:"D♯"}.key-Fsharp-major .note-F:not(.intrvl)::after,.key-Fsharp-major .note-F.visible::after,.key-Fsharp-major .note-F.note-button:hover::after,.key-Dsharp-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor .note-F.visible::after,.key-Dsharp-minor .note-F.note-button:hover::after{content:"E♯"}.key-Fsharp-major .note-Gb:not(.intrvl)::after,.key-Fsharp-major .note-Gb.visible::after,.key-Fsharp-major .note-Gb.note-button:hover::after,.key-Dsharp-minor .note-Gb:not(.intrvl)::after,.key-Dsharp-minor .note-Gb.visible::after,.key-Dsharp-minor .note-Gb.note-button:hover::after{content:"F♯"}.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-Fsharp-major .note-Ab.visible::after,.key-Fsharp-major .note-Ab.note-button:hover::after,.key-Dsharp-minor .note-Ab:not(.intrvl)::after,.key-Dsharp-minor .note-Ab.visible::after,.key-Dsharp-minor .note-Ab.note-button:hover::after{content:"G♯"}.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-Fsharp-major .note-Bb.visible::after,.key-Fsharp-major .note-Bb.note-button:hover::after,.key-Dsharp-minor .note-Bb:not(.intrvl)::after,.key-Dsharp-minor .note-Bb.visible::after,.key-Dsharp-minor .note-Bb.note-button:hover::after{content:"A♯"}.key-Fsharp-major.key-Db-major .note-F:not(.intrvl)::after,.key-Fsharp-major.key-Db-major .note-F.visible::after,.key-Fsharp-major.key-Db-major .note-F.note-button:hover::after,.key-Fsharp-major.key-Bb-minor .note-F:not(.intrvl)::after,.key-Fsharp-major.key-Bb-minor .note-F.visible::after,.key-Fsharp-major.key-Bb-minor .note-F.note-button:hover::after,.key-Fsharp-major.key-Ab-major .note-F:not(.intrvl)::after,.key-Fsharp-major.key-Ab-major .note-F.visible::after,.key-Fsharp-major.key-Ab-major .note-F.note-button:hover::after,.key-Fsharp-major.key-F-minor .note-F:not(.intrvl)::after,.key-Fsharp-major.key-F-minor .note-F.visible::after,.key-Fsharp-major.key-F-minor .note-F.note-button:hover::after,.key-Fsharp-major.key-Eb-major .note-F:not(.intrvl)::after,.key-Fsharp-major.key-Eb-major .note-F.visible::after,.key-Fsharp-major.key-Eb-major .note-F.note-button:hover::after,.key-Fsharp-major.key-C-minor .note-F:not(.intrvl)::after,.key-Fsharp-major.key-C-minor .note-F.visible::after,.key-Fsharp-major.key-C-minor .note-F.note-button:hover::after,.key-Fsharp-major.key-Bb-major .note-F:not(.intrvl)::after,.key-Fsharp-major.key-Bb-major .note-F.visible::after,.key-Fsharp-major.key-Bb-major .note-F.note-button:hover::after,.key-Fsharp-major.key-G-minor .note-F:not(.intrvl)::after,.key-Fsharp-major.key-G-minor .note-F.visible::after,.key-Fsharp-major.key-G-minor .note-F.note-button:hover::after,.key-Fsharp-major.key-F-major .note-F:not(.intrvl)::after,.key-Fsharp-major.key-F-major .note-F.visible::after,.key-Fsharp-major.key-F-major .note-F.note-button:hover::after,.key-Fsharp-major.key-D-minor .note-F:not(.intrvl)::after,.key-Fsharp-major.key-D-minor .note-F.visible::after,.key-Fsharp-major.key-D-minor .note-F.note-button:hover::after,.key-Fsharp-major.key-C-major .note-F:not(.intrvl)::after,.key-Fsharp-major.key-C-major .note-F.visible::after,.key-Fsharp-major.key-C-major .note-F.note-button:hover::after,.key-Fsharp-major.key-A-minor .note-F:not(.intrvl)::after,.key-Fsharp-major.key-A-minor .note-F.visible::after,.key-Fsharp-major.key-A-minor .note-F.note-button:hover::after,.key-Dsharp-minor.key-Db-major .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-Db-major .note-F.visible::after,.key-Dsharp-minor.key-Db-major .note-F.note-button:hover::after,.key-Dsharp-minor.key-Bb-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-Bb-minor .note-F.visible::after,.key-Dsharp-minor.key-Bb-minor .note-F.note-button:hover::after,.key-Dsharp-minor.key-Ab-major .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-Ab-major .note-F.visible::after,.key-Dsharp-minor.key-Ab-major .note-F.note-button:hover::after,.key-Dsharp-minor.key-F-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-F-minor .note-F.visible::after,.key-Dsharp-minor.key-F-minor .note-F.note-button:hover::after,.key-Dsharp-minor.key-Eb-major .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-Eb-major .note-F.visible::after,.key-Dsharp-minor.key-Eb-major .note-F.note-button:hover::after,.key-Dsharp-minor.key-C-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-C-minor .note-F.visible::after,.key-Dsharp-minor.key-C-minor .note-F.note-button:hover::after,.key-Dsharp-minor.key-Bb-major .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-Bb-major .note-F.visible::after,.key-Dsharp-minor.key-Bb-major .note-F.note-button:hover::after,.key-Dsharp-minor.key-G-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-G-minor .note-F.visible::after,.key-Dsharp-minor.key-G-minor .note-F.note-button:hover::after,.key-Dsharp-minor.key-F-major .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-F-major .note-F.visible::after,.key-Dsharp-minor.key-F-major .note-F.note-button:hover::after,.key-Dsharp-minor.key-D-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-D-minor .note-F.visible::after,.key-Dsharp-minor.key-D-minor .note-F.note-button:hover::after,.key-Dsharp-minor.key-C-major .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-C-major .note-F.visible::after,.key-Dsharp-minor.key-C-major .note-F.note-button:hover::after,.key-Dsharp-minor.key-A-minor .note-F:not(.intrvl)::after,.key-Dsharp-minor.key-A-minor .note-F.visible::after,.key-Dsharp-minor.key-A-minor .note-F.note-button:hover::after{content:"F/E♯";font-size:7px}.key-Db-major.key-Fsharp-major .note-Db:not(.intrvl)::after,.key-Db-major.key-Fsharp-major .note-Db.visible::after,.key-Db-major.key-Fsharp-major .note-Db.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Db.visible::after,.key-Db-major.key-Fsharp-minor .note-Db.note-button:hover::after,.key-Db-major.key-B-major .note-Db:not(.intrvl)::after,.key-Db-major.key-B-major .note-Db.visible::after,.key-Db-major.key-B-major .note-Db.note-button:hover::after,.key-Db-major.key-Gsharp-minor .note-Db:not(.intrvl)::after,.key-Db-major.key-Gsharp-minor .note-Db.visible::after,.key-Db-major.key-Gsharp-minor .note-Db.note-button:hover::after,.key-Db-major.key-E-major .note-Db:not(.intrvl)::after,.key-Db-major.key-E-major .note-Db.visible::after,.key-Db-major.key-E-major .note-Db.note-button:hover::after,.key-Db-major.key-Csharp-minor .note-Db:not(.intrvl)::after,.key-Db-major.key-Csharp-minor .note-Db.visible::after,.key-Db-major.key-Csharp-minor .note-Db.note-button:hover::after,.key-Db-major.key-A-major .note-Db:not(.intrvl)::after,.key-Db-major.key-A-major .note-Db.visible::after,.key-Db-major.key-A-major .note-Db.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Db.visible::after,.key-Db-major.key-Fsharp-minor .note-Db.note-button:hover::after,.key-Db-major.key-D-major .note-Db:not(.intrvl)::after,.key-Db-major.key-D-major .note-Db.visible::after,.key-Db-major.key-D-major .note-Db.note-button:hover::after,.key-Db-major.key-B-minor .note-Db:not(.intrvl)::after,.key-Db-major.key-B-minor .note-Db.visible::after,.key-Db-major.key-B-minor .note-Db.note-button:hover::after,.key-Bb-minor.key-Fsharp-major .note-Db:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-major .note-Db.visible::after,.key-Bb-minor.key-Fsharp-major .note-Db.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Db.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Db.note-button:hover::after,.key-Bb-minor.key-B-major .note-Db:not(.intrvl)::after,.key-Bb-minor.key-B-major .note-Db.visible::after,.key-Bb-minor.key-B-major .note-Db.note-button:hover::after,.key-Bb-minor.key-Gsharp-minor .note-Db:not(.intrvl)::after,.key-Bb-minor.key-Gsharp-minor .note-Db.visible::after,.key-Bb-minor.key-Gsharp-minor .note-Db.note-button:hover::after,.key-Bb-minor.key-E-major .note-Db:not(.intrvl)::after,.key-Bb-minor.key-E-major .note-Db.visible::after,.key-Bb-minor.key-E-major .note-Db.note-button:hover::after,.key-Bb-minor.key-Csharp-minor .note-Db:not(.intrvl)::after,.key-Bb-minor.key-Csharp-minor .note-Db.visible::after,.key-Bb-minor.key-Csharp-minor .note-Db.note-button:hover::after,.key-Bb-minor.key-A-major .note-Db:not(.intrvl)::after,.key-Bb-minor.key-A-major .note-Db.visible::after,.key-Bb-minor.key-A-major .note-Db.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Db.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Db.note-button:hover::after,.key-Bb-minor.key-D-major .note-Db:not(.intrvl)::after,.key-Bb-minor.key-D-major .note-Db.visible::after,.key-Bb-minor.key-D-major .note-Db.note-button:hover::after,.key-Bb-minor.key-B-minor .note-Db:not(.intrvl)::after,.key-Bb-minor.key-B-minor .note-Db.visible::after,.key-Bb-minor.key-B-minor .note-Db.note-button:hover::after{content:"D♭/C♯";font-size:7px}.key-Db-major.key-Fsharp-major .note-Gb:not(.intrvl)::after,.key-Db-major.key-Fsharp-major .note-Gb.visible::after,.key-Db-major.key-Fsharp-major .note-Gb.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Gb:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Gb.visible::after,.key-Db-major.key-Fsharp-minor .note-Gb.note-button:hover::after,.key-Db-major.key-B-major .note-Gb:not(.intrvl)::after,.key-Db-major.key-B-major .note-Gb.visible::after,.key-Db-major.key-B-major .note-Gb.note-button:hover::after,.key-Db-major.key-Gsharp-minor .note-Gb:not(.intrvl)::after,.key-Db-major.key-Gsharp-minor .note-Gb.visible::after,.key-Db-major.key-Gsharp-minor .note-Gb.note-button:hover::after,.key-Db-major.key-E-major .note-Gb:not(.intrvl)::after,.key-Db-major.key-E-major .note-Gb.visible::after,.key-Db-major.key-E-major .note-Gb.note-button:hover::after,.key-Db-major.key-Csharp-minor .note-Gb:not(.intrvl)::after,.key-Db-major.key-Csharp-minor .note-Gb.visible::after,.key-Db-major.key-Csharp-minor .note-Gb.note-button:hover::after,.key-Db-major.key-A-major .note-Gb:not(.intrvl)::after,.key-Db-major.key-A-major .note-Gb.visible::after,.key-Db-major.key-A-major .note-Gb.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Gb:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Gb.visible::after,.key-Db-major.key-Fsharp-minor .note-Gb.note-button:hover::after,.key-Db-major.key-D-major .note-Gb:not(.intrvl)::after,.key-Db-major.key-D-major .note-Gb.visible::after,.key-Db-major.key-D-major .note-Gb.note-button:hover::after,.key-Db-major.key-B-minor .note-Gb:not(.intrvl)::after,.key-Db-major.key-B-minor .note-Gb.visible::after,.key-Db-major.key-B-minor .note-Gb.note-button:hover::after,.key-Bb-minor.key-Fsharp-major .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-major .note-Gb.visible::after,.key-Bb-minor.key-Fsharp-major .note-Gb.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Gb.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Gb.note-button:hover::after,.key-Bb-minor.key-B-major .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-B-major .note-Gb.visible::after,.key-Bb-minor.key-B-major .note-Gb.note-button:hover::after,.key-Bb-minor.key-Gsharp-minor .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-Gsharp-minor .note-Gb.visible::after,.key-Bb-minor.key-Gsharp-minor .note-Gb.note-button:hover::after,.key-Bb-minor.key-E-major .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-E-major .note-Gb.visible::after,.key-Bb-minor.key-E-major .note-Gb.note-button:hover::after,.key-Bb-minor.key-Csharp-minor .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-Csharp-minor .note-Gb.visible::after,.key-Bb-minor.key-Csharp-minor .note-Gb.note-button:hover::after,.key-Bb-minor.key-A-major .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-A-major .note-Gb.visible::after,.key-Bb-minor.key-A-major .note-Gb.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Gb.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Gb.note-button:hover::after,.key-Bb-minor.key-D-major .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-D-major .note-Gb.visible::after,.key-Bb-minor.key-D-major .note-Gb.note-button:hover::after,.key-Bb-minor.key-B-minor .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-B-minor .note-Gb.visible::after,.key-Bb-minor.key-B-minor .note-Gb.note-button:hover::after{content:"G♭/F♯";font-size:7px}.key-Db-major.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-Db-major.key-Fsharp-major .note-Ab.visible::after,.key-Db-major.key-Fsharp-major .note-Ab.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Ab.visible::after,.key-Db-major.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-Db-major.key-B-major .note-Ab:not(.intrvl)::after,.key-Db-major.key-B-major .note-Ab.visible::after,.key-Db-major.key-B-major .note-Ab.note-button:hover::after,.key-Db-major.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-Db-major.key-Gsharp-minor .note-Ab.visible::after,.key-Db-major.key-Gsharp-minor .note-Ab.note-button:hover::after,.key-Db-major.key-E-major .note-Ab:not(.intrvl)::after,.key-Db-major.key-E-major .note-Ab.visible::after,.key-Db-major.key-E-major .note-Ab.note-button:hover::after,.key-Db-major.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-Db-major.key-Csharp-minor .note-Ab.visible::after,.key-Db-major.key-Csharp-minor .note-Ab.note-button:hover::after,.key-Db-major.key-A-major .note-Ab:not(.intrvl)::after,.key-Db-major.key-A-major .note-Ab.visible::after,.key-Db-major.key-A-major .note-Ab.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Ab.visible::after,.key-Db-major.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-Bb-minor.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-major .note-Ab.visible::after,.key-Bb-minor.key-Fsharp-major .note-Ab.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Ab.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-Bb-minor.key-B-major .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-B-major .note-Ab.visible::after,.key-Bb-minor.key-B-major .note-Ab.note-button:hover::after,.key-Bb-minor.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-Gsharp-minor .note-Ab.visible::after,.key-Bb-minor.key-Gsharp-minor .note-Ab.note-button:hover::after,.key-Bb-minor.key-E-major .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-E-major .note-Ab.visible::after,.key-Bb-minor.key-E-major .note-Ab.note-button:hover::after,.key-Bb-minor.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-Csharp-minor .note-Ab.visible::after,.key-Bb-minor.key-Csharp-minor .note-Ab.note-button:hover::after,.key-Bb-minor.key-A-major .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-A-major .note-Ab.visible::after,.key-Bb-minor.key-A-major .note-Ab.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Ab.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Ab.note-button:hover::after{content:"A♭/G♯";font-size:7px}.key-Db-major.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-Db-major.key-Fsharp-major .note-Eb.visible::after,.key-Db-major.key-Fsharp-major .note-Eb.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Eb.visible::after,.key-Db-major.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-Db-major.key-B-major .note-Eb:not(.intrvl)::after,.key-Db-major.key-B-major .note-Eb.visible::after,.key-Db-major.key-B-major .note-Eb.note-button:hover::after,.key-Db-major.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-Db-major.key-Gsharp-minor .note-Eb.visible::after,.key-Db-major.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-Db-major.key-E-major .note-Eb:not(.intrvl)::after,.key-Db-major.key-E-major .note-Eb.visible::after,.key-Db-major.key-E-major .note-Eb.note-button:hover::after,.key-Db-major.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-Db-major.key-Csharp-minor .note-Eb.visible::after,.key-Db-major.key-Csharp-minor .note-Eb.note-button:hover::after,.key-Bb-minor.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-major .note-Eb.visible::after,.key-Bb-minor.key-Fsharp-major .note-Eb.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Eb.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-Bb-minor.key-B-major .note-Eb:not(.intrvl)::after,.key-Bb-minor.key-B-major .note-Eb.visible::after,.key-Bb-minor.key-B-major .note-Eb.note-button:hover::after,.key-Bb-minor.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-Bb-minor.key-Gsharp-minor .note-Eb.visible::after,.key-Bb-minor.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-Bb-minor.key-E-major .note-Eb:not(.intrvl)::after,.key-Bb-minor.key-E-major .note-Eb.visible::after,.key-Bb-minor.key-E-major .note-Eb.note-button:hover::after,.key-Bb-minor.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-Bb-minor.key-Csharp-minor .note-Eb.visible::after,.key-Bb-minor.key-Csharp-minor .note-Eb.note-button:hover::after{content:"E♭/D♯";font-size:7px}.key-Db-major.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-Db-major.key-Fsharp-major .note-Bb.visible::after,.key-Db-major.key-Fsharp-major .note-Bb.note-button:hover::after,.key-Db-major.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-Db-major.key-Fsharp-minor .note-Bb.visible::after,.key-Db-major.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-Db-major.key-B-major .note-Bb:not(.intrvl)::after,.key-Db-major.key-B-major .note-Bb.visible::after,.key-Db-major.key-B-major .note-Bb.note-button:hover::after,.key-Db-major.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-Db-major.key-Gsharp-minor .note-Bb.visible::after,.key-Db-major.key-Gsharp-minor .note-Bb.note-button:hover::after,.key-Bb-minor.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-major .note-Bb.visible::after,.key-Bb-minor.key-Fsharp-major .note-Bb.note-button:hover::after,.key-Bb-minor.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-Bb-minor.key-Fsharp-minor .note-Bb.visible::after,.key-Bb-minor.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-Bb-minor.key-B-major .note-Bb:not(.intrvl)::after,.key-Bb-minor.key-B-major .note-Bb.visible::after,.key-Bb-minor.key-B-major .note-Bb.note-button:hover::after,.key-Bb-minor.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-Bb-minor.key-Gsharp-minor .note-Bb.visible::after,.key-Bb-minor.key-Gsharp-minor .note-Bb.note-button:hover::after{content:"B♭/A♯";font-size:7px}.key-Db-major.key-G-major .note-Gb:not(.intrvl)::after,.key-Db-major.key-G-major .note-Gb.visible::after,.key-Db-major.key-G-major .note-Gb.note-button:hover::after,.key-Db-major.key-E-minor .note-Gb:not(.intrvl)::after,.key-Db-major.key-E-minor .note-Gb.visible::after,.key-Db-major.key-E-minor .note-Gb.note-button:hover::after,.key-Bb-minor.key-G-major .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-G-major .note-Gb.visible::after,.key-Bb-minor.key-G-major .note-Gb.note-button:hover::after,.key-Bb-minor.key-E-minor .note-Gb:not(.intrvl)::after,.key-Bb-minor.key-E-minor .note-Gb.visible::after,.key-Bb-minor.key-E-minor .note-Gb.note-button:hover::after{content:"G♭/F♯";font-size:7px}.key-Ab-major.key-Fsharp-major .note-Db:not(.intrvl)::after,.key-Ab-major.key-Fsharp-major .note-Db.visible::after,.key-Ab-major.key-Fsharp-major .note-Db.note-button:hover::after,.key-Ab-major.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Ab-major.key-Fsharp-minor .note-Db.visible::after,.key-Ab-major.key-Fsharp-minor .note-Db.note-button:hover::after,.key-Ab-major.key-B-major .note-Db:not(.intrvl)::after,.key-Ab-major.key-B-major .note-Db.visible::after,.key-Ab-major.key-B-major .note-Db.note-button:hover::after,.key-Ab-major.key-Gsharp-minor .note-Db:not(.intrvl)::after,.key-Ab-major.key-Gsharp-minor .note-Db.visible::after,.key-Ab-major.key-Gsharp-minor .note-Db.note-button:hover::after,.key-Ab-major.key-E-major .note-Db:not(.intrvl)::after,.key-Ab-major.key-E-major .note-Db.visible::after,.key-Ab-major.key-E-major .note-Db.note-button:hover::after,.key-Ab-major.key-Csharp-minor .note-Db:not(.intrvl)::after,.key-Ab-major.key-Csharp-minor .note-Db.visible::after,.key-Ab-major.key-Csharp-minor .note-Db.note-button:hover::after,.key-Ab-major.key-A-major .note-Db:not(.intrvl)::after,.key-Ab-major.key-A-major .note-Db.visible::after,.key-Ab-major.key-A-major .note-Db.note-button:hover::after,.key-Ab-major.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-Ab-major.key-Fsharp-minor .note-Db.visible::after,.key-Ab-major.key-Fsharp-minor .note-Db.note-button:hover::after,.key-Ab-major.key-D-major .note-Db:not(.intrvl)::after,.key-Ab-major.key-D-major .note-Db.visible::after,.key-Ab-major.key-D-major .note-Db.note-button:hover::after,.key-Ab-major.key-B-minor .note-Db:not(.intrvl)::after,.key-Ab-major.key-B-minor .note-Db.visible::after,.key-Ab-major.key-B-minor .note-Db.note-button:hover::after,.key-F-minor.key-Fsharp-major .note-Db:not(.intrvl)::after,.key-F-minor.key-Fsharp-major .note-Db.visible::after,.key-F-minor.key-Fsharp-major .note-Db.note-button:hover::after,.key-F-minor.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-F-minor.key-Fsharp-minor .note-Db.visible::after,.key-F-minor.key-Fsharp-minor .note-Db.note-button:hover::after,.key-F-minor.key-B-major .note-Db:not(.intrvl)::after,.key-F-minor.key-B-major .note-Db.visible::after,.key-F-minor.key-B-major .note-Db.note-button:hover::after,.key-F-minor.key-Gsharp-minor .note-Db:not(.intrvl)::after,.key-F-minor.key-Gsharp-minor .note-Db.visible::after,.key-F-minor.key-Gsharp-minor .note-Db.note-button:hover::after,.key-F-minor.key-E-major .note-Db:not(.intrvl)::after,.key-F-minor.key-E-major .note-Db.visible::after,.key-F-minor.key-E-major .note-Db.note-button:hover::after,.key-F-minor.key-Csharp-minor .note-Db:not(.intrvl)::after,.key-F-minor.key-Csharp-minor .note-Db.visible::after,.key-F-minor.key-Csharp-minor .note-Db.note-button:hover::after,.key-F-minor.key-A-major .note-Db:not(.intrvl)::after,.key-F-minor.key-A-major .note-Db.visible::after,.key-F-minor.key-A-major .note-Db.note-button:hover::after,.key-F-minor.key-Fsharp-minor .note-Db:not(.intrvl)::after,.key-F-minor.key-Fsharp-minor .note-Db.visible::after,.key-F-minor.key-Fsharp-minor .note-Db.note-button:hover::after,.key-F-minor.key-D-major .note-Db:not(.intrvl)::after,.key-F-minor.key-D-major .note-Db.visible::after,.key-F-minor.key-D-major .note-Db.note-button:hover::after,.key-F-minor.key-B-minor .note-Db:not(.intrvl)::after,.key-F-minor.key-B-minor .note-Db.visible::after,.key-F-minor.key-B-minor .note-Db.note-button:hover::after{content:"D♭/C♯";font-size:7px}.key-Ab-major.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-Ab-major.key-Fsharp-major .note-Ab.visible::after,.key-Ab-major.key-Fsharp-major .note-Ab.note-button:hover::after,.key-Ab-major.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Ab-major.key-Fsharp-minor .note-Ab.visible::after,.key-Ab-major.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-Ab-major.key-B-major .note-Ab:not(.intrvl)::after,.key-Ab-major.key-B-major .note-Ab.visible::after,.key-Ab-major.key-B-major .note-Ab.note-button:hover::after,.key-Ab-major.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-Ab-major.key-Gsharp-minor .note-Ab.visible::after,.key-Ab-major.key-Gsharp-minor .note-Ab.note-button:hover::after,.key-Ab-major.key-E-major .note-Ab:not(.intrvl)::after,.key-Ab-major.key-E-major .note-Ab.visible::after,.key-Ab-major.key-E-major .note-Ab.note-button:hover::after,.key-Ab-major.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-Ab-major.key-Csharp-minor .note-Ab.visible::after,.key-Ab-major.key-Csharp-minor .note-Ab.note-button:hover::after,.key-Ab-major.key-A-major .note-Ab:not(.intrvl)::after,.key-Ab-major.key-A-major .note-Ab.visible::after,.key-Ab-major.key-A-major .note-Ab.note-button:hover::after,.key-Ab-major.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Ab-major.key-Fsharp-minor .note-Ab.visible::after,.key-Ab-major.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-F-minor.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-F-minor.key-Fsharp-major .note-Ab.visible::after,.key-F-minor.key-Fsharp-major .note-Ab.note-button:hover::after,.key-F-minor.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-F-minor.key-Fsharp-minor .note-Ab.visible::after,.key-F-minor.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-F-minor.key-B-major .note-Ab:not(.intrvl)::after,.key-F-minor.key-B-major .note-Ab.visible::after,.key-F-minor.key-B-major .note-Ab.note-button:hover::after,.key-F-minor.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-F-minor.key-Gsharp-minor .note-Ab.visible::after,.key-F-minor.key-Gsharp-minor .note-Ab.note-button:hover::after,.key-F-minor.key-E-major .note-Ab:not(.intrvl)::after,.key-F-minor.key-E-major .note-Ab.visible::after,.key-F-minor.key-E-major .note-Ab.note-button:hover::after,.key-F-minor.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-F-minor.key-Csharp-minor .note-Ab.visible::after,.key-F-minor.key-Csharp-minor .note-Ab.note-button:hover::after,.key-F-minor.key-A-major .note-Ab:not(.intrvl)::after,.key-F-minor.key-A-major .note-Ab.visible::after,.key-F-minor.key-A-major .note-Ab.note-button:hover::after,.key-F-minor.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-F-minor.key-Fsharp-minor .note-Ab.visible::after,.key-F-minor.key-Fsharp-minor .note-Ab.note-button:hover::after{content:"A♭/G♯";font-size:7px}.key-Ab-major.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-Ab-major.key-Fsharp-major .note-Eb.visible::after,.key-Ab-major.key-Fsharp-major .note-Eb.note-button:hover::after,.key-Ab-major.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-Ab-major.key-Fsharp-minor .note-Eb.visible::after,.key-Ab-major.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-Ab-major.key-B-major .note-Eb:not(.intrvl)::after,.key-Ab-major.key-B-major .note-Eb.visible::after,.key-Ab-major.key-B-major .note-Eb.note-button:hover::after,.key-Ab-major.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-Ab-major.key-Gsharp-minor .note-Eb.visible::after,.key-Ab-major.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-Ab-major.key-E-major .note-Eb:not(.intrvl)::after,.key-Ab-major.key-E-major .note-Eb.visible::after,.key-Ab-major.key-E-major .note-Eb.note-button:hover::after,.key-Ab-major.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-Ab-major.key-Csharp-minor .note-Eb.visible::after,.key-Ab-major.key-Csharp-minor .note-Eb.note-button:hover::after,.key-F-minor.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-F-minor.key-Fsharp-major .note-Eb.visible::after,.key-F-minor.key-Fsharp-major .note-Eb.note-button:hover::after,.key-F-minor.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-F-minor.key-Fsharp-minor .note-Eb.visible::after,.key-F-minor.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-F-minor.key-B-major .note-Eb:not(.intrvl)::after,.key-F-minor.key-B-major .note-Eb.visible::after,.key-F-minor.key-B-major .note-Eb.note-button:hover::after,.key-F-minor.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-F-minor.key-Gsharp-minor .note-Eb.visible::after,.key-F-minor.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-F-minor.key-E-major .note-Eb:not(.intrvl)::after,.key-F-minor.key-E-major .note-Eb.visible::after,.key-F-minor.key-E-major .note-Eb.note-button:hover::after,.key-F-minor.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-F-minor.key-Csharp-minor .note-Eb.visible::after,.key-F-minor.key-Csharp-minor .note-Eb.note-button:hover::after{content:"E♭/D♯";font-size:7px}.key-Ab-major.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-Ab-major.key-Fsharp-major .note-Bb.visible::after,.key-Ab-major.key-Fsharp-major .note-Bb.note-button:hover::after,.key-Ab-major.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-Ab-major.key-Fsharp-minor .note-Bb.visible::after,.key-Ab-major.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-Ab-major.key-B-major .note-Bb:not(.intrvl)::after,.key-Ab-major.key-B-major .note-Bb.visible::after,.key-Ab-major.key-B-major .note-Bb.note-button:hover::after,.key-Ab-major.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-Ab-major.key-Gsharp-minor .note-Bb.visible::after,.key-Ab-major.key-Gsharp-minor .note-Bb.note-button:hover::after,.key-F-minor.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-F-minor.key-Fsharp-major .note-Bb.visible::after,.key-F-minor.key-Fsharp-major .note-Bb.note-button:hover::after,.key-F-minor.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-F-minor.key-Fsharp-minor .note-Bb.visible::after,.key-F-minor.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-F-minor.key-B-major .note-Bb:not(.intrvl)::after,.key-F-minor.key-B-major .note-Bb.visible::after,.key-F-minor.key-B-major .note-Bb.note-button:hover::after,.key-F-minor.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-F-minor.key-Gsharp-minor .note-Bb.visible::after,.key-F-minor.key-Gsharp-minor .note-Bb.note-button:hover::after{content:"B♭/A♯";font-size:7px}.key-Eb-major.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-Eb-major.key-Fsharp-major .note-Ab.visible::after,.key-Eb-major.key-Fsharp-major .note-Ab.note-button:hover::after,.key-Eb-major.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Eb-major.key-Fsharp-minor .note-Ab.visible::after,.key-Eb-major.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-Eb-major.key-B-major .note-Ab:not(.intrvl)::after,.key-Eb-major.key-B-major .note-Ab.visible::after,.key-Eb-major.key-B-major .note-Ab.note-button:hover::after,.key-Eb-major.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-Eb-major.key-Gsharp-minor .note-Ab.visible::after,.key-Eb-major.key-Gsharp-minor .note-Ab.note-button:hover::after,.key-Eb-major.key-E-major .note-Ab:not(.intrvl)::after,.key-Eb-major.key-E-major .note-Ab.visible::after,.key-Eb-major.key-E-major .note-Ab.note-button:hover::after,.key-Eb-major.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-Eb-major.key-Csharp-minor .note-Ab.visible::after,.key-Eb-major.key-Csharp-minor .note-Ab.note-button:hover::after,.key-Eb-major.key-A-major .note-Ab:not(.intrvl)::after,.key-Eb-major.key-A-major .note-Ab.visible::after,.key-Eb-major.key-A-major .note-Ab.note-button:hover::after,.key-Eb-major.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-Eb-major.key-Fsharp-minor .note-Ab.visible::after,.key-Eb-major.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-C-minor.key-Fsharp-major .note-Ab:not(.intrvl)::after,.key-C-minor.key-Fsharp-major .note-Ab.visible::after,.key-C-minor.key-Fsharp-major .note-Ab.note-button:hover::after,.key-C-minor.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-C-minor.key-Fsharp-minor .note-Ab.visible::after,.key-C-minor.key-Fsharp-minor .note-Ab.note-button:hover::after,.key-C-minor.key-B-major .note-Ab:not(.intrvl)::after,.key-C-minor.key-B-major .note-Ab.visible::after,.key-C-minor.key-B-major .note-Ab.note-button:hover::after,.key-C-minor.key-Gsharp-minor .note-Ab:not(.intrvl)::after,.key-C-minor.key-Gsharp-minor .note-Ab.visible::after,.key-C-minor.key-Gsharp-minor .note-Ab.note-button:hover::after,.key-C-minor.key-E-major .note-Ab:not(.intrvl)::after,.key-C-minor.key-E-major .note-Ab.visible::after,.key-C-minor.key-E-major .note-Ab.note-button:hover::after,.key-C-minor.key-Csharp-minor .note-Ab:not(.intrvl)::after,.key-C-minor.key-Csharp-minor .note-Ab.visible::after,.key-C-minor.key-Csharp-minor .note-Ab.note-button:hover::after,.key-C-minor.key-A-major .note-Ab:not(.intrvl)::after,.key-C-minor.key-A-major .note-Ab.visible::after,.key-C-minor.key-A-major .note-Ab.note-button:hover::after,.key-C-minor.key-Fsharp-minor .note-Ab:not(.intrvl)::after,.key-C-minor.key-Fsharp-minor .note-Ab.visible::after,.key-C-minor.key-Fsharp-minor .note-Ab.note-button:hover::after{content:"A♭/G♯";font-size:7px}.key-Eb-major.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-Eb-major.key-Fsharp-major .note-Eb.visible::after,.key-Eb-major.key-Fsharp-major .note-Eb.note-button:hover::after,.key-Eb-major.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-Eb-major.key-Fsharp-minor .note-Eb.visible::after,.key-Eb-major.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-Eb-major.key-B-major .note-Eb:not(.intrvl)::after,.key-Eb-major.key-B-major .note-Eb.visible::after,.key-Eb-major.key-B-major .note-Eb.note-button:hover::after,.key-Eb-major.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-Eb-major.key-Gsharp-minor .note-Eb.visible::after,.key-Eb-major.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-Eb-major.key-E-major .note-Eb:not(.intrvl)::after,.key-Eb-major.key-E-major .note-Eb.visible::after,.key-Eb-major.key-E-major .note-Eb.note-button:hover::after,.key-Eb-major.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-Eb-major.key-Csharp-minor .note-Eb.visible::after,.key-Eb-major.key-Csharp-minor .note-Eb.note-button:hover::after,.key-C-minor.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-C-minor.key-Fsharp-major .note-Eb.visible::after,.key-C-minor.key-Fsharp-major .note-Eb.note-button:hover::after,.key-C-minor.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-C-minor.key-Fsharp-minor .note-Eb.visible::after,.key-C-minor.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-C-minor.key-B-major .note-Eb:not(.intrvl)::after,.key-C-minor.key-B-major .note-Eb.visible::after,.key-C-minor.key-B-major .note-Eb.note-button:hover::after,.key-C-minor.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-C-minor.key-Gsharp-minor .note-Eb.visible::after,.key-C-minor.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-C-minor.key-E-major .note-Eb:not(.intrvl)::after,.key-C-minor.key-E-major .note-Eb.visible::after,.key-C-minor.key-E-major .note-Eb.note-button:hover::after,.key-C-minor.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-C-minor.key-Csharp-minor .note-Eb.visible::after,.key-C-minor.key-Csharp-minor .note-Eb.note-button:hover::after{content:"E♭/D♯";font-size:7px}.key-Eb-major.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-Eb-major.key-Fsharp-major .note-Bb.visible::after,.key-Eb-major.key-Fsharp-major .note-Bb.note-button:hover::after,.key-Eb-major.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-Eb-major.key-Fsharp-minor .note-Bb.visible::after,.key-Eb-major.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-Eb-major.key-B-major .note-Bb:not(.intrvl)::after,.key-Eb-major.key-B-major .note-Bb.visible::after,.key-Eb-major.key-B-major .note-Bb.note-button:hover::after,.key-Eb-major.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-Eb-major.key-Gsharp-minor .note-Bb.visible::after,.key-Eb-major.key-Gsharp-minor .note-Bb.note-button:hover::after,.key-C-minor.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-C-minor.key-Fsharp-major .note-Bb.visible::after,.key-C-minor.key-Fsharp-major .note-Bb.note-button:hover::after,.key-C-minor.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-C-minor.key-Fsharp-minor .note-Bb.visible::after,.key-C-minor.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-C-minor.key-B-major .note-Bb:not(.intrvl)::after,.key-C-minor.key-B-major .note-Bb.visible::after,.key-C-minor.key-B-major .note-Bb.note-button:hover::after,.key-C-minor.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-C-minor.key-Gsharp-minor .note-Bb.visible::after,.key-C-minor.key-Gsharp-minor .note-Bb.note-button:hover::after{content:"B♭/A♯";font-size:7px}.key-Bb-major.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-Bb-major.key-Fsharp-major .note-Eb.visible::after,.key-Bb-major.key-Fsharp-major .note-Eb.note-button:hover::after,.key-Bb-major.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-Bb-major.key-Fsharp-minor .note-Eb.visible::after,.key-Bb-major.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-Bb-major.key-B-major .note-Eb:not(.intrvl)::after,.key-Bb-major.key-B-major .note-Eb.visible::after,.key-Bb-major.key-B-major .note-Eb.note-button:hover::after,.key-Bb-major.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-Bb-major.key-Gsharp-minor .note-Eb.visible::after,.key-Bb-major.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-Bb-major.key-E-major .note-Eb:not(.intrvl)::after,.key-Bb-major.key-E-major .note-Eb.visible::after,.key-Bb-major.key-E-major .note-Eb.note-button:hover::after,.key-Bb-major.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-Bb-major.key-Csharp-minor .note-Eb.visible::after,.key-Bb-major.key-Csharp-minor .note-Eb.note-button:hover::after,.key-G-minor.key-Fsharp-major .note-Eb:not(.intrvl)::after,.key-G-minor.key-Fsharp-major .note-Eb.visible::after,.key-G-minor.key-Fsharp-major .note-Eb.note-button:hover::after,.key-G-minor.key-Fsharp-minor .note-Eb:not(.intrvl)::after,.key-G-minor.key-Fsharp-minor .note-Eb.visible::after,.key-G-minor.key-Fsharp-minor .note-Eb.note-button:hover::after,.key-G-minor.key-B-major .note-Eb:not(.intrvl)::after,.key-G-minor.key-B-major .note-Eb.visible::after,.key-G-minor.key-B-major .note-Eb.note-button:hover::after,.key-G-minor.key-Gsharp-minor .note-Eb:not(.intrvl)::after,.key-G-minor.key-Gsharp-minor .note-Eb.visible::after,.key-G-minor.key-Gsharp-minor .note-Eb.note-button:hover::after,.key-G-minor.key-E-major .note-Eb:not(.intrvl)::after,.key-G-minor.key-E-major .note-Eb.visible::after,.key-G-minor.key-E-major .note-Eb.note-button:hover::after,.key-G-minor.key-Csharp-minor .note-Eb:not(.intrvl)::after,.key-G-minor.key-Csharp-minor .note-Eb.visible::after,.key-G-minor.key-Csharp-minor .note-Eb.note-button:hover::after{content:"E♭/D♯";font-size:7px}.key-Bb-major.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-Bb-major.key-Fsharp-major .note-Bb.visible::after,.key-Bb-major.key-Fsharp-major .note-Bb.note-button:hover::after,.key-Bb-major.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-Bb-major.key-Fsharp-minor .note-Bb.visible::after,.key-Bb-major.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-Bb-major.key-B-major .note-Bb:not(.intrvl)::after,.key-Bb-major.key-B-major .note-Bb.visible::after,.key-Bb-major.key-B-major .note-Bb.note-button:hover::after,.key-Bb-major.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-Bb-major.key-Gsharp-minor .note-Bb.visible::after,.key-Bb-major.key-Gsharp-minor .note-Bb.note-button:hover::after,.key-G-minor.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-G-minor.key-Fsharp-major .note-Bb.visible::after,.key-G-minor.key-Fsharp-major .note-Bb.note-button:hover::after,.key-G-minor.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-G-minor.key-Fsharp-minor .note-Bb.visible::after,.key-G-minor.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-G-minor.key-B-major .note-Bb:not(.intrvl)::after,.key-G-minor.key-B-major .note-Bb.visible::after,.key-G-minor.key-B-major .note-Bb.note-button:hover::after,.key-G-minor.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-G-minor.key-Gsharp-minor .note-Bb.visible::after,.key-G-minor.key-Gsharp-minor .note-Bb.note-button:hover::after{content:"B♭/A♯";font-size:7px}.key-F-major.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-F-major.key-Fsharp-major .note-Bb.visible::after,.key-F-major.key-Fsharp-major .note-Bb.note-button:hover::after,.key-F-major.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-F-major.key-Fsharp-minor .note-Bb.visible::after,.key-F-major.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-F-major.key-B-major .note-Bb:not(.intrvl)::after,.key-F-major.key-B-major .note-Bb.visible::after,.key-F-major.key-B-major .note-Bb.note-button:hover::after,.key-F-major.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-F-major.key-Gsharp-minor .note-Bb.visible::after,.key-F-major.key-Gsharp-minor .note-Bb.note-button:hover::after,.key-D-minor.key-Fsharp-major .note-Bb:not(.intrvl)::after,.key-D-minor.key-Fsharp-major .note-Bb.visible::after,.key-D-minor.key-Fsharp-major .note-Bb.note-button:hover::after,.key-D-minor.key-Fsharp-minor .note-Bb:not(.intrvl)::after,.key-D-minor.key-Fsharp-minor .note-Bb.visible::after,.key-D-minor.key-Fsharp-minor .note-Bb.note-button:hover::after,.key-D-minor.key-B-major .note-Bb:not(.intrvl)::after,.key-D-minor.key-B-major .note-Bb.visible::after,.key-D-minor.key-B-major .note-Bb.note-button:hover::after,.key-D-minor.key-Gsharp-minor .note-Bb:not(.intrvl)::after,.key-D-minor.key-Gsharp-minor .note-Bb.visible::after,.key-D-minor.key-Gsharp-minor .note-Bb.note-button:hover::after{content:"B♭/A♯";font-size:7px}