.saltNumberInput{--numberInput-border:var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);--numberInput-borderColor:var(--salt-editable-borderColor);--numberInput-borderStyle:var(--salt-borderStyle-solid);--numberInput-outlineColor:var(--salt-focused-outlineColor);--numberInput-borderWidth:var(--salt-size-fixed-100);--numberInput-outline:none;align-items:center;background:var(--numberInput-background);border-radius:var(--salt-palette-corner-weak,0);box-sizing:border-box;color:var(--salt-content-primary-foreground);display:inline-flex;font-family:var(--salt-text-fontFamily);font-size:var(--salt-text-fontSize);gap:var(--salt-spacing-50);height:var(--salt-size-base);min-height:var(--salt-size-base);min-width:4em;overflow:hidden;outline:var(--numberInput-outline);padding:var(--salt-spacing-50) var(--salt-spacing-50) var(--salt-spacing-50) var(--salt-spacing-100);position:relative;width:100%}.saltNumberInput:hover{--numberInput-borderStyle:var(--salt-borderStyle-solid);--numberInput-borderColor:var(--salt-editable-borderColor-hover);background:var(--numberInput-background-hover);cursor:var(--salt-cursor-text)}.saltNumberInput:active{--numberInput-borderColor:var(--salt-editable-borderColor-active);--numberInput-borderStyle:var(--salt-borderStyle-solid);--numberInput-borderWidth:var(--salt-size-fixed-200);background:var(--numberInput-background-active)}.saltNumberInput-primary{--numberInput-background:var(--salt-editable-primary-background);--numberInput-background-active:var(--salt-editable-primary-background-active);--numberInput-background-hover:var(--salt-editable-primary-background-hover);--numberInput-background-disabled:var(--salt-editable-primary-background-disabled);--numberInput-background-readonly:var(--salt-editable-primary-background-readonly)}.saltNumberInput-secondary{--numberInput-background:var(--salt-editable-secondary-background);--numberInput-background-active:var(--salt-editable-secondary-background-active);--numberInput-background-hover:var(--salt-editable-secondary-background-active);--numberInput-background-disabled:var(--salt-editable-secondary-background-disabled);--numberInput-background-readonly:var(--salt-editable-secondary-background-readonly)}.saltNumberInput-error,.saltNumberInput-error:hover{--numberInput-background:var(--salt-status-error-background);--numberInput-background-active:var(--salt-status-error-background);--numberInput-background-hover:var(--salt-status-error-background);--numberInput-borderColor:var(--salt-status-error-borderColor);--numberInput-outlineColor:var(--salt-status-error-borderColor);--numberInput-background-readonly:var(--salt-status-error-background)}.saltNumberInput-warning,.saltNumberInput-warning:hover{--numberInput-background:var(--salt-status-warning-background);--numberInput-background-active:var(--salt-status-warning-background);--numberInput-background-hover:var(--salt-status-warning-background);--numberInput-borderColor:var(--salt-status-warning-borderColor);--numberInput-outlineColor:var(--salt-status-warning-borderColor);--numberInput-background-readonly:var(--salt-status-warning-background)}.saltNumberInput-success,.saltNumberInput-success:hover{--numberInput-background:var(--salt-status-success-background);--numberInput-background-active:var(--salt-status-success-background);--numberInput-background-hover:var(--salt-status-success-background);--numberInput-borderColor:var(--salt-status-success-borderColor);--numberInput-outlineColor:var(--salt-status-success-borderColor);--numberInput-background-readonly:var(--salt-status-success-background)}.saltNumberInput-input{background:none;border:none;box-sizing:initial;color:inherit;cursor:inherit;display:block;flex:1 1;font:inherit;letter-spacing:var(--salt-text-letterSpacing);line-height:var(--salt-text-lineHeight);margin:0;min-width:0;padding:0;text-align:var(--numberInput-textAlign);width:100%}.saltNumberInput-input:focus{outline:none}.saltNumberInput-input::placeholder{color:var(--salt-content-secondary-foreground);font-weight:var(--salt-text-fontWeight-small)}.saltNumberInput-focused{--numberInput-borderColor:var(--numberInput-outlineColor);--numberInput-borderWidth:var(--salt-size-fixed-200);outline:var(--saltNumberInput-outline,var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--numberInput-outlineColor))}.saltNumberInput-bordered{--numberInput-border:var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);--numberInput-borderWidth:0;border:var(--numberInput-border)}.saltNumberInput-bordered.saltNumberInput-focused,.saltNumberInput-bordered:active{--numberInput-borderWidth:var(--salt-size-fixed-200)}.saltNumberInput-bordered.saltNumberInput-disabled:hover,.saltNumberInput-bordered.saltNumberInput-readOnly{--numberInput-borderWidth:0}.saltNumberInput-bordered.saltNumberInput-focused:hover{--numberInput-borderColor:var(--salt-editable-borderColor-active)}.saltNumberInput-bordered.saltNumberInput-readOnly,.saltNumberInput-readOnly{--numberInput-borderColor:var(--salt-editable-borderColor-readonly);--numberInput-borderStyle:var(--salt-borderStyle-solid);--numberInput-borderWidth:var(--salt-size-fixed-100);background:var(--numberInput-background-readonly);cursor:var(--salt-cursor-readonly)}.saltNumberInput-focused.saltNumberInput-disabled{outline:none}.saltNumberInput-focused.saltNumberInput-disabled,.saltNumberInput-focused.saltNumberInput-readOnly{--numberInput-borderWidth:var(--salt-size-fixed-100)}.saltNumberInput:hover.saltNumberInput-readOnly{--numberInput-borderColor:var(--salt-editable-borderColor-readonly)}.saltNumberInput-disabled .saltNumberInput-input::selection{background:none}.saltNumberInput-disabled,.saltNumberInput-disabled:active,.saltNumberInput-disabled:hover{--numberInput-borderColor:var(--salt-editable-borderColor-disabled);--numberInput-borderStyle:var(--salt-borderStyle-solid);--numberInput-borderWidth:var(--salt-size-fixed-100);background:var(--numberInput-background-disabled);cursor:var(--salt-cursor-disabled);color:var(--saltNumberInput-color-disabled,var(--salt-content-primary-foreground-disabled))}.saltNumberInput-startAdornmentContainer{align-items:center;display:inline-flex;padding-right:var(--salt-spacing-100);column-gap:var(--salt-spacing-100)}.saltNumberInput-endAdornmentContainer{align-items:center;display:inline-flex;padding-left:var(--salt-spacing-100);column-gap:var(--salt-spacing-100)}.saltNumberInput-startAdornmentContainer{margin-left:calc(var(--salt-spacing-50) * -1)}.saltNumberInput-endAdornmentContainer>.saltButton,.saltNumberInput-startAdornmentContainer>.saltButton{--saltButton-padding:calc(var(--salt-spacing-50) - var(--button-borderWidth));--saltButton-height:calc(var(--salt-size-base) - var(--salt-spacing-100));--saltButton-borderRadius:var(--salt-palette-corner-weaker)}.saltNumberInput-inputTextAlignLeft{--numberInput-textAlign:left}.saltNumberInput-inputTextAlignCenter{--numberInput-textAlign:center}.saltNumberInput-inputTextAlignRight{--numberInput-textAlign:right}.saltNumberInput-buttonContainer{--numberInput-buttonGap:var(--salt-spacing-fixed-200);display:flex;flex-direction:column;gap:var(--numberInput-buttonGap);justify-content:center}.saltNumberInput-hiddenButtons .saltNumberInput-buttonContainer{display:none}.saltNumberInput-numberButton{--saltButton-height:calc((var(--salt-size-base) - (var(--salt-spacing-50) * 2) - var(--salt-size-fixed-200)) / 2);--saltButton-padding:calc(var(--salt-spacing-50) - var(--button-borderWidth))}.saltNumberInput-numberButtonIncrement{--saltButton-borderRadius:var(--salt-palette-corner-weaker,0) var(--salt-palette-corner-weaker,0) 0 0}.saltNumberInput-numberButtonDecrement{--saltButton-borderRadius:0 0 var(--salt-palette-corner-weaker,0) var(--salt-palette-corner-weaker,0)}.saltNumberInput-activationIndicator{left:0;bottom:0;width:100%;position:absolute;border-bottom:var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor)}.saltNumberInput-focused .saltNumberInput-activationIndicator{border-bottom:var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--salt-editable-borderColor-active)}.saltNumberInput-bordered.saltNumberInput-focused .saltNumberInput-activationIndicator{border-bottom-width:var(--salt-size-fixed-100)}.saltNumberInput-bordered .saltNumberInput-activationIndicator,.saltNumberInput-readOnly.saltNumberInput-focused .saltNumberInput-activationIndicator{border-bottom-width:0}