.arco-input-number{position:relative;box-sizing:border-box;width:100%;border-radius:var(--border-radius-small)}.arco-input-number-step-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;color:var(--color-text-2);background-color:var(--color-fill-2);cursor:pointer;user-select:none;transition:all .1s cubic-bezier(0,0,1,1)}.arco-input-number-step-button:hover{background-color:var(--color-fill-3);border-color:var(--color-fill-3)}.arco-input-number-step-button:active{background-color:var(--color-fill-4);border-color:var(--color-fill-4)}.arco-input-number-step-button:disabled{color:var(--color-text-4);background-color:var(--color-fill-2);cursor:not-allowed}.arco-input-number-step-button:disabled:hover,.arco-input-number-step-button:disabled:active{background-color:var(--color-fill-2);border-color:var(--color-neutral-3)}.arco-input-number-prefix,.arco-input-number-suffix{transition:all .1s cubic-bezier(0,0,1,1)}.arco-input-number-mode-embed .arco-input-number-step{position:absolute;top:4px;right:4px;bottom:4px;width:18px;overflow:hidden;border-radius:1px;opacity:0;transition:all .1s cubic-bezier(0,0,1,1)}.arco-input-number-mode-embed .arco-input-number-step .arco-input-number-step-button{width:100%;height:50%;font-size:10px;border:none;border-color:var(--color-neutral-3)}.arco-input-number-mode-embed .arco-input-suffix{justify-content:flex-end;min-width:6px}.arco-input-number-mode-embed .arco-input-suffix-has-feedback{min-width:32px}.arco-input-number-mode-embed .arco-input-suffix-has-feedback .arco-input-number-step{right:30px}.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-step,.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-step{opacity:1}.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-step~.arco-input-suffix,.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-step~.arco-input-suffix{opacity:0;pointer-events:none}.arco-input-number-mode-embed.arco-input-wrapper:not(.arco-input-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover{background-color:var(--color-fill-4)}.arco-input-number-mode-button .arco-input-prepend,.arco-input-number-mode-button .arco-input-append{padding:0;border:none}.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button{border-right:1px solid transparent;border-top-right-radius:0;border-bottom-right-radius:0}.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button:not(.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button:active){border-right-color:var(--color-neutral-3)}.arco-input-number-mode-button .arco-input-append .arco-input-number-step-button{border-left:1px solid transparent;border-top-left-radius:0;border-bottom-left-radius:0}.arco-input-number-mode-button .arco-input-append .arco-input-number-step-button:not(.arco-input-number-mode-button .arco-input-append .arco-input-number-step-button:active){border-left-color:var(--color-neutral-3)}