@keyframes toast-in {
      from {
            transform: translateY(-320px);
            opacity: 0;
      }

      to {
            transform: translateY(0);
            opacity: 1;
      }
}

@keyframes toast-out {
      from {
            transform: translateY(0);
            opacity: 1;
      }

      to {
            transform: translateY(-320px);
            opacity: 0;
      }
}

.animate-toast-in {
      animation: toast-in 0.7s cubic-bezier(.4, 0, .2, 1);
}

.animate-toast-out {
      animation: toast-out 0.7s cubic-bezier(1, .2, 0, .4);
}