quantity-input{position:relative;display:grid;width:-moz-fit-content;width:fit-content;grid-template-columns:1fr 1fr 1fr;outline:1px solid var(--border-color);outline-offset:-1px}.quantity__button{display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.quantity__button.outline{outline:0}.quantity__button>*{pointer-events:none}.quantity__button svg{width:var(--font-size-xx-small);height:auto}.quantity__input{margin:0;padding:0 var(--spacing-xxx-small);border-radius:0;border:0;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;min-width:var(--spacing-xx-large);background-color:transparent}.quantity__button[disabled]{color:var(--body-text-color)}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none}.quantity__button .svg-wrapper{width:var(--spacing-normal);pointer-events:none}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity__rules{margin-top:var(--spacing-x-small);position:relative;font-size:var(--font-size-x-small)}.quantity__rules .caption{display:inline-block;margin-top:0;margin-bottom:0}.quantity__rules .divider+.divider:before{content:"•";margin:0 var(--spacing-x-small)}.quantity__rules-cart{position:relative}[lang=ar] .quantity__input{font-size:var(--font-size-xx-small)}[lang=ar] .quantity__button svg{width:8px}
