// ---------------------------------------------------------------------------
+keyframes(fadeIn)
  0%
    opacity: 0
  100%
    opacity: 1


// ---------------------------------------------------------------------------
+keyframes(fadeInUp)
  0%
    +translateY(20px)
    opacity: 0
  100%
    +translateY(0)
    opacity: 1


// ---------------------------------------------------------------------------
+keyframes(fadeInDown)
  0%
    +translateY(-20px)
    opacity: 0
  100%
    +translateY(0)
    opacity: 1


// ---------------------------------------------------------------------------
+keyframes(fadeInRight)
  0%
    +translateX(20px)
    opacity: 0
  100%
    +translateX(0)
    opacity: 1


// ---------------------------------------------------------------------------
+keyframes(fadeInLeft)
  0%
    +translateX(-20px)
    opacity: 0
  100%
    +translateX(0)
    opacity: 1


// ---------------------------------------------------------------------------
+keyframes(fadeInUpBig)
  0%
    +translateY(2000px)
    opacity: 0
  100%
    +translateY(0)
    opacity: 1


// ---------------------------------------------------------------------------
+keyframes(fadeInDownBig)
  0%
    opacity: 0
    +translateY(-2000px)
  100%
    opacity: 1
    +translateY(0)


// ---------------------------------------------------------------------------
+keyframes(fadeInRightBig)
  0%
    opacity: 0
    +translateX(2000px)
  100%
    opacity: 1
    +translateX(0)


// ---------------------------------------------------------------------------
+keyframes(fadeInLeftBig)
  0%
    opacity: 0
    +translateX(-2000px)
  100%
    opacity: 1
    +translateX(0)