quantity-input{display:block}.quantity{color:rgb(var(--color-outlined-button));position:relative;width:8rem}.quantity__wrapper{display:flex;justify-content:space-between;padding:0 .4rem;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:var(--badge-border-radius)}.quantity__button,.quantity__input{color:rgb(var(--color-foreground));width:2rem;border:0;background-color:transparent;padding:0}.quantity__input{font:inherit;font-size:var(--font-size-static-sm);text-align:center;border-radius:0;height:2.8rem;flex-grow:0;-webkit-appearance:none;appearance:none;pointer-events:none}.quantity__button{flex-shrink:0;opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity__button svg{pointer-events:none}.quantity__input:-webkit-autofill,.quantity__input:-webkit-autofill:active,.quantity__input:-webkit-autofill:hover{box-shadow:0 0 0 10rem rgb(var(--color-shadow)) inset!important;-webkit-box-shadow:0 0 0 10rem rgb(var(--color-shadow)) inset!important}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-moz-appearance:textfield;appearance:textfield}.quantity--compact .quantity__input{width:4rem;height:4rem;flex-grow:0}