.quantity{display:flex;position:relative;background:rgba(var(--input-background),1);color:rgba(var(--input-foreground),1);border-radius:var(--inputs-radius);width:calc(10.2rem / var(--font-body-scale) + var(--inputs-border-width) * 2);min-height:calc((var(--inputs-border-width) * 2) + 3rem)}.quantity__input,.quantity__button{-webkit-appearance:none;appearance:none;padding:0;margin:0}.quantity__input{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:calc(1.6rem * var(--font-body-scale));text-align:center;background:rgba(var(--color-white),1);color:rgba(var(--color-black),1);border:.1rem solid #231F20;width:100%;flex-grow:1}.quantity__button{width:calc(3.2rem / var(--font-body-scale));height:calc(3.2rem / var(--font-body-scale));flex-shrink:0;font-size:0;letter-spacing:0;border:none;color:#fff;background:#231f20;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity__button .svg-wrapper{width:1.6rem;height:1.6rem;pointer-events:none}.quantity__button.disabled{pointer-events:none}.quantity__button:focus-visible,.quantity__input:focus-visible{box-shadow:unset!important;outline:none!important;color:rgba(var(--color-background),1);background:rgba(var(--color-foreground),1)}.quantity__input:focus{box-shadow:unset !;outline:none!important;color:rgba(var(--color-foreground),1);background:rgba(var(--color-background),1)}.quantity__button:focus{box-shadow:unset !;outline:none!important;color:rgba(var(--color-background),1);background:rgba(var(--color-foreground),1)}.quantity__button:not(:focus-visible):not(.focused),.quantity__input:not(:focus-visible):not(.focused){box-shadow:inherit}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-form__buttons{gap:1.6rem}.product-form__buttons .quantity{border:.1rem solid #231F20;width:calc(10.9rem / var(--font-body-scale) + var(--inputs-border-width)* 2);min-height:4.4rem;padding:0 1rem}.product-form__buttons .quantity__button{color:#231f20;background:transparent;width:calc(3.6rem / var(--font-body-scale));height:calc(4.4rem / var(--font-body-scale))}.product-form__buttons .quantity__input{border:0;font-size:calc(1.4rem* var(--font-body-scale));font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-quantity.css.map */