// ---------------------------------------------------------------------------
+keyframes(bounceOut)
  0%
    +scale(1)
  25%
    +scale(0.95)
  50%
    opacity: 1
    +scale(1.1)
  100%
    opacity: 0
    +scale(0.3)


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


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


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


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