.@{prefixCls}-input-number {
  .@{ant-prefix}-input-number-prefix {
    color: #666;
  }

  .@{ant-prefix}-input-number-handler {
    border-left: none;

    &-wrap {
      width: 18px;
    }

    &-up-inner {
      top: unset;
      bottom: -1px;
      margin-top: unset;
    }

    &-down-inner {
      top: -1px;
      transform: unset;
    }

    &-down {
      border-top: none !important;
    }

    &-up-inner,
    &-down-inner {
      right: 3px;
      color: fade(#333, 70);
      font-size: 10px !important;
    }
  }

  &-suffix {
    flex-direction: row-reverse;
    padding-inline-end: @padding-sm;

    .@{ant-prefix}-input-number-affix-wrapper {
      flex-direction: row-reverse;
      padding-inline-end: @padding-sm;
    }

    .@{ant-prefix}-input-number-prefix {
      margin-inline-start: 4px;
      margin-inline-end: 0;
    }

    .@{ant-prefix}-input-number {
      padding-inline-end: 0;
    }

    .@{ant-prefix}-input-number-handler-wrap {
      right: -3px;
    }
  }
}