@import "typography";
@import "colors";
.mat-form-field {
  &.qms-form {
    .mat-form-field-flex {
      border-radius: 4px;
      padding: 0.25rem 1rem 0.25rem 1rem;
      height: 51px;

        &:active {
          .mat-form-field-prefix {
            margin-right: 0.75rem;
            mat-icon > svg {
              fill: $active;
          }
        }
      }
    }

    &.mat-form-field-invalid {
        .mat-form-field-prefix {
          margin-right: 0.75rem;
          mat-icon > svg {
            fill: $error;
        }
      }
    }

    &.mat-form-field-disabled {
      .mat-form-field-prefix {
        margin-right: 0.75rem;
        mat-icon > svg {
          fill: black(0.38);
        }
      }
    }
  }
}