.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group:has(.qui-number-input__unit-select){--group-padding-start:0}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group[data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-end:var(--spacing-80);--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group:has([data-number-input-part=decrement-trigger]):has([data-number-input-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-number-input-part=decrement-trigger]):has([data-number-input-part=increment-trigger]) [data-number-input-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-number-input-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__input-group:has(.qui-number-input__unit-select) .qui-number-input__input{padding-inline-start:var(--spacing-90)}.qui-number-input__input-group:has(.qui-number-input__unit-select)[data-size=sm] .qui-number-input__input{padding-inline-start:var(--spacing-70)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__input-group[data-disabled] .qui-number-input__step-trigger,.qui-number-input__input-group[data-readonly] .qui-number-input__step-trigger{background:transparent;color:var(--color-utility-disabled-icon)}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-number-input__unit-select{--gutter:3;align-items:center;background:var(--color-background-neutral-01);border:none;border-inline-end:1px solid var(--color-border-neutral-01);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);color:var(--color-text-neutral-secondary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-40);height:var(--sizing-130);padding-inline-end:var(--spacing-50);padding-inline-start:var(--spacing-90)}.qui-number-input__unit-select[data-size=sm]{font:var(--font-static-body-xs-default);height:var(--sizing-110);padding-inline-start:var(--spacing-70)}.qui-number-input__unit-select[data-size=lg]{height:var(--sizing-150)}.qui-number-input__unit-select:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--color-background-neutral-01)}.qui-number-input__unit-select:focus-visible{outline:2px solid var(--color-utility-focus-border);outline-offset:-1px}.qui-number-input__unit-select[data-disabled]{background:transparent;border-inline-end-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:not-allowed}.qui-number-input__unit-select[data-readonly]{background:transparent;cursor:default}.qui-number-input__unit-select [data-number-input-part=chevron]{--icon-size:12px;box-sizing:content-box;color:var(--color-icon-neutral-primary);padding:var(--spacing-70)}.qui-number-input__unit-select[data-size=sm] [data-number-input-part=chevron]{padding:var(--spacing-40)}.qui-number-input__unit-select[data-disabled] [data-number-input-part=chevron],.qui-number-input__unit-select[data-readonly] [data-number-input-part=chevron]{color:var(--color-utility-disabled-icon)}