.pitch-c{--note-color: #eb2427;--note-ink: #fff}.pitch-c-sharp{--note-color: #ef4d27;--note-ink: #fff}.pitch-d{--note-color: #f6851f;--note-ink: #172f2a}.pitch-d-sharp{--note-color: #ffc000;--note-ink: #172f2a}.pitch-e{--note-color: #fbed1b;--note-ink: #172f2a}.pitch-f{--note-color: #6bbe46;--note-ink: #172f2a}.pitch-f-sharp{--note-color: #55a849;--note-ink: #fff}.pitch-g{--note-color: #0c9648;--note-ink: #fff}.pitch-g-sharp{--note-color: #1500ff;--note-ink: #fff}.pitch-a{--note-color: #80539f;--note-ink: #fff}.pitch-a-sharp{--note-color: #c800ff;--note-ink: #fff}.pitch-b{--note-color: #e14197;--note-ink: #fff}.is-high-c .event-pitch{outline:2px double #fff;outline-offset:-3px}