.quantity{display:flex;position:relative;color:rgba(var(--input-foreground),1);border-radius:var(--inputs-radius);width:calc(10.3rem / var(--font-body-scale) + var(--inputs-border-width) * 2);min-height:calc((var(--inputs-border-width) * 2) + 3rem);gap:.4rem}.quantity__input,.quantity__button{-webkit-appearance:none;appearance:none;padding:0;margin:0}.quantity__input{--inputs-radius: 4px;--color-neutral: 23,23,23;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-neutral),1);border:.1rem solid rgba(var(--input-background),1);width:100%;flex-grow:1;border-radius:var(--inputs-radius)}.quantity__button{--inputs-radius: 4px;--color-neutral-400: 23,23,23;--color-neutral-100: 240,240,240;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:rgba(var(--color-neutral-400),1);background:rgba(var(--color-neutral-100),1);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--inputs-radius)}.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__button:focus,.quantity__input: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}@media screen and (min-width: 990px){.quantity{width:calc(14.8rem / var(--font-body-scale) + var(--inputs-border-width)* 2)}.quantity__button{width:calc(4rem / var(--font-body-scale));height:calc(4rem / var(--font-body-scale))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-quantity.css.map */
