.Toastify {
  all: unset;
  position: fixed;
  z-index: 1040 !important;
}

.Toastify__toast {
  min-height: 0 !important;
  border-radius: $border-radius !important;
  padding: $btn-padding-y $btn-padding-x !important;
  overflow: hidden;
  font-size: $font-size-sm;
  align-items: flex-start;
  .Toastify__close-button {
    padding: $btn-padding-y 0 !important;
  }
  .Toastify__progress-bar--wrp {
    height: 0.125rem !important;
  }
}

.Toastify__toast--info {
  background-color: var(--#{$prefix}info) !important;
}
.Toastify__toast--success {
  background-color: var(--#{$prefix}success) !important;
  color: white !important;
}
.Toastify__toast--error {
  background-color: var(--#{$prefix}danger) !important;
  color: white !important;
}
.Toastify__toast--default {
  background-color: $card-bg !important;
  color: var(--#{$prefix}gray-800) !important;
}
.Toastify__toast-body {
  padding: map_get($spacers, 2) 0 !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

.animate {
  animation-duration: 800ms;
}

.toast-container {
  z-index: 1010;
}
