.qty-stepper{display:inline-flex;align-items:center;width:auto;min-height:0;padding:0;border:1px solid var(--color-border-input);border-radius:var(--radius-pill);background:var(--color-button-secondary);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.qty-stepper:hover{border-color:var(--color-border-input-hover)}.qty-stepper:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px var(--color-ring-teal)}.qty-stepper:before,.qty-stepper:after{content:none;display:none}.qty-stepper .qty-stepper__btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.qty-stepper .qty-stepper__btn>*{pointer-events:none}.qty-stepper .qty-stepper__btn:hover:not(:disabled){background:var(--color-bg-light);color:var(--color-text-strong)}.qty-stepper .qty-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.qty-stepper .qty-stepper__btn:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:-2px}.qty-stepper .qty-stepper__icon{display:flex;align-items:center;justify-content:center}.qty-stepper .qty-stepper__icon svg{width:100%;height:100%}.qty-stepper .qty-stepper__input{flex:0 0 auto;min-width:0;padding:0;text-align:center;border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-bold);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.qty-stepper .qty-stepper__input:focus{outline:none;box-shadow:none}.qty-stepper .qty-stepper__input:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:-2px}.qty-stepper .qty-stepper__input::-webkit-outer-spin-button,.qty-stepper .qty-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-stepper--sm .qty-stepper__btn{width:28px;height:28px;min-width:28px;min-height:28px}.qty-stepper--sm .qty-stepper__icon{width:12px;height:12px}.qty-stepper--sm .qty-stepper__input{width:30px;height:28px;font-size:14px}.qty-stepper--md .qty-stepper__btn{width:44px;height:44px;min-width:44px;min-height:44px}.qty-stepper--md .qty-stepper__icon{width:14px;height:14px}.qty-stepper--md .qty-stepper__input{width:44px;height:44px;font-size:16px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-quantity-stepper.css.map */