.toast,
.toast:not(.show) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.toasts-container {
  position: fixed;
  top: 32px;
  right: 32px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

.toast-container,
.toast-icon,
.toast-content,
.toast-message,
.toast-close {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@keyframes toast-enter {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes toast-exit {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

.toast {
  animation: toast-enter 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.5s ease-in-out;
}

.toast.toast-closing {
  animation: toast-exit 0.5s ease-in-out forwards !important;
}

.toast-progress {
  animation-duration: 15000ms !important;
}

.fade:not(.show) {
  opacity: 1 !important;
}