.page_page__ZU32B{display:flex;flex-direction:column;min-height:100vh}.page_header__kVzhN{display:flex;align-items:center;padding:12px 0;border-bottom:none;background-color:white;position:fixed;top:0;right:0;width:5em;margin-top:0;z-index:1002;overflow:visible}.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}.TableOfContents_container__x8pFI{position:relative;display:inline-block;background:white;border-radius:25%}.TableOfContents_menuButton__7pZWg{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:inherit;transition:opacity .2s ease}.TableOfContents_menuButton__7pZWg:hover{opacity:.7}.TableOfContents_menuButton__7pZWg:focus{outline:2px solid currentColor;outline-offset:2px}.TableOfContents_dropdown__sEpEr{position:fixed;top:3.75em;right:2em;background:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:min(250px,calc(100vw - 4em));max-height:70vh;overflow-y:auto;z-index:1002;margin-top:4px}.TableOfContents_header__7_GvG{padding:.75rem 0 0;border-bottom:1px solid #eee;font-weight:600;font-size:14px;color:#333}.TableOfContents_section__nLo23{padding:8px 0}.TableOfContents_section__nLo23:not(:last-child){border-bottom:1px solid #eee}.TableOfContents_sectionTitle__Sh3t7{padding:8px 16px 4px;font-weight:500;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.TableOfContents_links___L6MT{list-style:none;margin:0;padding:0}.TableOfContents_link__H7EFT{display:block;padding:8px 16px;color:#0066cc;text-decoration:none;font-size:14px;transition:background-color .2s ease}.TableOfContents_link__H7EFT:hover{background-color:#f0f0f0;color:#0052a3}.TableOfContents_link__H7EFT:active{background-color:#e8e8e8}.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;container-type:inline-size;box-sizing:border-box;width:100%;aspect-ratio:1/1;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:13cqw;height:5.2cqw;text-align:center;transform:translate(-50%,-50%)}.CircleOfFifths_note__8Gm_H{font-weight:700;font-size:4.16cqw;transition:background-color .5s ease;border-radius:100%;height:3.5em;width:3.5em;padding:.5em}.CircleOfFifths_note__8Gm_H div{font-size:.8em}.CircleOfFifths_tonic__bR_1f{border:4px dashed black}.CircleOfFifths_parentTonic__ABQBN{border:4px solid black}.CircleOfFifths_degree__Kz82P{font-size:3.64cqw;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:.7em;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{width:100%;max-width:385px;display:block;clear:both}