.arco-input-number{box-sizing:border-box;border-radius:var(--border-radius-small);width:100%;position:relative}.arco-input-number-step-button{box-sizing:border-box;color:var(--color-text-2);background-color:var(--color-fill-2);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;transition:all .1s cubic-bezier(0,0,1,1);display:flex}.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 .arco-input-wrapper{position:relative}.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{opacity:0;border-radius:1px;width:18px;transition:all .1s cubic-bezier(0,0,1,1);position:absolute;top:4px;bottom:4px;right:4px;overflow:hidden}.arco-input-number-mode-embed .arco-input-number-step .arco-input-number-step-button{border:none;border-color:var(--color-neutral-3);width:100%;height:50%;font-size:10px}.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}:is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-suffix:has(.arco-input-number-suffix),.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-suffix:has(.arco-input-number-suffix)){padding-left:4px}.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-suffix,.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-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{border:none;padding:0}.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button{border-right:1px solid #0000;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 #0000;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)}.arco-input-number-readonly .arco-input-number-step-button{color:var(--color-text-4);pointer-events:none}