/**
 * Notifications animation
 **/

.notification-enter {
  opacity: 0.01;
  right: -45rem;
}

.notification-enter.notification-enter-active {
  opacity: 1;
  transition: all 400ms ease-in;
  right: 0;
}

.notification-leave {
  opacity: 1;
  right: 0;
}

.notification-leave.notification-leave-active {
  opacity: 0.01;
  transition: all 400ms ease-in;
  right: -45rem;
}