:root {
  --primary-color: #0b7cae;
  --primary-background: #fff;
  --secondary-background: #f4f6f8;
  --light-background: #f4f6f8;
  --header-background: #f4f6f8;
  --button-background: #0b7cae;
  --button-secondary-background: #0b7cae;
  --button-disabled-background: #b4b4b4;
  --button-border: #006795;
  --button-disabled-border: #f4f6f8;
  --active-element: #e8f8ff;
  --text-primary: #00193f;
  --text-secondary: #6a6a6a;
  --text-dark: #4b4b4b;
  --text-light: #00193f;
  --border-color: #a3c2db;
  --border-color-faded: #b0c4de;
  --shadow-color: transparent;
  --highlight-bg: #0b7cae;
  --progress: #e7eaee;
  --progress-track: #0b7cae;
  --empathy-orange-40: #0b7cae;
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
  box-shadow: 0 0 0 2px #0b7cae;
}

.checkboxs-quiz__square svg {
	display: none;
}
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__square svg {
	display: block;
}

.checkboxs-quiz__inner,
.radios-quiz__descr,
.quiz__step-button {
  border-radius: 16px;
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__round::before {
  background: var(--highlight-bg);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__round {
  border-color: var(--highlight-bg);
}

.counter-quiz__round {
  stroke: var(--progress-track);
}

.evaluation-quiz__count-num {
  color: var(--primary-background);
}

.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
  box-shadow: 0 0 0 4px var(--primary-background);
  color: var(--primary-background);
}

.checkboxs-quiz__inner,
.radios-quiz__descr,
.title {
  animation-name: _append-opacity;
  animation-timing-function: ease-in-out;
  transition: all 0.3s;
  animation-duration: 0.3s;
}

.quiz__progress {
  height: 4px;
}

.review-quiz__body {
  color: rgba(30, 30, 30, 0.6);
}

@keyframes _append-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}