.simple-features-module-scss-module__hSFYEW__simple-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.baseCase-module-scss-module__uIQr7q__baseCase{text-align:center;width:100%;height:fit-content;padding-bottom:1rem}
.controlledCustomModalRadixUI-module-scss-module__P6ya3W__baseCase{max-width:95vw;max-height:90vh}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__baseCase header>div{flex-wrap:wrap-reverse;justify-content:space-between;display:flex}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__baseCase header>div h2{text-align:center;min-width:min-content;max-width:100%;margin-top:1rem;margin-bottom:1rem;margin-right:.5rem;font-size:2rem}@media (min-width:950px){.controlledCustomModalRadixUI-module-scss-module__P6ya3W__baseCase header>div h2{font-size:3rem}}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__baseCase header>div button{border-radius:10%;align-self:center;margin-left:auto;padding:.5rem;font-size:1.5rem}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__baseCase header p{text-align:left;width:98%;max-width:45ch;margin:0 auto;font-weight:200}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__fixed-overlay{opacity:.5;background-color:#000;position:fixed;inset:0}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__fixed-content{background-color:var(--background);color:var(--foreground);z-index:1000;border:2px solid #fff;border-radius:.5rem;width:max-content;padding:.5rem .5rem 1rem;position:fixed;top:50%;left:50%;overflow-x:scroll;transform:translate(-50%,-50%)}.controlledCustomModalRadixUI-module-scss-module__P6ya3W__fixed-content select>option{white-space:nowrap;width:fit-content}
.harmoniseChordInversions-module-scss-module__8YyWkW__chordInversionModule{justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseChordInversions-module-scss-module__8YyWkW__chordInversionModule>div{margin:0 .5rem}.harmoniseChordInversions-module-scss-module__8YyWkW__chordInversionModule p{margin:1rem}.harmoniseChordInversions-module-scss-module__8YyWkW__chordInversionModule select{margin:0 auto}.harmoniseChordInversions-module-scss-module__8YyWkW__chordInversionLabelsAndCreate{text-align:center}.harmoniseChordInversions-module-scss-module__8YyWkW__chordInversionLabelsAndCreate>button{border-radius:10px;align-self:center;margin:1rem 1rem 0;padding:.5rem;font-size:1.5rem}.harmoniseChordInversions-module-scss-module__8YyWkW__uiControls select{margin:0 auto}.harmoniseChordInversions-module-scss-module__8YyWkW__uiControls>button{border-width:3px;margin:2rem 0 3rem;padding:.75rem;font-size:1.35rem;font-weight:600}.harmoniseChordInversions-module-scss-module__8YyWkW__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:1.5rem auto 1rem;font-weight:500}.harmoniseChordInversions-module-scss-module__8YyWkW__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseChordInversions-module-scss-module__8YyWkW__Root{all:unset;background-color:#fff;background-color:var(--keybed-bg);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin-left:.2rem;display:flex}.harmoniseChordInversions-module-scss-module__8YyWkW__Root:hover{background-color:#7e8395}.harmoniseChordInversions-module-scss-module__8YyWkW__Root:focus{box-shadow:0 0 0 2px #000}.harmoniseChordInversions-module-scss-module__8YyWkW__Indicator{color:#fff}
.keybedProgressionUi-module-scss-module__twd3_a__keybedProgressionContainer{max-width:var(--content-width);margin:0 auto}.keybedProgressionUi-module-scss-module__twd3_a__keybedProgressionHeaderUi{text-align:center;background-color:var(--keybed-bg);color:var(--keybed-fg);flex-flow:wrap;justify-content:center;align-items:center;margin:0 auto;display:flex}.keybedProgressionUi-module-scss-module__twd3_a__keybedProgressionHeaderUi>div{margin:0 1rem}.keybedProgressionUi-module-scss-module__twd3_a__keybedProgressionHeaderUi>div button{margin:.5rem 0}@media print{.keybedProgressionUi-module-scss-module__twd3_a__keybedProgressionHeaderUi{display:none}}.keybedProgressionUi-module-scss-module__twd3_a__transposeBtns{flex-direction:column;display:flex}.keybedProgressionUi-module-scss-module__twd3_a__mainProgBtns{justify-content:space-between;align-items:center;display:flex}.keybedProgressionUi-module-scss-module__twd3_a__mainProgBtns>div{flex:0;margin:8px}.keybedProgressionUi-module-scss-module__twd3_a__mainProgBtns>div button{width:min-content}@media print{.keybedProgressionUi-module-scss-module__twd3_a__mainProgBtns{display:none}}
.staticKeysigMenu-module-scss-module__ScZm9a__keysig>select{margin:0 auto;font-size:1em}
@media print{.octave-menu-module-scss-module__bCJqFG__octaveMenu select,.octave-menu-module-scss-module__bCJqFG__octaveMenu label{display:none}}
.dynamic-keybed-module-scss-module__wbxZSG__dynamicKeybedParent{position:relative}.dynamic-keybed-module-scss-module__wbxZSG__keybedContainerWrapper{width:fit-content;margin:0 auto;display:flex}.dynamic-keybed-module-scss-module__wbxZSG__keybedContainerWrapper label{color:var(--keybed-fg)}.dynamic-keybed-module-scss-module__wbxZSG__keybedContainerWrapper select{width:auto}.dynamic-keybed-module-scss-module__wbxZSG__keybedUIWrapper{border:2px dotted #639;display:flex}.dynamic-keybed-module-scss-module__wbxZSG__keybedUIWrapper>div{text-align:center;margin:5px;padding:5px}.dynamic-keybed-module-scss-module__wbxZSG__keybedUIWrapper label{text-align:center;margin:0 8px;display:block}.dynamic-keybed-module-scss-module__wbxZSG__keybedUIWrapper select{margin:auto}.dynamic-keybed-module-scss-module__wbxZSG__keybedWrapper{white-space:nowrap;display:block;overflow:scroll}.dynamic-keybed-module-scss-module__wbxZSG__uiBtnToggles{background-color:var(--keybed-bg);border:1px solid var(--keybed-bg);border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:min-content;margin-left:auto;display:flex}.dynamic-keybed-module-scss-module__wbxZSG__uiBtnToggles>div{justify-self:flex-start;align-items:center;display:flex}.dynamic-keybed-module-scss-module__wbxZSG__uiBtnToggles button{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;align-self:center;margin:3px;font-size:1rem;line-height:20px}.dynamic-keybed-module-scss-module__wbxZSG__viewMode{background-color:var(--keybed-bg);flex-flow:wrap-reverse;justify-content:space-between;display:flex}@media (max-width:476px){.dynamic-keybed-module-scss-module__wbxZSG__viewMode{justify-content:space-evenly}}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div>button{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;width:min-content;margin:3px;padding:0 .5rem;font-size:1rem;line-height:20px}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div>button svg{vertical-align:middle;width:24px;margin:auto}@media print{.dynamic-keybed-module-scss-module__wbxZSG__viewMode>:not(header){display:none}}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div>span{vertical-align:top}.dynamic-keybed-module-scss-module__wbxZSG__viewMode select{height:80%}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div:last-child{display:flex}@media print{.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div:last-child{display:none}}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>header{padding-left:8px}@media (max-width:476px){.dynamic-keybed-module-scss-module__wbxZSG__viewMode>header{margin-right:auto;padding-left:8px}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div:last-child{margin-left:auto}}
.keybedProgressionStack-module-scss-module__VgBo1W__keybedProgressionStack{background-color:var(--keybed-bg);font-family:Arial,Helvetica,sans-serif}.keybedProgressionStack-module-scss-module__VgBo1W__keybedProgressionStack>div:first-child{padding-top:.5rem}.keybedProgressionStack-module-scss-module__VgBo1W__staveParent{padding:1px 0;display:block;overflow:hidden}
._baseCase-module-scss-module__Sv2L1q__Root{all:unset;background-color:var(--color-stone-300);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin-left:.2rem;display:flex}._baseCase-module-scss-module__Sv2L1q__Root:hover{background-color:#7e8395}._baseCase-module-scss-module__Sv2L1q__Root:focus{box-shadow:0 0 0 2px #000}._baseCase-module-scss-module__Sv2L1q__Indicator{color:#000;margin-top:5px}._baseCase-module-scss-module__Sv2L1q__customControlledCheckbox{justify-content:center;align-items:center;display:flex}._baseCase-module-scss-module__Sv2L1q__customControlledCheckbox>label{flex-shrink:2}
._baseCase-module-scss-module__7hvRBa__Root{flex-direction:column;gap:10px;display:flex}._baseCase-module-scss-module__7hvRBa__Item{all:unset;background-color:var(--color-stone-300);border-radius:100%;width:25px;height:25px}._baseCase-module-scss-module__7hvRBa__Item:hover{background-color:var(--color-stone-500)}._baseCase-module-scss-module__7hvRBa__Item:focus{box-shadow:0 0 0 2px #fffefe}._baseCase-module-scss-module__7hvRBa__Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}._baseCase-module-scss-module__7hvRBa__Indicator:after{content:"";background-color:#000;border-radius:50%;width:11px;height:11px;display:block}._baseCase-module-scss-module__7hvRBa__Label{padding-left:1rem;font-size:1rem;line-height:1}._baseCase-module-scss-module__7hvRBa__Form{width:fit-content;margin:0 auto}._baseCase-module-scss-module__7hvRBa__Form legend{margin:.3rem 0;font-size:1.25rem}._baseCase-module-scss-module__7hvRBa__customControlledRadio{flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;display:flex}._baseCase-module-scss-module__7hvRBa__customControlledRadio>label{flex-shrink:2}
.diatonicScalesMenu-module-scss-module__TLBR8W__scaleLabelMenu{flex-direction:column;display:flex}.diatonicScalesMenu-module-scss-module__TLBR8W__scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;display:flex}.diatonicScalesMenu-module-scss-module__TLBR8W__scaleLabelMenu>div select{margin:auto 0}.diatonicScalesMenu-module-scss-module__TLBR8W__scaleLabelMenu>div label{margin-right:.25rem}.diatonicScalesMenu-module-scss-module__TLBR8W__scaleLabelMenu>div>label{width:min-content;font-size:1rem;line-height:1}
.styles-module-scss-module__bhKbIa__Root{flex-direction:column;gap:10px;display:flex}.styles-module-scss-module__bhKbIa__Item{all:unset;background-color:var(--color-stone-300);border-radius:100%;width:25px;height:25px}.styles-module-scss-module__bhKbIa__Item:hover{background-color:var(--color-stone-500)}.styles-module-scss-module__bhKbIa__Item:focus{box-shadow:0 0 0 2px #fffefe}.styles-module-scss-module__bhKbIa__Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.styles-module-scss-module__bhKbIa__Indicator:after{content:"";background-color:#000;border-radius:50%;width:11px;height:11px;display:block}.styles-module-scss-module__bhKbIa__Label{padding-left:1rem}.styles-module-scss-module__bhKbIa__Form{width:fit-content;margin:1rem auto}.styles-module-scss-module__bhKbIa__Form legend{margin:.3rem 0}
.progressionStave-module-scss-module__7SYnzG__staveContainer{margin:0 auto}.progressionStave-module-scss-module__7SYnzG__staveContainer>svg{width:auto;height:auto;filter:var(--svg-invert);margin:0 auto;display:block}
.notes-module-scss-module__JKUZ8q__ivoryKey{color:#000;vertical-align:top;cursor:pointer;background:#fff;border:1px solid #000;border-left:none;border-radius:0 0 .5rem .5rem;flex-direction:column;margin:0;padding:0;font-size:1.1rem;font-weight:100;display:inline-flex}.notes-module-scss-module__JKUZ8q__ivoryKey span{width:100%}.notes-module-scss-module__JKUZ8q__ivoryKey span:first-child{background-color:#ff0;margin-bottom:auto}.notes-module-scss-module__JKUZ8q__ivoryKey span:last-child{margin-top:auto}.notes-module-scss-module__JKUZ8q__ivoryKey:first-child{border:1px solid}.notes-module-scss-module__JKUZ8q__ivoryKey_narrow{width:calc(var(--w-narrow)*var(--unit));height:var(--keybed-height)}.notes-module-scss-module__JKUZ8q__ivoryKey_wide{width:calc(var(--w-wide)*var(--unit));height:var(--keybed-height)}.notes-module-scss-module__JKUZ8q__ebonyKey{cursor:pointer;z-index:3;vertical-align:top;background:#000;border:1px solid #000;border-radius:0 0 .5rem .5rem;flex-direction:column;margin:0;padding:0;font-size:1.1rem;font-weight:100;display:inline-flex;position:relative}.notes-module-scss-module__JKUZ8q__ebonyKey span{width:100%}.notes-module-scss-module__JKUZ8q__ebonyKey span:first-child{background-color:#ff0;margin-bottom:auto;color:#000!important}.notes-module-scss-module__JKUZ8q__ebonyKey span:last-child{margin-top:auto}.notes-module-scss-module__JKUZ8q__ebonyKey_wide{height:calc(var(--keybed-height)/3*2);margin-left:calc(var(--b-narrow)/2*var(--unit)*-1);margin-right:calc(var(--b-narrow)/2*var(--unit)*-1);width:calc(var(--b-narrow)*var(--unit))}.notes-module-scss-module__JKUZ8q__ebonyKey_narrow{height:calc(var(--keybed-height)/3*2);margin-left:calc(var(--b-wide)/2*var(--unit)*-1);margin-right:calc(var(--b-wide)/2*var(--unit)*-1);width:calc(var(--b-wide)*var(--unit))}.notes-module-scss-module__JKUZ8q__highlight{color:#000;background-color:#ff0!important}@media print{.notes-module-scss-module__JKUZ8q__highlight{color:#000;background-color:#ff0!important}}
.keybedProgressionUi-module-scss-module__7J-Ssq__keybedProgressionContainer{max-width:var(--content-width);margin:0 auto}.keybedProgressionUi-module-scss-module__7J-Ssq__keybedProgressionHeaderUi{text-align:center;background-color:var(--keybed-bg);color:var(--keybed-fg);flex-flow:wrap;justify-content:center;align-items:center;margin:0 auto;display:flex}.keybedProgressionUi-module-scss-module__7J-Ssq__keybedProgressionHeaderUi>div{margin:0 1rem}.keybedProgressionUi-module-scss-module__7J-Ssq__keybedProgressionHeaderUi>div button{margin:.5rem 0}@media print{.keybedProgressionUi-module-scss-module__7J-Ssq__keybedProgressionHeaderUi{display:none}}.keybedProgressionUi-module-scss-module__7J-Ssq__transposeBtns{flex-direction:column;display:flex}.keybedProgressionUi-module-scss-module__7J-Ssq__mainProgBtns{justify-content:space-between;align-items:center;display:flex}.keybedProgressionUi-module-scss-module__7J-Ssq__mainProgBtns>div{flex:0;margin:8px}.keybedProgressionUi-module-scss-module__7J-Ssq__mainProgBtns>div button{width:min-content}@media print{.keybedProgressionUi-module-scss-module__7J-Ssq__mainProgBtns{display:none}}
.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__uiControls{text-align:center}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__uiControls h2{margin:0;padding:0;font-size:3rem}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__uiControls ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__uiControls>div h2{margin:0;padding:0;font-size:3rem}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:.5rem auto;font-weight:400}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__diatonicCycleModule{text-align:center;justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__diatonicCycleModule>div{margin:0 .5rem}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__diatonicCycleLabelsAndCreate{text-align:center}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__diatonicCycleLabelsAndCreate>button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__Root{all:unset;background-color:#fff;background-color:var(--keybed-bg);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin-left:.2rem;display:flex}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__Root:hover{background-color:#7e8395}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__Root:focus{box-shadow:0 0 0 2px #000}.harmoniseDiatonicCycles-module-scss-module__hQ1Pdq__Indicator{color:#fff}
.harmoniseTriadProgs-module-scss-module__49Qryq__uiControls{text-align:center}.harmoniseTriadProgs-module-scss-module__49Qryq__uiControls>button{border-width:3px;margin:2rem 0 3rem;padding:.75rem;font-size:1.35rem;font-weight:600}.harmoniseTriadProgs-module-scss-module__49Qryq__uiControls>div p{text-align:left;width:60ch;max-width:98%;margin:0 auto;font-weight:700}.harmoniseTriadProgs-module-scss-module__49Qryq__uiControls>div ul{text-align:left;width:55ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent{text-align:center}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent p{width:75%;margin:.1rem auto .5rem;font-size:1rem;font-weight:250}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent>div{justify-content:center;align-items:center;margin:.5rem 0;display:flex}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent>div>div{margin:0 .5rem}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent>div select{margin:0 auto 1rem}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent footer label{width:fit-content}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent footer select{margin:.5rem auto 1rem}.harmoniseTriadProgs-module-scss-module__49Qryq__modalContent footer button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}
.progressionTitle-module-scss-module__nl2Xea__keystackTitle{flex-wrap:wrap-reverse;align-items:center;display:flex}.progressionTitle-module-scss-module__nl2Xea__keystackTitle>strong{font-family:var(--font-h);margin:0 0 0 .35rem;font-size:25px;font-weight:700;text-decoration:underline}.progressionTitle-module-scss-module__nl2Xea__keystackTitle>div{margin-left:auto}.progressionTitle-module-scss-module__nl2Xea__keystackTitle>div>.progressionTitle-module-scss-module__nl2Xea__btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.progressionTitle-module-scss-module__nl2Xea__keystackBtns{display:flex}.progressionTitle-module-scss-module__nl2Xea__keystackBtns button>svg{scale:1.25}@media print{.progressionTitle-module-scss-module__nl2Xea__keystackBtns{display:none}}
.inversionMenu-module-scss-module__W1QNEG__inversionMenuChords{text-align:left}.inversionMenu-module-scss-module__W1QNEG__inversionMenuChords>label{align-items:center;margin:0;display:inline-flex}.inversionMenu-module-scss-module__W1QNEG__inversionMenuChords>label select{margin-left:.2rem}
.scalesMenu-module-scss-module__1jgcbW__scaleLabelMenu{flex-direction:column;align-self:flex-start;display:flex}.scalesMenu-module-scss-module__1jgcbW__scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;margin-top:.2rem;display:flex}.scalesMenu-module-scss-module__1jgcbW__scaleLabelMenu>div select{margin:auto 0}.scalesMenu-module-scss-module__1jgcbW__scaleLabelMenu>div label{width:min-content;margin-top:.2rem;margin-right:.25rem;font-size:1rem;line-height:1}
.voicingMenu-module-scss-module__WkH8zG__voicingMenuChords{text-align:left;margin-top:.2rem}.voicingMenu-module-scss-module__WkH8zG__voicingMenuChords>label{align-items:center;display:inline-flex}.voicingMenu-module-scss-module__WkH8zG__voicingMenuChords>label select{margin-left:.2rem}
.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedControls{width:100%;max-width:var(--content-width);margin:0 auto}.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedControls>div{background-color:var(--background)}.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedControls label{color:var(--keybed-fg)}.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedControls select{margin:auto}.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedControls>button{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;margin:3px;padding:0 .5rem;font-size:1rem}@media print{.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedControls{display:none}}.dynamicUiControlsContainer-module-scss-module__9BknUa__uiContainer{flex-wrap:wrap;justify-content:center;width:auto;min-width:340px;display:flex}.dynamicUiControlsContainer-module-scss-module__9BknUa__uiContainer label{color:var(--keybed-fg)}.dynamicUiControlsContainer-module-scss-module__9BknUa__rootNoteKeybedBegin{text-align:left;border-radius:5%;align-items:center;width:fit-content;padding:.25rem;display:flex}.dynamicUiControlsContainer-module-scss-module__9BknUa__rootNoteKeybedBegin>label{width:min-content;margin-right:1rem;line-height:1}.dynamicUiControlsContainer-module-scss-module__9BknUa__rootNoteKeybedBegin>div{text-align:center;width:fit-content}.dynamicUiControlsContainer-module-scss-module__9BknUa__rootNoteKeybedBegin>div select{width:min-content}.dynamicUiControlsContainer-module-scss-module__9BknUa__chordsAndScales{text-align:center;align-items:flex-end;padding:.25rem;display:flex}.dynamicUiControlsContainer-module-scss-module__9BknUa__chordsAndScales select{width:auto}.dynamicUiControlsContainer-module-scss-module__9BknUa__chordsAndScales>div:first-child{margin:0 .5rem 0 1rem}.dynamicUiControlsContainer-module-scss-module__9BknUa__keybedBtnsKeysig{flex-wrap:wrap-reverse;justify-content:space-between;display:flex}
.LinkKeybedStartToRoot-module-scss-module__mRquUq__Root{all:unset;background-color:#fff;background-color:var(--color-stone-200);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin:.2rem auto 0;display:flex}.LinkKeybedStartToRoot-module-scss-module__mRquUq__Root:hover{background-color:#7e8395}.LinkKeybedStartToRoot-module-scss-module__mRquUq__Root:focus{box-shadow:0 0 0 2px #000}.LinkKeybedStartToRoot-module-scss-module__mRquUq__Indicator{color:#000}
.keysig-module-scss-module__HVb9FG__keysig{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}
.duplicateKeybed-module-scss-module__1pMOZW__duplicateKeybed{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;width:min-content;margin:3px 3px 3px auto;padding:0 .5rem;font-size:1rem;line-height:20px;transition:all .2s}.duplicateKeybed-module-scss-module__1pMOZW__duplicateKeybed:hover{border-color:var(--color-pop)}
.deleteKeybed-module-scss-module__74qDEG__deleteKeybed{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;width:min-content;margin:3px 3px 3px auto;padding:0 .5rem;font-size:1rem;line-height:20px;transition:all .2s}.deleteKeybed-module-scss-module__74qDEG__deleteKeybed:hover{border-color:var(--color-pop)}
.KeybedStartFromLowestPitch-module-scss-module__JxGUoG__Root{all:unset;background-color:#fff;background-color:var(--color-stone-200);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin:.2rem auto 0;display:flex}.KeybedStartFromLowestPitch-module-scss-module__JxGUoG__Root:hover{background-color:#7e8395}.KeybedStartFromLowestPitch-module-scss-module__JxGUoG__Root:focus{box-shadow:0 0 0 2px #000}.KeybedStartFromLowestPitch-module-scss-module__JxGUoG__Indicator{color:#000}
@media print{.octave-menu-module-scss-module__uIauJW__octaveMenu select,.octave-menu-module-scss-module__uIauJW__octaveMenu label{display:none}}
.dynamic-keybed-module-scss-module__MOCm-G__dynamicKeybedParent{position:relative}.dynamic-keybed-module-scss-module__MOCm-G__keybedContainerWrapper{width:fit-content;margin:0 auto;display:flex}.dynamic-keybed-module-scss-module__MOCm-G__keybedContainerWrapper label{color:var(--keybed-fg)}.dynamic-keybed-module-scss-module__MOCm-G__keybedContainerWrapper select{width:auto}.dynamic-keybed-module-scss-module__MOCm-G__keybedUIWrapper{border:2px dotted #639;display:flex}.dynamic-keybed-module-scss-module__MOCm-G__keybedUIWrapper>div{text-align:center;margin:5px;padding:5px}.dynamic-keybed-module-scss-module__MOCm-G__keybedUIWrapper label{text-align:center;margin:0 8px;display:block}.dynamic-keybed-module-scss-module__MOCm-G__keybedUIWrapper select{margin:auto}.dynamic-keybed-module-scss-module__MOCm-G__keybedWrapper{white-space:nowrap;display:block;overflow:scroll}.dynamic-keybed-module-scss-module__MOCm-G__uiBtnToggles{background-color:var(--keybed-bg);border:1px solid var(--keybed-bg);border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:min-content;margin-left:auto;display:flex}.dynamic-keybed-module-scss-module__MOCm-G__uiBtnToggles>div{justify-self:flex-start;align-items:center;display:flex}.dynamic-keybed-module-scss-module__MOCm-G__uiBtnToggles button{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;align-self:center;margin:3px;font-size:1rem;line-height:20px}.dynamic-keybed-module-scss-module__MOCm-G__viewMode{background-color:var(--keybed-bg);flex-flow:wrap-reverse;justify-content:space-between;display:flex}@media (max-width:476px){.dynamic-keybed-module-scss-module__MOCm-G__viewMode{justify-content:space-evenly}}.dynamic-keybed-module-scss-module__MOCm-G__viewMode>div>button{background-color:var(--keybed-bg);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;width:min-content;margin:3px;padding:0 .5rem;font-size:1rem;line-height:20px}.dynamic-keybed-module-scss-module__MOCm-G__viewMode>div>button svg{vertical-align:middle;width:24px;margin:auto}@media print{.dynamic-keybed-module-scss-module__MOCm-G__viewMode>:not(header){display:none}}.dynamic-keybed-module-scss-module__MOCm-G__viewMode>div>span{vertical-align:top}.dynamic-keybed-module-scss-module__MOCm-G__viewMode select{height:80%}.dynamic-keybed-module-scss-module__MOCm-G__viewMode>div:last-child{display:flex}@media print{.dynamic-keybed-module-scss-module__MOCm-G__viewMode>div:last-child{display:none}}.dynamic-keybed-module-scss-module__MOCm-G__viewMode>header{padding-left:8px}@media (max-width:476px){.dynamic-keybed-module-scss-module__MOCm-G__viewMode>header{margin-right:auto;padding-left:8px}.dynamic-keybed-module-scss-module__MOCm-G__viewMode>div:last-child{margin-left:auto}}
.keybedProgressionStack-module-scss-module__gGusYq__keybedProgressionStack{background-color:var(--keybed-bg);font-family:Arial,Helvetica,sans-serif}.keybedProgressionStack-module-scss-module__gGusYq__keybedProgressionStack>div:first-child{padding-top:.5rem}.keybedProgressionStack-module-scss-module__gGusYq__staveParent{padding:.1px 0;display:block;overflow:hidden}
.progressionTitle-module-scss-module__dV162a__keystackTitle{flex-wrap:wrap-reverse;align-items:center;display:flex}.progressionTitle-module-scss-module__dV162a__keystackTitle>strong{font-family:var(--font-h);margin:0 0 0 .35rem;font-size:25px;font-weight:700;text-decoration:underline}.progressionTitle-module-scss-module__dV162a__keystackTitle>div{margin-left:auto}.progressionTitle-module-scss-module__dV162a__keystackTitle>div>.progressionTitle-module-scss-module__dV162a__btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.progressionTitle-module-scss-module__dV162a__keystackBtns{display:flex}.progressionTitle-module-scss-module__dV162a__keystackBtns button>svg{scale:1.25}@media print{.progressionTitle-module-scss-module__dV162a__keystackBtns{display:none}}.progressionTitle-module-scss-module__dV162a__btn{width:min-content;margin-left:auto}
.explore-module-scss-module__JZuKTG__explore-features{max-width:var(--content-width);margin:0 auto}.explore-module-scss-module__JZuKTG__explore-features>h1,.explore-module-scss-module__JZuKTG__explore-features>h2{text-align:center;margin:2rem}.explore-module-scss-module__JZuKTG__explore-features h3{text-align:center}.explore-module-scss-module__JZuKTG__explore-features>p{max-width:60ch;margin:1rem auto}.explore-module-scss-module__JZuKTG__explore-features>ul{max-width:55ch;margin:1rem auto}.explore-module-scss-module__JZuKTG__explore-features a>small{font-size:.75rem}.explore-module-scss-module__JZuKTG__explore-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.progressionTitleUiStiles-module-scss-module__E555BW__Root{color:var(--keybed-fg);font-size:15px;font-weight:800;line-height:35px;line-height:inherit;text-align:left;width:min-content;margin-right:2px}.progressionTitleUiStiles-module-scss-module__E555BW__Input{all:unset;color:#000;background-color:var(--color-zinc-300);width:fit-content;min-width:200px;height:35px;box-shadow:0 0 0 1px var(--color-zinc-600);border-radius:4px;flex:1;justify-content:center;align-items:center;padding:0 10px;font-size:15px;line-height:1;display:inline-flex}.progressionTitleUiStiles-module-scss-module__E555BW__Input:focus{box-shadow:0 0 0 2px #000}.progressionTitleUiStiles-module-scss-module__E555BW__Input::selection{background-color:var(--color-zinc-600);color:var(--keybed-fg)}.progressionTitleUiStiles-module-scss-module__E555BW__btn{width:min-content;margin-left:auto}.progressionTitleUiStiles-module-scss-module__E555BW__keystackBtns{display:flex}.progressionTitleUiStiles-module-scss-module__E555BW__keystackBtns>.progressionTitleUiStiles-module-scss-module__E555BW__btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.progressionTitleUiStiles-module-scss-module__E555BW__keystackBtns button:last-child>svg{scale:1.25}
.button-variant-module-scss-module__TQyJDq__btn{cursor:pointer;border:2px solid #000;border-radius:4px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9175rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.button-variant-module-scss-module__TQyJDq__btn--default{background-color:var(--color-primary-500);color:var(--background)}.button-variant-module-scss-module__TQyJDq__btn--default:hover{background-color:#0061d5}.button-variant-module-scss-module__TQyJDq__btn--outline{color:#333;background-color:#0000;border-color:#ccc}.button-variant-module-scss-module__TQyJDq__btn--outline:hover{background-color:#f5f5f5}
.progressionTitleUiStiles-module-scss-module__7kiSuG__Root{color:var(--keybed-fg);font-size:15px;font-weight:700;line-height:35px;line-height:inherit;text-align:left;width:min-content;margin-right:2px}.progressionTitleUiStiles-module-scss-module__7kiSuG__Input{all:unset;color:#000;background-color:var(--color-zinc-100);width:fit-content;min-width:200px;height:35px;box-shadow:0 0 0 1px var(--color-zinc-600);border-radius:4px;flex:1;justify-content:center;align-items:center;padding:0 10px;font-size:15px;line-height:1;display:inline-flex}.progressionTitleUiStiles-module-scss-module__7kiSuG__Input:focus{box-shadow:0 0 0 2px #000}.progressionTitleUiStiles-module-scss-module__7kiSuG__Input::selection{background-color:var(--color-slate-400);color:var(--keybed-fg)}.progressionTitleUiStiles-module-scss-module__7kiSuG__keystackBtns{display:flex}.progressionTitleUiStiles-module-scss-module__7kiSuG__keystackBtns>.progressionTitleUiStiles-module-scss-module__7kiSuG__btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.progressionTitleUiStiles-module-scss-module__7kiSuG__keystackBtns button:last-child>svg{scale:1.25}
.harmoniseDiatonicCycles-module-scss-module__5IXhkq__uiControls{text-align:center}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__uiControls h2{margin:0;padding:0;font-size:3rem}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__uiControls ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__uiControls>div h2{margin:0;padding:0;font-size:3rem}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:.5rem auto;font-weight:700}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__diatonicCycleModule{text-align:center;justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__diatonicCycleModule>div{margin:0 .5rem}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__diatonicCycleLabelsAndCreate{text-align:center}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__diatonicCycleLabelsAndCreate>button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__Root{all:unset;background-color:#fff;background-color:var(--keybed-bg);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin-left:.2rem;display:flex}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__Root:hover{background-color:#7e8395}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__Root:focus{box-shadow:0 0 0 2px #000}.harmoniseDiatonicCycles-module-scss-module__5IXhkq__Indicator{color:#fff}
.harmoniseChordInversions-module-scss-module__NgNPVa__chordInversionModule{justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseChordInversions-module-scss-module__NgNPVa__chordInversionModule>div{margin:0 .5rem}.harmoniseChordInversions-module-scss-module__NgNPVa__styleChildContent{color:green}.harmoniseChordInversions-module-scss-module__NgNPVa__chordInversionLabelsAndCreate{text-align:center}.harmoniseChordInversions-module-scss-module__NgNPVa__chordInversionLabelsAndCreate label{width:fit-content}.harmoniseChordInversions-module-scss-module__NgNPVa__chordInversionLabelsAndCreate select{margin:.5rem auto 1rem}.harmoniseChordInversions-module-scss-module__NgNPVa__chordInversionLabelsAndCreate button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.35em}.harmoniseChordInversions-module-scss-module__NgNPVa__uiControls>button{border-width:3px;padding:.5rem;font-size:1.35em;font-weight:700}.harmoniseChordInversions-module-scss-module__NgNPVa__uiControls>div h2{margin:0;padding:0;font-size:3rem}.harmoniseChordInversions-module-scss-module__NgNPVa__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:0 auto;font-weight:700}.harmoniseChordInversions-module-scss-module__NgNPVa__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseChordInversions-module-scss-module__NgNPVa__Root{all:unset;background-color:#fff;background-color:var(--keybed-bg);width:25px;height:25px;color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin-left:.2rem;display:flex}.harmoniseChordInversions-module-scss-module__NgNPVa__Root:hover{background-color:#7e8395}.harmoniseChordInversions-module-scss-module__NgNPVa__Root:focus{box-shadow:0 0 0 2px #000}.harmoniseChordInversions-module-scss-module__NgNPVa__Indicator{color:#fff}
.harmoniseTriadProgs-module-scss-module__PziaQq__uiControls{text-align:center}.harmoniseTriadProgs-module-scss-module__PziaQq__uiControls>button{border-width:3px;padding:.5rem;font-size:1.35em;font-weight:700}.harmoniseTriadProgs-module-scss-module__PziaQq__uiControls>div h2{margin:0;padding:0;font-size:3rem}.harmoniseTriadProgs-module-scss-module__PziaQq__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:0 auto;font-weight:700}.harmoniseTriadProgs-module-scss-module__PziaQq__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseTriadProgs-module-scss-module__PziaQq__modalContent{text-align:center}.harmoniseTriadProgs-module-scss-module__PziaQq__modalContent>div{justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseTriadProgs-module-scss-module__PziaQq__modalContent>div>div{margin:0 .5rem}.harmoniseTriadProgs-module-scss-module__PziaQq__modalContent footer label{width:fit-content}.harmoniseTriadProgs-module-scss-module__PziaQq__modalContent footer select{margin:.5rem auto 1rem}.harmoniseTriadProgs-module-scss-module__PziaQq__modalContent footer button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}
.page-module-scss-module__rcUngW__frontpage{background-color:initial}
.explore-harmony-module-scss-module__rQRJKW__simple-features{max-width:var(--content-width);margin:0 auto}.explore-harmony-module-scss-module__rQRJKW__simple-features header{width:100%;max-width:var(--content-width);margin:0 auto}.explore-harmony-module-scss-module__rQRJKW__simple-features h1,.explore-harmony-module-scss-module__rQRJKW__simple-features h2{text-align:center;margin:2rem}.explore-harmony-module-scss-module__rQRJKW__simple-features h3{text-align:center}.explore-harmony-module-scss-module__rQRJKW__simple-features>p{max-width:60ch;margin:1rem auto}.explore-harmony-module-scss-module__rQRJKW__simple-features>ul{max-width:55ch;margin:1rem auto}.explore-harmony-module-scss-module__rQRJKW__simple-features a>small{font-size:.75rem}.explore-harmony-module-scss-module__rQRJKW__simple-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.who-is-module-scss-module__kQTWSq__whoIs{max-width:var(--content-width);margin:0 auto}.who-is-module-scss-module__kQTWSq__whoIs h1,.who-is-module-scss-module__kQTWSq__whoIs h2{text-align:center;margin:2rem}.who-is-module-scss-module__kQTWSq__whoIs h3{text-align:center}.who-is-module-scss-module__kQTWSq__whoIs>ul{max-width:60ch;margin:0 auto}.who-is-module-scss-module__kQTWSq__whoIs>p{max-width:60ch;margin:1rem auto}