.w6m-box,.w6m-keys,.w6m-neck{width:100%;height:auto;color:var(--text);display:block;overflow:visible}.w6m-box text,.w6m-keys text,.w6m-neck text{font-family:var(--font-body)}.w6m-fret{stroke:var(--line-strong);stroke-width:1.2px}.w6m-string{stroke:var(--text-2);stroke-width:1.2px}.w6m-nut{stroke:var(--text);stroke-width:4px;stroke-linecap:round}.w6m-basefret{fill:var(--text-2);font-size:10px;font-weight:650}.w6m-dot,.w6m-barre{fill:var(--text)}.w6m-dot--root{fill:var(--cat)}.w6m-dot-text{fill:var(--surface);font-size:10px;font-weight:700}.w6m-dot-text--small{font-size:8.5px}.w6m-open{fill:none;stroke:var(--text);stroke-width:1.6px}.w6m-open--root{stroke:var(--cat);stroke-width:2.2px}.w6m-mute{stroke:var(--text-2);stroke-width:1.6px;stroke-linecap:round}.w6m-under,.w6m-fretnum{fill:var(--text-2);font-size:9.5px;font-weight:600}.w6m-inlay{fill:var(--line)}.w6m-key{fill:#fff;stroke:#8d96a1;stroke-width:1px}.w6m-bkey{fill:#23262b;stroke:#23262b}.w6m-key--on,.w6m-bkey--on{fill:color-mix(in srgb, var(--cat) 55%, #fff)}.w6m-bkey--on{fill:color-mix(in srgb, var(--cat) 75%, #000)}.w6m-key--root,.w6m-bkey--root{fill:var(--cat)}.w6m-keytext{fill:#1c2027;font-size:8.5px;font-weight:700}.w6m-keytext--black{fill:#fff;font-size:7px}:root[data-theme=dark] .w6m-key{fill:#dfe4ea}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .w6m-key{fill:#dfe4ea}}.w6m-kb{-webkit-user-select:none;user-select:none;touch-action:manipulation;max-width:100%;height:9.5rem;display:flex;position:relative}.w6m-kb__white,.w6m-kb__black{font:inherit;cursor:pointer;border-radius:0 0 6px 6px;justify-content:center;align-items:flex-end;padding:0 0 .35rem;display:flex}.w6m-kb__white{color:#4b5563;background:#fff;border:1px solid #8d96a1;flex:1 1 0;min-width:0}.w6m-kb__black{z-index:1;color:#d6dbe1;background:#23262b;border:1px solid #111418;height:60%;position:absolute;top:0}.w6m-kb__white[aria-pressed=true]{background:color-mix(in srgb, var(--cat) 45%, #fff);color:#1c2027}.w6m-kb__black[aria-pressed=true]{background:var(--cat);color:#fff}.w6m-kb__white:focus-visible,.w6m-kb__black:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}.w6m-kb__label{pointer-events:none;font-size:.62rem;font-weight:650}.w6m-kb__black .w6m-kb__label{font-size:.5rem}:root[data-theme=dark] .w6m-kb__white{background:#dfe4ea}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .w6m-kb__white{background:#dfe4ea}}@media (max-width:480px){.w6m-kb{height:8rem}.w6m-kb__label{font-size:.5rem}.w6m-kb__black .w6m-kb__label{display:none}}.w6m-cards{grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.w6m-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:.35rem;min-width:0;padding:.6rem .6rem .65rem;display:grid}.w6m-card__title{text-align:center;overflow-wrap:anywhere;margin:0;font-size:.95rem;font-weight:700}.w6m-card__sub{color:var(--text-2);text-align:center;margin:0;font-size:.78rem}.w6m-card__frets{text-align:center;font-family:var(--font-mono);letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:650}.w6m-card__actions{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.w6m-card .w6m-box{max-width:9.5rem;margin:0 auto}.w6m-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.w6m-chip{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);justify-items:center;gap:.05rem;min-width:2.75rem;padding:.35rem .55rem;display:inline-grid}.w6m-chip--root{border-color:var(--cat);box-shadow:inset 0 0 0 1px var(--cat)}.w6m-chip__note{font-size:1rem;font-weight:700}.w6m-chip__sub{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.72rem}.w6m-scroll{border-radius:var(--radius-s);max-width:100%;padding-bottom:.25rem;overflow-x:auto}.w6m-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.w6m-scroll>.w6m-neck{min-width:40rem}.w6m-scroll>.w6m-keys{min-width:34rem}