.field.svelte-e0h1zo.svelte-e0h1zo{--width:3em;--height:var(--buttonHeight);border-radius:5px;overflow:hidden;height:var(--height);display:inline-grid;grid-template-columns:var(--height) auto var(--height)}.field.svelte-e0h1zo>div.svelte-e0h1zo{padding:0 4px;display:inline-grid;align-items:center;grid-template-columns:1fr auto;background-color:#fff}button.svelte-e0h1zo.svelte-e0h1zo,input.svelte-e0h1zo.svelte-e0h1zo{border:0;color:#444}span.svelte-e0h1zo.svelte-e0h1zo{padding-left:4px}button.svelte-e0h1zo.svelte-e0h1zo{background-color:var(--green);font-weight:700}button.svelte-e0h1zo.svelte-e0h1zo:active{color:#000}input.svelte-e0h1zo.svelte-e0h1zo{text-align:right;width:var(--width)}input.svelte-e0h1zo.svelte-e0h1zo::-webkit-outer-spin-button,input.svelte-e0h1zo.svelte-e0h1zo::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#notes.svelte-1pywl3j.svelte-1pywl3j{display:grid;gap:1px;grid-template-columns:repeat(12,1fr)}#notes.svelte-1pywl3j>.svelte-1pywl3j{padding:6px;color:#000;background-color:#bdbdbd}#notes.svelte-1pywl3j>span.svelte-1pywl3j{font-weight:700;text-align:center}#notes.svelte-1pywl3j>button.svelte-1pywl3j{border:0;text-align:right;padding:6px;font-size:.8em}#notes.svelte-1pywl3j button.svelte-1pywl3j:after{content:"Hz";color:#555}#notes.svelte-1pywl3j>.svelte-1pywl3j:nth-child(12n+2),#notes.svelte-1pywl3j>.svelte-1pywl3j:nth-child(12n+4),#notes.svelte-1pywl3j>.svelte-1pywl3j:nth-child(12n+7),#notes.svelte-1pywl3j>.svelte-1pywl3j:nth-child(12n+9),#notes.svelte-1pywl3j>.svelte-1pywl3j:nth-child(12n+11){background-color:#000;color:#bbb}#notes.svelte-1pywl3j>.playing.svelte-1pywl3j{background-color:var(--green);color:#000}div.nf-explanation.svelte-1pywl3j.svelte-1pywl3j{padding:15px;line-height:2;border-radius:20px;border:4px solid var(--green);background:#151515}blockquote.svelte-1pywl3j.svelte-1pywl3j{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #282828}blockquote.svelte-1pywl3j p.svelte-1pywl3j:last-child{margin-bottom:0}blockquote.svelte-1pywl3j footer.svelte-1pywl3j{display:block;font-size:80%;line-height:1.42857143;color:#555}blockquote.svelte-1pywl3j footer.svelte-1pywl3j:before{content:"— "}.nf-explanation.svelte-1pywl3j ol.svelte-1pywl3j{margin-left:1.5em}