span.distance::after {
  content: " m";
}

span.mins::after {
  content: ":";
  padding: 0.2em;
}


input.distance {
  width: 5em;
  text-align: right;
}

input.secs {
  width: 4em;
}

input.mins {
  text-align: right;
  width: 3em;
}

input.validated:invalid + span::after {
  position: absolute;
  content: "✖";
  padding-left: 5px;
}

input.validated:valid + span::after {
  position: absolute;
  content: "✓";
  padding-left: 5px;
}

.raceDist {
  font-weight: bold;
  font-size: 2em;
}