.form-spinbutton{--form-spinbutton-width: 100%;--form-spinbutton-padding-y: var(--InputPaddingY);--form-spinbutton-padding-x: 0rem;--form-spinbutton-gap: 0rem;--form-spinbutton-background-color: var(--color-white);--form-spinbutton-disabled-background-color: var(--color-gray-6);--form-spinbutton-readonly-background-color: var(--color-white);--form-spinbutton-border-width: 1px;--form-spinbutton-border-color: var(--color-gray-5);--form-spinbutton-disabled-border-color: var(--color-gray-5);--form-spinbutton-readonly-border-color: var(--color-gray-5);--form-spinbutton-border-radius: .5rem;--form-spinbutton-color: var(--color-gray-1);--form-spinbutton-disabled-color: var(--color-gray-4);--form-spinbutton-readonly-color: var(--color-gray-1);--form-spinbutton-font-size: var(--fontSize-base);--form-spinbutton-font-weight: 400;--form-spinbutton-text-align: center;--form-spinbutton-placeholder-color: var(--color-gray-4);--form-spinbutton-line-height: var(--line-height);--form-spinbutton-letter-spacing: var(--letter-spacing);--form-spinbutton-btn-width: 2.5rem;--form-spinbutton-btn-align-items: center;--form-spinbutton-btn-justify-content: center;--form-spinbutton-btn-icon-size: .75rem;--form-spinbutton-btn-icon-color: var(--color-gray-4);--form-spinbutton-disabled-btn-icon-color: var(--color-gray-4);--form-spinbutton-readonly-btn-icon-color: var(--color-gray-4);--form-spinbutton-btn-border-width: 0rem;--form-spinbutton-btn-background-color: var(--color-white);--form-spinbutton-disabled-btn-background-color: var(--color-gray-6);--form-spinbutton-readonly-btn-background-color: var(--color-white);--form-spinbutton-btn-border-color: transparent;--form-spinbutton-disabled-btn-border-color: transparent;--form-spinbutton-readonly-btn-border-color: transparent;--form-spinbutton-input-background-color: var(--color-white);--form-spinbutton-input-disabled-background-color: var(--color-gray-6);--form-spinbutton-input-readonly-background-color: var(--color-white);--form-spinbutton-input-border-width: 0rem;--form-spinbutton-input-border-color: transparent;--form-spinbutton-input-disabled-border-color: transparent;--form-spinbutton-input-readonly-border-color: transparent;display:flex;align-items:stretch;justify-content:space-between;border-radius:.25rem;width:var(--form-spinbutton-width);gap:var(--form-spinbutton-gap);background-color:var(--form-spinbutton-background-color);border:var(--form-spinbutton-border-width) solid var(--form-spinbutton-border-color);border-radius:var(--form-spinbutton-border-radius);overflow:hidden;-ms-touch-action:auto;touch-action:manipulation}.form-spinbutton.form-spinbutton-disabled{background-color:var(--form-spinbutton-disabled-background-color);border:var(--form-spinbutton-border-width) solid var(--form-spinbutton-disabled-border-color)}.form-spinbutton.form-spinbutton-readonly{background-color:var(--form-spinbutton-readonly-background-color);border:var(--form-spinbutton-border-width) solid var(--form-spinbutton-readonly-border-color)}.form-spinbutton button{display:flex;flex:none;width:var(--form-spinbutton-btn-width);align-items:var(--form-spinbutton-btn-align-items);justify-content:var(--form-spinbutton-btn-justify-content);background-color:var(--form-spinbutton-btn-background-color);border:var(--form-spinbutton-btn-border-width) solid var(--form-spinbutton-btn-border-color);-ms-touch-action:auto;touch-action:manipulation}.form-spinbutton button:first-child{border-top-left-radius:var(--form-spinbutton-border-radius);border-bottom-left-radius:var(--form-spinbutton-border-radius)}.form-spinbutton button:last-child{border-top-right-radius:var(--form-spinbutton-border-radius);border-bottom-right-radius:var(--form-spinbutton-border-radius)}.form-spinbutton button:disabled{background-color:var(--form-spinbutton-disabled-btn-background-color);border:var(--form-spinbutton-btn-border-width) solid var(--form-spinbutton-disabled-btn-border-color)}.form-spinbutton button:disabled .fa-Icons{--fill: var(--form-spinbutton-disabled-btn-icon-color)}.form-spinbutton button[data-readonly]{background-color:var(--form-spinbutton-readonly-btn-background-color);border:var(--form-spinbutton-btn-border-width) solid var(--form-spinbutton-readonly-btn-border-color);pointer-events:none;-webkit-user-select:none;user-select:none}.form-spinbutton button[data-readonly] .fa-Icons{--fill: var(--form-spinbutton-readonly-btn-icon-color)}.form-spinbutton button .fa-Icons{--width: var(--form-spinbutton-btn-icon-size);--height: var(--form-spinbutton-btn-icon-size);--fill: var(--form-spinbutton-btn-icon-color)}.form-spinbutton input.control-input{--input-padding-y: var(--form-spinbutton-padding-y);--input-padding-x: var(--form-spinbutton-padding-x);--input-color: var(--form-spinbutton-color);--input-disabled-color: var(--form-spinbutton-disabled-color);--input-readonly-color: var(--form-spinbutton-readonly-color);--input-font-size: var(--form-spinbutton-font-size);--input-font-weight: var(--form-spinbutton-font-weight);--input-text-align: var(--form-spinbutton-text-align);--input-placeholder-color: var(--form-spinbutton-placeholder-color);--input-line-height: var(--form-spinbutton-line-height);--input-letter-spacing: var(--form-spinbutton-letter-spacing);--input-background-color: var(--form-spinbutton-input-background-color);--input-disabled-background-color: var(--form-spinbutton-input-disabled-background-color);--input-readonly-background-color: var(--form-spinbutton-input-readonly-background-color);--input-border-width: var(--form-spinbutton-input-border-width);--input-border-color: var(--form-spinbutton-input-border-color);--input-disabled-border-color: var(--form-spinbutton-input-disabled-border-color);--input-readonly-border-color: var(--form-spinbutton-input-readonly-border-color);--input-border-radius: 0rem;flex-grow:1}.form-spinbutton input.control-input::-webkit-inner-spin-button,.form-spinbutton input.control-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}