.flipX-enter-active {
  animation-duration: var(--animate-duration);
  animation-delay: var(--animate-delay);
  animation-iteration-count: var(--animate-repeat);
  animation-fill-mode: both;
  animation-name: flipInX;
}

.flipX-leave-active {
  animation-duration: var(--animate-duration);
  animation-delay: var(--animate-delay);
  animation-iteration-count: var(--animate-repeat);
  animation-fill-mode: both;
  animation-name: flipOutX;
}