@font-face{font-family:Changa;src:url(https://fonts.neb.host/Changa/static/Changa-Regular.ttf)}@font-face{font-family:Changa Bold;src:url(https://fonts.neb.host/Changa/static/Changa-Bold.ttf)}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-black-softer:#4d4d4d;--vt-c-black-true:#000;--vt-c-gray:#ccc;--vt-c-gray-dark:#adadad;--vt-c-indigo:#2c3e50;--vt-c-orange:orange;--vt-c-red:#ff1900;--vt-c-beige:#dbca9a;--vt-c-beige-light:#eeddae;--vt-c-green:#8edf82;--vt-c-green-dark:#299519;--vt-c-green-light:#9ef690;--vt-c-yellow:#fff3a5;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebebd6;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px;--base-color:#3e484d;--header-color:var(--vt-c-white-soft);--header-button-color:var(--vt-c-white);--header-button-hover-color:var(--vt-c-beige-light)}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2);--header-color:var(--vt-c-black);--header-button-color:var(--vt-c-black);--header-button-hover-color:var(--vt-c-black-softer)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{overscroll-behavior:none;vertical-align:baseline;height:100%;margin:0;padding:0;font-size:100%}body{height:100%;min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}@media (width>=1440px){body{place-items:center;display:flex}}#app{flex-direction:column;justify-content:flex-start;place-items:center;max-width:1280px;min-height:100vh;margin:0 auto;padding:0 2rem 2rem;font-weight:400;display:flex}a{color:var(--color-text);padding:1px;font-weight:700;text-decoration:underline;transition:all .4s}p.buffered{padding:15px 0 0}button{background-color:var(--vt-c-green);border-radius:15px 225px 255px 15px 15px 255px 225px 15px;box-sizing:border-box;color:#41403e;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-image:none;background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px;border-style:solid;border-width:2px;border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;align-self:center;height:30px;padding:.45rem;font-family:Neucha,sans-serif;font-size:1rem;line-height:15px;text-decoration:none;transition:all .135s ease-in-out;display:inline-block;box-shadow:15px 28px 25px -18px #0003}@media (hover:hover){button:hover{background-color:var(--vt-c-green-light);border-radius:15px 25px 255px 155px 15px 25px 225px 155px;border-radius:200px 28px 205px 25px/22px 195px 25px 205px;box-shadow:2px 8px 8px -5px #0000004d}}button:focus{box-shadow:2px 8px 4px -6px #0000004d}button:disabled,button:disabled:hover,button:disabled:focus{border-color:var(--vt-c-gray);box-shadow:none;color:#777;cursor:default;background-color:#ccc}strong{font-weight:700}.settings-form[data-v-cf914927]{flex-direction:column;display:flex}.settings-form fieldset[data-v-cf914927]{border:1px solid var(--color-border);padding:.25rem}.settings-form .settings-row[data-v-cf914927]{flex-direction:row;justify-content:space-between;display:flex}.settings-form .settings-row label[data-v-cf914927]{background-color:var(--color-background);font-weight:700}.settings-form .settings-row span[data-v-cf914927]{background-color:var(--color-background-mute);min-width:100px;padding:.1em;display:inline-block}header[data-v-690601d0]{display:flex}@media (width>=1200px){header[data-v-690601d0]{place-items:center}}header[data-v-690601d0]{background-color:var(--header-color);border-bottom:1px solid var(--base-color);z-index:2;flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 16px;display:flex;position:fixed;top:0}header button[data-v-690601d0]{background-color:var(--header-button-color);border-color:var(--color-text);color:var(--color-text);align-items:center;height:40px;display:flex}@media (hover:hover){header button[data-v-690601d0][data-v-690601d0]:hover{background-color:var(--header-button-hover-color)}}header .menu-left[data-v-690601d0]{justify-content:flex-start;align-items:center;gap:5px;width:70px;margin:0;padding:0;display:flex}header .menu-left #button-nav img[data-v-690601d0]{width:24px;height:24px}header .menu-left #button-nav svg g[data-v-690601d0]{fill:var(--color-text)}header .menu-left #nav-overlay[data-v-690601d0]{align-items:unset;z-index:11;background-color:#0000;justify-content:left;width:100%;height:100%;display:none;position:fixed;top:50px;left:0}header .menu-left #nav-overlay.show[data-v-690601d0]{display:flex}header .menu-left #nav-overlay #nav-content[data-v-690601d0]{background-color:var(--color-background);box-sizing:border-box;border-radius:0;width:100%;max-width:500px;max-height:calc(100% - 52px);padding:0;position:relative;top:0;overflow-y:auto;box-shadow:3px 5px 5px #00000026}@media (width>=415px){header .menu-left #nav-overlay #nav-content[data-v-690601d0]{width:325px}}header .menu-left #nav-overlay #nav-content .container[data-v-690601d0]{align-items:normal;padding:0}header .menu-left #nav-overlay #nav-content .container .nav-header[data-v-690601d0]{padding-top:18px;padding-bottom:18px;padding-left:18px;font-size:20px}header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-690601d0]{background-color:#0000;justify-content:left;align-items:center;height:30px;padding:4px 0 4px 18px;font-family:Changa Bold;font-size:16px;font-weight:700;text-decoration:none;display:flex}@media (hover:hover){header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-690601d0][data-v-690601d0]:hover{background-color:var(--color-background-mute)}}header .menu-left #nav-overlay #nav-content #button-nav-close[data-v-690601d0]{width:24px;height:24px;font-size:20px;position:absolute;top:16px;right:16px}header .menu-left #nav-overlay #nav-content #button-nav-close a[data-v-690601d0]{text-decoration:none}@media (hover:hover){header .menu-left #nav-overlay #nav-content #button-nav-close a[data-v-690601d0]:hover{color:var(--dark-color)}}header .menu-left #nav-overlay #nav-content .nav-footer[data-v-690601d0]{display:flex}header .title[data-v-690601d0]{color:var(--color-text);letter-spacing:.1em;pointer-events:none;text-align:center;text-transform:uppercase;font-family:Changa Bold,sans-serif;font-size:14px;font-weight:700;line-height:100%}@media (width>=768px){header .title[data-v-690601d0]{font-size:20px}}header .menu-right[data-v-690601d0]{justify-content:flex-end;width:70px;display:flex}header .menu-right button#button-settings[data-v-690601d0]{justify-content:flex-end;margin-right:0;display:flex}header .modal-footer[data-v-690601d0]{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}#footer-neb-host[data-v-690601d0]{background:var(--color-background-mute);border-top:2px solid var(--vt-c-black);color:var(--color-text);letter-spacing:initial;text-align:left;z-index:2;width:100%;margin-top:20px;padding:10px 18px;font-family:Consolas,sans-serif;font-size:14px;font-weight:500;position:absolute;bottom:0;left:0;right:0}#buttons[data-v-5f826da5]{justify-content:center;gap:5px;padding-bottom:.5rem;display:flex}#fretboard-viewport[data-v-5f826da5]{overflow-x:visible}@media (width<=768px){#fretboard-viewport[data-v-5f826da5]{max-width:90vw;overflow-x:scroll}}#fretboard-numbers[data-v-5f826da5]{font-size:1rem;display:flex}#fretboard-numbers div[data-v-5f826da5]{text-align:center;writing-mode:sideways-lr;width:1.75rem;margin:0;padding:.3em 0;font-weight:700}@media (width<=768px){#fretboard-numbers[data-v-5f826da5]{width:100%;display:-webkit-box}}#fretboard[data-v-5f826da5]{flex-direction:row;display:flex}#fretboard #string-notes[data-v-5f826da5]{border:2px solid var(--vt-c-black-true);flex-direction:column;align-items:center;width:1.75rem;margin-top:0;padding:0 .5em;font-size:1rem;font-weight:700;display:flex}#fretboard #string-notes div[data-v-5f826da5]{align-items:center;height:1.75rem;display:flex}#fretboard #strings[data-v-5f826da5]{border-bottom:2px solid var(--color-border);border-top:2px solid var(--color-border)}#fretboard .string[data-v-5f826da5]{align-items:center;height:1.75rem;display:flex}#fretboard .string[data-v-5f826da5]:last-of-type{border-bottom:0}#fretboard .string .fret[data-v-5f826da5]{border-right:2px solid var(--vt-c-black-true);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;transition:all .1s;display:flex;position:relative}#fretboard .string .fret.empty[data-v-5f826da5]:after{content:"";background:var(--vt-c-gray-dark);width:100%;height:2px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (hover:hover){#fretboard .string .fret[data-v-5f826da5]:hover{background:var(--vt-c-yellow);border-right:2px solid var(--vt-c-orange);cursor:pointer}}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover)[data-v-5f826da5]{background-color:var(--vt-c-green);border-right:2px solid var(--vt-c-green-dark);border:none}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble[data-v-5f826da5]{border:10px var(--vt-c-green-dark);border-right:2px solid var(--vt-c-black);color:var(--vt-c-black);z-index:10;border-radius:16px;width:28px;height:28px;transition:all .1s}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble.playing[data-v-5f826da5]{background-color:var(--vt-c-orange)}@media (hover:hover){:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble[data-v-5f826da5]:hover{background-color:var(--vt-c-yellow);border-color:var(--vt-c-yellow);border-right:2px solid var(--vt-c-black)}}#fretboard .string .fret[data-v-5f826da5]:first-of-type{border-left:1px solid var(--vt-c-gray);border-top:none;border-right:none}#fretboard .string .fret[data-v-5f826da5]:first-of-type{border-left:none}#fretboard .string .fret[data-v-5f826da5]:nth-of-type(2){border-left:2px solid var(--vt-c-black-true)}#note-stats[data-v-7bbf535c]{padding-top:5px;font-size:.9rem;line-height:1.2}@media (width>=1200px){#note-stats[data-v-7bbf535c]{font-size:1rem}}#note-stats #current-chord[data-v-7bbf535c]{margin-bottom:.5rem;font-size:1rem}@media (width>=1200px){#note-stats #current-chord[data-v-7bbf535c]{font-size:1.2rem}}#note-stats details[data-v-7bbf535c]{cursor:pointer}@media (hover:hover){#note-stats details summary[data-v-7bbf535c]:hover{text-decoration:underline}}#note-stats details div#current-ilbls[data-v-7bbf535c]{white-space:break-spaces}.overlay[data-v-3e3103eb]{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog[data-v-3e3103eb]{background:var(--color-background);border-radius:.3rem;width:400px;max-width:90vw;padding:1.5rem;box-shadow:0 2px 8px #0000004d}.content p[data-v-3e3103eb]{padding-bottom:10px}.close-btn[data-v-3e3103eb]{background:var(--vt-c-red);color:var(--vt-c-white);cursor:pointer;border:none;margin-top:.5rem;padding:.5rem 1rem}main[data-v-3d599280]{z-index:1;margin-top:65px;line-height:1.5;display:block}footer[data-v-3d599280]{background:var(--vt-c-black-softer);border-top:2px solid var(--vt-c-black-true);color:var(--vt-c-white);height:20px;letter-spacing:initial;text-align:left;z-index:2;width:100vw;margin:20px 0 0;padding:0 10px;font-family:Consolas,sans-serif;font-size:12px;font-weight:500;position:fixed;bottom:0;left:0;right:0}