.page_section__61PEw{display:flex;height:100%}.page_navigation__sIIfG{width:20%;flex-direction:column;gap:15px;padding-right:20px;display:none;@media screen and (min-width:992px){display:flex}}.page_navigationMobile__NBWyP{width:100%;flex-direction:column;gap:15px;padding-right:20px;display:flex}.page_navigationButton__lnh1b{background-color:transparent;color:#fff;border:1px solid #595959;padding:8px;border-radius:5px;cursor:pointer;font-size:15px;&:hover{color:#595959}&.page_lyra__cV3pz{text-align:start}}.page_navigationButtonActive__u63Pm{color:green;border-color:green}.page_masterContainer__pjX9r{width:100%;display:flex;align-items:center;flex-direction:column;@media screen and (min-width:992px){width:80%}}.page_canvas__dt_l4{background-color:#171717;width:600px;height:300px}.page_notes__Tvp9Z{display:flex;gap:20px}.page_note__eFpMG{color:#595959;font-size:25px;.page_octave__w0dge{font-size:15px}@media screen and (min-width:768px){font-size:40px;.page_octave__w0dge{font-size:20px}}@media screen and (min-width:992px){font-size:60px;.page_octave__w0dge{font-size:30px}}}.page_noteActive__9Fj0M{color:#fff}.page_masterPitch__5C0SD{color:#fff;font-size:30px;text-align:start;width:100%;display:flex;gap:5px}.page_tuningSelect__8276M{background-color:transparent;border:none;color:#fff;font-size:20px}.page_lyraViolSection__ZwDkU{display:flex;flex-direction:column;gap:10px;max-height:150px;overflow-y:auto;@media screen and (min-width:992px){max-height:200px}}.page_gambaSection__sUxWx{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.page_title__3jonF{color:#595959}.page_hamburger__ejQjO{border:none;background-color:transparent;color:#fff;position:fixed;width:30px;height:auto;right:20px;cursor:pointer;&:hover{color:#595959}@media screen and (min-width:992px){display:none}}.page_menu__71kMP{width:300px;height:100dvh;position:fixed;background-color:#171717;transition:right .2s ease-in-out;top:0;display:flex;flex-direction:column;padding:20px;right:-300px;border-left:1px solid #595959}.page_menuOpen__2E6zm{right:0}.page_menuClose__lOwFV{width:30px;height:auto;background-color:transparent;border:none;color:#fff;align-self:flex-end;margin-bottom:10px;cursor:pointer;&:hover{color:#595959}}.page_selectedInstrument__fFJF8{font-size:20px;color:#fff;margin-top:10px}.page_temperament__zrjTF{display:flex;flex-direction:column;gap:20px;margin-top:30px}.page_temperamentLabel__aVa4t{color:#fff}.page_temperamentInput__N0iFg{margin-right:10px}.page_temperamentTitle__IUfZz{color:#fff}