@import '~antd/es/form/style/index.less';
@import '../variable.less';

@form-prefix-cls: ~'@{ant-prefix}-form';
@form-item-prefix-cls: ~'@{ant-prefix}-form-item';

.@{form-item-prefix-cls} {
  margin-bottom: @form-item-margin-bottom;
  &-with-help {
    margin-bottom: 0;
  }
}

.@{form-item-prefix-cls}-has-error {
  .@{ant-prefix}-input,
  .@{ant-prefix}-input:focus {
    color: @text-color-primary;
    border-color: @error-color !important;
    background-color: rgba(230, 59, 67, 0.02);
  }
}
.@{form-item-prefix-cls}-has-error .@{ant-prefix}-input-affix-wrapper {
  background-color: @form-error-bg-color;
  svg {
    fill: @error-color;
  }
}
.@{form-item-prefix-cls}-label > label::after {
  content: '';
}