.page_footer__sHKi3{grid-row-start:3;display:flex;gap:24px;width:95%;margin:1rem 2.5rem}.page_footer__sHKi3 a{display:flex;align-items:center;gap:8px}.page_footer__sHKi3 img{flex-shrink:0}.page_main__GlU4n{max-width:var(--width)!important;padding:0!important}.page_main__GlU4n p{padding:.5em 2rem!important}.abcjs-inline-audio{height:26px;padding:0 5px;border-radius:3px;background-color:#424242;display:flex;align-items:center;box-sizing:border-box}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{display:block;width:28px;height:34px;margin-right:2px;padding:7px 4px;background:none!important;border:1px solid transparent;box-sizing:border-box;line-height:1}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#cccccc;stroke:#cccccc}.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed{border:1px solid #cccccc;background-color:#666666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;height:10px;border-radius:5px;border:2px solid #cccccc;margin:0 8px 0 15px;position:relative;flex:1 1;padding:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-progress-indicator{width:20px;margin-left:-10px;height:14px;background-color:#f4f4f4;position:absolute;display:inline-block;border-radius:6px;top:-4px;left:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-clock{margin-left:4px;margin-top:1px;margin-right:2px;display:inline-block;font-family:sans-serif;font-size:16px;box-sizing:border-box;color:#f4f4f4}.abcjs-inline-audio .abcjs-tempo-wrapper{font-size:10px;color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center}.abcjs-inline-audio .abcjs-midi-tempo{border-radius:2px;border:none;margin:0 2px 0 4px;width:42px;padding-left:2px;box-sizing:border-box}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;font-size:28px;padding:6px 8px}.abcjs-large .abcjs-midi-progress-background{height:20px;border:4px solid #cccccc}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-right:10px;margin-left:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}.aeolian g[data-index="13"],.aeolian g[data-index="5"],.dorian g[data-index="10"],.dorian g[data-index="2"],.mixolydian g[data-index="14"],.mixolydian g[data-index="6"]{color:crimson}.aeolian g[data-index="10"],.aeolian g[data-index="14"],.aeolian g[data-index="2"],.aeolian g[data-index="6"],.dorian g[data-index="14"],.dorian g[data-index="6"]{color:gray}.hideNotation{clear:both}.setModeIndex,.synthControl{display:inline-block!important;vertical-align:middle}.abcjs-inline-audio{background-color:unset;border:none}.abcjs-inline-audio .abcjs-btn{border:none;box-shadow:none}.abcjs-inline-audio polygon{fill:darkgray}.abcComponent{margin-bottom:.25em}.CircleOfFifths_circleOuterWrapper__mRilf{margin:1em}.CircleOfFifths_circleContainer__lQwWj{position:relative;clear:both;width:385px;height:385px;margin-top:1em;padding:1em}.CircleOfFifths_innerCircle__KJ0EM,.CircleOfFifths_outerCircle__dU5L_{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.CircleOfFifths_outerCircle__dU5L_{border:5px solid #333}.CircleOfFifths_innerCircle__KJ0EM{border:3px dashed #666;width:60%;height:60%;top:20%;left:20%}.CircleOfFifths_arc__sTa6b{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent}.CircleOfFifths_arc__sTa6b.CircleOfFifths_major__5WvcJ{border-top:4px solid red;-webkit-clip-path:polygon(50% 50%,100% 0,50% 50%,0 0);clip-path:polygon(50% 50%,100% 0,50% 50%,0 0)}.CircleOfFifths_arc__sTa6b.CircleOfFifths_minor__SeAnR{border-top:4px solid blue;-webkit-clip-path:polygon(50% 50%,100% 0,50% 50%,0 0);clip-path:polygon(50% 50%,100% 0,50% 50%,0 0)}.CircleOfFifths_arc__sTa6b.CircleOfFifths_diminished__W43n0{border-top:4px solid green;-webkit-clip-path:polygon(50% 50%,100% 0,50% 50%,0 0);clip-path:polygon(50% 50%,100% 0,50% 50%,0 0)}.CircleOfFifths_degree__Kz82P,.CircleOfFifths_note__8Gm_H{position:absolute;width:50px;height:20px;text-align:center;transform:translate(-50%,-50%)}.CircleOfFifths_note__8Gm_H{font-weight:700;font-size:16px;transition:background-color .5s ease;border-radius:100%;height:3.5em;width:3.5em;padding:.5em}.CircleOfFifths_note__8Gm_H div{font-size:small}.CircleOfFifths_tonic__bR_1f{border:4px dashed black}.CircleOfFifths_parentTonic__ABQBN{border:4px solid black}.CircleOfFifths_degree__Kz82P{font-size:14px;color:#555}.CircleOfFifths_major__5WvcJ{background-color:lightcoral}.CircleOfFifths_diminished__W43n0 div:after,.CircleOfFifths_major__5WvcJ div:after,.CircleOfFifths_minor__SeAnR div:after{display:block;clear:both;font-size:small;margin-top:-.2em}.CircleOfFifths_major__5WvcJ div:after{content:"maj"}.CircleOfFifths_minor__SeAnR div:after{content:"min"}.CircleOfFifths_diminished__W43n0 div:after{content:"dim"}.CircleOfFifths_minor__SeAnR{background-color:lightblue}.CircleOfFifths_diminished__W43n0{background-color:lightgreen}.CircleOfFifths_controls__JZKbN{clear:both;gap:1rem;margin-bottom:1rem}.CircleOfFifths_summary__JAytf{margin:2em 0;padding:1em;width:90%;border:2px dashed gray;border-radius:1em}.CircleOfFifths_mainSummary__hhx3a{text-decoration:underline;font-weight:700}.CircleOfFifths_summary__JAytf p{margin-bottom:1em}.CircleOfFifths_circleOuterContainer__YymEQ{min-width:385px;display:block;clear:both}