/**
 * Info messages — Figma node 1:224
 * Variants: warning, error, success
 */

.fh-info-messages {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--fh-gap-info-messages);
  width: 100%;
}

.fh-info-message {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: var(--fh-info-padding);
  font-family: var(--fh-font-family);
  font-size: var(--fh-font-size-info);
  font-weight: var(--fh-font-weight-info);
  line-height: var(--fh-line-height-info);
  text-align: center;
  white-space: nowrap;
  border: var(--fh-border-width) solid transparent;
  border-radius: var(--fh-info-radius);
  word-break: break-word;
}

.fh-info-message--warning {
  color: var(--fh-color-info-warning-text);
  background-color: var(--fh-color-info-warning-bg);
  border-color: var(--fh-color-info-warning-border);
}

.fh-info-message--error {
  color: var(--fh-color-info-error-text);
  background-color: var(--fh-color-info-error-bg);
  border-color: var(--fh-color-info-error-border);
}

.fh-info-message--success {
  color: var(--fh-color-info-success-text);
  background-color: var(--fh-color-info-success-bg);
  border-color: var(--fh-color-info-success-border);
}