.alert-success {
  --wm-message-container-background: var(--wm-color-success);
  --wm-message-container-border-color: var(--wm-color-success);
  --wm-message-color: var(--wm-color-on-success);
}

.alert-info {
  --wm-message-container-background: var(--wm-color-info);
  --wm-message-container-border-color: var(--wm-color-info);
  --wm-message-color: var(--wm-color-on-info);
}

.alert-warning {
  --wm-message-container-background: var(--wm-color-warning);
  --wm-message-container-border-color: var(--wm-color-warning);
  --wm-message-color: var(--wm-color-on-warning);
}

.alert-error {
  --wm-message-container-background: var(--wm-color-error);
  --wm-message-container-border-color: var(--wm-color-error);
  --wm-message-color: var(--wm-color-on-error);
}

.alert-loading {
  --wm-message-container-background: var(--wm-color-primary);
  --wm-message-container-border-color: var(--wm-color-primary);
  --wm-message-color: var(--wm-color-on-primary);
}