.set-new-password-module-scss-module__Pbk6vW__errorMessage{color:#b81010;margin:0;padding:0}.set-new-password-module-scss-module__Pbk6vW__setNewPasswordSuccess{text-align:center;margin:auto;padding:.25rem}.set-new-password-module-scss-module__Pbk6vW__setNewPasswordSuccess h2{margin:1rem}.set-new-password-module-scss-module__Pbk6vW__setNewPasswordSuccess a{margin:1rem;font-size:2rem}.set-new-password-module-scss-module__Pbk6vW__setNewPassword{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;display:flex}.set-new-password-module-scss-module__Pbk6vW__setNewPassword form{text-align:center;min-height:100%;padding:.25rem}.set-new-password-module-scss-module__Pbk6vW__setNewPassword h1{font-size:3rem}.set-new-password-module-scss-module__Pbk6vW__setNewPassword fieldset{border:none;flex-direction:column;display:flex}.set-new-password-module-scss-module__Pbk6vW__setNewPassword fieldset>p{margin:var(--m-responsive);font-size:1.75rem}.set-new-password-module-scss-module__Pbk6vW__setNewPassword fieldset ul{text-align:center;width:100%;max-width:100%;margin:var(--m-responsive)auto;border-radius:var(--bradii);border:2px solid red;padding:0;font-size:1.5rem;list-style:none}.set-new-password-module-scss-module__Pbk6vW__setNewPassword fieldset ul>li{border-top:1px dotted red;width:100%;margin:4px 0;display:block}.set-new-password-module-scss-module__Pbk6vW__setNewPassword fieldset ul>li:first-child{border-top:none}.set-new-password-module-scss-module__Pbk6vW__setNewPassword label{font-size:1.5rem}.set-new-password-module-scss-module__Pbk6vW__setNewPassword input,.set-new-password-module-scss-module__Pbk6vW__setNewPassword textarea{border:2px solid var(--black);border-radius:var(--bradii);width:100%;max-width:calc(100% - 16px);margin:.1rem auto;padding:.5rem}.set-new-password-module-scss-module__Pbk6vW__setNewPassword input:focus{border-color:var(--color-text);outline:none}.set-new-password-module-scss-module__Pbk6vW__setNewPassword button{border-radius:var(--border-radius);background-color:var(--color-yellow-6);color:var(--color-yellow-1);cursor:pointer;border:2px solid #000;margin:1rem auto;padding:14px 18px;font-weight:700;display:block}.set-new-password-module-scss-module__Pbk6vW__setNewPassword button:disabled{background-color:var(--color-yellow-9);color:var(--black);cursor:not-allowed}.set-new-password-module-scss-module__Pbk6vW__setNewPassword button:hover:not(:disabled),.set-new-password-module-scss-module__Pbk6vW__setNewPassword button:active:not(:disabled){color:var(--color-yellow-2)}.set-new-password-module-scss-module__Pbk6vW__errorMessage{color:red}
.MainFlexHeightContainer-module-scss-module__PTGi7G__baseCase{min-height:var(--minimum-content-height);display:flex}.MainFlexHeightContainer-module-scss-module__PTGi7G__baseCase main{flex:1;margin-bottom:1rem}
.profile-form-module-scss-module__5rK48q__profile-update-confirmation{border-radius:1rem;padding:1rem}.profile-form-module-scss-module__5rK48q__profileContainer{min-height:calc(100vh - 156px - 1rem);margin:var(--m-responsive);border-radius:var(--bradii)}.profile-form-module-scss-module__5rK48q__profileContainer button{border-radius:var(--border-radius);background-color:var(--color-yellow-9);color:var(--color-yellow-1);border-color:var(--color-yellow-6);cursor:pointer;border-style:solid;margin:1rem auto;padding:14px 18px;font-weight:700;display:block}.profile-form-module-scss-module__5rK48q__profileContainer button:hover,.profile-form-module-scss-module__5rK48q__profileContainer button:active{background-color:var(--color-yellow-7)}.profile-form-module-scss-module__5rK48q__profileContainer p{text-align:center;max-width:350px;margin:0 auto}.profile-form-module-scss-module__5rK48q__profileContainer main{background-color:#00f;border-bottom:2px solid red}.profile-form-module-scss-module__5rK48q__profileContainer__adminOnly{margin:var(--m-responsive);padding:var(--m-responsive);text-align:center;border:1px dashed #ff4500;height:fit-content}.profile-form-module-scss-module__5rK48q__profileContainer__adminOnly>h1{padding:2rem 0;font-size:3.5rem;font-weight:800}.profile-form-module-scss-module__5rK48q__profileContainer__adminOnly>p{max-width:500px;margin:0 auto}.profile-form-module-scss-module__5rK48q__profile-form{flex:1 1 0}.profile-form-module-scss-module__5rK48q__profile-form>fieldset{text-align:center;border:none;width:100%;min-width:250px;padding:.5rem 1rem}.profile-form-module-scss-module__5rK48q__profile-form>fieldset h2{margin:1.5rem 0}.profile-form-module-scss-module__5rK48q__profile-form>fieldset label{text-align:left;padding-left:1rem;font-size:1.175rem;display:block}.profile-form-module-scss-module__5rK48q__profile-form>fieldset input,.profile-form-module-scss-module__5rK48q__profile-form>fieldset textarea{border:2px solid var(--black);border-radius:var(--bradii);width:100%;margin:.1rem 0 1rem;padding:.5rem}.profile-form-module-scss-module__5rK48q__profile-form>fieldset input:focus{border-color:var(--color-text);outline:none}
.baseCase-module-scss-module__SQf4wW__baseCase{text-align:center;height:fit-content;min-height:100vh;padding-bottom:1rem}
.controlledCustomModalRadixUI-module-scss-module__CcvuIq__baseCase header>div{flex-wrap:wrap-reverse;justify-content:space-between;display:flex}.controlledCustomModalRadixUI-module-scss-module__CcvuIq__baseCase header>div h2{flex:0 4 auto;margin-top:1rem;margin-bottom:1rem;margin-right:.5rem}.controlledCustomModalRadixUI-module-scss-module__CcvuIq__baseCase header>div button{border-radius:10%;align-self:center;margin-left:auto;padding:.5rem;font-size:1.5rem}.controlledCustomModalRadixUI-module-scss-module__CcvuIq__baseCase header p{text-align:left;width:98%;max-width:45ch;margin:0 auto}.controlledCustomModalRadixUI-module-scss-module__CcvuIq__fixed-overlay{opacity:.5;background-color:#000;position:fixed;inset:0}.controlledCustomModalRadixUI-module-scss-module__CcvuIq__fixed-content{background-color:var(--background);color:var(--foreground);z-index:1000;border:2px solid #fff;border-radius:.5rem;padding:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.keybedProgressionUiExtra-module-scss-module__FNwz-q__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}.keybedProgressionUiExtra-module-scss-module__FNwz-q__keybedProgressionHeaderUi>div{margin:0 1rem}.keybedProgressionUiExtra-module-scss-module__FNwz-q__keybedProgressionHeaderUi>div button{margin:.5rem 0}@media print{.keybedProgressionUiExtra-module-scss-module__FNwz-q__keybedProgressionHeaderUi{display:none}}.keybedProgressionUiExtra-module-scss-module__FNwz-q__transposeBtns{display:flex}
.notes-module-scss-module__6Y7SOq__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:800;display:inline-flex}.notes-module-scss-module__6Y7SOq__ivoryKey span{width:100%}.notes-module-scss-module__6Y7SOq__ivoryKey span:first-child{background-color:#ff0;margin-bottom:auto}.notes-module-scss-module__6Y7SOq__ivoryKey span:last-child{margin-top:auto}.notes-module-scss-module__6Y7SOq__ivoryKey:first-child{border:1px solid}.notes-module-scss-module__6Y7SOq__ivoryKey_narrow{width:calc(var(--w-narrow)*var(--unit));height:var(--keybed-height)}.notes-module-scss-module__6Y7SOq__ivoryKey_wide{width:calc(var(--w-wide)*var(--unit));height:var(--keybed-height)}.notes-module-scss-module__6Y7SOq__ebonyKey{cursor:pointer;z-index:3;vertical-align:top;background:#000;border:1px solid #000;border-top:0;border-radius:0 0 .5rem .5rem;flex-direction:column;margin:0;padding:0;font-size:1.1rem;font-weight:800;display:inline-flex;position:relative}.notes-module-scss-module__6Y7SOq__ebonyKey span{width:100%}.notes-module-scss-module__6Y7SOq__ebonyKey span:first-child{background-color:#ff0;margin-bottom:auto;color:#000!important}.notes-module-scss-module__6Y7SOq__ebonyKey span:last-child{margin-top:auto}.notes-module-scss-module__6Y7SOq__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__6Y7SOq__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__6Y7SOq__highlight{color:#000;background-color:#ff0}
.dynamic-keybed-module-scss-module__S9IOvG__dynamicKeybedParent{position:relative}.dynamic-keybed-module-scss-module__S9IOvG__keybedContainerWrapper{width:fit-content;margin:0 auto;display:flex}.dynamic-keybed-module-scss-module__S9IOvG__keybedContainerWrapper label{color:var(--keybed-fg)}.dynamic-keybed-module-scss-module__S9IOvG__keybedContainerWrapper select{width:auto}.dynamic-keybed-module-scss-module__S9IOvG__keybedUIWrapper{border:2px dotted #639;display:flex}.dynamic-keybed-module-scss-module__S9IOvG__keybedUIWrapper>div{text-align:center;margin:5px;padding:5px}.dynamic-keybed-module-scss-module__S9IOvG__keybedUIWrapper label{text-align:center;margin:0 8px;display:block}.dynamic-keybed-module-scss-module__S9IOvG__keybedUIWrapper select{margin:auto}.dynamic-keybed-module-scss-module__S9IOvG__keybedWrapper{white-space:nowrap;background:#000;border:1.5px solid #000;max-width:calc(100vw - 90px);margin:0 auto;display:block;overflow:scroll}.dynamic-keybed-module-scss-module__S9IOvG__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__S9IOvG__uiBtnToggles>div{justify-self:flex-start;align-items:center;display:flex}.dynamic-keybed-module-scss-module__S9IOvG__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__S9IOvG__viewMode{border:1px solid var(--keybed-bg);flex-direction:row;display:flex}.dynamic-keybed-module-scss-module__S9IOvG__viewMode>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__S9IOvG__viewMode>button svg{vertical-align:middle;width:24px;margin:auto}@media print{.dynamic-keybed-module-scss-module__S9IOvG__viewMode>:not(h3){display:none}}.dynamic-keybed-module-scss-module__S9IOvG__viewMode h3>div{display:flex}.dynamic-keybed-module-scss-module__S9IOvG__viewMode>div>span{vertical-align:top}.dynamic-keybed-module-scss-module__S9IOvG__viewMode select{height:80%}
.callToAction-module__0nfVHW__logo{background-color:#fff}
.labelHeading-module-scss-module__hvDNeG__labelHeading{text-align:left;color:var(--keybed-fg);flex:1;margin:0 .5rem;font-size:1.25rem;line-height:24px}.labelHeading-module-scss-module__hvDNeG__labelHeading>div span:first-child{margin-left:-.75rem;margin-right:.25rem;font-weight:100}.labelHeading-module-scss-module__hvDNeG__labelHeading>span{font-size:.9rem}@media (min-width:650px){.labelHeading-module-scss-module__hvDNeG__labelHeading>span{font-size:1.25rem}}
.callToAction-module-scss-module__HZ2dTa__callToAction{grid-template-rows:1fr;grid-template-columns:1fr;max-width:600px;margin:0 auto;display:grid;position:relative}.callToAction-module-scss-module__HZ2dTa__imageUnderlay{z-index:1;background-color:#fff;grid-area:1/1/2/2;justify-self:center;padding:1rem;position:relative}.callToAction-module-scss-module__HZ2dTa__copyOverlay{z-index:2;color:snow;grid-area:1/1/2/2;place-self:center;margin-top:2rem}.callToAction-module-scss-module__HZ2dTa__copyOverlay h1{width:min-content;margin-top:4rem;margin-left:-4rem;font-size:3.5rem}
.inversionMenu-module-scss-module__tmAGva__inversionMenuChords{text-align:left}.inversionMenu-module-scss-module__tmAGva__inversionMenuChords>label{align-items:center;margin:0;display:inline-flex}.inversionMenu-module-scss-module__tmAGva__inversionMenuChords>label select{margin-left:.2rem}
.page-module-scss-module__rcUngW__frontpage{background-color:initial}
.scalesMenu-module-scss-module__r9EAUa__scaleLabelMenu{flex-direction:column;display:flex}.scalesMenu-module-scss-module__r9EAUa__scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;display:flex}.scalesMenu-module-scss-module__r9EAUa__scaleLabelMenu>div select{margin:auto 0}.scalesMenu-module-scss-module__r9EAUa__scaleLabelMenu>div label{margin-right:.25rem}.scalesMenu-module-scss-module__r9EAUa__scaleLabelMenu>div>label{width:min-content;font-size:1rem;line-height:1}
.simple-features-module-scss-module__sFqoYG__simple-features header{width:100%;max-width:var(--content-width);margin:0 auto}.simple-features-module-scss-module__sFqoYG__simple-features>div>button{margin:1.5rem;padding:.5rem;font-size:1.5rem}
.introduction-module-scss-module__1LGPTq__introductions{max-width:var(--content-width);margin:0 auto}.introduction-module-scss-module__1LGPTq__introductions h1,.introduction-module-scss-module__1LGPTq__introductions h2{text-align:center;margin:2rem}.introduction-module-scss-module__1LGPTq__introductions>p{max-width:60ch;margin:1rem auto}.introduction-module-scss-module__1LGPTq__introductions>ul{max-width:50ch;margin:1rem auto}
.voicingMenu-module-scss-module__RsXRsq__voicingMenuChords{text-align:left}.voicingMenu-module-scss-module__RsXRsq__voicingMenuChords>label{align-items:center;display:inline-flex}.voicingMenu-module-scss-module__RsXRsq__voicingMenuChords>label select{margin-left:.2rem}
.baseCase-module-scss-module__BqTABa__baseCase{text-align:center;width:100%;height:fit-content;padding-bottom:1rem}
.controlledCustomModalRadixUI-module-scss-module__rh98Dq__baseCase header>div{flex-wrap:wrap-reverse;justify-content:space-between;display:flex}.controlledCustomModalRadixUI-module-scss-module__rh98Dq__baseCase header>div h2{flex:0 4 auto;margin-top:1rem;margin-bottom:1rem;margin-right:.5rem}.controlledCustomModalRadixUI-module-scss-module__rh98Dq__baseCase header>div button{border-radius:10%;align-self:center;margin-left:auto;padding:.5rem;font-size:1.5rem}.controlledCustomModalRadixUI-module-scss-module__rh98Dq__baseCase header p{text-align:left;width:98%;max-width:45ch;margin:0 auto}.controlledCustomModalRadixUI-module-scss-module__rh98Dq__fixed-overlay{opacity:.5;background-color:#000;position:fixed;inset:0}.controlledCustomModalRadixUI-module-scss-module__rh98Dq__fixed-content{background-color:var(--background);color:var(--foreground);z-index:1000;border:2px solid #fff;border-radius:.5rem;padding:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.dynamicUiControlsContainer-module-scss-module__kBHRKq__keybedControls{width:100%;max-width:880px;margin:.2rem auto 0}.dynamicUiControlsContainer-module-scss-module__kBHRKq__keybedControls label{color:var(--keybed-fg)}.dynamicUiControlsContainer-module-scss-module__kBHRKq__keybedControls select{margin:auto}.dynamicUiControlsContainer-module-scss-module__kBHRKq__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__kBHRKq__keybedControls{display:none}}.dynamicUiControlsContainer-module-scss-module__kBHRKq__uiContainer{flex-wrap:wrap;justify-content:space-between;width:auto;min-width:340px;display:flex}.dynamicUiControlsContainer-module-scss-module__kBHRKq__uiContainer label{color:var(--keybed-fg)}.dynamicUiControlsContainer-module-scss-module__kBHRKq__rootNoteKeybedBegin{text-align:left;border-radius:5%;align-items:center;width:fit-content;padding:.25rem;display:flex}.dynamicUiControlsContainer-module-scss-module__kBHRKq__rootNoteKeybedBegin>label{width:min-content;margin-right:1rem;line-height:1}.dynamicUiControlsContainer-module-scss-module__kBHRKq__rootNoteKeybedBegin>div{text-align:center;width:fit-content}.dynamicUiControlsContainer-module-scss-module__kBHRKq__rootNoteKeybedBegin>div select{width:min-content}.dynamicUiControlsContainer-module-scss-module__kBHRKq__chordsAndScales{text-align:center;align-items:flex-end;margin:auto;padding:.25rem;display:flex}.dynamicUiControlsContainer-module-scss-module__kBHRKq__chordsAndScales select{width: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{display:flex}
.LinkKeybedStartToRoot-module-scss-module__QbkQTq__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__QbkQTq__Root:hover{background-color:#7e8395}.LinkKeybedStartToRoot-module-scss-module__QbkQTq__Root:focus{box-shadow:0 0 0 2px #000}.LinkKeybedStartToRoot-module-scss-module__QbkQTq__Indicator{color:#000}
.notes-module-scss-module__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:800;display:inline-flex}.notes-module-scss-module__j6DZQW__ivoryKey span{width:100%}.notes-module-scss-module__j6DZQW__ivoryKey span:first-child{background-color:#ff0;margin-bottom:auto}.notes-module-scss-module__j6DZQW__ivoryKey span:last-child{margin-top:auto}.notes-module-scss-module__j6DZQW__ivoryKey:first-child{border:1px solid}.notes-module-scss-module__j6DZQW__ivoryKey_narrow{width:calc(var(--w-narrow)*var(--unit));height:var(--keybed-height)}.notes-module-scss-module__j6DZQW__ivoryKey_wide{width:calc(var(--w-wide)*var(--unit));height:var(--keybed-height)}.notes-module-scss-module__j6DZQW__ebonyKey{cursor:pointer;z-index:3;vertical-align:top;background:#000;border:1px solid #000;border-top:0;border-radius:0 0 .5rem .5rem;flex-direction:column;margin:0;padding:0;font-size:1.1rem;font-weight:800;display:inline-flex;position:relative}.notes-module-scss-module__j6DZQW__ebonyKey span{width:100%}.notes-module-scss-module__j6DZQW__ebonyKey span:first-child{background-color:#ff0;margin-bottom:auto;color:#000!important}.notes-module-scss-module__j6DZQW__ebonyKey span:last-child{margin-top:auto}.notes-module-scss-module__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))}.notes-module-scss-module__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))}.notes-module-scss-module__j6DZQW__highlight{color:#000;background-color:#ff0}
.keysig-module-scss-module__mQyfOG__keysig{flex-wrap:wrap;justify-content:center;width:max-content;margin-left:auto;display:flex}.keysig-module-scss-module__mQyfOG__keysig>label{width:max-content;margin:auto}.keysig-module-scss-module__mQyfOG__keysig>select{margin:0;font-size:1em}
.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;background:#000;border:1.5px solid #000;max-width:calc(100vw - 90px);margin:0 auto;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{border:1px solid var(--keybed-bg);flex-direction:row;display:flex}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>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>button svg{vertical-align:middle;width:24px;margin:auto}@media print{.dynamic-keybed-module-scss-module__wbxZSG__viewMode>:not(h3){display:none}}.dynamic-keybed-module-scss-module__wbxZSG__viewMode h3>div{display:flex}.dynamic-keybed-module-scss-module__wbxZSG__viewMode>div>span{vertical-align:top}.dynamic-keybed-module-scss-module__wbxZSG__viewMode select{height:80%}
.duplicateKeybed-module-scss-module__wquOYq__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}
.labelHeading-module-scss-module__D7r5nG__labelHeading{text-align:left;color:var(--keybed-fg);flex:1;margin:0 .5rem;font-size:1.25rem;line-height:24px}.labelHeading-module-scss-module__D7r5nG__labelHeading>div span:first-child{margin-left:-.75rem;margin-right:.25rem;font-weight:100}.labelHeading-module-scss-module__D7r5nG__labelHeading>span{font-size:.9rem}@media (min-width:650px){.labelHeading-module-scss-module__D7r5nG__labelHeading>span{font-size:1.25rem}}
.deleteKeybed-module-scss-module__0PhpvG__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}
.inversionMenu-module-scss-module__WScVtG__inversionMenuChords{text-align:left}.inversionMenu-module-scss-module__WScVtG__inversionMenuChords>label{align-items:center;margin:0;display:inline-flex}.inversionMenu-module-scss-module__WScVtG__inversionMenuChords>label select{margin-left:.2rem}
.KeybedStartFromLowestPitch-module-scss-module__4Fmg6q__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__4Fmg6q__Root:hover{background-color:#7e8395}.KeybedStartFromLowestPitch-module-scss-module__4Fmg6q__Root:focus{box-shadow:0 0 0 2px #000}.KeybedStartFromLowestPitch-module-scss-module__4Fmg6q__Indicator{color:#000}
.scalesMenu-module-scss-module__2O-wfa__scaleLabelMenu{flex-direction:column;display:flex}.scalesMenu-module-scss-module__2O-wfa__scaleLabelMenu>div{text-align:right;justify-content:flex-end;align-self:flex-end;width:14ch;display:flex}.scalesMenu-module-scss-module__2O-wfa__scaleLabelMenu>div select{margin:auto 0}.scalesMenu-module-scss-module__2O-wfa__scaleLabelMenu>div label{margin-right:.25rem}.scalesMenu-module-scss-module__2O-wfa__scaleLabelMenu>div>label{width:min-content;font-size:1rem;line-height:1}
.harmoniseChordInversions-module-scss-module__y5y9sq__chordInversionModule{justify-content:center;align-items:center;margin:1rem 0;display:flex}.harmoniseChordInversions-module-scss-module__y5y9sq__chordInversionModule>div{margin:0 .5rem}.harmoniseChordInversions-module-scss-module__y5y9sq__styleChildContent{color:green}.harmoniseChordInversions-module-scss-module__y5y9sq__chordInversionLabelsAndCreate{text-align:center}.harmoniseChordInversions-module-scss-module__y5y9sq__chordInversionLabelsAndCreate>button{border-radius:10px;align-self:center;margin:1rem 1rem 0;padding:.5rem;font-size:1.5rem}.harmoniseChordInversions-module-scss-module__y5y9sq__uiControls>div h2{margin:0;padding:0;font-size:3rem}.harmoniseChordInversions-module-scss-module__y5y9sq__uiControls>div p{text-align:left;width:50ch;max-width:98%;margin:0 auto;font-weight:700}.harmoniseChordInversions-module-scss-module__y5y9sq__uiControls>div ul{text-align:left;width:50ch;max-width:98%;margin:0 auto 1rem;padding-left:1rem}.harmoniseChordInversions-module-scss-module__y5y9sq__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__y5y9sq__Root:hover{background-color:#7e8395}.harmoniseChordInversions-module-scss-module__y5y9sq__Root:focus{box-shadow:0 0 0 2px #000}.harmoniseChordInversions-module-scss-module__y5y9sq__Indicator{color:#fff}
.voicingMenu-module-scss-module__RQsiUG__voicingMenuChords{text-align:left}.voicingMenu-module-scss-module__RQsiUG__voicingMenuChords>label{align-items:center;display:inline-flex}.voicingMenu-module-scss-module__RQsiUG__voicingMenuChords>label select{margin-left:.2rem}
.staticKeysigMenu-module-scss-module__ScZm9a__keysig>select{margin:0 auto;font-size:1em}
._baseCase-module-scss-module__wXRtSa__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__wXRtSa__Root:hover{background-color:#7e8395}._baseCase-module-scss-module__wXRtSa__Root:focus{box-shadow:0 0 0 2px #000}._baseCase-module-scss-module__wXRtSa__Indicator{color:var(--keybed-fg);margin-top:5px}._baseCase-module-scss-module__wXRtSa__customControlledCheckbox{justify-content:center;align-items:center;display:flex}._baseCase-module-scss-module__wXRtSa__customControlledCheckbox>label{flex-shrink:2}
.dynamicUiControlsContainer-module-scss-module__R8GwOq__keybedControls{width:100%;max-width:880px;margin:.2rem auto 0}.dynamicUiControlsContainer-module-scss-module__R8GwOq__keybedControls label{color:var(--keybed-fg)}.dynamicUiControlsContainer-module-scss-module__R8GwOq__keybedControls select{margin:auto}.dynamicUiControlsContainer-module-scss-module__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{.dynamicUiControlsContainer-module-scss-module__R8GwOq__keybedControls{display:none}}.dynamicUiControlsContainer-module-scss-module__R8GwOq__uiContainer{flex-wrap:wrap;justify-content:space-between;width:auto;min-width:340px;display:flex}.dynamicUiControlsContainer-module-scss-module__R8GwOq__uiContainer label{color:var(--keybed-fg)}.dynamicUiControlsContainer-module-scss-module__R8GwOq__rootNoteKeybedBegin{text-align:left;border-radius:5%;align-items:center;width:fit-content;padding:.25rem;display:flex}.dynamicUiControlsContainer-module-scss-module__R8GwOq__rootNoteKeybedBegin>label{width:min-content;margin-right:1rem;line-height:1}.dynamicUiControlsContainer-module-scss-module__R8GwOq__rootNoteKeybedBegin>div{text-align:center;width:fit-content}.dynamicUiControlsContainer-module-scss-module__R8GwOq__rootNoteKeybedBegin>div select{width:min-content}.dynamicUiControlsContainer-module-scss-module__R8GwOq__chordsAndScales{text-align:center;align-items:flex-end;margin:auto;padding:.25rem;display:flex}.dynamicUiControlsContainer-module-scss-module__R8GwOq__chordsAndScales select{width:auto}
.LinkKeybedStartToRoot-module-scss-module__Qyupuq__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__Qyupuq__Root:hover{background-color:#7e8395}.LinkKeybedStartToRoot-module-scss-module__Qyupuq__Root:focus{box-shadow:0 0 0 2px #000}.LinkKeybedStartToRoot-module-scss-module__Qyupuq__Indicator{color:#000}
.styles-module-scss-module__RGRkAa__Root{flex-direction:column;gap:10px;display:flex}.styles-module-scss-module__RGRkAa__Item{all:unset;background-color:var(--color-stone-300);border-radius:100%;width:25px;height:25px}.styles-module-scss-module__RGRkAa__Item:hover{background-color:var(--color-stone-500)}.styles-module-scss-module__RGRkAa__Item:focus{box-shadow:0 0 0 2px #fffefe}.styles-module-scss-module__RGRkAa__Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.styles-module-scss-module__RGRkAa__Indicator:after{content:"";background-color:#000;border-radius:50%;width:11px;height:11px;display:block}.styles-module-scss-module__RGRkAa__Label{padding-left:1rem;font-size:1rem;line-height:1}.styles-module-scss-module__RGRkAa__Form{width:fit-content;margin:0 auto}.styles-module-scss-module__RGRkAa__Form legend{margin:.3rem 0;font-size:1.25rem}
.keysig-module-scss-module__etPqZa__keysig{flex-wrap:wrap;justify-content:center;width:max-content;margin-left:auto;display:flex}.keysig-module-scss-module__etPqZa__keysig>label{width:max-content;margin:auto}.keysig-module-scss-module__etPqZa__keysig>select{margin:0;font-size:1em}
.duplicateKeybed-module-scss-module__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}
.deleteKeybed-module-scss-module__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}
.KeybedStartFromLowestPitch-module-scss-module__60gFfW__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__60gFfW__Root:hover{background-color:#7e8395}.KeybedStartFromLowestPitch-module-scss-module__60gFfW__Root:focus{box-shadow:0 0 0 2px #000}.KeybedStartFromLowestPitch-module-scss-module__60gFfW__Indicator{color:#000}
.login-form-module-scss-module__VlZJia__logInForm{justify-content:center;align-items:center;min-height:calc(100vh - 156px);display:flex}.login-form-module-scss-module__VlZJia__logInForm form{width:100%;padding:var(--m-responsive)}.login-form-module-scss-module__VlZJia__logInForm fieldset{text-align:center;border:none;border:2px solid var(--black);width:100%;max-width:400px;margin:0 auto;padding:.5rem 1.5rem}.login-form-module-scss-module__VlZJia__logInForm fieldset h1{margin:1.5rem 0}.login-form-module-scss-module__VlZJia__logInForm fieldset label{text-align:left;padding-left:1rem;font-size:1.175rem;display:block}.login-form-module-scss-module__VlZJia__logInForm fieldset input,.login-form-module-scss-module__VlZJia__logInForm fieldset textarea{border:2px solid var(--black);border-radius:var(--bradii);width:100%;margin:.1rem 0 1rem;padding:.5rem}.login-form-module-scss-module__VlZJia__logInForm fieldset input:focus{border-color:var(--color-text);outline:none}.login-form-module-scss-module__VlZJia__logInForm fieldset button{cursor:pointer;background-color:var(--color-yellow-6);color:var(--color-yellow-1);border:2px solid #000;margin:1rem auto;padding:14px 18px;font-weight:700;display:block}.login-form-module-scss-module__VlZJia__logInForm fieldset button:hover,.login-form-module-scss-module__VlZJia__logInForm fieldset button:active{color:var(--color-yellow-2)}.login-form-module-scss-module__VlZJia__logInForm fieldset p{text-align:center;max-width:350px;margin:0 auto}.login-form-module-scss-module__VlZJia__forgot-password-link{text-align:right;margin-top:-.5rem;margin-right:.5rem;display:block}
.password-form-module-scss-module__6ESfoG__bold{margin:0 auto;font-size:1.5rem;font-weight:650}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm{justify-content:center;align-items:center;min-height:calc(100vh - 156px);display:flex}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm strong,.password-form-module-scss-module__6ESfoG__sendPasswordResetForm>h1{text-align:center}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm fieldset{border:none;width:100%;max-width:400px}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm label{text-align:left;margin-top:1rem;font-size:1.175rem;display:block}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm input,.password-form-module-scss-module__6ESfoG__sendPasswordResetForm textarea{border:2px solid var(--black);border-radius:var(--bradii);width:100%;margin:.1rem 0 1rem;padding:.5rem}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm input:focus{border-color:var(--color-text);outline:none}.password-form-module-scss-module__6ESfoG__sendPasswordResetForm button{border:2px solid var(--color-yellow-6);border-radius:var(--border-radius);background-color:var(--color-yellow-9);color:var(--color-yellow-1);cursor:pointer;margin:1rem auto;padding:14px 18px;font-weight:700;display:block}.password-form-module-scss-module__6ESfoG__emailDisclaimer{text-align:center;font-size:1.1rem;font-weight:700}
.signup-form-module-scss-module__-lJyrG__signUpFormSuccess h2{text-align:center;margin:1rem}.signup-form-module-scss-module__-lJyrG__signUpFormSuccess p{max-width:50ch;margin:1rem}.signup-form-module-scss-module__-lJyrG__signUpFormSuccess span{text-align:center;margin:0 auto;font-size:1.5rem;line-height:24px;text-decoration:underline;display:block}.signup-form-module-scss-module__-lJyrG__signUpForm{justify-content:center;align-items:center;min-height:calc(100vh - 156px);margin:auto 0;display:flex}.signup-form-module-scss-module__-lJyrG__signUpForm__important{border:2px solid var(--foreground);border-radius:var(--bradii);margin:0 -10px;padding:0 10px}.signup-form-module-scss-module__-lJyrG__signUpForm__important>h2{margin:0;padding:0;text-decoration:underline}.signup-form-module-scss-module__-lJyrG__signUpForm__important>p{text-align:left;margin:4px auto}.signup-form-module-scss-module__-lJyrG__signUpForm form{width:100%}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset{text-align:center;border:none;border:2px solid var(--foreground);width:100%;max-width:500px;margin:1rem auto;padding:.5rem 1.5rem}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset h1{margin:12px 12px 6px}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset label{text-align:left;padding-left:1rem;font-size:1.175rem;display:block}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset input,.signup-form-module-scss-module__-lJyrG__signUpForm fieldset textarea{border:2px solid var(--black);border-radius:var(--bradii);width:100%;margin:.1rem 0 1rem;padding:.5rem}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset input:focus{border-color:var(--color-text);outline:none}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset button{border-radius:var(--border-radius);background-color:var(--color-yellow-6);color:var(--color-yellow-1);cursor:pointer;border:2px solid #000;margin:1rem auto;padding:14px 18px;font-weight:700;display:block}.signup-form-module-scss-module__-lJyrG__signUpForm fieldset button:hover,.signup-form-module-scss-module__-lJyrG__signUpForm fieldset button:active{color:var(--color-yellow-2)}