@keyframes svelte-8z4047-dot-appear{0%{opacity:.6;transform:scale(.7)}}.interactive-fretboard .finger-dot,.interactive-fretboard .open-string,.interactive-fretboard .muted-marker{transform-origin:50%;transform-box:fill-box;animation:.12s ease-out svelte-8z4047-dot-appear}.interactive-fretboard .finger-dot{filter:drop-shadow(0 1px 2px #00000026)}.interactive-fretboard .hit-zone{cursor:pointer;fill:#0000}.interactive-fretboard .hit-zone:hover{fill:var(--diagram-hover);fill-opacity:.25}.interactive-fretboard .hit-zone:active{fill:var(--diagram-hover);fill-opacity:.4}.interactive-fretboard input[type=range]{appearance:none;background:0 0}.interactive-fretboard input[type=range]::-webkit-slider-runnable-track{background:var(--muted);border-radius:50%;height:6px}.interactive-fretboard input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--diagram-selected);border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 1px 3px #0003}.interactive-fretboard input[type=range]::-moz-range-track{background:var(--muted);border-radius:50%;height:6px}.interactive-fretboard input[type=range]::-moz-range-thumb{background:var(--diagram-selected);border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 3px #0003}@media (pointer:coarse){.interactive-fretboard input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px}.interactive-fretboard input[type=range]::-moz-range-thumb{width:28px;height:28px}}