$input-number-prefix-cls: "#{$css-prefix}input-number";

.#{$input-number-prefix-cls} {
  input {
    @include selectionStyle;
  }

  &-handler {
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: $inputnumber-border-color-hover;
    }
  }

  &:hover,
  &-focused {
    border-color: $inputnumber-border-color-hover;
  }

  &-disabled {

    .#{$input-number-prefix-cls}-handler-wrap {
      background-color: #f7f7f7;
      display: block;
    }
  }

  &-readonly {
    .h-input-number-input {
      opacity: 1;
    }
    .#{$input-number-prefix-cls}-handler-wrap {
      background-color: #f7f7f7;
    }
  }
}