@sms-frontend/components/lib/InputNumber/style/index.css

SMS Design React UI Library.

.sms-input-number{position:relative;display:inline-block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--border-radius-small)}.sms-input-number-step-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:var(--color-neutral-3);background-color:var(--color-fill-2);color:var(--color-text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .1s cubic-bezier(0,0,1,1);transition:all .1s cubic-bezier(0,0,1,1)}.sms-input-number-step-button:hover{border-color:var(--color-fill-3);background-color:var(--color-fill-3)}.sms-input-number-step-button:active{border-color:var(--color-fill-4);background-color:var(--color-fill-4)}.sms-input-number-step-button-disabled{cursor:not-allowed;background-color:var(--color-fill-2);color:var(--color-text-4)}.sms-input-number-step-button-disabled:active,.sms-input-number-step-button-disabled:hover{border-color:var(--color-neutral-3);background-color:var(--color-fill-2)}.sms-input-number-prefix,.sms-input-number-suffix{-webkit-transition:all .1s cubic-bezier(0,0,1,1);transition:all .1s cubic-bezier(0,0,1,1)}.sms-input-number-mode-embed .sms-input-number-step-layer{opacity:0;position:absolute;right:4px;top:4px;bottom:4px;width:18px;border-radius:1px;overflow:hidden;-webkit-transition:all .1s cubic-bezier(0,0,1,1);transition:all .1s cubic-bezier(0,0,1,1)}.sms-input-number-mode-embed .sms-input-number-step-layer .sms-input-number-step-button{width:100%;height:50%;font-size:10px}.sms-input-number-mode-embed:not(.sms-input-group-wrapper-disabled):hover .sms-input-number-step-layer{opacity:1}.sms-input-number-mode-embed:not(.sms-input-group-wrapper-disabled):hover .sms-input-number-step-layer~.sms-input-number-suffix{opacity:0;pointer-events:none}.sms-input-number-mode-embed .sms-input-inner-wrapper:not(.sms-input-inner-wrapper-is-focus) .sms-input-number-step-button:not(.sms-input-number-step-button-disabled):hover{background-color:var(--color-fill-4)}.sms-input-number-mode-button .sms-input{text-align:center}.sms-input-number-mode-button .sms-input-group{position:relative}.sms-input-number-mode-button .sms-input-group-addafter,.sms-input-number-mode-button .sms-input-group-addbefore{padding:0}.sms-input-number-mode-button .sms-input-group .sms-input-number-step-button{position:absolute;top:0;height:100%;border:inherit}.sms-input-number-mode-button .sms-input-group .sms-input-number-step-button:active{border-color:var(--color-fill-4)}.sms-input-number-mode-button .sms-input-group-addbefore .sms-input-number-step-button{left:0;border-right-color:var(--color-neutral-3)}.sms-input-number-mode-button .sms-input-group-addafter .sms-input-number-step-button{right:0;border-left-color:var(--color-neutral-3)}.sms-input-number-mode-button.sms-input-number-size-mini .sms-input-group-addafter,.sms-input-number-mode-button.sms-input-number-size-mini .sms-input-group-addbefore{width:24px}.sms-input-number-mode-button.sms-input-number-size-mini .sms-input-group-addafter .sms-input-number-step-button,.sms-input-number-mode-button.sms-input-number-size-mini .sms-input-group-addbefore .sms-input-number-step-button{width:24px}.sms-input-number-mode-button.sms-input-number-size-small .sms-input-group-addafter,.sms-input-number-mode-button.sms-input-number-size-small .sms-input-group-addbefore{width:28px}.sms-input-number-mode-button.sms-input-number-size-small .sms-input-group-addafter .sms-input-number-step-button,.sms-input-number-mode-button.sms-input-number-size-small .sms-input-group-addbefore .sms-input-number-step-button{width:28px}.sms-input-number-mode-button.sms-input-number-size-default .sms-input-group-addafter,.sms-input-number-mode-button.sms-input-number-size-default .sms-input-group-addbefore{width:32px}.sms-input-number-mode-button.sms-input-number-size-default .sms-input-group-addafter .sms-input-number-step-button,.sms-input-number-mode-button.sms-input-number-size-default .sms-input-group-addbefore .sms-input-number-step-button{width:32px}.sms-input-number-mode-button.sms-input-number-size-large .sms-input-group-addafter,.sms-input-number-mode-button.sms-input-number-size-large .sms-input-group-addbefore{width:36px}.sms-input-number-mode-button.sms-input-number-size-large .sms-input-group-addafter .sms-input-number-step-button,.sms-input-number-mode-button.sms-input-number-size-large .sms-input-group-addbefore .sms-input-number-step-button{width:36px}.sms-input-number-readonly .sms-input-number-step-button{pointer-events:none;color:var(--color-text-4)}.sms-input-number-illegal-value input{color:rgb(var(--danger-6))}