div.quantity {
   display: inline-flex;
   vertical-align: top;
   white-space: nowrap;
   font-size: 0;
}
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(--wd-form-color);
}
div.quantity :is(input[type="number"], input[type="text"]) {
   height: 42px;
}
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;
}
.browser-Firefox div.quantity input[type="number"] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
}
div.quantity input[type="button"] {
   padding: 0 5px;
   min-width: 25px;
   min-height: unset;
   height: 42px;
   border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
   background: var(--wd-form-bg);
   box-shadow: none;
}
div.quantity input[type="button"]:hover {
   color: #fff;
   background-color: var(--wd-primary-color);
   border-color: var(--wd-primary-color);
}
div.quantity .minus {
   border-start-start-radius: var(--wd-form-brd-radius);
   border-end-start-radius: var(--wd-form-brd-radius);
}
div.quantity .plus {
   border-start-end-radius: var(--wd-form-brd-radius);
   border-end-end-radius: var(--wd-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;
}