.quantity{display:flex;position:relative;background:transparent;color:rgba(var(--input-foreground),1);border-radius:var(--inputs-radius);width:calc(15.5rem / var(--font-body-scale) + var(--inputs-border-width) * 2);min-height:calc((var(--inputs-border-width) * 2) + 4.8rem);border:1px solid #DBDBDB;border-radius:4px}.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:#101010;border:none;width:100%;flex-grow:1}.quantity__button{width:calc(4.8rem / var(--font-body-scale));height:calc(4.6rem / var(--font-body-scale));flex-shrink:0;font-size:0;letter-spacing:0;border:none;color:rgba(var(--input-foreground),1);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity__button .svg-wrapper{width:1rem;height:1rem;pointer-events:none}.quantity__button .svg-wrapper svg{color:#101010}.quantity__button.disabled{pointer-events:none}.quantity__button:focus-visible,.quantity__input:focus-visible{box-shadow:unset!important;outline:none!important;color:#101010;background:transparent}.quantity__button:focus,.quantity__input:focus{box-shadow:unset !;outline:none!important;color:#101010;background:transparent}.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}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-quantity.css.map */