.quantity{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.quantity__input{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:currentColor;flex-grow:1;font-size:.875rem;height:2.5rem;opacity:.85;padding:0;text-align:center;width:100%}.quantity__input:focus{border:none}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-moz-appearance:textfield}.quantity__button{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:1px solid var(--color-text-50);border-radius:50%;color:var(--color-text);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.quantity__button:hover{border-color:var(--color-primary)}.quantity__button:hover .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.quantity__button .icon{pointer-events:none;-webkit-transition:all var(--duration-short) linear;transition:all var(--duration-short) linear}