.quantity-button{display:inline-block;width:fit-content}.quantity-button--has-value .c-button{display:none}.quantity-button--has-value .c-input-number{display:flex}.quantity-button:not(.quantity-button--has-value) .c-button{display:flex}.quantity-button:not(.quantity-button--has-value) .c-input-number{display:none}.quantity-button__input .c-base-input{border-radius:var(--ds-border-radius-4);display:flex;justify-content:center}.quantity-button__input .c-base-input__container{color:#fff;min-width:100%;border-radius:var(--ds-border-radius-4);border:none;height:2.5rem}.quantity-button__input .c-base-input__input{font-weight:700;color:#fff;padding:var(--ds-spacing-xs) 0;border-radius:var(--ds-border-radius-4);pointer-events:none;-webkit-user-select:none;user-select:none}.quantity-button__input .c-base-input__append,.quantity-button__input .c-base-input__prepend,.quantity-button__input .c-base-input__prepend__icon__container,.quantity-button__input .c-base-input__append__icon__container{background-color:transparent;border:none}.quantity-button__input .c-base-input__prepend__icon__container .c-icon,.quantity-button__input .c-base-input__append__icon__container .c-icon{color:#fff}.quantity-button__input .c-input-number__max-button{color:var(--ds-color-persistent-content-reversed-primary)}.quantity-button--tone-main .c-base-input,.quantity-button--tone-main .c-base-input__container,.quantity-button--tone-main .c-base-input__input,.quantity-button--tone-main .c-base-input__prepend__icon__container,.quantity-button--tone-main .c-base-input__append__icon__container{background-color:var(--ds-color-interactive-background-button-filled-main-active)}.quantity-button--tone-accent .c-base-input,.quantity-button--tone-accent .c-base-input__container,.quantity-button--tone-accent .c-base-input__input,.quantity-button--tone-accent .c-base-input__prepend__icon__container,.quantity-button--tone-accent .c-base-input__append__icon__container{background-color:var(--ds-color-interactive-background-button-filled-accent-active)}.quantity-button--tone-destructive .c-base-input,.quantity-button--tone-destructive .c-base-input__container,.quantity-button--tone-destructive .c-base-input__input,.quantity-button--tone-destructive .c-base-input__prepend__icon__container,.quantity-button--tone-destructive .c-base-input__append__icon__container{background-color:var(--ds-color-interactive-background-button-filled-destructive-active)}.quantity-button--full-width{display:block;width:100%}.quantity-button--full-width.quantity-button--has-value .c-base-input,.quantity-button--full-width.quantity-button--has-value .c-base-input__container{width:100%;gap:0}