#flash-message
  position: fixed
  top: 50px
  right: 225px
  z-index: 1000

  +flex(center, center)
  min-width: 200px
  min-height: 40px
  margin: 0
  padding: 10px 15px
  background-color: rgba($darkerBlue, 0.8)
  border-radius: 4px
  border: 1px solid transparent
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1)

  font-size: 0.7rem
  line-height: 1.2
  color: $white
  pointer-events: none

  -webkit-animation-duration: 1s
  animation-duration: 1s
  -webkit-animation-name: fadeInDown
  animation-name: fadeInDown

  &[data-type="1"]
    border-color: $neonRed

  &[data-type="2"]
    border-color: $neonGreen

  &[data-type="3"]
    border-color: $blue

@-webkit-keyframes fadeInDown
  0%
    opacity: 0
    -webkit-transform: translate3d(0, -100%, 0)
    transform: translate3d(0, -100%, 0)
  100%
    opacity: 1
    -webkit-transform: none
    transform: none

@keyframes fadeInDown
  0%
    opacity: 0
    -webkit-transform: translate3d(0, -100%, 0)
    -ms-transform: translate3d(0, -100%, 0)
    transform: translate3d(0, -100%, 0)
  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none