div.quantity{--pt-form-height: 42px;display:inline-flex;vertical-align:top;white-space:nowrap}div.quantity input[type=number]::-webkit-inner-spin-button,div.quantity input[type=number]::-webkit-outer-spin-button,div.quantity input[type="number"]{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}div.quantity :is(input[type="number"],input[type="text"],input[type="button"]){display:inline-block;color:var(--pt-form-color);min-height:var(--pt-form-height);height:unset}div.quantity input[type="number"]{width:30px;border-radius:0;border-right:none;border-left:none}div.quantity input[type="text"]{width:var(--quantity-space, 80px);text-align:center}div.quantity input[type="button"]{padding:0 5px;min-width:25px;border:var(--pt-form-brd-width) solid var(--pt-form-brd-color);background:var(--pt-form-bg);box-shadow:none}div.quantity input[type="button"]:hover{color:#fff;background-color:var(--pt-primary-color);border-color:var(--pt-primary-color)}div.quantity .minus{border-start-start-radius:var(--pt-form-brd-radius);border-end-start-radius:var(--pt-form-brd-radius)}div.quantity .plus{border-start-end-radius:var(--pt-form-brd-radius);border-end-end-radius:var(--pt-form-brd-radius)}div.quantity.hidden{display:none !important}.form-style-underlined div.quantity input[type="number"],.form-style-underlined div.quantity input[type="text"]{border-top-style:solid}@-moz-document url-prefix(){div.quantity input[type="number"]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}}

/*
 * Phone cart. The stepper inherits --pt-form-height, which is 46px for the
 * ordinary form fields around it -- too tall for a control that only holds one
 * or two digits. Scoping the variable to the stepper keeps every other field on
 * the page at its own height.
 */
@media (max-width: 768.98px){
 .woocommerce-cart-form div.quantity{--pt-form-height:36px}
}