.form-control {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;

  &:hover {
    border-color: $input-focus-border-color;
  }

  &:focus {
    box-shadow: none;
  }

  @if $input-padding-x == 0 {
    border-top: none;
    border-right: none;
    border-left: none;
  }

  .btn-counter & {
    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
      // -webkit-appearance: none;
      margin: 0;
      appearance: none;
    }
  }
}