.QuantityInput{position:relative;border-radius:inherit}.QuantityInput__button-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem}.QuantityInput__button-wrapper--subtract{left:0}.QuantityInput__button-wrapper--add{right:0}.QuantityInput__button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:rgb(var(--djui-color-primary-regular-rgb));color:rgb(var(--djui-color-button-text-rgb));font-size:1.25rem;font-weight:700;border-radius:.25rem}.QuantityInput__input{flex-grow:1;width:8rem;height:2.5rem;padding:0 2.5rem;text-align:center;background-color:rgb(var(--djui-color-background-regular-rgb));border:1px solid rgb(var(--djui-color-base-regular-2-rgb));border-radius:.5rem}.QuantityInput__input::-webkit-inner-spin-button,.QuantityInput__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.QuantityInput__input[type=number]{-moz-appearance:textfield}.AddToCart--card .QuantityInput__input{width:100%;height:2.5rem}.AddToCart--pill .QuantityInput__button-wrapper{height:3.5rem;width:3.5rem}.AddToCart--pill .QuantityInput__button{width:3rem;height:3rem;font-size:1.5rem}.AddToCart--pill .QuantityInput__input{width:10rem;height:3.5rem;padding:0 3.5rem;border-radius:inherit}