.TqzkOG_baseCase{text-align:center;height:fit-content;padding-bottom:1rem}.TqzkOG_baseCase>div{text-align:center}.TqzkOG_baseCase>div p{text-align:left;width:60ch;max-width:98%;margin:1rem auto;font-weight:300}.TqzkOG_baseCase>div ul{text-align:left;width:55ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.TqzkOG_baseCase>div>button{border-width:3px;margin:2rem 0 3rem;padding:.75rem;font-size:1.35rem;font-weight:600}
.j6DZQW_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}.j6DZQW_ivoryKey span{width:100%}.j6DZQW_ivoryKey span:first-child{background-color:#ff0;margin-bottom:auto}.j6DZQW_ivoryKey span:last-child{margin-top:auto}.j6DZQW_ivoryKey:first-child{border:1px solid}.j6DZQW_ivoryKey_narrow{width:calc(var(--w-narrow)*var(--unit));height:var(--keybed-height)}.j6DZQW_ivoryKey_wide{width:calc(var(--w-wide)*var(--unit));height:var(--keybed-height)}.j6DZQW_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}.j6DZQW_ebonyKey span{width:100%}.j6DZQW_ebonyKey span:first-child{background-color:#ff0;margin-bottom:auto;color:#000!important}.j6DZQW_ebonyKey span:last-child{margin-top:auto}.j6DZQW_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))}.j6DZQW_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))}.j6DZQW_highlight{color:#000;background-color:#ff0}
.WScVtG_inversionMenuChords{text-align:left}.WScVtG_inversionMenuChords>label{align-items:center;margin:0;display:inline-flex}.WScVtG_inversionMenuChords>label select{margin-left:.2rem}
._2O-wfa_scaleLabelMenu{flex-direction:column;align-self:flex-start;display:flex}._2O-wfa_scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;display:flex}._2O-wfa_scaleLabelMenu>div select{margin:auto 0}._2O-wfa_scaleLabelMenu>div>label{width:min-content;margin-top:.2rem;margin-right:.25rem;font-size:1rem;line-height:1}
.RQsiUG_voicingMenuChords{text-align:left;margin-top:.2rem}.RQsiUG_voicingMenuChords>label{align-items:center;display:inline-flex}.RQsiUG_voicingMenuChords>label select{margin-left:.2rem}
.R8GwOq_keybedControls{width:100%;max-width:var(--content-width);margin:0 auto}.R8GwOq_keybedControls>div{background-color:var(--background)}.R8GwOq_keybedControls label{color:var(--keybed-fg)}.R8GwOq_keybedControls select{margin:auto}.R8GwOq_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{.R8GwOq_keybedControls{display:none}}.R8GwOq_uiContainer{flex-wrap:wrap;justify-content:center;width:auto;min-width:340px;display:flex}.R8GwOq_uiContainer label{color:var(--keybed-fg)}.R8GwOq_rootNoteKeybedBegin{text-align:left;border-radius:5%;align-items:center;width:fit-content;padding:.25rem;display:flex}.R8GwOq_rootNoteKeybedBegin>label{width:min-content;margin-right:1rem;line-height:1}.R8GwOq_rootNoteKeybedBegin>div{text-align:center;width:fit-content}.R8GwOq_rootNoteKeybedBegin>div select{width:min-content}.R8GwOq_chordsAndScales{text-align:center;align-items:flex-end;padding:.25rem;display:flex}.R8GwOq_chordsAndScales select{width:auto}.R8GwOq_chordsAndScales>div:first-child{margin:0 .5rem 0 1rem}.R8GwOq_keybedBtnsKeysig{justify-content:center;display:flex}.R8GwOq_keybedBtnsKeysig>div:last-child{align-items:flex-start;display:flex}.R8GwOq_keybedBtnsKeysig>div:last-child button{background-color:var(--keybed-bg);width:min-content;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}
.etPqZa_keysig{flex-wrap:wrap;justify-content:center;align-items:center;margin-right:.25rem;display:flex}.etPqZa_keysig>label{margin-right:.25rem}
.iOhzdW_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}.iOhzdW_duplicateKeybed:hover{border-color:var(--color-pop)}
@media print{.bCJqFG_octaveMenu select,.bCJqFG_octaveMenu label{display:none}}
.CK1-DW_rootNoteMenu{text-align:center}.CK1-DW_rootNoteMenu>select{width:fit-content}
.EaIJ1G_chordsMenu{text-align:center}
.r6Bc-W_voicingMenuChords{text-align:center}.r6Bc-W_voicingMenuChords>label select{margin-left:.2rem}
._2xPYBa_inversionMenuChords div,._2xPYBa_inversionMenuChords div>label{text-align:center}._2xPYBa_inversionMenuChords div>select{margin:0 auto}
._7hvRBa_Root{flex-direction:column;gap:10px;display:flex}._7hvRBa_Item{all:unset;background-color:var(--color-stone-300);border-radius:100%;width:25px;height:25px}._7hvRBa_Item:hover{background-color:var(--color-stone-500)}._7hvRBa_Item:focus{box-shadow:0 0 0 2px #fffefe}._7hvRBa_Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}._7hvRBa_Indicator:after{content:"";background-color:#000;border-radius:50%;width:11px;height:11px;display:block}._7hvRBa_Label{padding-left:1rem;font-size:1rem;line-height:1}._7hvRBa_Form{width:fit-content;margin:0 auto}._7hvRBa_Form legend{margin:.3rem 0;font-size:1.25rem}._7hvRBa_customControlledRadio{flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;display:flex}._7hvRBa_customControlledRadio>label{flex-shrink:2}
.UVBmPa_uiControls{text-align:center}.UVBmPa_uiControls>div h2{margin:0;padding:0;font-size:3rem}.UVBmPa_uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:1rem auto;font-weight:700}.UVBmPa_uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.UVBmPa_tetradModalContent{text-align:center}.UVBmPa_tetradModalContent>div{justify-content:center;align-items:center;margin:1rem 0;display:flex}.UVBmPa_tetradModalContent>div>div{margin:0 .5rem}.UVBmPa_tetradModalContent footer label{width:fit-content}.UVBmPa_tetradModalContent footer select{margin:.5rem auto 1rem}.UVBmPa_tetradModalContent footer button{border-radius:10px;align-self:center;padding:.5rem;font-size:1.5rem}