.quantity{--quantity-control-size: 4.4rem;--quantity-input-min: 3.2rem;--quantity-font-size: 1.6rem;--quantity-font-weight: 500;--quantity-icon-size: 1rem;position:relative;display:flex;align-items:center;width:14rem;border:none;border-radius:.8rem;background-color:rgba(var(--color-foreground),.06)}.quantity--compact{--quantity-control-size: 3.2rem;--quantity-input-min: 2.8rem;--quantity-font-size: 1.4rem;--quantity-font-weight: 400;--quantity-icon-size: .9rem;width:auto;height:auto}.quantity__button{position:relative;width:var(--quantity-control-size);min-width:var(--quantity-control-size);height:var(--quantity-control-size);min-height:var(--quantity-control-size);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;background-color:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:transform .16s var(--ease-out),opacity .2s var(--ease-out),background-color .2s var(--ease-out)}.quantity--compact .quantity__button:before{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem}.quantity__button svg{width:var(--quantity-icon-size);pointer-events:none;transition:opacity .2s var(--ease-out)}@media(hover:hover){.quantity__button:hover:not(.disabled):not(:disabled){background-color:rgba(var(--color-foreground),.08)}.quantity__button:hover:not(.disabled):not(:disabled) svg{opacity:.72}}.quantity__button:active:not(.disabled):not(:disabled){transform:scale(.97)}.quantity__button.disabled,.quantity__button:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.quantity__input{width:var(--quantity-input-min);min-width:var(--quantity-input-min);height:var(--quantity-control-size);min-height:var(--quantity-control-size);flex-grow:1;color:rgb(var(--color-foreground));font-size:var(--quantity-font-size);font-weight:var(--quantity-font-weight);font-variant-numeric:tabular-nums;opacity:1;text-align:center;background-color:transparent;border:0;padding:0;-webkit-appearance:none;appearance:none}.quantity__input:-webkit-autofill,.quantity__input:-webkit-autofill:hover,.quantity__input:-webkit-autofill:active{box-shadow:0 0 0 10rem rgb(var(--color-background)) inset!important;-webkit-box-shadow:0 0 0 10rem rgb(var(--color-background)) inset!important}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-moz-appearance:textfield}.quantity__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out)}.quantity__loading .loading-overlay__spinner{position:static;top:auto;left:auto;width:1.8rem;height:1.8rem;transform:none}.quantity--loading{opacity:.85;pointer-events:none}.quantity--loading .quantity__loading{opacity:1}.quantity--loading .quantity__button svg{opacity:0}.quantity--loading .quantity__input{color:transparent}.product-form__quantity .quantity{min-height:6rem}.product-form__quantity .quantity .quantity__button,.product-form__quantity .quantity .quantity__input{height:6rem;min-height:6rem}@media screen and (max-width:749px){.quantity--compact .quantity__button:before{top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.quantity--compact .quantity__input{min-height:3.6rem;min-width:3.2rem;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.quantity__button:active:not(.disabled):not(:disabled){transform:none}.quantity--loading .loading-overlay__spinner .spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-quantity.css.map */