.quantity-field{align-items:center;gap:var(--space-sm);width:100%;min-width:0;display:flex}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);flex:auto;align-items:stretch;min-width:7rem;height:2.25rem;display:flex;overflow:hidden}.quantity-control:has(.quantity-number:focus){border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-focus-ring)}.quantity-step{width:2.25rem;height:100%;min-height:0;box-shadow:none;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;transform:none}.quantity-step--dec{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.quantity-step--inc{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.quantity-step:hover{background:var(--color-bg)}.quantity-step:active{background:color-mix(in srgb, var(--color-bg) 70%, var(--color-border));transform:none}.quantity-step:focus-visible{box-shadow:none;background:var(--color-bg);outline:none}.quantity-step i{line-height:1;font-size:var(--font-size-sm);display:block}.quantity-step--dec i{transform:translate(1px)}.quantity-step--inc i{transform:translate(-1px)}.quantity-number{width:auto;min-width:2.5rem;height:100%;min-height:0;padding:0 var(--space-2xs);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;background:0 0;border-radius:0;flex:auto}.quantity-number:hover,.quantity-number:focus{border-color:var(--color-border);box-shadow:none;outline:none}.quantity-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-unit{max-width:12rem;font-size:var(--font-size-md);color:var(--color-text-muted);overflow-wrap:anywhere;flex:0 auto}.quantity-unit:empty{display:none}.quantity-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.quantity-stepper{align-items:stretch;gap:var(--space-3xs);flex:none;display:inline-flex}.quantity-control--vertical{flex-direction:column;flex:none;width:2.25rem;min-width:0;height:auto}.quantity-control--vertical .quantity-step{width:100%;height:1.5rem}.quantity-control--vertical .quantity-step--inc{border-radius:var(--radius-pill) var(--radius-pill) 0 0}.quantity-control--vertical .quantity-step--dec{border-radius:0 0 var(--radius-pill) var(--radius-pill)}.quantity-control--vertical .quantity-step--dec i{transform:none}.quantity-control--vertical .quantity-step--inc i{transform:translateY(1px)}.quantity-stepper__value{padding:var(--space-3xs) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;justify-content:center;align-items:center;display:flex}.quantity-stepper__unit{writing-mode:vertical-rl;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:lowercase;text-align:center;line-height:1;transform:rotate(180deg)}.quantity-stepper__unit:empty{display:none}