.cpg[data-astro-cid-k5wbofe2]{gap:1rem}.cpg-setup[data-astro-cid-k5wbofe2],.cpg-result[data-astro-cid-k5wbofe2]{gap:.9rem;display:grid}.cpg-grid[data-astro-cid-k5wbofe2]{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));align-items:end;gap:.75rem 1rem;display:grid}.cpg-grid[data-astro-cid-k5wbofe2][hidden]{display:none}.cpg-grid--loose[data-astro-cid-k5wbofe2]{grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr))}.cpg-wide[data-astro-cid-k5wbofe2]{grid-column:1/-1}.cpg-fieldset[data-astro-cid-k5wbofe2]{border:0;min-width:0;margin:0;padding:0}.cpg-legend[data-astro-cid-k5wbofe2]{margin-bottom:.3rem;padding:0;font-size:.85rem;font-weight:650}.cpg-go[data-astro-cid-k5wbofe2]{justify-content:flex-end;display:flex}@media (max-width:480px){.cpg-go[data-astro-cid-k5wbofe2]{justify-content:stretch}.cpg-go[data-astro-cid-k5wbofe2] .btn[data-astro-cid-k5wbofe2]{width:100%}}.cpg-head[data-astro-cid-k5wbofe2]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;display:flex}.cpg-head__text[data-astro-cid-k5wbofe2]{min-width:0}.cpg-title[data-astro-cid-k5wbofe2]{margin:0;font-size:1.4rem;font-weight:800}.cpg-sub[data-astro-cid-k5wbofe2]{color:var(--text-2);margin:.15rem 0 0;font-size:.92rem}.cpg-transpose[data-astro-cid-k5wbofe2]{align-items:center}.cpg-inst[data-astro-cid-k5wbofe2]{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;display:flex}.cpg-capo[data-astro-cid-k5wbofe2]{min-width:8rem}.cpg-capo[data-astro-cid-k5wbofe2][hidden]{display:none}.cpg-chords[data-astro-cid-k5wbofe2]{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (max-width:480px){.cpg-chords[data-astro-cid-k5wbofe2]{grid-template-columns:repeat(auto-fill,minmax(min(100%,8rem),1fr))}}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:.35rem;min-width:0;padding:.6rem;transition:border-color .1s,box-shadow .1s;display:grid}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card--now{border-color:var(--cat);box-shadow:inset 0 0 0 2px var(--cat)}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__top{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__num{color:var(--cat);margin:0;font-size:1.05rem;font-weight:800}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__bars{color:var(--text-2);margin:0;font-size:.75rem}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__name{overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:800}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card .w6m-box{max-width:8.5rem;margin:0 auto}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__frets{text-align:center;font-family:var(--font-mono);margin:0;font-size:.8rem;font-weight:650}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__controls{gap:.35rem;display:grid}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;display:flex}.cpg-chords[data-astro-cid-k5wbofe2] .cpg-card .select{min-height:2.25rem;padding-block:.2rem;font-size:.85rem}.cpg-locked[data-astro-cid-k5wbofe2]:empty,.cpg-capo-note[data-astro-cid-k5wbofe2]:empty{display:none}.cpg-capo-note[data-astro-cid-k5wbofe2]{margin:0}.cpg-play[data-astro-cid-k5wbofe2]{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.1rem;padding-top:.85rem;display:flex}.cpg-play[data-astro-cid-k5wbofe2] .check[data-astro-cid-k5wbofe2]{align-items:center;min-height:44px}.cpg-bpm[data-astro-cid-k5wbofe2]{width:7rem}.cpg-bpm-range[data-astro-cid-k5wbofe2]{flex:9rem;align-self:center;min-width:8rem}.cpg-style[data-astro-cid-k5wbofe2]{min-width:min(100%,15rem)}.cpg-error[data-astro-cid-k5wbofe2]{color:var(--danger);font-size:.86rem;font-weight:600}.cpg-error[data-astro-cid-k5wbofe2][hidden]{display:none}.cpg-actions[data-astro-cid-k5wbofe2]{margin:0}