@keyframes svelte-8z4047-dot-appear{0%{transform:scale(.7);opacity:.6}}.interactive-fretboard .finger-dot,.interactive-fretboard .open-string,.interactive-fretboard .muted-marker{animation:svelte-8z4047-dot-appear .12s ease-out;transform-origin:center;transform-box:fill-box}.interactive-fretboard .finger-dot{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.interactive-fretboard .hit-zone{cursor:pointer;fill:transparent}.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]{-webkit-appearance:none;appearance:none;background:transparent}.interactive-fretboard input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--muted);border-radius:50%}.interactive-fretboard input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--diagram-selected);border-radius:50%;margin-top:-9px;box-shadow:0 1px 3px #0003}.interactive-fretboard input[type=range]::-moz-range-track{height:6px;background:var(--muted);border-radius:50%}.interactive-fretboard input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--diagram-selected);border-radius:50%;border:none;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}}