* {
  box-sizing: border-box;
}

.error {
  -webkit-animation: shakeInput 0.25s ease-in-out 0s 1.5;
  animation: shakeInput 0.25s ease-in-out 0s 1.5;
}

.vis-hid {
  visibility: hidden;
}

/* Animations */

@keyframes shakeInput {
  0% {
    -webkit-transform: translate3d(0rem, 0px, 0);
            transform: translate3d(0rem, 0px, 0);
  }
  25% {
    -webkit-transform: translate3d(-0.5rem, 0px, 0);
            transform: translate3d(-0.5rem, 0px, 0);
  }
  75% {
    -webkit-transform: translate3d(0.5rem, 0px, 0);
            transform: translate3d(0.5rem, 0px, 0);
  }
  100% {
    -webkit-transform: translate3d(0rem, 0px, 0);
            transform: translate3d(0rem, 0px, 0);
  }
}

/* FIXES ZOOM ON INPUT SELECT ON MOBILE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

.fade-in-appear {
  opacity: 0.01;
}

.fade-in-appear.fade-in-appear-active {
  opacity: 1;
  transition: opacity .6s ease-out;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: transparent !important;
  background-image: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--text-primary);
  transition: background-color 5000s ease-in-out 0s;
}