:root {
  --question-transition-ms: 320ms;
}

/* Без прыжков, воды, blur, transform и изменения размеров */
#questionFlow.question-soft-enter #questionText {
  animation: qTextFadeOnly var(--question-transition-ms) ease-out both !important;
}

#questionFlow.question-soft-enter #hintText {
  animation: qFadeOnly var(--question-transition-ms) ease-out 40ms both !important;
}

#questionFlow.question-soft-enter #answerHost {
  animation: qFadeOnly 260ms ease-out 70ms both !important;
}

@keyframes qTextFadeOnly {
  0% {
    opacity: .34;
    color: #9ca3af;
  }

  100% {
    opacity: 1;
  }
}

@keyframes qFadeOnly {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  #questionFlow.question-soft-enter #questionText,
  #questionFlow.question-soft-enter #hintText,
  #questionFlow.question-soft-enter #answerHost {
    animation: none !important;
    opacity: 1 !important;
  }
}