.fretboard-frame.svelte-15sw1y6{background:#080503;border:2px solid #1e1208;border-radius:8px;padding:.6rem .6rem .8rem;box-shadow:0 0 0 3px #100805,0 4px 20px #00000080}.fboard-label.svelte-15sw1y6{font-family:Courier New,monospace;font-size:.58rem;letter-spacing:.12em;color:#5a3820;text-align:center;margin-bottom:.35rem;text-transform:uppercase}.fret-slider.svelte-15sw1y6{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#e0ddd8;outline:none;cursor:pointer}.fret-slider.svelte-15sw1y6::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#3273dc;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 5px #0003}.fret-slider.svelte-15sw1y6::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#3273dc;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 5px #0003}.key-fret-card.svelte-15sw1y6{display:block;width:100%;background:#f8f7f5;border:1px solid #e0ddd8;border-radius:8px;padding:.6rem .5rem;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.key-fret-card.svelte-15sw1y6:hover{border-color:#c8a060;background:#fdf8f0}.key-fret-card.active.svelte-15sw1y6{border-color:#c8a060;background:#fdf3dc;box-shadow:0 0 0 2px #f5d060}.key-fret-num.svelte-15sw1y6{font-size:.7rem;color:#888;margin:0}.key-fret-dist.svelte-15sw1y6{font-size:1rem;font-weight:700;color:#2d2520;margin:.1rem 0 0}.key-fret-unit.svelte-15sw1y6{font-size:.65rem;color:#888}.key-fret-int.svelte-15sw1y6{font-size:.68rem;color:#8b5e3c;font-weight:600;margin:.1rem 0 0}.key-fret-note.svelte-15sw1y6{font-size:.62rem;color:#bbb;margin:0}.fret-table.svelte-15sw1y6 td:where(.svelte-15sw1y6),.fret-table.svelte-15sw1y6 th:where(.svelte-15sw1y6){vertical-align:middle!important}.fret-table.svelte-15sw1y6 tr.row-active:where(.svelte-15sw1y6){background:#fef9ec!important}.fret-table.svelte-15sw1y6 tr.row-sig:where(.svelte-15sw1y6) td:where(.svelte-15sw1y6):first-child{border-left:3px solid #c8a060}.fret-num-badge.svelte-15sw1y6{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;font-size:.7rem;font-weight:700;background:#f0ede8;color:#5a4030}.fret-num-badge.octave.svelte-15sw1y6{background:#fef3c7;color:#92400e;border:1px solid #f5d060}.fret-num-badge.sig.svelte-15sw1y6{background:#f0f0f8;color:#3a3a70}.interval-tag.svelte-15sw1y6{display:inline-block;font-size:.65rem;padding:.1rem .3rem;border-radius:3px;background:#f0ede8;color:#6a5040;font-weight:600}