/* Toast Component Styles */

.toast {
  top: 1rem;
  right: 1rem;
}

.toast-enter {
  opacity: 0;
  transform: translateX(100%);
}

.toast-enter-active {
  opacity: 1;
  transform: translateX(0);
}

.toast-exit {
  opacity: 0;
  transform: translateX(100%);
}

.toast-success {
  background-color: #f0fdf4;
  border-left: 4px solid #22c55e;
}

.toast-error {
  background-color: #fef2f2;
  border-left: 4px solid #ef4444;
}

.toast-warning {
  background-color: #fffbeb;
  border-left: 4px solid #f59e0b;
}

.toast-info {
  background-color: #eff6ff;
  border-left: 4px solid #3b82f6;
}

.toast-notice {
  background-color: #eff6ff;
  border-left: 4px solid #3b82f6;
}

.toast-alert {
  background-color: #fef2f2;
  border-left: 4px solid #ef4444;
}