/* The toast: a short message at the bottom of the screen (public/js/toast.js). */

.toast {
  position: fixed;
  left: 50%;
  bottom: var(--space-6);
  z-index: var(--z-overlay);
  padding: var(--space-4) var(--space-6);
  color: var(--color-on-solid);
  background: var(--gradient-toast);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transform: translateX(-50%);
}

.toast.failed {
  color: var(--color-on-solid);
  background: var(--color-danger-solid);
}