.c-quantity{display:inline-flex;flex-direction:column;gap:.25rem}.c-quantity--sm{--quantityHeight:2rem;--quantityWidth:8rem}.c-quantity--md{--quantityHeight:2.5rem;--quantityWidth:9.5rem}.c-quantity--lg{--quantityHeight:3rem;--quantityWidth:9.5rem}.c-quantity__wrapper{border:1px solid var(--input-color-default-border);padding:0 .5rem;display:flex;align-items:center;max-width:var(--quantityWidth)}.c-quantity__wrapper input[type=number]{-moz-appearance:textfield}.c-quantity__wrapper input[type=number]::-webkit-inner-spin-button,.c-quantity__wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.c-quantity__wrapper:hover{border-color:var(--input-color-hover-border)}.c-quantity__button{color:#000;flex-shrink:0;border-color:#fff}.c-quantity__input{height:var(--quantityHeight);font-size:var(--font-body-md-size);font-weight:var(--font-body-common-weight-weight-4);padding:0;color:var(--input-color-default-text);border:none;width:100%;min-width:2.5rem;text-align:center}.c-quantity__input:focus-visible:not(:disabled),.c-quantity__input:focus:not(:disabled){--inputBorderColor:black;outline:none}.c-quantity__infos,.c-quantity__label{font-size:var(--font-text-body-size-sm);color:var(--input-color-default-label)}.c-quantity__infos{align-self:flex-start;font-size:var(--font-text-body-size-xs);color:var(--input-color-default-help)}