input.input--invalid
  border: 2px solid var(--color-error)

.exam-correct--input-status
  $exam-correct--input-status-margin: 10px

  input
    width: calc(100% - 18em/14 - #{$exam-correct--input-status-margin})
  i
    margin-left: $exam-correct--input-status-margin

.exam-correct--success
  color: var(--color-success)

.exam-correct--ambiguous
  color: var(--color-warning)

.exam-correct--error
  color: var(--color-error)

// TODO move to general app style
.exam-correct--loading
  animation: spin 2s linear infinite

@keyframes spin
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)
