svg.mt-vdiagram{width:var(--mt-diagram-min-width,120px);height:var(--mt-diagram-min-height,140px);color:var(--text);stroke-linecap:round;stroke-linejoin:round;flex:none;display:block;overflow:visible}svg.mt-vdiagram.is-compact{width:96px;height:112px}svg.mt-vdiagram.has-strings{height:calc(var(--mt-diagram-min-width,120px)*123/96)}svg.mt-vdiagram.is-compact.has-strings{height:123px}svg.mt-vdiagram.is-fill{width:100%;height:100%}svg.mt-vdiagram.is-muted{color:var(--text-soft)}svg.mt-vdiagram .mt-vd-string{opacity:.7}svg.mt-vdiagram .mt-vd-fret{opacity:.55}svg.mt-vdiagram :is(.mt-vd-dot circle,.mt-vd-barre rect){fill:var(--mt-vd-accent,currentColor)}svg.mt-vdiagram .mt-vd-fr,svg.mt-vdiagram .mt-vd-snum{fill:var(--text-soft);font-family:var(--mt-font-mono,var(--font-mono));font-size:8.8px;font-weight:600}svg.mt-vdiagram .mt-vd-finger{fill:var(--bg);font-family:var(--font-sans);font-size:8px;font-weight:700}@media (forced-colors:active){svg.mt-vdiagram{color:canvastext}svg.mt-vdiagram :is(.mt-vd-dot circle,.mt-vd-barre rect){fill:canvastext}svg.mt-vdiagram .mt-vd-snum{fill:var(--text-soft);font-family:var(--mt-font-mono,var(--font-mono));font-size:8.8px;font-weight:600}svg.mt-vdiagram .mt-vd-finger{fill:canvas}svg.mt-vdiagram :is(.mt-vd-fr,.mt-vd-snum){fill:canvastext}}.mt-chordshape{min-width:0;color:var(--text);flex-direction:column;align-items:center;gap:4px;display:inline-flex}.mt-chordshape.is-fill{width:100%;height:100%;display:flex}.mt-chordshape.is-framed{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--surface-solid);padding:8px}.mt-chordshape-name{color:var(--primary-ink);font-family:var(--mt-font-mono,var(--font-mono));overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.5}.mt-chordshape.is-muted .mt-chordshape-name{color:var(--text-soft)}.mt-chordshape-missing{color:var(--text-soft);text-align:center;overflow-wrap:anywhere;font-size:12px}.mt-chordshape[data-empty=true]{justify-content:center}