.input__field {
  $lineHeight: 1.4;
  $fontSize: 16px;
  $paddingVrt: 10px;
  $lines: 3;
  $height: $fontSize * $lineHeight * $lines + $paddingVrt * 2;

  box-sizing: border-box;
  width: 100%;
  height: $height;
  min-height: $height;
  padding: $paddingVrt 12px;
  margin: 0;
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  font-size: $fontSize;
  line-height: $lineHeight;
  background: #fff;
  border: 0;
  resize: none;
  backface-visibility: hidden; // let's try to fix blinking in Safari
  transform: translateZ(0); // let's try to fix blinking in Safari, again

  &:focus {
    box-shadow: inset 0 0 0 2px #259C9A;
    outline: none;
  }

  &:disabled {
    color: #777;
  }
}