.toast-stack {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  max-inline-size: min(22rem, calc(100vw - 2rem));
  pointer-events: none;
  position: fixed;
  z-index: 100;
}

.toast-stack .notice {
  animation: toast-in 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
}

@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(-0.65rem) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}