.quantity-input{--sig-quantity-input-color:var(--theme-color-blacks-500);--sig-quantity-input-unit-color:var(--theme-color-blacks-300);--sig-quantity-input-background:var(--theme-background-base);--sig-quantity-input-border-color:var(--theme-color-greyscale-100);--sig-quantity-input-focus-border-color:var(--theme-color-blacks-200);min-width:var(--sig-quantity-input-min-width,96px);color:var(--sig-quantity-input-color);background:var(--sig-quantity-input-background);border:1px solid var(--sig-quantity-input-border-color);border-radius:var(--u-border-radius-md);transition:border-color var(--u-default-transition);justify-content:flex-end;align-items:center;display:inline-flex}.quantity-input__input{text-align:right;border:0}.quantity-input__input:focus,.quantity-input__input:focus-visible{outline:none}.quantity-input__unit{font-size:var(--u-font-size-body-3);font-weight:var(--u-font-weight-normal);line-height:var(--u-line-height-body-3);padding-right:var(--u-spacing-1);color:var(--sig-quantity-input-unit-color);align-items:center;display:flex}.quantity-input:focus-within{border-color:var(--sig-quantity-input-focus-border-color)}.quantity-input--disabled{--sig-quantity-input-color:var(--theme-color-blacks-200);--sig-quantity-input-unit-color:var(--theme-color-blacks-200);--sig-quantity-input-background:var(--theme-background-secondary-200)}.quantity-input--invalid{--sig-quantity-input-border-color:var(--theme-color-error-foreground);--sig-quantity-input-focus-border-color:var(--theme-color-error-foreground)}.quantity-input--full-width{width:100%}