.quantity-stepper{--quantity-stepper-height:1.75rem;border:1px solid rgba(var(--ms-white-rgb),.07);background-color:rgba(var(--ms-white-rgb),.07);border-radius:var(--ms-border-radius-sm);height:var(--quantity-stepper-height);flex-shrink:0;align-items:stretch;display:inline-flex}.quantity-stepper--disabled{opacity:.5}.quantity-stepper__button{width:var(--quantity-stepper-height);color:var(--ms-gray-300);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;line-height:1;display:flex}.quantity-stepper__button:hover:not(:disabled){color:var(--ms-white)}.quantity-stepper__button:disabled{cursor:default;opacity:.4}.quantity-stepper__button:focus-visible{border-radius:var(--ms-border-radius-sm)}.quantity-stepper__input{font-weight:var(--ms-font-weight-semibold);color:var(--ms-gray-50);font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;min-width:0;width:max(2rem,.5rem + var(--quantity-stepper-digits,1) * 1ch);background:0 0;border:0;padding:0;font-size:.875rem}.quantity-stepper__input::-webkit-inner-spin-button{appearance:none;margin:0}.quantity-stepper__input::-webkit-outer-spin-button{appearance:none;margin:0}.quantity-stepper__input:focus-visible{border-radius:var(--ms-border-radius-xs)}