.notices {
  z-index: 1000;
  right: auto;
  top: auto;
  left: 18px;
  bottom: 18px;
  display: grid;
  max-width: min(420px, calc(100vw - 36px));
  gap: 8px;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.notices.is-hiding {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}