.flash-container {
  bottom: 1rem;
  pointer-events: none;
  position: fixed;
  right: 1rem;
  width: min(24rem, calc(100vw - 2rem));
  z-index: 50;
}

.flash-container--top {
  position: fixed;
  right: 1rem;
  top: 1rem;
  width: min(37.5rem, calc(100vw - 2rem));
  z-index: 50;
}

.flash {
  border: 1px solid;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  padding: 0.75rem 1rem;
  pointer-events: auto;
}

.flash--notice {
  background: var(--lime-100);
  border-color: var(--lime-300);
  color: var(--lime-700);
}

.flash--alert {
  background: var(--red-50);
  border-color: var(--red-200);
  color: var(--red-700);
}