.form-fadeIn-enter {
  opacity: 0.01;
}

.form-fadeIn-enter.form-fadeIn-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}

.form-fadeIn-leave {
  opacity: 1;
}

.form-fadeIn-leave.form-fadeIn-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}

.form-scale-enter {
  transform: scale(0);
  opacity: 0.01;
}

.form-scale-enter.form-scale-enter-active {
  transform: unset;
  opacity: 1;
  transition: all 200ms ease-in-out;
}

.form-scale-leave {
  transform: unset;
  opacity: 1;
}

.form-scale-leave.form-scale-leave-active {
  transform: scale(0);
  opacity: 0.01;
  transition: all 200ms ease-in-out;
}
.form-fadeInUp-enter {
  transform: translateY(30px);
  opacity: 0.01;
}

.form-fadeInUp-enter.form-fadeInUp-enter-active {
  transform: unset;
  opacity: 1;
  transition: all 200ms ease-in-out;
}

.form-fadeInUp-leave {
  transform: unset;
  opacity: 1;
}

.form-fadeInUp-leave.form-fadeInUp-leave-active {
  transform: translateY(30px);
  opacity: 0.01;
  transition: all 200ms ease-in-out;
}