.quantity-button{width:fit-content;display:inline-block}.quantity-button--has-value .c-button{display:none}.quantity-button--has-value .c-input-number,.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);justify-content:center;display:flex}.quantity-button__input .c-base-input__container{color:#fff;border-radius:var(--ds-border-radius-4);border:none;min-width:100%;height:2.5rem}.quantity-button__input .c-base-input__input{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;font-weight:700}.quantity-button__input .c-base-input.c-base-input--size-m .c-base-input__input{padding:0}.quantity-button__input :is(.c-base-input__append,.c-base-input__append__icon__button,.c-base-input__append__icon__container,.c-base-input__prepend,.c-base-input__prepend__icon__button,.c-base-input__prepend__icon__container){background-color:initial;border:none}.quantity-button__input :is(.c-base-input__append__icon__container,.c-base-input__prepend__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 :is(.c-base-input__append__icon__container,.c-base-input__prepend__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 :is(.c-base-input__append__icon__container,.c-base-input__prepend__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 :is(.c-base-input__append__icon__container,.c-base-input__prepend__icon__container){background-color:var(--ds-color-interactive-background-button-filled-destructive-active)}.quantity-button--full-width{width:100%;display:block}.quantity-button--full-width.quantity-button--has-value :is(.c-base-input,.c-base-input__container){gap:0;width:100%}