/* toast.css  */
.toast {
  position: fixed;

  top: 20px;
  right: 20px;

  padding: 14px 20px;

  border-radius: 10px;

  color: white;
  font-weight: bold;

  z-index: 20000;

  opacity: 0;

  transform: translateY(-10px);

  transition: all .3s ease;
}

.toast--show {
  opacity: 1;
  transform: translateY(0);
}

.toast--success {
  background: #16a34a;
}

.toast--error {
  background: #dc2626;
}

.toast--warning {
  background: #f59e0b;
}

.toast--info {
  background: #2563eb;
}