.toggle-controls.svelte-1xhr07w.svelte-1xhr07w{top:0;margin-left:auto;margin-right:auto;display:block;padding:1rem;font-size:1.25rem;line-height:1.75rem}button.svelte-1xhr07w.svelte-1xhr07w:not(.page){position:relative;z-index:10}div.svelte-1xhr07w.svelte-1xhr07w{display:block}#controls.svelte-1xhr07w.svelte-1xhr07w{margin-left:auto;margin-right:auto}.page-container.svelte-1xhr07w.svelte-1xhr07w{display:grid;height:100svh;width:100svw;padding-top:.75rem;box-sizing:border-box}.tunes.svelte-1xhr07w.svelte-1xhr07w{grid-area:tunes}.notes-container.svelte-1xhr07w.svelte-1xhr07w{grid-area:notes}.controls-container.svelte-1xhr07w.svelte-1xhr07w{grid-area:controls}.controls-container.svelte-1xhr07w button.svelte-1xhr07w{position:relative;z-index:10}.page-container.svelte-1xhr07w.svelte-1xhr07w:not(.notes-beside){grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"controls" "tunes" "notes"}.page-container.notes-beside.svelte-1xhr07w.svelte-1xhr07w{grid-template-columns:var(--notes-width, 33svw) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"controls controls" "notes tunes"}.tunes.svelte-1xhr07w.svelte-1xhr07w{display:flex;flex-direction:column;min-height:100%;width:100%}.two-column.svelte-1xhr07w.svelte-1xhr07w{margin-left:auto;margin-right:auto;flex-wrap:wrap}.tune.svelte-1xhr07w select{position:relative;z-index:10}.visible-null.svelte-1xhr07w.svelte-1xhr07w,.visible-false.svelte-1xhr07w.svelte-1xhr07w{visibility:hidden}.visible-false.svelte-1xhr07w.svelte-1xhr07w{overflow:hidden}.hidden.svelte-1xhr07w.svelte-1xhr07w{display:none}.zeroHeightIfOverflowing.visible-false.svelte-1xhr07w.svelte-1xhr07w{height:0}.tune.svelte-1xhr07w.svelte-1xhr07w{margin-left:auto;margin-right:auto;width:90%}button.page.svelte-1xhr07w.svelte-1xhr07w{position:fixed;bottom:0;height:100%;width:min(15%,10vw);border:none;background:none}button.back.svelte-1xhr07w.svelte-1xhr07w{left:0}button.next.svelte-1xhr07w.svelte-1xhr07w{right:0}button.page.svelte-1xhr07w div.svelte-1xhr07w{width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent}button.page.back.svelte-1xhr07w div.svelte-1xhr07w{border-right:30px solid lightgray;position:absolute;left:.5em}button.page.next.svelte-1xhr07w div.svelte-1xhr07w{border-left:30px solid lightgray;position:absolute;right:.5em}p.svelte-1xhr07w.svelte-1xhr07w{margin:0;font-size:.8rem;text-align:left}p.svelte-1xhr07w.svelte-1xhr07w:last-of-type{margin-bottom:1em}.key-reminder.svelte-1xhr07w.svelte-1xhr07w{position:absolute;top:1.25rem;right:.25rem}@media (min-width: 640px){.key-reminder.svelte-1xhr07w.svelte-1xhr07w{right:1.25rem}}p.svelte-osu5fe{margin-top:.5rem}p.svelte-osu5fe:last-child{margin-bottom:1rem}