.quantity{position:relative;display:flex}.quantity__input{background-color:rgba(0,0,0,0);border:0;color:currentColor;font-size:.875rem;height:1.875rem;opacity:.85;text-align:center;padding:0;width:1.875rem;appearance:none;-webkit-appearance:none;font-family:var(--font-semi-family);font-weight:var(--font-semi-weight);font-style:var(--font-semi-style)}.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-brand-text-gray-1);border-radius:50%;color:var(--color-brand-text);cursor:pointer;flex-shrink:0;padding:0;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-default)}.quantity__button:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.quantity__button:hover .icon{transform:scale(1.1)}.quantity__button .icon{pointer-events:none;transition:all var(--duration-short) linear}.quantity__button .icon:not(.icon-trash){width:10px}