.chord-progression-grid__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.chord-progression-grid__bar {
  border-right: 2px solid currentColor;
}

.chord-progression-grid__bar-number {
  font-size: .7rem;
  opacity: .6;
  padding-left: .3rem;
}

.chord-progression-grid__box {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chord-progression-grid__label {
  font-weight: 700;
  font-size: 1.3rem;
}

.chord-progression-grid__playable {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.chord-progression-grid__playable.is-playing {
  background: rgba(255,255,255,.1);
}