#crm-toast-region {
  top: 4rem;
  z-index: 2100;
  pointer-events: none;
  max-width: 100vw;
  max-height: calc(100dvh - 4rem);
  overflow-y: auto;
}
#crm-toast-region .toast {
  pointer-events: auto;
  width: min(360px, calc(100vw - 2rem));
  max-height: calc(100dvh - 6rem);
  overflow: auto;
}
.notification-settings [data-notification-preferences] .form-check-input {
  width: 1.2em;
  height: 1.2em;
}
@media (max-width: 575.98px) {
  #crm-toast-region .toast { max-height: 28dvh; }
}