.tool[data-tool=fretboard-note-finder] .fretboard{justify-items:center;margin:0;display:grid}.tool[data-tool=fretboard-note-finder] .fretboard svg{block-size:auto;inline-size:100%;max-inline-size:26rem}.tool[data-tool=fretboard-note-finder] .fretline{stroke:var(--c-border-strong);stroke-width:1px}.tool[data-tool=fretboard-note-finder] .stringline{stroke:var(--c-text-2);stroke-width:1.2px}.tool[data-tool=fretboard-note-finder] .nut{stroke:var(--c-text);stroke-width:4px}.tool[data-tool=fretboard-note-finder] .inlay{fill:var(--c-border)}.tool[data-tool=fretboard-note-finder] .openname,.tool[data-tool=fretboard-note-finder] .fretno{fill:var(--c-text-2);font-size:11px}.tool[data-tool=fretboard-note-finder] .dot{fill:var(--c-primary)}.tool[data-tool=fretboard-note-finder] .dot.root{fill:var(--c-accent)}.tool[data-tool=fretboard-note-finder] .dotname{fill:var(--c-on-primary);font-size:11px;font-weight:700}