.c41TTq_simple-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.uIQr7q_baseCase{text-align:center;width:100%;height:fit-content;padding-bottom:1rem}
.P6ya3W_baseCase{max-width:95vw;max-height:90vh}.P6ya3W_baseCase header>div{flex-wrap:wrap-reverse;justify-content:space-between;display:flex}.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){.P6ya3W_baseCase header>div h2{font-size:3rem}}.P6ya3W_baseCase header>div button{border-radius:10%;align-self:center;margin-left:auto;padding:.5rem;font-size:1.5rem}.P6ya3W_baseCase header p{text-align:left;width:98%;max-width:45ch;margin:0 auto;font-weight:200}.P6ya3W_fixed-overlay{opacity:.5;background-color:#000;position:fixed;inset:0}.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%)}.P6ya3W_fixed-content select>option{white-space:nowrap;width:fit-content}
._8YyWkW_chordInversionModule{justify-content:center;align-items:center;margin:1rem 0;display:flex}._8YyWkW_chordInversionModule>div{margin:0 .5rem}._8YyWkW_chordInversionModule p{margin:1rem}._8YyWkW_chordInversionModule select{margin:0 auto}._8YyWkW_chordInversionLabelsAndCreate{text-align:center}._8YyWkW_chordInversionLabelsAndCreate>button{border-radius:10px;align-self:center;margin:1rem 1rem 0;padding:.5rem;font-size:1.5rem}._8YyWkW_uiControls select{margin:0 auto}._8YyWkW_uiControls>button{border-width:3px;margin:2rem 0 3rem;padding:.75rem;font-size:1.35rem;font-weight:600}._8YyWkW_uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:1.5rem auto 1rem;font-weight:500}._8YyWkW_uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}._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}._8YyWkW_Root:hover{background-color:#7e8395}._8YyWkW_Root:focus{box-shadow:0 0 0 2px #000}._8YyWkW_Indicator{color:#fff}
.twd3_a_keybedProgressionContainer{max-width:var(--content-width);margin:0 auto}.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}.twd3_a_keybedProgressionHeaderUi>div{margin:0 1rem}.twd3_a_keybedProgressionHeaderUi>div button{margin:.5rem 0}@media print{.twd3_a_keybedProgressionHeaderUi{display:none}}.twd3_a_transposeBtns{flex-direction:column;display:flex}.twd3_a_mainProgBtns{justify-content:space-between;align-items:center;display:flex}.twd3_a_mainProgBtns>div{flex:0;margin:8px}.twd3_a_mainProgBtns>div button{width:min-content}@media print{.twd3_a_mainProgBtns{display:none}}
.C1OpXq_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}.C1OpXq_deleteKeybed:hover{border-color:var(--color-pop)}
._8d-lNa_Root{all:unset;width:32px;height:32px;box-shadow:0 2px 10px var(--white);background-color:#fff;background-color:var(--color-stone-200);color:var(--keybed-fg);border:none;border:2px solid var(--keybed-detail);border-radius:.25rem;justify-content:center;align-items:center;margin-top:.2rem;display:flex}._8d-lNa_Root:hover{background-color:#7e8395}._8d-lNa_Root:focus{box-shadow:0 0 0 2px #000}._8d-lNa_Indicator{color:#000}._8d-lNa_labelParent{justify-content:flex-start;align-items:center;width:fit-content;max-width:fit-content;margin:.51rem 0;display:flex;position:relative}._8d-lNa_labelParent>span{margin:0 .49rem 0 0}
.wbxZSG_dynamicKeybedParent{position:relative}.wbxZSG_keybedContainerWrapper{width:fit-content;margin:0 auto;display:flex}.wbxZSG_keybedContainerWrapper label{color:var(--keybed-fg)}.wbxZSG_keybedContainerWrapper select{width:auto}.wbxZSG_keybedUIWrapper{border:2px dotted #639;display:flex}.wbxZSG_keybedUIWrapper>div{text-align:center;margin:5px;padding:5px}.wbxZSG_keybedUIWrapper label{text-align:center;margin:0 8px;display:block}.wbxZSG_keybedUIWrapper select{margin:auto}.wbxZSG_keybedWrapper{white-space:nowrap;display:block;overflow:scroll}.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}.wbxZSG_uiBtnToggles>div{justify-self:flex-start;align-items:center;display:flex}.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}.wbxZSG_viewMode{background-color:var(--keybed-bg);flex-flow:wrap-reverse;justify-content:space-between;display:flex}@media (max-width:476px){.wbxZSG_viewMode{justify-content:space-evenly}}.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}.wbxZSG_viewMode>div>button svg{vertical-align:middle;width:24px;margin:auto}@media print{.wbxZSG_viewMode>:not(header){display:none}}.wbxZSG_viewMode>div>span{vertical-align:top}.wbxZSG_viewMode select{height:80%}.wbxZSG_viewMode>span{text-align:right;display:none}@media print{.wbxZSG_viewMode>span{align-items:center;width:min-content;margin:auto 6px 6px;font-size:16px;line-height:17px;display:flex}}.wbxZSG_viewMode>div:last-child{display:flex}@media print{.wbxZSG_viewMode>div:last-child{display:none}}.wbxZSG_viewMode>header{padding-left:8px}@media (max-width:476px){.wbxZSG_viewMode>header{margin-right:auto;padding-left:8px}.wbxZSG_viewMode>div:last-child{margin-left:auto}}
.VgBo1W_keybedProgressionStack{background-color:var(--keybed-bg);font-family:Arial,Helvetica,sans-serif}.VgBo1W_keybedProgressionStack>div:first-child{padding-top:.5rem}.VgBo1W_staveParent{width:var(--content-width);margin:0 auto;padding:1px 0;display:block;overflow:hidden}
.TLBR8W_scaleLabelMenu{flex-direction:column;display:flex}.TLBR8W_scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;display:flex}.TLBR8W_scaleLabelMenu>div select{margin:auto 0}.TLBR8W_scaleLabelMenu>div label{margin-right:.25rem}.TLBR8W_scaleLabelMenu>div>label{width:min-content;font-size:1rem;line-height:1}
.bhKbIa_Root{flex-direction:column;gap:10px;display:flex}.bhKbIa_Item{all:unset;background-color:var(--color-stone-300);border-radius:100%;width:25px;height:25px}.bhKbIa_Item:hover{background-color:var(--color-stone-500)}.bhKbIa_Item:focus{box-shadow:0 0 0 2px #fffefe}.bhKbIa_Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.bhKbIa_Indicator:after{content:"";background-color:#000;border-radius:50%;width:11px;height:11px;display:block}.bhKbIa_Label{padding-left:1rem}.bhKbIa_Form{width:fit-content;margin:1rem auto}.bhKbIa_Form legend{margin:.3rem 0}
._7SYnzG_staveContainer>svg{width:auto;max-height:var(--keybed-height);filter:var(--svg-invert);display:block}
.ScZm9a_keysig>select{margin:0 auto;font-size:1em}
.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}.Sv2L1q_Root:hover{background-color:#7e8395}.Sv2L1q_Root:focus{box-shadow:0 0 0 2px #000}.Sv2L1q_Indicator{color:#000;margin-top:5px}.Sv2L1q_customControlledCheckbox{justify-content:center;align-items:center;display:flex}.Sv2L1q_customControlledCheckbox>label{flex-shrink:2}
._3EMsvq_staticBuildKeybedFromChromaticNoteMenu{position:relative}._3EMsvq_staticBuildKeybedFromChromaticNoteMenu>select{margin:0 auto}
.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}.JKUZ8q_ivoryKey span{width:100%}.JKUZ8q_ivoryKey span:first-child{background-color:#ff0;margin-bottom:auto}.JKUZ8q_ivoryKey span:last-child{margin-top:auto}.JKUZ8q_ivoryKey:first-child{border:1px solid}.JKUZ8q_ivoryKey_narrow{width:calc(var(--w-narrow)*var(--unit));height:var(--keybed-height)}.JKUZ8q_ivoryKey_wide{width:calc(var(--w-wide)*var(--unit));height:var(--keybed-height)}.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}.JKUZ8q_ebonyKey span{width:100%}.JKUZ8q_ebonyKey span:first-child{background-color:#ff0;margin-bottom:auto;color:#000!important}.JKUZ8q_ebonyKey span:last-child{margin-top:auto}.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))}.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))}.JKUZ8q_highlight{color:#000;background-color:#ff0!important}@media print{.JKUZ8q_highlight{color:#000;background-color:#ff0!important}}
._7J-Ssq_keybedProgressionContainer{max-width:var(--content-width);margin:0 auto}._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}._7J-Ssq_keybedProgressionHeaderUi>div{margin:0 1rem}._7J-Ssq_keybedProgressionHeaderUi>div button{margin:.5rem 0}@media print{._7J-Ssq_keybedProgressionHeaderUi{display:none}}._7J-Ssq_transposeBtns{flex-direction:column;display:flex}._7J-Ssq_mainProgBtns{justify-content:space-between;align-items:center;display:flex}._7J-Ssq_mainProgBtns>div{flex:0;margin:8px}._7J-Ssq_mainProgBtns>div button{width:min-content}@media print{._7J-Ssq_mainProgBtns{display:none}}
.hQ1Pdq_uiControls{text-align:center}.hQ1Pdq_uiControls h2{margin:0;padding:0;font-size:3rem}.hQ1Pdq_uiControls ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.hQ1Pdq_uiControls>div h2{margin:0;padding:0;font-size:3rem}.hQ1Pdq_uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:.5rem auto;font-weight:400}.hQ1Pdq_uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.hQ1Pdq_diatonicCycleModule{text-align:center;justify-content:center;align-items:center;margin:1rem 0;display:flex}.hQ1Pdq_diatonicCycleModule>div{margin:0 .5rem}.hQ1Pdq_diatonicCycleLabelsAndCreate{text-align:center}.hQ1Pdq_diatonicCycleLabelsAndCreate>button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}.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}.hQ1Pdq_Root:hover{background-color:#7e8395}.hQ1Pdq_Root:focus{box-shadow:0 0 0 2px #000}.hQ1Pdq_Indicator{color:#fff}
._49Qryq_uiControls{text-align:center}._49Qryq_uiControls>button{border-width:3px;margin:2rem 0 3rem;padding:.75rem;font-size:1.35rem;font-weight:600}._49Qryq_uiControls>div p{text-align:left;width:60ch;max-width:98%;margin:0 auto;font-weight:700}._49Qryq_uiControls>div ul{text-align:left;width:55ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}._49Qryq_modalContent{text-align:center}._49Qryq_modalContent p{width:75%;margin:.1rem auto .5rem;font-size:1rem;font-weight:250}._49Qryq_modalContent>div{justify-content:center;align-items:center;margin:.5rem 0;display:flex}._49Qryq_modalContent>div>div{margin:0 .5rem}._49Qryq_modalContent>div select{margin:0 auto 1rem}._49Qryq_modalContent footer label{width:fit-content}._49Qryq_modalContent footer select{margin:.5rem auto 1rem}._49Qryq_modalContent footer button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}
.nl2Xea_keystackTitle{flex-wrap:wrap-reverse;align-items:center;display:flex}.nl2Xea_keystackTitle>strong{font-family:var(--font-h);margin:0 0 0 .35rem;font-size:25px;font-weight:700;text-decoration:underline}.nl2Xea_keystackTitle>div{margin-left:auto}.nl2Xea_keystackTitle>div>.nl2Xea_btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.nl2Xea_keystackBtns{display:flex}.nl2Xea_keystackBtns button>svg{scale:1.25}@media print{.nl2Xea_keystackBtns{display:none}}
.W1QNEG_inversionMenuChords{text-align:left}.W1QNEG_inversionMenuChords>label{align-items:center;margin:0;display:inline-flex}.W1QNEG_inversionMenuChords>label select{margin-left:.2rem}
._1jgcbW_scaleLabelMenu{flex-direction:column;align-self:flex-start;display:flex}._1jgcbW_scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;margin-top:.2rem;display:flex}._1jgcbW_scaleLabelMenu>div select{margin:auto 0}._1jgcbW_scaleLabelMenu>div label{width:min-content;margin-top:.2rem;margin-right:.25rem;font-size:1rem;line-height:1}
.WkH8zG_voicingMenuChords{text-align:left;margin-top:.2rem}.WkH8zG_voicingMenuChords>label{align-items:center;display:inline-flex}.WkH8zG_voicingMenuChords>label select{margin-left:.2rem}
._9BknUa_keybedControls{width:100%;max-width:var(--content-width);margin:0 auto}._9BknUa_keybedControls>div{background-color:var(--background)}._9BknUa_keybedControls label{color:var(--keybed-fg)}._9BknUa_keybedControls select{margin:auto}._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{._9BknUa_keybedControls{display:none}}._9BknUa_uiContainer{flex-wrap:wrap;justify-content:center;width:auto;min-width:340px;display:flex}._9BknUa_uiContainer label{color:var(--keybed-fg)}._9BknUa_rootNoteKeybedBegin{text-align:left;border-radius:5%;align-items:center;width:fit-content;padding:.25rem;display:flex}._9BknUa_rootNoteKeybedBegin>label{width:min-content;margin-right:1rem;line-height:1}._9BknUa_rootNoteKeybedBegin>div{text-align:center;width:fit-content}._9BknUa_rootNoteKeybedBegin>div select{width:min-content}._9BknUa_chordsAndScales{text-align:center;align-items:flex-end;padding:.25rem;display:flex}._9BknUa_chordsAndScales select{width:auto}._9BknUa_chordsAndScales>div:first-child{margin:0 .5rem 0 1rem}._9BknUa_keybedBtnsKeysig{justify-content:center;display:flex}
.HVb9FG_keysig{flex-wrap:wrap;justify-content:center;align-items:center;margin-right:.25rem;display:flex}.HVb9FG_keysig>label{margin-right:.25rem}
._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}._1pMOZW_duplicateKeybed:hover{border-color:var(--color-pop)}
._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}._74qDEG_deleteKeybed:hover{border-color:var(--color-pop)}
.Aldj4W_Root{all:unset;background-color:#fff;background-color:var(--color-stone-200);width:32px;height:32px;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}.Aldj4W_Root:hover{background-color:#7e8395}.Aldj4W_Root:focus{box-shadow:0 0 0 2px #000}.Aldj4W_Indicator{color:#000}.Aldj4W_labelParent{justify-content:flex-start;align-items:center;width:fit-content;max-width:fit-content;margin:.51rem 0;display:flex;position:relative}.Aldj4W_labelParent>span{margin:0 .49rem 0 0}
@media print{.uIauJW_octaveMenu select,.uIauJW_octaveMenu label{display:none}}
.MOCm-G_dynamicKeybedParent{position:relative}.MOCm-G_keybedContainerWrapper{width:fit-content;margin:0 auto;display:flex}.MOCm-G_keybedContainerWrapper label{color:var(--keybed-fg)}.MOCm-G_keybedContainerWrapper select{width:auto}.MOCm-G_keybedUIWrapper{border:2px dotted #639;display:flex}.MOCm-G_keybedUIWrapper>div{text-align:center;margin:5px;padding:5px}.MOCm-G_keybedUIWrapper label{text-align:center;margin:0 8px;display:block}.MOCm-G_keybedUIWrapper select{margin:auto}.MOCm-G_keybedWrapper{white-space:nowrap;display:block;overflow:scroll}.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}.MOCm-G_uiBtnToggles>div{justify-self:flex-start;align-items:center;display:flex}.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}.MOCm-G_viewMode{background-color:var(--keybed-bg);flex-flow:wrap-reverse;justify-content:space-between;display:flex}@media (max-width:476px){.MOCm-G_viewMode{justify-content:space-evenly}}.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}.MOCm-G_viewMode>div>button svg{vertical-align:middle;width:24px;margin:auto}@media print{.MOCm-G_viewMode>:not(header){display:none}}.MOCm-G_viewMode>div>span{vertical-align:top}.MOCm-G_viewMode select{height:80%}.MOCm-G_viewMode>div:last-child{display:flex}@media print{.MOCm-G_viewMode>div:last-child{display:none}}.MOCm-G_viewMode>header{padding-left:8px}@media (max-width:476px){.MOCm-G_viewMode>header{margin-right:auto;padding-left:8px}.MOCm-G_viewMode>div:last-child{margin-left:auto}}
.gGusYq_keybedProgressionStack{background-color:var(--keybed-bg);font-family:Arial,Helvetica,sans-serif}.gGusYq_keybedProgressionStack>div:first-child{padding-top:.5rem}.gGusYq_staveParent{padding:.1px 0;display:block;overflow:hidden}
.dV162a_keystackTitle{flex-wrap:wrap-reverse;align-items:center;display:flex}.dV162a_keystackTitle>strong{font-family:var(--font-h);margin:0 0 0 .35rem;font-size:25px;font-weight:700;text-decoration:underline}.dV162a_keystackTitle>div{margin-left:auto}.dV162a_keystackTitle>div>.dV162a_btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.dV162a_keystackBtns{display:flex}.dV162a_keystackBtns button>svg{scale:1.25}@media print{.dV162a_keystackBtns{display:none}}.dV162a_btn{width:min-content;margin-left:auto}
.JZuKTG_explore-features{max-width:var(--content-width);margin:0 auto}.JZuKTG_explore-features>h1,.JZuKTG_explore-features>h2{text-align:center;margin:2rem}.JZuKTG_explore-features h3{text-align:center}.JZuKTG_explore-features>p{max-width:60ch;margin:1rem auto}.JZuKTG_explore-features>ul{max-width:55ch;margin:1rem auto}.JZuKTG_explore-features a>small{font-size:.75rem}.JZuKTG_explore-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.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}.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}.E555BW_Input:focus{box-shadow:0 0 0 2px #000}.E555BW_Input::selection{background-color:var(--color-zinc-600);color:var(--keybed-fg)}.E555BW_btn{width:min-content;margin-left:auto}.E555BW_keystackBtns{display:flex}.E555BW_keystackBtns>.E555BW_btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}.E555BW_keystackBtns button:last-child>svg{scale:1.25}
.TQyJDq_btn{cursor:pointer;border:2px solid #000;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-size:1.175rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.TQyJDq_btn--default{background-color:var(--color-primary-300);color:var(--background)}.TQyJDq_btn--default:hover{color:var(--background);background-color:var(--color-primary-700)}
._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}._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}._7kiSuG_Input:focus{box-shadow:0 0 0 2px #000}._7kiSuG_Input::selection{background-color:var(--color-slate-400);color:var(--keybed-fg)}._7kiSuG_keystackBtns{display:flex}._7kiSuG_keystackBtns>._7kiSuG_btn{width:min-content;margin-left:auto;font-size:.9em;line-height:16px}._7kiSuG_keystackBtns button:last-child>svg{scale:1.25}
.rXVNEG_Root{flex-direction:column;gap:10px;display:flex}.rXVNEG_Root>div{align-items:center;display:flex}.rXVNEG_Item{all:unset;background-color:var(--color-stone-300);border-radius:100%;width:25px;height:25px}.rXVNEG_Item:hover{background-color:var(--color-stone-500)}.rXVNEG_Item:focus{box-shadow:0 0 0 2px #fffefe}.rXVNEG_Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.rXVNEG_Indicator:after{content:"";background-color:#000;border-radius:50%;width:11px;height:11px;display:block}.rXVNEG_Label{padding-left:1rem;font-size:1rem;line-height:1}.rXVNEG_Form{width:fit-content;margin:0 auto}.rXVNEG_Form legend{margin:.3rem 0;font-size:1.25rem}.rXVNEG_customControlledRadio{flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;display:flex}.rXVNEG_customControlledRadio>label{flex-shrink:2}
._5IXhkq_uiControls{text-align:center}._5IXhkq_uiControls h2{margin:0;padding:0;font-size:3rem}._5IXhkq_uiControls ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}._5IXhkq_uiControls>div h2{margin:0;padding:0;font-size:3rem}._5IXhkq_uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:.5rem auto;font-weight:700}._5IXhkq_uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}._5IXhkq_diatonicCycleModule{text-align:center;justify-content:center;align-items:center;margin:1rem 0;display:flex}._5IXhkq_diatonicCycleModule>div{margin:0 .5rem}._5IXhkq_diatonicCycleLabelsAndCreate{text-align:center}._5IXhkq_diatonicCycleLabelsAndCreate>button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}._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}._5IXhkq_Root:hover{background-color:#7e8395}._5IXhkq_Root:focus{box-shadow:0 0 0 2px #000}._5IXhkq_Indicator{color:#fff}
.NgNPVa_chordInversionModule{justify-content:center;align-items:center;margin:1rem 0;display:flex}.NgNPVa_chordInversionModule>div{margin:0 .5rem}.NgNPVa_styleChildContent{color:green}.NgNPVa_chordInversionLabelsAndCreate{text-align:center}.NgNPVa_chordInversionLabelsAndCreate label{width:fit-content}.NgNPVa_chordInversionLabelsAndCreate select{margin:.5rem auto 1rem}.NgNPVa_chordInversionLabelsAndCreate button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.35em}.NgNPVa_uiControls>button{border-width:3px;padding:.5rem;font-size:1.35em;font-weight:700}.NgNPVa_uiControls>div h2{margin:0;padding:0;font-size:3rem}.NgNPVa_uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:0 auto;font-weight:700}.NgNPVa_uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.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}.NgNPVa_Root:hover{background-color:#7e8395}.NgNPVa_Root:focus{box-shadow:0 0 0 2px #000}.NgNPVa_Indicator{color:#fff}
.PziaQq_uiControls{text-align:center}.PziaQq_uiControls>button{border-width:3px;padding:.5rem;font-size:1.35em;font-weight:700}.PziaQq_uiControls>div h2{margin:0;padding:0;font-size:3rem}.PziaQq_uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:0 auto;font-weight:700}.PziaQq_uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.PziaQq_modalContent{text-align:center}.PziaQq_modalContent>div{justify-content:center;align-items:center;margin:1rem 0;display:flex}.PziaQq_modalContent>div>div{margin:0 .5rem}.PziaQq_modalContent footer label{width:fit-content}.PziaQq_modalContent footer select{margin:.5rem auto 1rem}.PziaQq_modalContent footer button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}
.s7upDG_blogPost ul{width:50ch;max-width:100%;margin:1rem auto}.s7upDG_blogPost ul li{text-align:left;margin:.2rem 0}.s7upDG_blogPost figure{margin:0 auto 3rem}.s7upDG_blogPost figure>figcaption{border:2px solid var(--foreground);border-top:none;margin:0 1rem;padding:1.5rem;font-size:1.5rem;text-decoration:underline}
.sfO7MW_baseCase{text-align:center;width:100%;height:fit-content;padding-bottom:1rem}
.rQRJKW_simple-features{max-width:var(--content-width);margin:0 auto}.rQRJKW_simple-features header{width:100%;max-width:var(--content-width);margin:0 auto}.rQRJKW_simple-features h1,.rQRJKW_simple-features h2{text-align:center;margin:2rem}.rQRJKW_simple-features h3{text-align:center}.rQRJKW_simple-features>p{max-width:60ch;margin:1rem auto}.rQRJKW_simple-features>ul{max-width:55ch;margin:1rem auto}.rQRJKW_simple-features a>small{font-size:.75rem}.rQRJKW_simple-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.kQTWSq_whoIs{max-width:var(--content-width);margin:0 auto}.kQTWSq_whoIs h1,.kQTWSq_whoIs h2{text-align:center;margin:2rem}.kQTWSq_whoIs h3{text-align:center}.kQTWSq_whoIs>ul{max-width:60ch;margin:0 auto}.kQTWSq_whoIs>p{max-width:60ch;margin:1rem auto}