@import '_RippleEffect'

@keyframes shake
  0%, 100%
    transform: translateX(0)
  0%, 33%, 66%
    transform: translateX(-0.3rem)
  15%, 47%, 81%
    transform: translateX( 0.3rem)

@keyframes fadein
  0%
    opacity: 0.0
    transform: translateY(10px)
  75%
    opacity: 1.0
  100%
    opacity: 1.0
    transform: translateY(0)

.modal-box
  opacity: 0
  animation-name: fadein
  animation-duration: 520ms
  animation-delay: 100ms
  animation-fill-mode: forwards
  animation-timing-function: ease-in-out