: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-indigo: #2c3e50;--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);--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: rgba(0, 0, 0, .12);--color-border-hover: rgba(0, 0, 0, .29);--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));max-width:calc(90vw - 2em);max-height:calc((90vw - 2em) * (297 / 210));aspect-ratio:210 / 297;padding:var(--display-margin);box-shadow:0 0 10px #0000000d;font-size:12px}@media screen and (max-width:600px){.print.a4{font-size:10px}}@media screen and (max-width:400px){.print.a4{font-size:8px}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:Outfit,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{margin:1em 0;border:none;border-bottom:1px solid var(--color-border)}a,.green{text-decoration:none;color:var(--accent);transition:.4s}a.link-on-hover{color:unset}a.link-on-hover:hover{color:var(--accent)}.muted{color:var(--color-text-mute)}.column{display:flex;flex-direction:column;width:100%}.row{display:flex;flex-direction:row;width:100%}.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);gap:1em;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:1em;padding:1em;outline:none;inset:0;margin:auto;position:fixed}dialog::backdrop{background:#00000080}dialog .content .preview-container{position:relative;height:25vh;width:100%;margin-bottom:1em}dialog .content .preview.scale-sm{position:absolute;margin:auto;overflow:auto;justify-self:center;align-self:center;max-height:50vh;scale:.5;transform-origin:top}dialog .content .row{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:1em}progress{width:100%;height:1rem;border:none;border-radius:.5rem;appearance:none}progress::-webkit-progress-bar{border-radius:.5rem;background-color:var(--color-background)}progress::-webkit-progress-value{border-radius:.5rem;background-color:var(--accent)}.void{position:fixed;top:0;left:1000vw;z-index:-1}.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{position:relative;z-index:1;display:block}.parent{width:100%;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.parent .song{width:100%}.parent .capitalise{text-transform:capitalize}.parent .instruments{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}.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{font-style:italic;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.parent .instruments .instrument .flex{display:flex;flex-direction:row;align-items:center;text-transform:uppercase}.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{font-size:1.2em;text-transform:uppercase}.parent .material-symbols-rounded{font-size:1em}.parent .wrap-to-line{display:flex;flex-direction:row;align-items:center}.parent .wrap-to-line .info{display:flex;align-items:center;gap:.5em}.parent .wrap-to-line .info:not(:last-child){margin-right:1em;padding-right:1em}.parent .wrap-to-line .info:not(:last-child):after{content:" ";width:1px;height:100%;display:block;position:absolute;right:0;top:0;background:var(--color-border)}.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{display:grid;grid-template-columns:repeat(16,1fr);grid-gap:.5em;align-items:center;grid-template-rows:auto}.progression>div{display:flex;justify-content:center;border:1px solid var(--color-border);border-radius:.5em;grid-column:span var(--cols, 1)}.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{font-weight:900;color:var(--accent);border-color:var(--accent)}.dropzone[data-v-0dcbee9a]{min-height:100vh;min-height:100svh}.dropzone.drophover[data-v-0dcbee9a]:after{content:" ";display:block;text-align:center;color:var(--text-muted);font-style:italic;font-size:.8rem;background:#00000080;border-radius:1rem;position:absolute;inset:0;margin:1em;z-index:1000}input[data-v-d5034c15]{border:none;border-bottom:1px solid #ccc;outline:none;background:none;width:100%;font-size:1.2rem;min-width:50ch;padding:.5rem;font-family:inherit;color:var(--color-heading)}.content[data-v-d5034c15]{width:100%}.search-results[data-v-d5034c15]{display:grid;align-content:start;gap:.5rem;padding:.5rem;overflow:clip;height:100%;transition:all .3s ease-in-out}.song[data-v-d5034c15]{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:1em;color:var(--color-text);border-radius:1em;padding:.5em 1em;border:1px solid transparent;isolation:isolate;position:relative;overflow:hidden;cursor:pointer}.song .info[data-v-d5034c15]{width:100%;display:flex;flex-direction:column;overflow:hidden;align-items:start}@media screen and (max-width:400px){.song[data-v-d5034c15]{grid-template-columns:max-content 1fr max-content;font-size:.8em}.song .bpm[data-v-d5034c15],.song .key[data-v-d5034c15]{display:none}}.song span[data-v-d5034c15]{text-align:center}.song .delete[data-v-d5034c15]{padding-left:1em}.song[data-v-d5034c15]:hover,.song[data-v-d5034c15]:focus,.song.selected[data-v-d5034c15]{background:var(--color-background-soft);border:1px solid var(--color-border);outline:none}.song .material-symbols-rounded[data-v-d5034c15]{font-size:1.5rem;cursor:pointer}.song .material-symbols-rounded[data-v-d5034c15]:hover{color:var(--color-heading)}.song .cover[data-v-d5034c15]{overflow:hidden;display:flex;align-items:center}.song .cover div.icon[data-v-d5034c15]{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(45deg,var(--color-green),var(--color-green-dark))}.song .cover div.icon.red[data-v-d5034c15]{background:linear-gradient(45deg,var(--color-red),var(--color-red-dark))}.song .cover div.icon.blue[data-v-d5034c15]{background:linear-gradient(45deg,var(--color-blue),var(--color-blue-dark))}.song .cover div.icon.yellow[data-v-d5034c15]{background:linear-gradient(45deg,var(--color-yellow),var(--color-yellow-dark))}.song .cover img[data-v-d5034c15],.song .cover div.icon[data-v-d5034c15]{width:50px;aspect-ratio:1/1;border-radius:.5em}@media screen and (max-width:400px){.song .cover img[data-v-d5034c15],.song .cover div.icon[data-v-d5034c15]{width:30px}}.info span[data-v-d5034c15]{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}h2[data-v-d5034c15]{font-size:1.25em;font-weight:500}input[data-v-47465201]{border:none;border-bottom:1px solid #ccc;outline:none;background:none;width:100%;font-size:1.2rem;min-width:50ch;padding:.5rem;font-family:inherit;color:var(--color-heading)}.content[data-v-47465201]{width:100%}.search-results[data-v-47465201]{display:grid;align-content:start;gap:.5rem;padding:.5rem;overflow:clip;height:100%;transition:all .3s ease-in-out}.song[data-v-47465201]{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:1em;color:var(--color-text);border-radius:1em;padding:.5em 1em;border:1px solid transparent;isolation:isolate;position:relative;overflow:hidden;cursor:pointer}@media screen and (max-width:400px){.song[data-v-47465201]{grid-template-columns:max-content 1fr max-content;font-size:.8em}.song .bpm[data-v-47465201],.song .key[data-v-47465201]{display:none}}.song span[data-v-47465201]{text-align:center}.song .delete[data-v-47465201]{padding-left:1em}.song[data-v-47465201]:hover,.song[data-v-47465201]:focus,.song.selected[data-v-47465201]{background:var(--color-background-soft);border:1px solid var(--color-border);outline:none}.song .material-symbols-rounded[data-v-47465201]{font-size:1.5rem;cursor:pointer}.song .material-symbols-rounded[data-v-47465201]:hover{color:var(--color-heading)}.song .cover[data-v-47465201]{overflow:hidden;display:flex;align-items:center}.song .cover img[data-v-47465201]{width:50px;aspect-ratio:1/1;border-radius:.5em}@media screen and (max-width:400px){.song .cover img[data-v-47465201]{width:30px}}h2[data-v-47465201]{font-size:1.25em;font-weight:500}.dialog[data-v-f3884b5c]{display:grid;grid-template-rows:max-content 1fr}aside[data-v-662e542c]{position:sticky;top:1em;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;max-height:calc(100vh - 2em)}@media(max-width:800px){aside[data-v-662e542c]{z-index:1;top:unset;bottom:1em;left:1em;right:1em;position:fixed}}aside .label[data-v-662e542c],aside .title h1[data-v-662e542c]{display:none}aside.expanded[data-v-662e542c]{max-width:calc(220px + 2em)}aside.expanded .label[data-v-662e542c],aside.expanded .title h1[data-v-662e542c]{display:inherit}aside.expanded .links a[data-v-662e542c]{padding:.5em 1em;justify-content:flex-start}[data-type=toggle][data-v-662e542c]{margin-top:2em;position:relative}[data-type=toggle][data-v-662e542c]:before{content:"";position:absolute;top:-1em;left:0;right:0;flex:1;background:var(--color-border);height:1px;margin:0 1em}[data-type=toggle] .material-symbols-rounded[data-v-662e542c]{transform-origin:center;transform:rotate(-90deg)}.links[data-v-662e542c]{display:flex;flex-direction:column}.links a[data-v-662e542c]{display:flex;align-items:center;justify-content:center;cursor:pointer;gap:.5em;padding:.5em 0;border-radius:.5em;transition:background-color .2s;color:var(--color-text);height:42px}.links a.router-link-active[data-v-662e542c]{background:var(--color-background-soft);color:var(--accent)}.links a[data-v-662e542c]:hover{background:var(--color-background-soft)}.title[data-v-662e542c]{display:flex;align-items:center;gap:1em;margin:.25em 0 1em;font-size:.9rem}.title img[data-v-662e542c]{width:35px;aspect-ratio:1/1}.title h1 .accent[data-v-662e542c]{color:var(--accent);font-weight:900}@media(max-width:800px){aside[data-v-662e542c]{grid-row:2;max-width:none!important}aside .links[data-v-662e542c]{flex-direction:row;justify-content:space-around}aside .title[data-v-662e542c],aside .label[data-v-662e542c],aside [data-type=toggle][data-v-662e542c]{display:none!important}}#app{min-height:100vh;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){text-decoration:none;color:inherit}.main>.grid{display:grid;border:none;background:none;padding:0;box-shadow:none;gap:1em;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(min-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(max-width:800px){.main>.grid{grid-template-columns:1fr}}.screen[data-v-39baf911]{display:grid;grid-template-columns:max-content 1fr;padding:1em;overflow:clip;gap:1em;min-height:100vh;background:var(--color-background-soft)}@media(max-width:800px){.screen[data-v-39baf911]{grid-template-columns:1fr;overflow:auto;padding-bottom:calc(2em + 74px)}}main[data-v-39baf911]{max-height:calc(100vh - 2em);display:flex;flex-direction:column}@media(max-width:800px){main[data-v-39baf911]{z-index:0;max-height:unset;gap:1em}}