.quantity{border:none;display:flex;position:relative;width:-moz-fit-content;width:fit-content}.quantity__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:currentcolor;font-family:var(--font-accent-family);font-size:1.3rem;min-width:auto!important;text-align:center;width:2.3rem}@media(max-width:47.99em){.quantity__input{width:3.2rem}}.quantity__button{align-items:center;background-color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:.3rem;cursor:pointer;display:flex;flex-shrink:0;height:2.3rem;justify-content:center;padding:0;width:2.3rem}.quantity__button,.quantity__button:focus{color:var(--color-secondary-text)}.quantity__button svg{fill:currentcolor;display:block;height:auto;pointer-events:none;width:1rem}@media(max-width:47.99em){.quantity__button{height:3.2rem;width:3.2rem}}.quantity__input:-webkit-autofill,.quantity__input:-webkit-autofill:active,.quantity__input:-webkit-autofill:hover{box-shadow:0 0 0 10rem rgb(var(--color-background)) inset!important}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.quantity__input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}