#mes-toast-container {
  inset-block-start: 5rem;
  inset-inline-end: 0;
  z-index: 1090;
  width: min(26rem, 100vw);
  pointer-events: none;
}

#mes-toast-container .mes-toast {
  width: 100%;
  margin-block-end: 0.75rem;
  background: var(--bs-body-bg);
  pointer-events: auto;
}

.mes-toast .toast-body {
  color: var(--bs-body-color);
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.mes-toast[data-toast-type="success"] .toast-header,
.mes-toast.toast-success .toast-header {
  color: var(--bs-success-text-emphasis);
  background-color: var(--bs-success-bg-subtle);
}

.mes-toast[data-toast-type="danger"] .toast-header,
.mes-toast.toast-danger .toast-header {
  color: var(--bs-danger-text-emphasis);
  background-color: var(--bs-danger-bg-subtle);
}

.mes-toast[data-toast-type="warning"] .toast-header,
.mes-toast.toast-warning .toast-header {
  color: var(--bs-warning-text-emphasis);
  background-color: var(--bs-warning-bg-subtle);
}

.mes-toast[data-toast-type="info"] .toast-header,
.mes-toast.toast-info .toast-header {
  color: var(--bs-info-text-emphasis);
  background-color: var(--bs-info-bg-subtle);
}

@media (max-width: 575.98px) {
  #mes-toast-container {
    inset-inline-start: 0;
    width: 100%;
  }
}