// ---------------------------------------------------------------------------
+keyframes(bounceIn)
  0%
    opacity: 0
    +scale(0.3)
  50%
    opacity: 1
    +scale(1.05)
  70%
    +scale(0.9)
  100%
    +scale(1)


// ---------------------------------------------------------------------------
+keyframes(bounceInDown)
  0%
    opacity: 0
    +translateY(-2000px)
  60%
    opacity: 1
    +translateY(30px)
  80%
    +translateY(-10px)
  100%
    +translateY(0)


// ---------------------------------------------------------------------------
+keyframes(bounceInUp)
  0%
    opacity: 0
    +translateY(2000px)
  60%
    opacity: 1
    +translateY(-30px)
  80%
    +translateY(10px)
  100%
    +translateY(0)


// ---------------------------------------------------------------------------
+keyframes(bounceInRight)
  0%
    opacity: 0
    +translateX(2000px)
  60%
    opacity: 1
    +translateX(-30px)
  80%
    +translateX(10px)
  100%
    +translateX(0)


// ---------------------------------------------------------------------------
+keyframes(bounceInLeft)
  0%
    opacity: 0
    +translateX(-2000px)
  60%
    opacity: 1
    +translateX(30px)
  80%
    +translateX(-10px)
  100%
    +translateX(0)