:root {
  --toast-border: #e2e8f0;
  --toast-text: #475569;
  --toast-heading: #1e293b;
  --toast-muted: #94a3b8;
  --toast-success: #16a34a;
  --toast-error: #dc2626;
  --toast-warning: #d97706;
  --toast-info: #2563eb;
  --toast-radius: 8px;
  --toast-text-size: 0.8125rem;
  --toast-heading-size: 0.875rem;
}

.jq-toast-wrap {
  width: min(340px, calc(100vw - 24px));
}

.jq-toast-single {
  margin: 0 0 8px;
  padding: 13px 36px 13px 14px;
  border: 1px solid var(--toast-border);
  border-left: 4px solid var(--toast-info);
  border-radius: var(--toast-radius);
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--toast-text) !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: var(--toast-text-size);
  line-height: 1.55;
}

.jq-toast-single.jq-has-icon {
  padding: 13px 36px 13px 14px;
  background-image: none !important;
}

.jq-toast-single h2,
.jq-toast-single .jq-toast-heading {
  margin: 0 0 3px;
  color: var(--toast-heading) !important;
  font-family: inherit;
  font-size: var(--toast-heading-size);
  font-weight: 600;
  line-height: 1.35;
}

.jq-toast-single.jq-icon-success {
  border-left-color: var(--toast-success);
}

.jq-toast-single.jq-icon-error {
  border-left-color: var(--toast-error);
}

.jq-toast-single.jq-icon-warning {
  border-left-color: var(--toast-warning);
}

.jq-toast-single.jq-icon-info {
  border-left-color: var(--toast-info);
}

.jq-toast-single.wa-setting-info-toast {
  border-left-color: var(--toast-success);
}

.jq-toast-single.login-welcome-toast {
  border-left-color: var(--toast-info);
}

.jq-toast-single .close-jq-toast-single {
  top: 9px;
  right: 11px;
  color: var(--toast-muted);
  font-size: var(--toast-heading-size);
  line-height: 1;
}

.jq-toast-loader {
  display: none !important;
}