@keyframes fadeInDownShort {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownShort {
  animation-name: fadeInDownShort;
}

@keyframes fadeInLeftShort {
  from {
    opacity: 0;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftShort {
  animation-name: fadeInLeftShort;
}

@keyframes fadeInRightShort {
  from {
    opacity: 0;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightShort {
  animation-name: fadeInRightShort;
}

@keyframes fadeInUpShort {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpShort {
  animation-name: fadeInUpShort;
}

@keyframes fadeOutDownShort {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
}

.fadeOutDownShort {
  animation-name: fadeOutDownShort;
}

@keyframes fadeOutLeftShort {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-20px, 0, 0);
  }
}

.fadeOutLeftShort {
  animation-name: fadeOutLeftShort;
}

@keyframes fadeOutRightShort {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(20px, 0, 0);
  }
}

.fadeOutRightShort {
  animation-name: fadeOutRightShort;
}

@keyframes fadeOutUpShort {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
}

.fadeOutUpShort {
  animation-name: fadeOutUpShort;
}