.music-preview{width:100%;max-width:380px;color:var(--ink);font-family:var(--mono)}.music-preview--chords{justify-content:center;gap:24px;display:flex}.music-preview--chords>div{text-align:center;width:82px}.music-preview__chord-name{font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:normal}.music-preview--chords svg{width:100%;height:110px;display:block}.music-preview--scales table{border-collapse:collapse;width:100%;font-size:14px}.music-preview--scales th,.music-preview--scales td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:10px 4px}.music-preview--scales th{color:var(--accent)}.music-preview__label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.music-preview__notes{align-items:center;gap:10px;margin-block:8px 11px;display:flex}.music-preview__notes b,.music-preview__strings b{border:1px solid var(--line);background:var(--ground);border-radius:50%;place-items:center;width:37px;height:37px;font-size:15px;font-weight:500;display:grid}.music-preview__match-arrow{text-align:end;color:var(--accent);flex:1}.music-preview__matches{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.music-preview__matches span{border:1px solid var(--line);font-family:var(--sans);border-radius:6px;padding:6px 8px;font-size:12px}.music-preview__strings{justify-content:center;gap:8px;margin-top:14px;display:flex}.music-preview--tuning{text-align:center}.music-preview__strings small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.music-preview--frequency{justify-content:center;align-items:center;gap:20px;display:flex}.music-preview--frequency>span{font-family:var(--display);font-size:2.5rem;font-weight:700;line-height:normal}.music-preview--frequency strong{font-size:26px;font-weight:500}.music-preview--frequency small{color:var(--muted);font-size:11px;display:block}.music-preview--frequency svg{fill:none;width:105px;height:64px;stroke:var(--accent);stroke-width:2px}.music-preview-neck{width:100%;max-width:264px}.music-preview-neck .fretboard-scroll{margin:0;overflow:visible}.music-preview-circle{width:144px;height:144px}@media (max-width:1000px){.music-preview--chords{gap:14px}.music-preview__strings{gap:5px}.music-preview__strings b{width:30px;height:30px;font-size:13px}.music-preview--scales table{font-size:12px}.music-preview--frequency{gap:12px}.music-preview--frequency svg{width:70px}}.music-preview--scales thead th{color:var(--muted);text-transform:uppercase;border:0;padding-block:0 5px;font-size:10px;font-weight:500}.music-preview__notes b{background:var(--highlight);border-color:var(--highlight);color:var(--ui-on-highlight)}.music-preview--scales .is-altered{color:var(--accent);font-weight:700}.music-preview--night{color:var(--ui-on-night)}.music-preview--large.music-preview--chords{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:420px;display:grid}.music-preview--large.music-preview--chords>div{width:auto;min-width:0}.music-preview--large.music-preview--chords svg{max-width:180px;height:auto;margin-inline:auto}.music-preview__chord-name{overflow-wrap:anywhere}
