.option.selected {
  border-color: #8795a1;
  background: #f0f3f5;
}

.option.selected > span {
  background: #667783;
  color: #fff;
}

.option.selected i {
  opacity: 0;
}

.option.answer-correct {
  border-color: var(--correct);
  background: #f0faf5;
}

.option.answer-correct > span {
  background: var(--correct);
  color: #fff;
}

.option.answer-correct i {
  color: var(--correct);
  opacity: 1;
}

.option.answer-wrong {
  border-color: #bd4939;
  background: #fff3f1;
}

.option.answer-wrong > span {
  background: #bd4939;
  color: #fff;
}

.option.answer-wrong i {
  color: #bd4939;
  opacity: 1;
}

.option:disabled {
  color: var(--ink);
  cursor: default;
  opacity: 1;
}

.hint {
  height: auto;
  min-height: 21px;
}

.hint.feedback-correct {
  color: var(--correct);
  font-weight: 700;
}

.hint.feedback-wrong {
  color: #a83d2e;
  font-weight: 700;
}

:root[data-theme="dark"] .option.selected {
  border-color: #8795a1;
  background: #2a3338;
}

:root[data-theme="dark"] .option.answer-correct {
  border-color: var(--correct);
  background: #183329;
}

:root[data-theme="dark"] .option.answer-wrong {
  border-color: #e06b59;
  background: #3c2422;
}