.quadrature-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Baseline, accepted and current checkpoints stay distinct in grayscale. */
.quadrature-score-baseline {
  stroke-dasharray: none;
}

.quadrature-score-accepted {
  stroke-dasharray: 2 2;
  stroke-width: 2.2;
}

.quadrature-score-current {
  stroke-dasharray: none;
}