/* =========================================================
   FRIZA GELO
   ANIMATIONS.CSS
========================================================= */


/* Troca de etapa do formulário */

.form-step.is-active {
  animation: form-step-enter 0.22s ease;
}


@keyframes form-step-enter {

  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* Progresso */

.form-progress-item {
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}


/* Menos movimento */

@media (prefers-reduced-motion: reduce) {

  .form-step.is-active {
    animation: none;
  }


  .form-progress-item {
    transition: none;
  }

}