@import '~antd/lib/input-number/style/index';

@import '../../index';
@import '../../../../mixins/index';

.@{input-number-prefix-cls} {
    width: 100%;
    &-handler {
      line-height: 6px;
      background: @primary-5;
      &-up {
        border-bottom: @border-width-base @border-style-base @white;
        border-radius: 2px 2px 0 0;
        &:after {
          color: @white;
          font-size: @font-size-sm;
          font-family: 'polestar' !important;
          content: '\E079';
        }
        i {
          display: none;
        }
        &-inner {
          color: @white;
          right: 3px;
        }
        &:hover {
          background: @primary-6;
          color: @white;
        }
      }
      &-down {
        top: 0;
        border-top: @border-width-base @border-style-base @white;
        border-radius: 0 0 2px 2px;
        &:after {
          color: @white;
          font-size: @font-size-sm;
          font-family: 'polestar' !important;
          content: '\E072';
        }
        i {
          display: none;
        }
        &-inner {
          color: @white;
          right: 3px;
        }
        &:hover {
          background: @primary-6;
          color: @white;
        }
      }
    }
    &-handler-wrap {
      margin: 2px;
      border-left: none;
      width: 18px;
      height: 88%;
    }
    &-handler-up-disabled,
    &-handler-up-disabled:hover {
      background: @gray-3;
    }
    &-handler-down-disabled,
    &-handler-down-disabled:hover {
      background: @gray-3;
    }
  }
  
// Readonly
.@{ant-prefix}-input-number.@{ps-input-prefix-cls}-number-readonly {
  background: @gray-1;
  .@{ant-prefix}-input-number {
    background: @gray-1;
  }
  .ant-input-number-handler-wrap {
    display: none;
  }
}
.@{ps-input-prefix-cls}-number-readonly {
  .@{ant-prefix}-input-number {
    background: @gray-1;
  }
  .ant-input-number-handler-wrap {
    display: none;
  }
}