.qf-notification {
  position: fixed;

  transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
}

.qf-notification.right {
  right: 16px
}

.qf-notification.left {
  left: 16px
}

.qf-notification-fade-enter.right {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.qf-notification-fade-enter.left {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.qf-notification-fade-leave-active {
  opacity: 0
}