.defaut-animate[data-v-31a73d37] {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.fade-up[data-v-31a73d37] {
  animation-fill-mode: both;
  animation-name: fade-up-31a73d37;
  animation-timing-function: ease-in-out;
}
@keyframes fade-up-31a73d37 {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-down[data-v-31a73d37] {
  animation-fill-mode: both;
  animation-name: fade-down-31a73d37;
  animation-timing-function: ease-in-out;
}
@keyframes fade-down-31a73d37 {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-left[data-v-31a73d37] {
  animation-fill-mode: both;
  animation-name: fade-left-31a73d37;
  animation-timing-function: ease-in-out;
}
@keyframes fade-left-31a73d37 {
  0% {
    opacity: 0;
    transform: translate(-50px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.fade-right[data-v-31a73d37] {
  animation-fill-mode: both;
  animation-name: fade-right-31a73d37;
  animation-timing-function: ease-in-out;
}
@keyframes fade-right-31a73d37 {
  0% {
    opacity: 0;
    transform: translate(50px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}