:host {
  --digi--form-validation-message--icon-color--success: var(--digi--color--icon--validation--success);
  --digi--form-validation-message--icon-color--warning: var(--digi--color--icon--validation--warning);
  --digi--form-validation-message--icon-color--error: var(--digi--color--icon--validation--error);
}
:host .digi-form-validation-message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
:host .digi-form-validation-message--success {
  --ICON-COLOR: var(--digi--form-validation-message--icon-color--success);
}
:host .digi-form-validation-message--warning {
  --ICON-COLOR: var(--digi--form-validation-message--icon-color--warning);
}
:host .digi-form-validation-message--error {
  --ICON-COLOR: var(--digi--form-validation-message--icon-color--error);
}
:host .digi-form-validation-message__icon {
  color: var(--ICON-COLOR);
  margin-inline-end: var(--digi--gutter--icon);
}
:host .digi-form-validation-message__icon > * {
  --digi--icon--width: 1.25em;
  --digi--icon--height: 1.25em;
  --digi--icon--color: var(--ICON-COLOR);
  display: flex;
}
:host .digi-form-validation-message__icon .warning {
  top: 3px;
  position: relative;
}
:host .digi-form-validation-message__text {
  flex: 1;
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--typography--tag--font-size--desktop);
  color: var(--digi--color--text--primary);
}