@import"https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@700&display=swap";.keypicker-popup.svelte-j8p24h{display:flex;flex-direction:column;gap:.375rem}.popup-title.svelte-j8p24h{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--fg-rgb),.5);color:color-mix(in srgb,var(--fg) 50%,transparent);margin-bottom:.125rem}.ttl-hint.svelte-j8p24h{font-weight:400;text-transform:none;letter-spacing:0;font-size:.65rem}.capo-row.svelte-j8p24h{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.125rem 0}.capo-label.svelte-j8p24h{font-size:.8rem;color:var(--fg)}.toggle-switch.svelte-j8p24h{width:36px;height:20px;border-radius:10px;background:rgba(var(--fg-rgb),.2);background:color-mix(in srgb,var(--fg) 20%,transparent);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle-switch.on.svelte-j8p24h{background:var(--chord-fg)}.toggle-thumb.svelte-j8p24h{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.toggle-switch.on.svelte-j8p24h .toggle-thumb:where(.svelte-j8p24h){transform:translate(16px)}.capo-hint.svelte-j8p24h{font-size:.73rem;color:var(--chord-fg);padding:.28rem .48rem;background:rgba(var(--chord-fg-rgb),.08);background:color-mix(in srgb,var(--chord-fg) 8%,transparent);border-radius:5px;border-left:2px solid var(--chord-fg)}.key-grid.svelte-j8p24h{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;width:220px}.key-opt.svelte-j8p24h{display:flex;align-items:center;justify-content:center;background:rgba(var(--fg-rgb),.06);background:color-mix(in srgb,var(--fg) 6%,transparent);border:1px solid rgba(var(--fg-rgb),.14);border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:5px;color:var(--fg);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:.25rem .5rem;min-height:44px;transition:all .1s;white-space:nowrap}.key-opt.natural.svelte-j8p24h{font-weight:600}.key-opt.svelte-j8p24h:hover{background:rgba(var(--fg-rgb),.12)}.key-opt.svelte-j8p24h:hover{background:color-mix(in srgb,var(--fg) 12%,transparent)}.key-opt.active.svelte-j8p24h{background:rgba(var(--accent-rgb),.15);background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent);font-weight:700}.nashville-row.svelte-j8p24h{display:flex;gap:.25rem;width:220px}.nashville-row.svelte-j8p24h .key-opt:where(.svelte-j8p24h){flex:1}.numeral-btn.svelte-j8p24h{font-family:Zilla Slab,Georgia,serif;font-size:1rem;font-weight:700}.number-btn.svelte-j8p24h{font-size:.9rem}.original-btn.svelte-j8p24h{width:100%;margin-top:.125rem;text-align:center}.bpm-indicator.svelte-1dpkl2y{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--accent);animation:svelte-1dpkl2y-flash var(--bpm-duration, 1s) steps(1) infinite;vertical-align:middle}@keyframes svelte-1dpkl2y-flash{0%{opacity:1}25%{opacity:0}to{opacity:1}}