.input-input-number{width:100%}
.input-input-number.bordered{border:var(--form-border);border-radius:var(--border-radius)}
.input-input-number.error{border-color:var(--bdtoow1f)}
.input-input-number:not(.error):hover,.input-input-number:not(.error):focus{border-color:var(--form-border-color-active)}
.input-input-number{color:var(--form-color);background:var(--form-background);border-radius:var(--border-radius);position:relative}
.input-input-number .input{text-align:center;margin-bottom:0}
.input-input-number .input .text{text-overflow:ellipsis;white-space:nowrap;left:0;right:0;overflow:hidden}
.input-input-number .input__error{margin-top:8px;display:inline-block}
.input-input-number input{border:none}
.input-input-number .input__wrapper{background:0 0;border:none}
.dynamic-input-number{color:var(--form-color);justify-content:space-between;align-items:center;display:inline-flex;position:relative}
.dynamic-input-number:not(.hasLabel) input{padding:0}
.dynamic-input-number.hasLabel input.input{padding:20px 0 0}
.dynamic-input-number.error .input input,.dynamic-input-number.error .input__suffix{color:var(--bdtoow1f)}
.dynamic-input-number .icon{transition:none}
.dynamic-input-number .input{text-align:center;margin-bottom:0}
.dynamic-input-number .input .text{text-overflow:ellipsis;white-space:nowrap;left:0;right:0;overflow:hidden}
.dynamic-input-number .input__error{margin-top:8px;display:inline-block}
.dynamic-input-number .input input{font-weight:var(--font-weight-bold);border:none}
.dynamic-input-number .input__suffix{font-weight:var(--font-weight-bold)}
.dynamic-input-number .input__wrapper{background:0 0;border:none;padding:0}
.dynamic-input-number .input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dynamic-input-number .input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dynamic-input-number .input input[type=number]{-moz-appearance:textfield}
.input-number{width:100%;position:relative}
.input-number .icon{transition:none}
.input-number .number-stepper{visibility:hidden;z-index:1;position:absolute}
.input-number .input__label--material.text{padding:0 10px}
.input-number.input-field .number-stepper{top:calc((var(--form-height) - .6em) / 2)}
.input-number.input-field.editable .number-stepper{visibility:visible}
.input-number.input-field .decrement{right:calc(50% + 5ch)}
.input-number.input-field .decrement input,.input-number.input-field .decrement input.material{padding-left:40px}
.input-number.input-field .increment{left:calc(50% + 5ch)}
.input-number.input-field .increment input,.input-number.input-field .increment input.material{padding-right:40px}
.input-number.dynamic-input-field .number-stepper{top:calc((var(--form-height) - 1em) / 2)}
.input-number.dynamic-input-field .decrement{right:calc(50% + 6ch)}
.input-number.dynamic-input-field .increment{left:calc(50% + 6ch)}
.input-number.dynamic-input-field.editable .number-stepper{visibility:visible}
.input-number.dynamic-input-field{justify-content:center;align-items:center;column-gap:8px;display:flex}
@media screen and (min-width:992px){.input-number.input-field:hover .number-stepper,.input-number.input-field:focus .number-stepper{visibility:visible}.input-number.input-field.editable .number-stepper{visibility:hidden}.input-number.input-field.editable:hover .number-stepper,.input-number.input-field.editable:focus .number-stepper{visibility:visible}.input-number.dynamic-input-field.editable .number-stepper{visibility:hidden}.input-number.dynamic-input-field.editable:hover .number-stepper,.input-number.dynamic-input-field.editable:focus .number-stepper{visibility:visible}}