@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: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-black-softer: #4d4d4d;--vt-c-black-true: #000000;--vt-c-gray: #cccccc;--vt-c-gray-dark: #adadad;--vt-c-indigo: #2c3e50;--vt-c-orange: #ffa500;--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: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--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: #d7c7c0;--header-button-color: #e8c4b5}@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)}}*,*:before,*:after{box-sizing:border-box;font-weight:400;margin:0;padding:0}html{font-size:100%;height:100%;margin:0;overscroll-behavior:none;padding:0;vertical-align:baseline}body{height:100%;min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:1440px){body{display:flex;place-items:center}}#app{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;justify-items:center;max-width:1280px;margin:0 auto;min-height:100vh;padding:0 2rem 2rem;font-weight:400}@media(min-width:768px){#app{justify-content:center}}@media(min-width:1440px){#app{display:grid;grid-template-columns:1fr 1fr;max-width:1920px;padding:0 2rem}}a{color:var(--vt-c-black);transition:.4s;padding:1px}p.buffered{padding:15px 0 0}button{align-self:center;background-color:var(--vt-c-green);background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:2px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;height:30px;line-height:15px;outline:none;padding:.45rem;text-decoration:none;transition:all 135ms ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation}@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:#0000004d 2px 8px 8px -5px}}button:focus{box-shadow:#0000004d 2px 8px 4px -6px}button:disabled,button:disabled:hover,button:disabled:focus{background-color:#ccc;border-color:var(--vt-c-gray);box-shadow:none;color:#777;cursor:default}strong{font-weight:700}.switch{background-color:#444;border-radius:999px;cursor:pointer;display:block;height:20px;position:relative;width:32px}.switch[data-status=true]{background-color:var(--base-color)}.switch[data-status=true] .knob{transform:translate(calc(100% - 4px))}.switch .knob{background-color:var(--vt-c-white);border-radius:8px;display:block;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transform:translate(0);transition:transform .3s;width:50%}#settings{align-content:center;display:flex;flex-direction:column;justify-content:center}#settings .setting-row{align-items:center;border-bottom:1px solid #666;display:flex;justify-content:space-between;padding:0}#settings .setting-row:last-of-type{border-bottom:none}#settings .setting-row .text{padding:8px 8px 8px 0}#settings .setting-row .text .title{font-size:18px}#settings .setting-row .text .description{color:#444;font-size:12px}#settings .setting-row .control{display:block;margin-left:1em}.settings-form[data-v-5c593eec]{display:flex;flex-direction:column}header[data-v-e5984fab]{align-items:center;background-color:var(--header-color);border-bottom:1px solid var(--base-color);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;height:50px;padding:0 16px;position:fixed;top:0;width:100%;z-index:2}header button[data-v-e5984fab]{align-items:center;background-color:var(--vt-c-beige);display:flex;height:40px}@media(hover:hover){header button[data-v-e5984fab][data-v-e5984fab]:hover{background-color:var(--vt-c-beige-light)}}header .menu-left[data-v-e5984fab]{align-items:center;display:flex;gap:5px;justify-content:flex-start;margin:0;padding:0;width:70px}header .menu-left #button-nav img[data-v-e5984fab]{height:24px;width:24px}header .menu-left #nav-overlay[data-v-e5984fab]{align-items:unset;background-color:transparent;display:none;height:100%;justify-content:left;left:0;position:fixed;top:50px;width:100%;z-index:11}header .menu-left #nav-overlay.show[data-v-e5984fab]{display:flex}header .menu-left #nav-overlay #nav-content[data-v-e5984fab]{background-color:var(--vt-c-white);border-radius:0;box-shadow:3px 5px 5px #00000026;box-sizing:border-box;max-height:calc(100% - 52px);max-width:500px;overflow-y:auto;padding:0;position:relative;top:0;width:100%}@media(min-width:415px){header .menu-left #nav-overlay #nav-content[data-v-e5984fab]{width:325px}}header .menu-left #nav-overlay #nav-content a[data-v-e5984fab]{color:var(--black);text-decoration:none}header .menu-left #nav-overlay #nav-content .container[data-v-e5984fab]{align-items:normal;padding:0}header .menu-left #nav-overlay #nav-content .container .nav-header[data-v-e5984fab]{font-size:20px;padding-bottom:18px;padding-left:18px;padding-top:18px}header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-e5984fab]{align-items:center;background-color:transparent;display:flex;font-family:Changa Bold;font-size:16px;font-weight:700;height:30px;justify-content:left;padding:4px 0 4px 18px}@media(hover:hover){header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-e5984fab][data-v-e5984fab]:hover{background-color:#e9e9e9}}header .menu-left #nav-overlay #nav-content #button-nav-close[data-v-e5984fab]{font-size:20px;height:24px;position:absolute;right:16px;top:16px;width:24px}@media(hover:hover){header .menu-left #nav-overlay #nav-content #button-nav-close[data-v-e5984fab] a[data-v-e5984fab]:hover{color:var(--dark-color)}}header .menu-left #nav-overlay #nav-content .nav-footer[data-v-e5984fab]{display:flex}header .title[data-v-e5984fab]{font-family:Changa Bold,sans-serif;font-weight:700;font-size:14px;line-height:100%;letter-spacing:.1em;pointer-events:none;text-align:center;text-transform:uppercase}@media(min-width:768px){header .title[data-v-e5984fab]{font-size:20px}}header .menu-right[data-v-e5984fab]{display:flex;width:70px}header .menu-right button#button-settings[data-v-e5984fab]{display:flex;justify-content:flex-end;margin-right:0}header .modal-footer[data-v-e5984fab]{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}#footer-neb-host[data-v-e5984fab]{background:var(--header-color);border-top:2px solid var(--vt-c-black);bottom:0;color:var(--vt-c-black);font-family:Consolas,sans-serif;font-size:14px;font-weight:500;left:0;letter-spacing:initial;margin-top:20px;padding:10px 18px;position:absolute;right:0;text-align:left;width:100%;z-index:2}#buttons[data-v-fe0a464c]{display:flex;gap:5px;justify-content:center;padding-bottom:1em}#fretboard-viewport[data-v-fe0a464c]{overflow-x:visible}@media(max-width:768px){#fretboard-viewport[data-v-fe0a464c]{overflow-x:scroll;max-width:90vw}}#fretboard-numbers[data-v-fe0a464c]{display:flex;font-size:1rem}#fretboard-numbers div[data-v-fe0a464c]{font-weight:700;margin:0;padding:.3em 0;text-align:center;width:1.75rem;writing-mode:sideways-lr}@media(max-width:768px){#fretboard-numbers[data-v-fe0a464c]{display:-webkit-box;width:100%}}#fretboard[data-v-fe0a464c]{display:flex;flex-direction:row}#fretboard #string-notes[data-v-fe0a464c]{align-items:center;border:2px solid var(--vt-c-black-true);display:flex;flex-direction:column;font-size:1rem;font-weight:700;margin-top:0;padding:0 .5em;width:1.75rem}#fretboard #string-notes div[data-v-fe0a464c]{align-items:center;display:flex;height:1.75rem}#fretboard #strings[data-v-fe0a464c]{border-bottom:2px solid var(--vt-c-black-true);border-top:2px solid var(--vt-c-black-true)}#fretboard .string[data-v-fe0a464c]{align-items:center;display:flex;height:1.75rem}#fretboard .string[data-v-fe0a464c]:last-of-type{border-bottom:0}#fretboard .string .fret[data-v-fe0a464c]{align-items:center;border-right:2px solid var(--vt-c-black-true);display:flex;justify-content:center;padding:0;position:relative;height:1.75rem;width:1.75rem}#fretboard .string .fret.empty[data-v-fe0a464c]:after{content:"";display:block;width:100%;height:2px;background:var(--vt-c-gray-dark);position:absolute;top:50%;left:0;transform:translateY(-50%)}@media(hover:hover){#fretboard .string .fret[data-v-fe0a464c]: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-fe0a464c]{background: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-fe0a464c]{border:10px var(--vt-c-green-dark);border-right:2px solid var(--vt-c-black);border-radius:16px;color:var(--vt-c-black);z-index:10}@media(hover:hover){:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble[data-v-fe0a464c][data-v-fe0a464c]:hover{background:var(--vt-c-yellow);border-color:var(--vt-c-yellow);border-right:2px solid var(--vt-c-black)}}#fretboard .string .fret[data-v-fe0a464c]:first-of-type{border-left:1px solid var(--vt-c-gray);border-right:none;border-top:none}#fretboard .string .fret[data-v-fe0a464c]:nth-of-type(1){border-left:none}#fretboard .string .fret[data-v-fe0a464c]:nth-of-type(2){border-left:2px solid var(--vt-c-black-true)}.overlay[data-v-7fa37e4e]{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-7fa37e4e]{background:var(--vt-c-white);padding:1.5rem;border-radius:.3rem;max-width:90vw;width:400px;box-shadow:0 2px 8px #0000004d}.content p[data-v-7fa37e4e]{padding-bottom:10px}.close-btn[data-v-7fa37e4e]{margin-top:.5rem;background:var(--vt-c-red);color:var(--vt-c-white);border:none;cursor:pointer;padding:.5rem 1rem}header[data-v-05552e9f]{display:flex}header h1[data-v-05552e9f]{font-weight:500;font-size:2.6rem;position:relative}main[data-v-05552e9f]{display:block;line-height:1.5;margin-top:50px;z-index:1}#note-stats[data-v-05552e9f]{font-size:.9rem;line-height:1.2;padding-top:5px}@media(min-width:1200px){#note-stats[data-v-05552e9f]{font-size:1rem}}@media(min-width:1200px){header[data-v-05552e9f]{place-items:center}}footer[data-v-05552e9f]{background:var(--vt-c-black-softer);border-top:2px solid var(--vt-c-black-true);bottom:0;color:var(--vt-c-white);font-family:Consolas,sans-serif;font-size:12px;font-weight:500;height:20px;left:0;letter-spacing:initial;margin:20px 0 0;padding:0 10px;position:fixed;right:0;text-align:left;width:100vw;z-index:2}