@use 'uswds-core' as *;

.usa-error-message {
  @include u-padding-y(0.5);
  position: relative;
  display: block;
  font-weight: font-weight('bold');
  padding-left: units(3);
  color: color('error');

  &::before {
    @include add-color-icon(
      (
        'name': 'error',
        'color': currentColor,
        'svg-height': 24,
        'svg-width': 24,
        'height': 2.5,
      )
    );
    content: '';
    position: absolute;
    left: 0;
    height: 1lh;
    top: units(0.5);
  }
}