.quantity{position:relative;display:flex}.quantity__input{background-color:rgba(0,0,0,0);border:0;color:currentColor;font-size:.875rem;flex-grow:1;height:2.5rem;opacity:.85;text-align:center;padding:0;width:100%;-webkit-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;flex-shrink:0;padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.quantity__button:hover{border-color:var(--color-primary)}.quantity__button:hover .icon{transform:scale(1.1)}.quantity__button .icon{pointer-events:none;transition:all var(--duration-short) linear}