.ui-steps-input{--uioption-steps-spacing:16px}.ui-steps-input,.ui-steps-input .ui-steps-container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ui-steps-input .ui-steps-container .ui-steps-control{border-radius:var(--uioption-form-radius) 0 0 var(--uioption-form-radius);border-right:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 var(--uioption-steps-spacing)}.ui-steps-input .ui-steps-container .ui-steps-number{border-radius:0 var(--uioption-form-radius) var(--uioption-form-radius) 0;padding:0 4px}.ui-steps-input .ui-steps-container .ui-form-control{text-align:center}.ui-steps-input .ui-steps-container .ui-form-control::-webkit-input-placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input .ui-steps-container .ui-form-control::-moz-placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input .ui-steps-container .ui-form-control:-ms-input-placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input .ui-steps-container .ui-form-control::-ms-input-placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input .ui-steps-container .ui-form-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input .ui-steps-container .ui-form-control::-webkit-inner-spin-button,.ui-steps-input .ui-steps-container .ui-form-control::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.ui-steps-input .ui-steps-rect{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ui-steps-input .ui-steps-rect:before{background-color:var(--uicolor-font-1);content:"";display:block;height:2px;width:12px}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container .ui-form-control:focus::-webkit-input-placeholder{color:rgba(0,0,0,0)}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container .ui-form-control:focus::-moz-placeholder{color:rgba(0,0,0,0)}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container .ui-form-control:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container .ui-form-control:focus::-ms-input-placeholder{color:rgba(0,0,0,0)}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container .ui-form-control:focus::placeholder{color:rgba(0,0,0,0)}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container.ui-active,.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container:hover{--uioption-form-color:var(--uicolor-font-2)}