.error-messages {
  min-height: 20px;
  padding-top: 5px;
}

.error-message {
  color:#fd624a;
  font-size: 12px;
  display: none;
  line-height: 15px;
  opacity: 0;
  overflow: hidden;
  margin: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    padding-top: 0;
    padding-bottom: 0;
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    height: unset;
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.fadeIn {
  display: block;
  animation: fadeInUp 1s ease-in-out 0s forwards;
}