.alert-stack {
  position: fixed;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2100;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: min(760px, calc(100vw - 32px));
  word-wrap: break-word;
}

.alert-anim {
  animation: alertDrop 0.35s ease both;
}

@keyframes alertDrop {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}