.NumberInput{--color-opacity: 1;--foreground: rgba(var(--theme-foreground-rgb), var(--color-opacity));display:inline-flex;background:var(--theme-background);color:var(--foreground);border:1px solid var(--foreground);border-radius:1.3125rem;block-size:40px}.NumberInput--disabled{--color-opacity: .375}.NumberInput:has(:focus-visible){outline:1px dotted ButtonText;outline:-webkit-focus-ring-color auto 1px}.NumberInput__button{border-radius:1.3125rem;block-size:100%;inline-size:40px;color:inherit;border:none;padding:0;touch-action:manipulation;display:grid;place-items:center;font-size:1.25rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none;--background-opacity: 0;background:rgba(var(--theme-foreground-rgb),var(--background-opacity))}.NumberInput__button:hover:not(:disabled){--background-opacity: .1}.NumberInput__button:active:not(:disabled){--background-opacity: .05}.NumberInput__input{border:none;background:none;color:inherit;outline:none;appearance:none;text-align:center;inline-size:2.5rem;font-size:.875rem;line-height:1;-moz-appearance:textfield}.NumberInput__input::-webkit-outer-spin-button,.NumberInput__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
