@layer components{.z-number-input{--z-number-input-height:44px;--z-number-input-padding-x:var(--z-space-3);--z-number-input-gap:var(--z-space-2);--z-number-input-font-size:.875rem;--z-number-input-line-height:1.25rem;--z-number-input-default-button-width:40px;--z-number-input-stacked-button-height:22px;--z-number-input-split-button-width:44px;width:100%}}.z-number-input--sm{--z-number-input-height:36px;--z-number-input-padding-x:10px;--z-number-input-default-button-width:36px;--z-number-input-stacked-button-height:18px;--z-number-input-split-button-width:40px}.z-number-input--lg{--z-number-input-height:48px;--z-number-input-padding-x:var(--z-space-4);--z-number-input-gap:10px;--z-number-input-font-size:1rem;--z-number-input-line-height:1.5rem;--z-number-input-default-button-width:44px;--z-number-input-stacked-button-height:24px;--z-number-input-split-button-width:48px}.z-number-input__container{background-color:var(--z-color-control-surface);border:1px solid var(--z-number-input-border-color,var(--z-color-control-border));border-radius:var(--z-number-input-radius,var(--z-radius-lg));transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.z-number-input__container--interactive:focus-within{border-color:var(--z-color-control-border-focus)}.z-number-input__container--disabled{background-color:var(--z-color-control-surface-muted);border-color:var(--z-color-control-border-muted)}.z-number-input__container--error{border-color:var(--z-color-error)}.z-number-input__layout{align-items:stretch;border-radius:var(--z-number-input-radius,var(--z-radius-lg));display:flex;overflow:hidden}.z-number-input__field{align-items:center;display:flex;flex:1 1 0;gap:var(--z-number-input-gap);height:var(--z-number-input-height);min-width:0;padding-inline:var(--z-number-input-padding-x)}.z-number-input__field--align-start{justify-content:flex-start}.z-number-input__field--align-center{justify-content:center}.z-number-input__field--align-between{justify-content:space-between}.z-number-input__value-slot{flex:1 1 0;min-width:0}.z-number-input__input{background-color:transparent;border:0;color:var(--z-color-control-value);font-size:var(--z-number-input-font-size);line-height:var(--z-number-input-line-height);outline:none;width:100%}.z-number-input__input::-moz-placeholder{color:var(--z-color-control-placeholder)}.z-number-input__input::placeholder{color:var(--z-color-control-placeholder)}.z-number-input__input:disabled{color:var(--z-color-control-disabled-text);cursor:not-allowed}.z-number-input__display-value{color:var(--z-color-control-value);display:block;font-size:var(--z-number-input-font-size);line-height:var(--z-number-input-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-number-input__display-value--placeholder{color:var(--z-color-control-placeholder)}.z-number-input__affix{color:var(--z-color-control-muted);flex-shrink:0;font-size:var(--z-number-input-font-size);line-height:var(--z-number-input-line-height);white-space:nowrap}.z-number-input__controls{align-items:stretch;display:flex;flex-shrink:0}.z-number-input__controls--default{flex-direction:row}.z-number-input__controls--stacked{flex-direction:column}.z-number-input__button{align-items:center;background-color:transparent;border:0;color:var(--z-color-control-label);cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.z-number-input__button:hover:not(:disabled){background-color:var(--z-color-control-hover-surface)}.z-number-input__button:active:not(:disabled){background-color:var(--z-color-control-active-surface)}.z-number-input__button:disabled{color:var(--z-color-control-disabled-text);cursor:not-allowed}.z-number-input__button--default{height:var(--z-number-input-height);width:var(--z-number-input-default-button-width)}.z-number-input__button--stacked{height:var(--z-number-input-stacked-button-height);width:var(--z-number-input-default-button-width)}.z-number-input__button--split{flex-shrink:0;height:var(--z-number-input-height);width:var(--z-number-input-split-button-width)}.z-number-input__icon{height:1rem;width:1rem}.z-number-input__divider-left{border-left:1px solid var(--z-color-control-border-muted)}.z-number-input__divider-right{border-right:1px solid var(--z-color-control-border-muted)}.z-number-input__divider-bottom{border-bottom:1px solid var(--z-color-control-border-muted)}.z-number-input__label,.z-number-input__label-slot{margin-bottom:6px}.z-number-input__label{color:var(--z-color-control-label);display:block;font-size:.875rem;font-weight:500;line-height:1.25rem}.z-number-input__message{font-size:.75rem;line-height:1rem;margin-top:var(--z-space-1)}.z-number-input__message--error{color:var(--z-color-error)}.z-number-input__message--hint{color:var(--z-color-control-muted)}