.baseCase-module-scss-module__B-57Oa__baseCase{text-align:center;height:fit-content;margin:0 auto;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}
.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}}
.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}}
.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}
.labelHeading-module-scss-module__w12zEG__labelHeading{text-align:left;color:var(--keybed-fg);font-size:1.25rem;line-height:24px;font-family:var(--font-h);margin:0 .5rem}.labelHeading-module-scss-module__w12zEG__labelHeading>div span:first-child{margin-left:-.75rem;margin-right:.25rem;font-weight:100}.labelHeading-module-scss-module__w12zEG__labelHeading>span{margin-left:-.5rem;font-weight:200}@media (max-width:550px){.labelHeading-module-scss-module__w12zEG__labelHeading>span{letter-spacing:-1px;font-size:1em}}@media (min-width:650px){.labelHeading-module-scss-module__w12zEG__labelHeading>span{letter-spacing:normal}}.labelHeading-module-scss-module__w12zEG__labelHeading>span:last-child{margin:0}
.stave-module-scss-module__R97M0a__staveContainer{flex-shrink:0;align-self:flex-end}.stave-module-scss-module__R97M0a__staveContainer>svg{height:100%;filter:var(--svg-invert);display:block}
.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}
.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}
.harmoniseChordInversions-module-scss-module__eTehfa__chordInversionModule{justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseChordInversions-module-scss-module__eTehfa__chordInversionModule>div{margin:0 .5rem}.harmoniseChordInversions-module-scss-module__eTehfa__chordInversionModule p{margin:1rem}.harmoniseChordInversions-module-scss-module__eTehfa__chordInversionModule select{margin:0 auto}.harmoniseChordInversions-module-scss-module__eTehfa__chordInversionLabelsAndCreate{text-align:center}.harmoniseChordInversions-module-scss-module__eTehfa__chordInversionLabelsAndCreate>button{border-radius:10px;align-self:center;margin:1rem 1rem 0;padding:.5rem;font-size:1.5rem}.harmoniseChordInversions-module-scss-module__eTehfa__uiControls select{margin:0 auto}.harmoniseChordInversions-module-scss-module__eTehfa__uiControls>button{border-width:3px;margin:2rem 0 3rem;padding:.75rem;font-size:1.35rem;font-weight:600}.harmoniseChordInversions-module-scss-module__eTehfa__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:1.5rem auto 1rem;font-weight:500}.harmoniseChordInversions-module-scss-module__eTehfa__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseChordInversions-module-scss-module__eTehfa__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__eTehfa__Root:hover{background-color:#7e8395}.harmoniseChordInversions-module-scss-module__eTehfa__Root:focus{box-shadow:0 0 0 2px #000}.harmoniseChordInversions-module-scss-module__eTehfa__Indicator{color:#fff}