: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-indigo:#2c3e50;--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:#ebebeba3;--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);--color-text-mute:var(--vt-c-text-light-2);--accent:#00bd7e;--color-green:var(--accent);--color-green-dark:#00a86b;--color-red:#e85454;--color-red-dark:#a53131;--color-yellow:#c7aa19;--color-yellow-dark:#85710f;--color-blue:#189de4;--color-blue-dark:#144794;--section-gap:160px}@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-1);--color-text-mute:var(--vt-c-text-dark-2)}}.print{--color-background:white;--color-background-soft:var(--vt-c-white-soft);--color-background-mute:white;--color-border:#0000001f;--color-border-hover:#0000004a;--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);background:var(--color-background);color:var(--color-text)}.print.a4{--real-height:297mm;--real-width:210mm;--real-margin:20mm;--display-height:80vh;--display-margin:calc(var(--display-height) * (20 / 297));--display-margin-min:calc(var(--display-height) * (10 / 297));height:var(--display-height);width:calc(var(--display-height) * (210 / 297));aspect-ratio:210/297;max-width:calc(90vw - 2em);max-height:calc(127.286vw - 2.82857em);padding:var(--display-margin);font-size:12px;box-shadow:0 0 10px #0000000d}@media screen and (width<=600px){.print.a4{font-size:10px}}@media screen and (width<=400px){.print.a4{font-size:8px}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400;position:relative}body{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:Outfit,sans-serif;line-height:1.6}hr{border:none;border-bottom:1px solid var(--color-border);margin:1em 0}a,.green{color:var(--accent);text-decoration:none;transition:all .4s}a.link-on-hover{color:unset}a.link-on-hover:hover{color:var(--accent)}.muted{color:var(--color-text-mute)}.column{flex-direction:column;width:100%;display:flex}.row{flex-direction:row;width:100%;display:flex}.row.centre{align-items:center}.row.space-between{justify-content:space-between}.wght-100{font-weight:100}.wght-200{font-weight:200}.wght-300{font-weight:300}.wght-400{font-weight:400}.wght-500{font-weight:500}.wght-600{font-weight:600}.wght-700{font-weight:700}.wght-800{font-weight:800}.wght-900{font-weight:900}.gap-2{gap:.5em}h1,h2,h3,h4,h5,h6{color:var(--color-heading)}dialog{color:var(--color-text);background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:1em;outline:none;gap:1em;margin:auto;padding:1em;position:fixed;inset:0}dialog::backdrop{background:#00000080}dialog .content .preview-container{width:100%;height:25vh;margin-bottom:1em;position:relative}dialog .content .preview.scale-sm{transform-origin:top;place-self:center;max-height:50vh;margin:auto;position:absolute;overflow:auto;scale:.5}dialog .content .row{grid-template-columns:1fr max-content;align-items:center;gap:1em;display:grid}progress{appearance:none;border:none;border-radius:.5rem;width:100%;height:1rem}progress::-webkit-progress-bar{background-color:var(--color-background);border-radius:.5rem}progress::-webkit-progress-value{background-color:var(--accent);border-radius:.5rem}label{color:var(--color-text-mute);font-size:.9rem}.void{z-index:-1;position:fixed;top:0;left:1000vw}.void.show{left:0}@font-face{font-family:Material Symbols Rounded;font-style:normal;src:url(https://fonts.gstatic.com/s/materialsymbolsrounded/v114/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2)format("woff2")}body{z-index:1;display:block;position:relative}.parent{width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.parent .song{width:100%}.parent .capitalise{text-transform:capitalize}.parent .instruments{flex-flow:wrap;gap:1em;display:flex}.parent .instruments .instrument{border:1px solid var(--color-border);border-radius:.5em;padding:.5em}.parent .instruments .instrument h3{font-weight:900}.parent .instruments .instrument .muted{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-style:italic}.parent .instruments .instrument .flex{text-transform:uppercase;flex-direction:row;align-items:center;display:flex}.parent .instruments .instrument .flex.space-between{justify-content:space-between}.parent .instruments .instrument .flex.gap-2{gap:.5em}.parent h1{font-size:2em}.parent h2{text-transform:uppercase;font-size:1.2em}.parent .material-symbols-rounded{font-size:1em}.parent .wrap-to-line{flex-direction:row;align-items:center;display:flex}.parent .wrap-to-line .info{align-items:center;gap:.5em;display:flex}.parent .wrap-to-line .info:not(:last-child){margin-right:1em;padding-right:1em}.parent .wrap-to-line .info:not(:last-child):after{content:" ";background:var(--color-border);width:1px;height:100%;display:block;position:absolute;top:0;right:0}.parent .wrap-to-line .info.option.active{color:var(--color-primary)}.parent hr{border:none;border-top:1px solid var(--color-border);margin:1em 0}.parent .section:not(:last-child){margin-bottom:1em}.parent .section span{text-transform:uppercase;font-size:1.2em;font-weight:700}.progression{grid-gap:.5em;grid-template-rows:auto;grid-template-columns:repeat(16,1fr);align-items:center;display:grid}.progression>div{border:1px solid var(--color-border);grid-column:span var(--cols,1);border-radius:.5em;justify-content:center;display:flex}.progression .w-1{grid-column:span 1}.progression .w-2{grid-column:span 2}.progression .w-3{grid-column:span 3}.progression .w-4{grid-column:span 4}.progression .w-5{grid-column:span 5}.progression .w-6{grid-column:span 6}.progression .w-8{grid-column:span 8}.progression .w-10{grid-column:span 10}.progression .w-12{grid-column:span 12}.progression .w-14{grid-column:span 14}.progression .w-16{grid-column:span 16}.progression .selected{color:var(--accent);border-color:var(--accent);font-weight:900}.dropzone[data-v-9ca863db]{min-height:100svh}.dropzone.drophover[data-v-9ca863db]:after{content:" ";text-align:center;color:var(--text-muted);z-index:1000;background:#00000080;border-radius:1rem;margin:1em;font-size:.8rem;font-style:italic;display:block;position:absolute;inset:0}input[data-v-f6104801]{width:100%;min-width:50ch;color:var(--color-heading);background:0 0;border:none;border-bottom:1px solid #ccc;outline:none;padding:.5rem;font-family:inherit;font-size:1.2rem}.content[data-v-f6104801]{width:100%}.search-results[data-v-f6104801]{align-content:start;gap:.5rem;height:100%;padding:.5rem;transition:all .3s ease-in-out;display:grid;overflow:clip}.song[data-v-f6104801]{color:var(--color-text);isolation:isolate;cursor:pointer;border:1px solid #0000;border-radius:1em;grid-template-columns:max-content 1fr;align-items:center;gap:1em;padding:.5em 1em;display:grid;position:relative;overflow:hidden}.song .info[data-v-f6104801]{flex-direction:column;align-items:start;width:100%;display:flex;overflow:hidden}@media screen and (width<=400px){.song[data-v-f6104801]{grid-template-columns:max-content 1fr max-content;font-size:.8em}.song .bpm[data-v-f6104801],.song .key[data-v-f6104801]{display:none}}.song span[data-v-f6104801]{text-align:center}.song .delete[data-v-f6104801]{padding-left:1em}.song[data-v-f6104801]:hover,.song[data-v-f6104801]:focus,.song.selected[data-v-f6104801]{background:var(--color-background-soft);border:1px solid var(--color-border);outline:none}.song .material-symbols-rounded[data-v-f6104801]{cursor:pointer;font-size:1.5rem}.song .material-symbols-rounded[data-v-f6104801]:hover{color:var(--color-heading)}.song .cover[data-v-f6104801]{align-items:center;display:flex;overflow:hidden}.song .cover div.icon[data-v-f6104801]{color:#fff;background:linear-gradient(45deg, var(--color-green), var(--color-green-dark));justify-content:center;align-items:center;display:flex}.song .cover div.icon.red[data-v-f6104801]{background:linear-gradient(45deg, var(--color-red), var(--color-red-dark))}.song .cover div.icon.blue[data-v-f6104801]{background:linear-gradient(45deg, var(--color-blue), var(--color-blue-dark))}.song .cover div.icon.yellow[data-v-f6104801]{background:linear-gradient(45deg, var(--color-yellow), var(--color-yellow-dark))}.song .cover img[data-v-f6104801],.song .cover div.icon[data-v-f6104801]{aspect-ratio:1;border-radius:.5em;width:50px}@media screen and (width<=400px){.song .cover img[data-v-f6104801],.song .cover div.icon[data-v-f6104801]{width:30px}}.info span[data-v-f6104801]{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}h2[data-v-f6104801]{font-size:1.25em;font-weight:500}input[data-v-310b4486]{width:100%;min-width:50ch;color:var(--color-heading);background:0 0;border:none;border-bottom:1px solid #ccc;outline:none;padding:.5rem;font-family:inherit;font-size:1.2rem}.content[data-v-310b4486]{width:100%}.search-results[data-v-310b4486]{align-content:start;gap:.5rem;height:100%;padding:.5rem;transition:all .3s ease-in-out;display:grid;overflow:clip}.song[data-v-310b4486]{color:var(--color-text);isolation:isolate;cursor:pointer;border:1px solid #0000;border-radius:1em;grid-template-columns:max-content 1fr;align-items:center;gap:1em;padding:.5em 1em;display:grid;position:relative;overflow:hidden}@media screen and (width<=400px){.song[data-v-310b4486]{grid-template-columns:max-content 1fr max-content;font-size:.8em}.song .bpm[data-v-310b4486],.song .key[data-v-310b4486]{display:none}}.song span[data-v-310b4486]{text-align:center}.song .delete[data-v-310b4486]{padding-left:1em}.song[data-v-310b4486]:hover,.song[data-v-310b4486]:focus,.song.selected[data-v-310b4486]{background:var(--color-background-soft);border:1px solid var(--color-border);outline:none}.song .material-symbols-rounded[data-v-310b4486]{cursor:pointer;font-size:1.5rem}.song .material-symbols-rounded[data-v-310b4486]:hover{color:var(--color-heading)}.song .cover[data-v-310b4486]{align-items:center;display:flex;overflow:hidden}.song .cover img[data-v-310b4486]{aspect-ratio:1;border-radius:.5em;width:50px}@media screen and (width<=400px){.song .cover img[data-v-310b4486]{width:30px}}h2[data-v-310b4486]{font-size:1.25em;font-weight:500}.dialog[data-v-f3884b5c]{grid-template-rows:max-content 1fr;display:grid}aside[data-v-204bb5e6]{flex-direction:column;justify-content:space-between;height:calc(100vh - 2em);display:flex;position:sticky;top:1em;overflow-y:auto}@media (width<=800px){aside[data-v-204bb5e6]{z-index:1;top:unset;height:unset;position:fixed;bottom:1em;left:1em;right:1em}}aside .label[data-v-204bb5e6],aside .title h1[data-v-204bb5e6]{display:none}aside.expanded[data-v-204bb5e6]{max-width:calc(220px + 2em)}aside.expanded .label[data-v-204bb5e6],aside.expanded .title h1[data-v-204bb5e6]{display:inherit}aside.expanded .links a[data-v-204bb5e6]{justify-content:flex-start;padding:.5em 1em}[data-type=toggle][data-v-204bb5e6]{margin-top:2em;position:relative}[data-type=toggle][data-v-204bb5e6]:before{content:"";background:var(--color-border);flex:1;height:1px;margin:0 1em;position:absolute;top:-1em;left:0;right:0}[data-type=toggle] .material-symbols-rounded[data-v-204bb5e6]{transform-origin:50%;transform:rotate(-90deg)}.links[data-v-204bb5e6]{flex-direction:column;display:flex}.links a[data-v-204bb5e6]{cursor:pointer;color:var(--color-text);border-radius:.5em;justify-content:center;align-items:center;gap:.5em;min-width:42px;height:42px;padding:.5em 0;transition:background-color .2s;display:flex}.links a.router-link-active[data-v-204bb5e6]{background:var(--color-background-soft);color:var(--accent)}.links a[data-v-204bb5e6]:hover{background:var(--color-background-soft)}.title[data-v-204bb5e6]{align-items:center;gap:1em;margin:.25em 0 1em;font-size:.9rem;display:flex}.title img[data-v-204bb5e6]{aspect-ratio:1;width:35px}.title h1 .accent[data-v-204bb5e6]{color:var(--accent);font-weight:900}@media (width<=800px){:scope aside[data-v-204bb5e6]{grid-row:2;max-width:none!important}:scope aside .links[data-v-204bb5e6]{flex-direction:row;justify-content:space-around}:scope aside .title[data-v-204bb5e6],:scope aside .label[data-v-204bb5e6],:scope aside [data-type=toggle][data-v-204bb5e6]{display:none!important}}#app{min-height:100svh}aside,main>div:not(.grid),main .container{background:var(--color-background);border:1px solid var(--color-border);border-radius:1em;padding:1em;box-shadow:0 0 1em #0000001a}:is(aside,main>div:not(.grid),main .container).clickable{cursor:pointer;transition:background-color .2s}:is(aside,main>div:not(.grid),main .container).clickable:hover:not(:has(button:hover)){background:var(--color-background-mute)}main a:has(.clickable){color:inherit;text-decoration:none}.main>.grid{box-shadow:none;background:0 0;border:none;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1em;padding:0;display:grid}@media (width>=800px){.main>.grid .w-2{grid-column:span 2}.main>.grid .w-3{grid-column:span 3}.main>.grid .h-2{grid-row:span 2}.main>.grid .h-3{grid-row:span 3}}@media (width<=800px){.main>.grid{grid-template-columns:1fr}}body{background:var(--color-background-soft)}.screen[data-v-07a62f2d]{grid-template-columns:max-content 1fr;min-height:100svh;padding-left:1em;display:grid;position:relative}@media (width<=800px){.screen[data-v-07a62f2d]{grid-template-columns:1fr;padding-bottom:calc(2em + 74px);padding-left:0;overflow:auto}}main[data-v-07a62f2d]{flex-direction:column;padding:1em;display:flex;overflow:auto}@media (width<=800px){main[data-v-07a62f2d]{z-index:0;max-height:unset;gap:1em}}