.quiz-score {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 16px 0;
  border: 1px solid;
  border-radius: 10px;
  padding: 16px;
}

.quiz-score.is-passed {
  border-color: rgba(68, 210, 139, .38);
  background: rgba(68, 210, 139, .09);
}

.quiz-score.is-failed {
  border-color: rgba(255, 107, 116, .38);
  background: rgba(255, 107, 116, .09);
}

.quiz-score__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  color: #07111f;
  font-size: 26px;
  font-weight: 1000;
}

.quiz-score.is-passed .quiz-score__icon {
  background: #53e0a3;
}

.quiz-score.is-failed .quiz-score__icon {
  color: #fff;
  background: #ff6b74;
}

.quiz-score > div {
  display: grid;
  gap: 3px;
}

.quiz-score strong {
  color: var(--white);
  font-size: 19px;
}

.quiz-score > div > span,
.quiz-score > div > small {
  color: var(--muted);
}

.quiz-review {
  display: grid;
  gap: 12px;
  margin: 16px 0 22px;
}

.quiz-review h3 {
  margin: 0;
  color: var(--white);
  font-size: 18px;
}

.quiz-review-item {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(247, 248, 250, .12);
  border-left-width: 4px;
  border-radius: 8px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, .035);
}

.quiz-review-item.is-correct {
  border-left-color: #44d28b;
  background: rgba(68, 210, 139, .07);
}

.quiz-review-item.is-wrong {
  border-left-color: #ff6b74;
  background: rgba(255, 107, 116, .07);
}

.quiz-review-heading {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  color: var(--white);
}

.quiz-review-status {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  align-items: center;
  color: #ff8b92;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.quiz-review-status i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  background: #ff6b74;
  font-size: 15px;
  font-style: normal;
  line-height: 1;
}

.quiz-review-item.is-correct .quiz-review-status {
  color: #63dda1;
}

.quiz-review-item.is-correct .quiz-review-status i {
  color: #07111f;
  background: #53e0a3;
}

.quiz-review-item p {
  margin: 0;
  color: var(--white);
  line-height: 1.55;
}

.quiz-review-answer {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border-radius: 7px;
  padding: 10px 12px;
}

.quiz-review-answer.is-correct {
  border: 1px solid rgba(68, 210, 139, .26);
  background: rgba(68, 210, 139, .08);
}

.quiz-review-answer.is-wrong {
  border: 1px solid rgba(255, 107, 116, .28);
  background: rgba(255, 107, 116, .08);
}

.quiz-review-answer__icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 1px;
  border-radius: 50%;
  color: #07111f;
  background: #53e0a3;
  font-size: 15px;
  font-weight: 1000;
  line-height: 1;
}

.quiz-review-answer.is-wrong .quiz-review-answer__icon {
  color: #fff;
  background: #ff6b74;
}

.quiz-review-explanation {
  border-top: 1px solid rgba(247, 248, 250, .09);
  padding-top: 8px;
  color: var(--muted) !important;
}

@media (max-width: 520px) {
  .quiz-score {
    align-items: flex-start;
  }

  .quiz-review-heading {
    flex-direction: column;
  }
}


.quiz-review,.quiz-score{color:#172131;overflow-wrap:anywhere}.quiz-review h3,.quiz-review-heading,.quiz-review-item p,.quiz-score strong{color:#172131}.quiz-review-item.is-correct .quiz-review-status{color:#166534}.quiz-review-status{color:#b91c1c}.quiz-score>div{min-width:0}
.quiz-box .status-badge.warn{color:#92400e;background:#fff7ed;border-color:#fed7aa}.quiz-box .status-badge.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}
.lesson-main .quiz-form .answer-option{background:#f0f6ff;color:#172131;border:1px solid #ceddf3;border-radius:10px;min-height:48px}.lesson-main .quiz-form .answer-option span{color:#172131}.lesson-main .quiz-form .answer-option:has(input:checked){background:#e0ebff;border-color:#2563eb}.lesson-main .quiz-form .answer-option:focus-within{outline:2px solid #2563eb;outline-offset:2px}