.flash {
  position: fixed;
  top: var(--space--base);
  left: var(--space--base);
  padding: var(--space--base) var(--space--medium);
  border-radius: var(--border-radius--base);
  font-size: var(--font-size--body);
  z-index: var(--z-index--modal);
  animation: flash-slide-in-out 5s forwards;
}

@keyframes flash-slide-in-out {
  0% { opacity: 0; transform: translateX(-100%); }
  5% { opacity: 1; transform: translateX(0); }
  80% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-100%); pointer-events: none; }
}

.flash--notice {
  background-color: var(--color--ui-success-light);
  color: var(--color--ui-success-dark);
}

.flash--alert {
  background-color: var(--color--ui-danger-light);
  color: var(--color--ui-danger-dark);
}