@import "../theme/variable";
@import "../theme/mixins";
@import "typography";

.mat-mdc-form-field {
  &.qms-form {
    /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
    /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
    .mat-form-field-flex {
      border-radius: 4px;
      padding: 0.25rem 1rem 0.25rem 1rem;
      height: 51px;

        &:active {
          /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
          .mat-form-field-prefix {
            margin-right: 0.75rem;
            mat-icon > svg {
              fill: theme-apply($active);
          }
        }
      }
    }

    &.mat-form-field-invalid {
        /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
        .mat-form-field-prefix {
          margin-right: 0.75rem;
          mat-icon > svg {
            fill: theme-apply($error);
        }
      }
    }

    &.mat-form-field-disabled {
      /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
      .mat-form-field-prefix {
        margin-right: 0.75rem;
        mat-icon > svg {
          fill: black(0.38);
        }
      }
    }
  }
}
