:root {
  color-scheme: light;
}

.flash-stack {
  position: sticky;
  top: 5rem;
  z-index: 1001;
  display: grid;
  gap: 0.75rem;
  width: min(40rem, calc(100% - 2rem));
  margin: 1rem auto 0;
}

.flash {
  margin: 0;
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  font: 500 0.95rem/1.4 "Outfit", sans-serif;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.flash--notice {
  background: #edf7ed;
  color: #285728;
}

.flash--alert {
  background: #fff3e8;
  color: #8f4f18;
}