.itemWrapper {
  position: relative;
  flex-grow: 1;
  width: 100%;
}

.itemWrapper:hover {
  background-color: var(--even-darker-gray);
}

.unansweredDot {
  width: var(--unanswered-dot-dimension);
  height: var(--unanswered-dot-dimension);
  background: var(--medium-gray);
  border-radius: calc(var(--unanswered-dot-dimension) / 2);

  position: absolute;
  top: 50%;
  left: calc(var(--unanswered-dot-dimension) / -2);
  margin-top: -0.3rem;
}

.unansweredDot.stimulusDot {
  top: 1.9rem;
  left: calc(var(--unanswered-dot-dimension) * -4.25);
}