.quantity-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;height:28px;display:inline-flex;overflow:hidden}.quantity-input--disabled{opacity:.6;cursor:not-allowed}.quantity-input__btn{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s;display:flex}.quantity-input__btn:hover:not(:disabled){background:var(--hover-soft);color:var(--color-cta)}.quantity-input__btn:disabled{opacity:.4;cursor:not-allowed}.quantity-input__value{border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;width:44px;height:28px;color:var(--text-primary);appearance:textfield;background:0 0;font-size:13px;font-weight:600}.quantity-input__value::-webkit-outer-spin-button{appearance:none;margin:0}.quantity-input__value::-webkit-inner-spin-button{appearance:none;margin:0}.quantity-input__value:focus{outline:none}