.qn-Input[type], // Fixes for specificity issues.
.qn-Input {
  border: unit(1/16, em) solid @color-Interactive--400;
  box-sizing: border-box;
  padding: 0.5em;
  width: 100%;
  // Fixes for specificity issues.
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-size: 16px;
  height: auto;
  line-height: 1;
  margin: 0;

  &:focus {
    .focus();
  }

  &--disabled,
  &[disabled],
  fieldset[disabled] & {
    color: @color-Text--400;
    background-color: inherit;
    // Override Safari wanting to lighten the text color value.
    -webkit-text-fill-color: @color-Text--400;
  }

  &--textarea {
    line-height: 1.4;
    min-height: 10em;
  }
}

.qn-Input[type], // Fixes for specificity issues.
.qn-Input {
  border: unit(1/16, em) solid @color-Interactive--400;
  box-sizing: border-box;
  padding: 0.5em;
  width: 100%;
  // Fixes for specificity issues.
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-size: 16px;
  height: auto;
  line-height: 1;
  margin: 0;
}

.qn-Input {
  &:focus {
    .focus();
  }

  &--disabled,
  &[disabled],
  fieldset[disabled] & {
    color: @color-Text--400;
    background-color: inherit;
    // Override Safari wanting to lighten the text color value.
    -webkit-text-fill-color: @color-Text--400;
  }

  &--textarea {
    line-height: 1.4;
    min-height: 10em;
  }
}

Fix issue with textarea after adjusting for specificity issues
Fix issue with textarea after adjusting for specificity issues
