@osui-input-number-class-prefix: osui-input-number;

.@{osui-input-number-class-prefix} {
    width: var(--input-number-width);

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

    .@{ant-prefix}-input-number-handler-up-inner,
    .@{ant-prefix}-input-number-handler-down-inner {
        // 修复箭头不居中的问题
        line-height: 12px;
    }

    .@{ant-prefix}-input-number-handler:hover {
        .@{ant-prefix}-input-number-handler-up-inner, .@{ant-prefix}-input-number-handler-down-inner {
            color: var(--brand-color);
        }
        &.@{ant-prefix}-input-number-handler-up-disabled,
        &.@{ant-prefix}-input-number-handler-down-disabled {
            .@{ant-prefix}-input-number-handler-up-inner, .@{ant-prefix}-input-number-handler-down-inner {
                color: var(--text-color-disabled);
            }

            background: var(--component-color-grayB-disable);
        }
    }

    &.@{ant-prefix}-input-number-disabled {
        color: var(--text-color-disabled);
        border-color: var(--component-color-border);
        background: var(--component-color-grayB-disable);
    }

    .@{ant-prefix}-input-number-handler:active {
        color: var(--brand-color-active);
    }
}

// 表单内报错样式覆盖
.@{ant-prefix}-form-item-has-error {
    .@{ant-prefix}-input-number-status-error:not(.@{ant-prefix}-input-number-disabled) {
        color: var(--text-color-disabled);
        border-color: var(--error-color);
        background: var(--error-color-light-hover);
        .@{ant-prefix}-input-number-handler {
            background: var(--error-color-light-hover);
        }

        &:hover {
            border-color: var(--error-color-hover);
            background: var(--error-color-light-hover);
        }

        &:focus-within {
            color: var(--text-color-primary);
            background: var(--bg-color-white);
            border-color: var(--error-color-active);
            box-shadow: 0 0 0 1px var(--error-color-light-active);
            .@{ant-prefix}-input-number-handler {
                background: var(--bg-color-white);
            }
        }
    }
}