.quantity-field{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.quantity-control{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;flex:auto;align-items:stretch;min-width:0;height:2.25rem;display:flex;overflow:hidden}.quantity-control:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-subtle)}.quantity-step{width:2.25rem;height:100%;min-height:0;box-shadow:none;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;display:flex;transform:none}.quantity-step--dec{border-radius:999px 0 0 999px}.quantity-step--inc{border-radius:0 999px 999px 0}.quantity-step:hover{background:var(--color-bg)}.quantity-step i{font-size:.85rem;line-height:1;display:block}.quantity-step--dec i{transform:translate(1px)}.quantity-step--inc i{transform:translate(-1px)}.quantity-number{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;width:auto;min-width:2.5rem;height:100%;min-height:0;padding:0 .25rem}.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{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:.9rem;overflow:hidden}.quantity-unit:empty{display:none}.quantity-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}