.input-number{display:inline-flex;position:relative;width:100%}.input-number__input{background-color:var(--inputNumber-background-default,var(--inputNumber-background-default));border:var(--inputNumber-border-width,var(--inputNumber-border-width)) solid var(--inputNumber-border-color-default,var(--inputNumber-border-color-default));border-radius:var(--inputNumber-radius,var(--inputNumber-radius));color:var(--inputNumber-text-default,var(--inputNumber-text-default));flex:1;padding:0 var(--inputNumber-padding-x,var(--inputNumber-padding-x));text-align:center;transition:all .15s ease;width:100%}.input-number__input::-moz-placeholder{color:var(--inputNumber-text-placeholder,var(--inputNumber-text-placeholder))}.input-number__input::placeholder{color:var(--inputNumber-text-placeholder,var(--inputNumber-text-placeholder))}.input-number__input:hover:not(:disabled),.input-number__input[data-state~=hover]:not(:disabled){border-color:var(--inputNumber-border-color-hover,var(--inputNumber-border-color-hover))}.input-number__input:focus,.input-number__input[data-state~=focus]{border-color:var(--inputNumber-border-color-focus,var(--inputNumber-border-color-focus));outline:var(--inputNumber-focus-ringWidth,var(--inputNumber-focus-ringWidth)) solid var(--inputNumber-focus-ringColor,var(--inputNumber-focus-ringColor));outline-offset:var(--inputNumber-focus-ringOffset,var(--inputNumber-focus-ringOffset))}.input-number__input:disabled{background-color:var(--inputNumber-background-disabled,var(--inputNumber-background-disabled));border-color:var(--inputNumber-border-color-disabled,var(--inputNumber-border-color-disabled));color:var(--inputNumber-text-disabled,var(--inputNumber-text-disabled));cursor:not-allowed}.input-number__button{align-items:center;background-color:var(--inputNumber-button-background-default,var(--inputNumber-button-background-default));border:none;bottom:1px;color:var(--inputNumber-button-icon-color-default,var(--inputNumber-button-icon-color-default));cursor:pointer;display:flex;justify-content:center;position:absolute;top:1px;transition:all .15s ease;width:var(--inputNumber-button-width,var(--inputNumber-button-width))}.input-number__button:hover:not(:disabled),.input-number__button[data-state~=hover]:not(:disabled){background-color:var(--inputNumber-button-background-hover,var(--inputNumber-button-background-hover))}.input-number__button:active:not(:disabled),.input-number__button[data-state~=active]:not(:disabled){background-color:var(--inputNumber-button-background-active,var(--inputNumber-button-background-active))}.input-number__button:disabled{background-color:var(--inputNumber-button-background-disabled,var(--inputNumber-button-background-disabled));color:var(--inputNumber-button-icon-color-disabled,var(--inputNumber-button-icon-color-disabled));cursor:not-allowed}.input-number__button--decrement{border-radius:calc(var(--inputNumber-radius, var(--inputNumber-radius)) - 1px) 0 0 calc(var(--inputNumber-radius, var(--inputNumber-radius)) - 1px);left:1px}.input-number__button--increment{border-radius:0 calc(var(--inputNumber-radius, var(--inputNumber-radius)) - 1px) calc(var(--inputNumber-radius, var(--inputNumber-radius)) - 1px) 0;right:1px}.input-number--mode-with-buttons .input-number__input{padding-left:calc(var(--inputNumber-button-width, var(--inputNumber-button-width)) + var(--inputNumber-padding-x, var(--inputNumber-padding-x)));padding-right:calc(var(--inputNumber-button-width, var(--inputNumber-button-width)) + var(--inputNumber-padding-x, var(--inputNumber-padding-x)))}.input-number--state-invalid .input-number__input,.input-number--state-invalid .input-number__input:focus,.input-number--state-invalid .input-number__input[data-state~=focus]{border-color:var(--inputNumber-border-color-error,var(--inputNumber-border-color-error))}.input-number--size-sm .input-number__input{font-size:var(--inputNumber-fontSize-sm,var(--inputNumber-fontSize-sm));height:var(--inputNumber-height-sm,var(--inputNumber-height-sm))}.input-number--size-md .input-number__input{font-size:var(--inputNumber-fontSize-md,var(--inputNumber-fontSize-md));height:var(--inputNumber-height-md,var(--inputNumber-height-md))}.input-number--size-lg .input-number__input{font-size:var(--inputNumber-fontSize-lg,var(--inputNumber-fontSize-lg));height:var(--inputNumber-height-lg,var(--inputNumber-height-lg))}