/* Container for holding all toasts that will be visible */
.bs-toaster {
  /* Mobile - Center the toasts on the screen */
  align-items: center;
  bottom: 1.5rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 999;
}

@media (min-width: 440px) {
  .bs-toaster {
    /* Non-mobile - Toasts will live on right side of the screen */
    left: auto;
    right: 1.5rem;
  }
}
bs-toaster {
  display: block;
}