.toast__container {
  position: fixed;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  width: max-content;
}

.toast__message {
  background: var(--color-white);
  border: 1px solid var(--color-slate-200);
  padding: 0.75rem 1rem;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  max-width: 24rem;
  min-width: 16rem;
  text-align: center;
  font-size: 0.875rem;
  transition: opacity 1s ease;
}

.toast__message--notice {
  color: var(--color-armadillo-900);
}

.toast__message--alert {
  color: var(--color-danger);
}