.form-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0 none;
  outline: none;
  font-family: $font-futurabook;
  width: 100%;
  height: 50px;
  border: 1px solid $light-gray-color;
  background-color: $dirty-white-color;
  border-radius: 3px;
  font-size: 19px;
  color: $base-color;
  padding-left: 19px;
  transition: border-color .3s ease-out, background-color .3s ease-out;
  &:hover {
    border-color: $gray-color;
  }
  &:focus {
    border-color: $gray-color;
    background-color: $white-color;
  }
  &::placeholder {
    color: color($base-color a(.4));
  }
  &_select {
    background-image: inline-image('form/field/arr-bottom.svg');
    background-repeat: no-repeat;
    background-position: right 18px top 21px;
    &:invalid {
      color: color($base-color a(.4));
    }
    &:focus {
      color: $base-color;
    }
  }
  &_blocked {
    pointer-events: none;
  }
  &_password {
    padding-right: 50px;
  }
  &_textarea {
    padding: 15px 17px 0;
    text-indent: 0;
    resize: none;
    line-height: 1.2;
  }
  &_iconic {
    padding-right: 34px;
  }
  &.is-error {
    border-color: $attention-color;
  }
  &.is-disabled,
  &:disabled {
    background-color: #F1F1F1;
    color: #A9A9A8;
    border-color: #DCDAD8;
    pointer-events: none;
  }
}