div.svelte-3arn8l svg{width:100%}div.svelte-3arn8l{width:-moz-max-content;width:max-content;margin-inline:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tune.svelte-x8vrue{position:relative;height:-moz-max-content;height:max-content}.page-container.svelte-x8vrue{display:grid;width:100dvw;box-sizing:border-box;max-width:100dvw}.tunes.svelte-x8vrue{grid-area:tunes}.notes-container.svelte-x8vrue{grid-area:notes;padding:.2em 1em;position:relative}.resize-track.svelte-x8vrue{position:absolute;top:0;right:0;width:8px;height:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.1));z-index:10;transition:background .2s;pointer-events:none}.resize-handle.svelte-x8vrue{position:absolute;top:45vh;left:50%;transform:translate(-50%,-50%);width:24px;height:48px;cursor:ew-resize;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;gap:2px;padding:0;transition:all .2s;pointer-events:auto}.resize-handle.svelte-x8vrue:hover{background:#f5f5f5;box-shadow:0 2px 6px #00000026}.resize-handle.svelte-x8vrue:active{background:#e8e8e8}.grip-line.svelte-x8vrue{width:2px;height:16px;background:#0000004d;border-radius:1px;pointer-events:none}.spacer.svelte-x8vrue{grid-area:notes}.page-container.svelte-x8vrue:not(.notes-beside){grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:"tunes" "notes"}.page-container.notes-beside.svelte-x8vrue{grid-template-columns:var(--stored-notes-width, var(--notes-width, 33dvw)) 1fr;grid-template-rows:1fr 2em;grid-template-areas:"notes tunes"}.original-key.svelte-x8vrue select{font-size:1rem;background:#fff;border:1px solid rgb(156,156,156);border-radius:.3rem}.tune.svelte-x8vrue .tune-controls:where(.svelte-x8vrue){position:absolute;bottom:.5rem;left:0;right:0;width:auto}.tune.hidden.svelte-x8vrue{opacity:.5}.tunes.svelte-x8vrue{min-height:100%;width:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.controls.svelte-x8vrue{position:absolute;right:0rem;bottom:0rem;z-index:10;background:#fff;padding:.4rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:flex-end;max-width:min(100vw,40rem)}.controls.open.svelte-x8vrue{box-shadow:0 0 5px #0003}button.page.svelte-x8vrue{position:fixed;bottom:0;height:100%;width:min(15%,10vw);border:none;background:none;z-index:5}button.back.svelte-x8vrue{left:0}button.next.svelte-x8vrue{right:0}button.page.svelte-x8vrue div:where(.svelte-x8vrue){width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent}button.page.back.svelte-x8vrue div:where(.svelte-x8vrue){border-right:30px solid lightgray;position:absolute;left:.5em}button.page.next.svelte-x8vrue div:where(.svelte-x8vrue){border-left:30px solid lightgray;position:absolute;right:.5em}.toast.svelte-x8vrue{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-x8vrue-fadeInOut 2s ease-in-out}@keyframes svelte-x8vrue-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)}}