.quantity{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.quantity__input{background-color:rgba(0,0,0,0);border:0;color:currentColor;font-size:.875rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2.5rem;opacity:.85;text-align:center;padding:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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{background-color:rgba(0,0,0,0);border:1px solid var(--color-text-50);border-radius:50%;color:var(--color-text);cursor:pointer;-ms-flex-negative:0;flex-shrink:0;padding:0;width:2.5rem;height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.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;-o-transition:all var(--duration-short) linear;transition:all var(--duration-short) linear}