:root{--note-c: #d5700b;--note-g: #bdbd00;--note-d: #70b32d;--note-a: #2db32d;--note-e: #2db370;--note-b: #2db3b3;--note-f-sharp: #2d70b3;--note-c-sharp: #2d2db3;--note-g-sharp: #702db3;--note-d-sharp: #b32db3;--note-a-sharp: #b32d70;--note-f: #b32d2d;--note-g-flat: #2d70b3;--note-d-flat: #2d2db3;--note-a-flat: #702db3;--note-e-flat: #b32db3;--note-b-flat: #b32d70}*{font-family:Roboto;box-sizing:border-box}html,body,#app,._main_1aq7u_29{width:100%;height:100%;overflow:hidden;margin:0;padding:0;font-family:Roboto}#app{background:#000;display:flex;justify-content:center}._main_1aq7u_29{display:flex;flex-direction:column}@media only screen and (min-width: 768px){._main_1aq7u_29{width:768px}}._fretboard_1aq7u_57{flex:1;padding:8px;display:grid;grid-template-columns:8px repeat(6,1fr) 8px;grid-template-rows:0px 42px repeat(12,1fr);row-gap:4px;column-gap:4px;background:#020024;background:linear-gradient(171deg,#020024,#58210e 37%,#000)}._mark_gamr4_1{background:#fff;width:100%;height:100%}._mark_gamr4_1._twelve_gamr4_7:after{content:"";position:absolute;width:8px;height:100%;background:#fff;left:10px}._mark_gamr4_1._twelve_gamr4_7._right_gamr4_16:after{left:-10px}._fret_gamr4_20{width:100vw;height:4px;background:silver;position:absolute;top:-4px;left:-8px;box-shadow:0 3px 3px 3px #0000004d}._nut_gamr4_30{height:8px;top:-6px}._cont_gamr4_35{position:relative}._noteButton_1yaw7_2{align-items:center;background:none;border:0;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;z-index:1}._noteButton_1yaw7_2:before{aspect-ratio:1;background:var(--color, "white");border-radius:50%;box-shadow:0 3px 3px 3px #0000004d;content:"";display:block;position:absolute;width:var(--element-width, 100%);z-index:-1}._noteButton_1yaw7_2._hidden_1yaw7_30{opacity:0}._noteButton_1yaw7_2._hint_1yaw7_34{opacity:1;color:#fff;background:none}._noteButton_1yaw7_2._hint_1yaw7_34:before{background:#00000080;box-shadow:none}._string_1pyhz_1{display:flex;position:relative}._string_1pyhz_1:before{content:"";position:absolute;width:6px;height:100vh;top:-8px;left:calc(50% - 3px);background:#daa520;box-shadow:0 3px 3px 3px #0000004d;z-index:1}._next_1pyhz_18:before{background:#7558a1}._ok_1pyhz_22:before{background:#9abc56}._fail_1pyhz_26:before{background:#e05659}._check_1pyhz_30{-webkit-font-smoothing:antialiased;border-radius:50%;color:#fff;font-family:"Font Awesome 6 Free";font-size:1.25rem;font-style:normal;font-variant:normal;font-weight:900;line-height:1.2rem;padding:8px;position:absolute;text-rendering:auto;top:-10px;z-index:2;left:calc(50% - 21px);width:42px;height:42px;text-align:center;line-height:24px;display:flex;flex-direction:column;justify-content:center}._ok_1pyhz_22>._check_1pyhz_30:before{content:""}._ok_1pyhz_22>._check_1pyhz_30{background:#9abc56}._fail_1pyhz_26>._check_1pyhz_30:before{content:""}._fail_1pyhz_26>._check_1pyhz_30{background:#e05659}._next_1pyhz_18>._check_1pyhz_30:before{content:""}._next_1pyhz_18>._check_1pyhz_30{background:#7558a1}._timer-circle_1pyhz_83{position:absolute;width:42px;height:42px;z-index:2;top:-11px;left:calc(50% - 21px)}._info_1g5qx_1{background:#000;color:#fff;height:3rem;display:flex;padding:8px;align-items:center;justify-content:flex-start;gap:8px}._text_1g5qx_12{flex:1;text-transform:uppercase}#_selectedNoteLabel_1g5qx_1{font-weight:700;border-radius:50%;width:24px;display:inline-flex;height:24px;justify-content:center;align-items:center;margin:0;color:#fff;background:var(--current-note-color);border:0;margin-left:.25rem;padding-top:2px;text-transform:none}._headerBtn_1g5qx_34{padding:4px 8px;border-radius:8px;border:0;text-transform:uppercase;font-size:small}._optionsWrapper_571lp_1{position:absolute;width:100%;height:100%;background:#000000bf;left:0;top:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;user-select:none}._options_571lp_1{padding:3.5rem .5rem;position:relative;width:80%;height:80%;background:#fff;border-radius:16px;box-shadow:0 3px 3px 3px #0000004d;overflow:hidden}._configWrapper_571lp_27{display:flex;flex-direction:column;overflow:auto;width:100%;height:100%;padding:0 1rem;gap:1rem}._closeBtn_571lp_39{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;padding:0;font-size:1.25rem;background:none;border:none}._optionsSection_571lp_51{display:flex;flex-direction:column;gap:.5rem}._optionTitle_571lp_57{font-weight:700;border-bottom:1px solid silver;margin-bottom:.25rem}._optionsSpeed_571lp_63{display:flex;gap:.25rem}._optionsSpeed_571lp_63 button{padding:.5rem}._optionsSpeed_571lp_63 input{font-size:1rem;padding:0 .75rem}._optionsSpeed_571lp_63 :first-child{flex:1;min-width:0}._optionsSection_571lp_51 input[data-string],._optionsSection_571lp_51 input[data-note]{display:none}._stringLabel_571lp_87,._noteLabel_571lp_88{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-weight:700}._stringLabel_571lp_87{background:#000}._noteLabel_571lp_88{background:var(--note-color)}._stringLabel_571lp_87[data-checked=false],._noteLabel_571lp_88[data-checked=false]{background:#ddd}._optionsStrings_571lp_112,._optionsNotes_571lp_113{display:flex;gap:.5rem}._emptyNote_571lp_118{width:24px;height:24px}