.login-form_logInForm__5OQM4{min-height:calc(100vh - 156px);display:flex;align-items:center;justify-content:center}.login-form_logInForm__5OQM4 form{width:100%;padding:var(--m-responsive)}.login-form_logInForm__5OQM4 fieldset{margin:0 auto;width:100%;max-width:400px;text-align:center;border:none;border:2px solid var(--black);padding:.5rem 1.5rem}.login-form_logInForm__5OQM4 fieldset h1{margin:1.5rem 0}.login-form_logInForm__5OQM4 fieldset label{display:block;font-size:1.175rem;text-align:left;padding-left:1rem}.login-form_logInForm__5OQM4 fieldset input,.login-form_logInForm__5OQM4 fieldset textarea{border:2px solid var(--black);padding:.5rem;border-radius:var(--bradii);margin:.1rem 0 1rem;width:100%}.login-form_logInForm__5OQM4 fieldset input:focus{outline:none;border-color:var(--color-text)}.login-form_logInForm__5OQM4 fieldset button{display:block;font-weight:700;border:2px solid #000;padding:14px 18px;cursor:pointer;margin:1rem auto;background-color:var(--color-yellow-6);color:var(--color-yellow-1)}.login-form_logInForm__5OQM4 fieldset button:active,.login-form_logInForm__5OQM4 fieldset button:hover{color:var(--color-yellow-2)}.login-form_logInForm__5OQM4 fieldset p{text-align:center;max-width:350px;margin:0 auto}.login-form_forgot-password-link__pMHbC{text-align:right;margin-right:.5rem;margin-top:-.5rem;display:block}.MainFlexHeightContainer_baseCase__X3tw7{display:flex;min-height:var(--minimum-content-height)}.MainFlexHeightContainer_baseCase__X3tw7 main{flex:1 1;margin-bottom:1rem}.callToAction_logo__MSp_i{background-color:#fff}.callToAction_callToAction__FprSX{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.callToAction_callToAction__FprSX h1{width:min-content}.callToAction_callToAction__FprSX img{max-width:100%}.page_frontpage__Ymsd5{background-color:initial}.introduction_introductions__IAvKj{max-width:var(--content-width);margin:0 auto}.introduction_introductions__IAvKj h1,.introduction_introductions__IAvKj h2{text-align:center;margin:2rem}.introduction_introductions__IAvKj>p{margin:1rem auto;max-width:60ch;padding:1rem}.introduction_listContainer__FWxEM{margin:0 auto;padding:1rem}.introduction_listContainer__FWxEM>ul{padding:1rem;margin:0 auto;max-width:50ch}.simple-features_simple-features__cEADO header{width:100%;max-width:var(--content-width);margin:0 auto}.simple-features_simple-features__cEADO>div>button{padding:.5rem;font-size:1.5rem;margin:1.5rem}.scalesMenu_scaleLabelMenu__axziy{display:flex;flex-direction:column}.scalesMenu_scaleLabelMenu__axziy>div{justify-content:flex-end;align-self:flex-end;width:14ch;display:flex;text-align:right}.scalesMenu_scaleLabelMenu__axziy>div select{margin:auto 0}.scalesMenu_scaleLabelMenu__axziy>div label{margin-right:.25rem}.scalesMenu_scaleLabelMenu__axziy>div>label{font-size:1rem;line-height:1;width:min-content}.voicingMenuChords_voicingMenuChords__5UlcU{text-align:right}.voicingMenuChords_voicingMenuChords__5UlcU>label{display:inline-flex;align-items:center}.voicingMenuChords_voicingMenuChords__5UlcU>label select{margin-left:.2rem}.inversionMenu_inversionMenuChords__u3QBy{text-align:right}.inversionMenu_inversionMenuChords__u3QBy>label{display:inline-flex;align-items:center}.inversionMenu_inversionMenuChords__u3QBy>label select{margin-left:.2rem}.notes_ivoryKey_narrow__IwMKP{background:#fff;width:calc(var(--w-narrow)*var(--unit));height:var(--keybed-height);color:#000;display:inline-flex;flex-direction:column;vertical-align:top;cursor:pointer;font-size:1.1rem;font-weight:800;border-radius:0 0 .5rem .5rem;margin:0;padding:0;border:1px solid #000;border-left:none}.notes_ivoryKey_narrow__IwMKP span{width:100%}.notes_ivoryKey_narrow__IwMKP span:first-child{margin-bottom:auto;background-color:#ff0}.notes_ivoryKey_narrow__IwMKP span:last-child{margin-top:auto}.notes_ivoryKey_wide__nFOCg{background:#fff;width:calc(var(--w-wide)*var(--unit));height:var(--keybed-height);color:#000;display:inline-flex;flex-direction:column;vertical-align:top;cursor:pointer;font-size:1.1rem;font-weight:800;border-radius:0 0 .5rem .5rem;margin:0;padding:0;border:1px solid #000;border-left:none}.notes_ivoryKey_wide__nFOCg span{width:100%}.notes_ivoryKey_wide__nFOCg span:first-child{margin-bottom:auto;background-color:#ff0}.notes_ivoryKey_wide__nFOCg span:last-child{margin-top:auto}.notes_ivoryKey_narrow__IwMKP:first-child,.notes_ivoryKey_wide__nFOCg:first-child{border-left:1px solid #000}.notes_ebonyKey_narrow__H9job{display:inline-flex;flex-direction:column;background:#000;border:1px solid #000;border-top:0;height:calc(var(--keybed-height)/3*2);position:relative;margin:0;margin-left:calc(var(--b-narrow)/2*var(--unit)*-1);margin-right:calc(var(--b-narrow)/2*var(--unit)*-1);cursor:pointer;font-size:1.1rem;font-weight:800;z-index:3;border-radius:0 0 .5rem .5rem;vertical-align:top;padding:0;width:calc(var(--b-narrow)*var(--unit))}.notes_ebonyKey_narrow__H9job span{width:100%}.notes_ebonyKey_narrow__H9job span:first-child{margin-bottom:auto;background-color:#ff0;color:#000!important}.notes_ebonyKey_narrow__H9job span:last-child{margin-top:auto}.notes_ebonyKey_wide__0fZ6a{width:calc(var(--b-wide)*var(--unit));display:inline-flex;flex-direction:column;background:#000;border:1px solid #000;border-top:0;height:calc(var(--keybed-height)/3*2);position:relative;margin-left:calc(var(--b-wide)/2*var(--unit)*-1);margin-right:calc(var(--b-wide)/2*var(--unit)*-1);cursor:pointer;font-size:1.1rem;font-weight:800;z-index:3;border-radius:0 0 .5rem .5rem;vertical-align:top;padding:0}.notes_ebonyKey_wide__0fZ6a span{width:100%}.notes_ebonyKey_wide__0fZ6a span:first-child{margin-bottom:auto;background-color:#ff0;color:#000!important}.notes_ebonyKey_wide__0fZ6a span:last-child{margin-top:auto}.notes_highlight__w2AvI{background-color:#ff0;color:#000}.keybed-wrapper_keybedContainerWrapper__8GwoD{background-color:var(--keybed-bg);overflow:scroll;width:-moz-fit-content;width:fit-content;max-width:100vw;margin:0 auto .5rem}.keybed-wrapper_keybedControls__zBOfu{background-color:#000;color:snow;border-top-left-radius:.25rem;max-width:100%}.keybed-wrapper_keybedControls__zBOfu select{margin:auto}.keybed-wrapper_keybedControls__zBOfu>button{border-radius:.25rem;border:none;background-color:var(--keybed-bg);color:var(--keybed-fg);border:2px solid var(--keybed-detail);margin:3px;font-size:1rem;padding:0 .5rem}.keybed-wrapper_uiContainer__dJeS6{width:auto;display:flex;flex-wrap:wrap;justify-content:space-between;min-width:340px}.keybed-wrapper_uiBtnToggles__is_r1{margin-left:auto;background-color:var(--keybed-bg);border:1px solid var(--keybed-bg);width:min-content;display:flex;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.keybed-wrapper_uiBtnToggles__is_r1 button{border-radius:.25rem;border:none;background-color:var(--keybed-bg);color:var(--keybed-fg);border:2px solid var(--keybed-detail);margin:3px;font-size:1rem;align-self:center;line-height:20px}.keybed-wrapper_rootNoteKeybedBegin__OYgYm{width:-moz-fit-content;width:fit-content;display:flex;text-align:left;align-items:center;border-radius:5%;padding:.25rem}.keybed-wrapper_rootNoteKeybedBegin__OYgYm>label{width:min-content;margin-right:1rem;line-height:1}.keybed-wrapper_rootNoteKeybedBegin__OYgYm>div{width:-moz-fit-content;width:fit-content;text-align:center}.keybed-wrapper_rootNoteKeybedBegin__OYgYm>div select{width:min-content}.keybed-wrapper_Root__f6o1V{all:unset;background-color:#fff;width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:.2rem auto 0;border-radius:.25rem;border:none;background-color:var(--keybed-bg);color:var(--keybed-fg);border:2px solid var(--keybed-detail)}.keybed-wrapper_Root__f6o1V:hover{background-color:#7e8395}.keybed-wrapper_Root__f6o1V:focus{box-shadow:0 0 0 2px #000}.keybed-wrapper_Indicator__Ggizu{color:#fff}.keybed-wrapper_chordsAndScales__KSIDy{display:flex;align-items:flex-end;text-align:center;margin:auto;padding:.25rem}.keybed-wrapper_chordsAndScales__KSIDy select{width:auto}.keybed-wrapper_keybedWrapper__6aKcu{margin:0 auto;display:block;white-space:nowrap;max-width:100vw;overflow:scroll;width:-moz-fit-content;width:fit-content;background:#000;border:3px solid #000}.keybed-wrapper_viewMode__1CnKF{display:flex;flex-direction:row;border:1px solid var(--keybed-bg)}.keybed-wrapper_viewMode__1CnKF button{border-radius:.25rem;border:none;background-color:var(--keybed-bg);color:var(--keybed-fg);border:2px solid var(--keybed-detail);margin:3px;font-size:1rem;width:min-content;line-height:20px}.keybed-wrapper_viewMode__1CnKF h3>div{display:flex}.keybed-wrapper_viewMode__1CnKF>div>span{vertical-align:top}.labelHeading_labelHeading__vx6rV{margin:0 .5rem;flex:1 1;line-height:24px;font-size:1.25rem}.labelHeading_labelHeading__vx6rV>div span:first-child{margin-right:.25rem}.labelHeading_labelHeading__vx6rV>span{font-size:.9rem}@media(min-width:650px){.labelHeading_labelHeading__vx6rV>span{font-size:1.25rem}}.profile-form_profile-update-confirmation__6oV8k{border-radius:1rem;padding:1rem}.profile-form_profileContainer__S7sng{min-height:calc(100vh - 156px - 1rem);margin:var(--m-responsive);border-radius:var(--bradii)}.profile-form_profileContainer__S7sng button{display:block;font-weight:700;padding:14px 18px;border-radius:var(--border-radius);background-color:var(--color-yellow-9);color:var(--color-yellow-1);border-color:var(--color-yellow-6);border-style:solid;cursor:pointer;margin:1rem auto}.profile-form_profileContainer__S7sng button:active,.profile-form_profileContainer__S7sng button:hover{background-color:var(--color-yellow-7)}.profile-form_profileContainer__S7sng p{text-align:center;max-width:350px;margin:0 auto}.profile-form_profileContainer__S7sng main{background-color:blue;border-bottom:2px solid red}.profile-form_profileContainer__adminOnly__2qFUn{border:1px dashed #ff4500;margin:var(--m-responsive);padding:var(--m-responsive);height:-moz-fit-content;height:fit-content;text-align:center}.profile-form_profileContainer__adminOnly__2qFUn>h1{font-weight:800;padding:2rem 0;font-size:3.5rem}.profile-form_profileContainer__adminOnly__2qFUn>p{margin:0 auto;max-width:500px}.profile-form_profile-form__XqIJH{flex:1 1}.profile-form_profile-form__XqIJH>fieldset{width:100%;min-width:250px;text-align:center;border:none;padding:.5rem 1rem}.profile-form_profile-form__XqIJH>fieldset h2{margin:1.5rem 0}.profile-form_profile-form__XqIJH>fieldset label{display:block;font-size:1.175rem;text-align:left;padding-left:1rem}.profile-form_profile-form__XqIJH>fieldset input,.profile-form_profile-form__XqIJH>fieldset textarea{border:2px solid var(--black);padding:.5rem;border-radius:var(--bradii);margin:.1rem 0 1rem;width:100%}.profile-form_profile-form__XqIJH>fieldset input:focus{outline:none;border-color:var(--color-text)}