div.svelte-101ia8z svg{width:100%}div.svelte-101ia8z{width:-moz-max-content;width:max-content;margin-inline:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-controls.svelte-17l4f6l{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:1.5rem;padding:1rem}button.svelte-17l4f6l:not(.page){position:relative;z-index:10}div.svelte-17l4f6l{display:block}#controls.svelte-17l4f6l{margin:0 auto}.page-container.svelte-17l4f6l{display:grid;height:100svh;width:100svw;padding-top:1rem;box-sizing:border-box;max-width:100svw}.tunes.svelte-17l4f6l{grid-area:tunes}.notes-container.svelte-17l4f6l{grid-area:notes;padding:.2em 1em}.controls-container.svelte-17l4f6l{grid-area:controls}.controls-container.svelte-17l4f6l button:where(.svelte-17l4f6l){position:relative;z-index:10}.page-container.svelte-17l4f6l:not(.notes-beside){grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"controls" "tunes" "notes"}.page-container.notes-beside.svelte-17l4f6l{grid-template-columns:var(--notes-width, 33svw) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"controls controls" "notes tunes"}.tunes.svelte-17l4f6l{flex-direction:column;min-height:100%;width:100%;display:flex}.two-column.svelte-17l4f6l{flex-wrap:wrap;margin:0 auto}.tune.svelte-17l4f6l select{position:relative;z-index:10}button.page.svelte-17l4f6l{position:fixed;bottom:0;height:100%;width:min(15%,10vw);border:none;background:none}button.back.svelte-17l4f6l{left:0}button.next.svelte-17l4f6l{right:0}button.page.svelte-17l4f6l div:where(.svelte-17l4f6l){width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent}button.page.back.svelte-17l4f6l div:where(.svelte-17l4f6l){border-right:30px solid lightgray;position:absolute;left:.5em}button.page.next.svelte-17l4f6l div:where(.svelte-17l4f6l){border-left:30px solid lightgray;position:absolute;right:.5em}.hidden.svelte-17l4f6l{display:none}.tune.svelte-17l4f6l{margin:0 auto;width:90%}p.svelte-17l4f6l{margin:0;font-size:.8rem;text-align:left}p.svelte-17l4f6l:last-of-type{margin-bottom:1em}.key-reminder.svelte-17l4f6l{position:absolute;top:1.25rem;right:1.25rem}.loading.svelte-17l4f6l{display:none}.toast.svelte-17l4f6l{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:.8rem 1.2rem;border-radius:.5rem;font-size:1rem;z-index:1000;pointer-events:none;animation:svelte-17l4f6l-fadeInOut 2s ease-in-out}@keyframes svelte-17l4f6l-fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}