.piano-wrap[data-v-86863e8d]{overflow-x:auto}.piano[data-v-86863e8d]{cursor:pointer;display:block;min-width:480px;width:100%}.white-key[data-v-86863e8d]{fill:#fcfcfc;stroke:#b5b5b5;stroke-width:1}.black-key[data-v-86863e8d]{fill:#1c1c1c;stroke:#000;stroke-width:1}.black-key.dimmed[data-v-86863e8d],.white-key.dimmed[data-v-86863e8d]{opacity:.92}.dot[data-v-86863e8d]{fill:var(--violet);opacity:.9}.dot.root[data-v-86863e8d]{fill:#e11d48}.dot.chord[data-v-86863e8d]{fill:#0ea5e9}.dot.dim[data-v-86863e8d]{opacity:.25}.dot-label[data-v-86863e8d]{fill:#fff;font-size:9px;font-weight:600;pointer-events:none}.chord-grid[data-v-d7a730e4]{cursor:pointer;margin:0;text-align:center}.chord-grid svg[data-v-d7a730e4]{display:block;margin:0 auto;width:120px}.nut[data-v-d7a730e4]{stroke:var(--fg);stroke-width:3.5}.fret[data-v-d7a730e4],.string[data-v-d7a730e4]{stroke:var(--muted);stroke-width:1}.mark[data-v-d7a730e4]{fill:var(--muted);font-size:12px;font-weight:700}.open-mark[data-v-d7a730e4]{fill:transparent;stroke:var(--fg);stroke-width:1.5}.finger[data-v-d7a730e4]{fill:var(--fg)}.base-fret[data-v-d7a730e4]{fill:var(--muted);font-size:11px;font-weight:600}figcaption[data-v-d7a730e4]{color:var(--muted);font-size:.8rem;margin-top:.25rem}