.frequencyVisualizer_root__uDr2p{position:relative;width:100%;height:50px}@keyframes frequencyVisualizer_animateBellCurveIn__trXwC{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.chords_root__MZhZD{height:100%;display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;grid-template-areas:"scales" "pentagram" "pressedKeys" "piano"}.chords_scales__KrtG7{grid-area:scales;padding:1em;border-bottom:1px solid var(--border-color)}.chords_pentagram__7OPXf{grid-area:pentagram;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;padding:2em;gap:2em}@media (min-width:600px){.chords_pentagram__7OPXf{flex-direction:row}}.chords_pentagram__7OPXf .chords_pentagramMain__amCMh{flex:1;display:flex;justify-content:flex-end;align-items:center}.chords_pentagram__7OPXf .chords_chords__KX5CE{flex:1}.chords_pressedKeys__pD1SN{border-top:1px solid var(--border-color);grid-area:pressedKeys;min-height:50px;display:flex;align-items:center;padding:.5em}.chords_piano__Ehg_h{grid-area:piano;border-top:1px solid rgb(198,198,198)}