@ozen-ui/kit/__inner__/cjs/components/FieldHint/FieldHint.css

React component library

/* stylelint-disable */
.FieldHint {
  color: var(--field-hint-color, var(--color-content-secondary));
  margin: var(--field-hint-margin);
  text-align: start;
  min-block-size: 16px;
}
.FieldHint_size_2xs {
      font: var(--typography-text-2xs-font);
      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
      text-transform: var(--typography-text-2xs-text_transform, none);

      --field-hint-margin: 2px 0 6px;
    }
.FieldHint_size_xs {
      font: var(--typography-text-2xs-font);
      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
      text-transform: var(--typography-text-2xs-text_transform, none);

      --field-hint-margin: 2px 0 6px;
    }
.FieldHint_size_s {
      font: var(--typography-text-2xs-font);
      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
      text-transform: var(--typography-text-2xs-text_transform, none);

      --field-hint-margin: 2px 0 6px;
    }
.FieldHint_size_m {
      font: var(--typography-text-xs-font);
      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
      text-transform: var(--typography-text-xs-text_transform, none);

      --field-hint-margin: 4px 0 12px;
    }
.FieldHint_size_l {
      font: var(--typography-text-xs-font);
      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
      text-transform: var(--typography-text-xs-text_transform, none);

      --field-hint-margin: 4px 0 12px;
    }
.FieldHint_disabled {
    --field-hint-color: var(--color-content-tertiary);
  }
.FieldHint_error {
    --field-hint-color: var(--color-content-error);
  }