html{--quantity-button_color:var(--color-dark-600);--quantity-button_color-disabled:var(--color-disabled);--quantity-button_wrapper-bg-color:var(--color-white);--quantity-button_bg-color:var(--color-white);--quantity-button_border-color:var(--color-grey-300);--quantity-button_border-radius:var(--border-radius);--quantity-button_height:2.75rem;--quantity-button_height-small:2.25rem;--quantity-button_btn-width:2.75rem;--quantity-button_btn-width-small:2.25rem;--quantity-button_input-min-width:2.5rem;--quantity-button_font-size:var(--font-size-base);--quantity-button_font-size-small:var(--font-size_body-small);--quantity-button_icon-color:var(--color-dark-600);--quantity-button_icon-color-remove:var(--color-red-300);--quantity-button_label-color:var(--color-dark-600);--quantity-button_label-margin-bottom:var(--spacing-xs);--quantity-button_bg-color-hover:var(--color-grey-100)}.quantity-button{color:var(--quantity-button_color);display:inline-flex;flex-direction:column}.quantity-button__label{color:var(--quantity-button_label-color);margin-bottom:var(--quantity-button_label-margin-bottom)}.quantity-button__wrapper{align-items:stretch;background-color:var(--quantity-button_wrapper-bg-color);border:1px solid var(--quantity-button_border-color);border-radius:var(--quantity-button_border-radius);display:inline-flex;height:var(--quantity-button_height);overflow:hidden}.quantity-button--small .quantity-button__wrapper{height:var(--quantity-button_height-small)}.quantity-button__btn{--btn-custom-color:var(--quantity-button_icon-color);--btn-custom-bg:var(--quantity-button_bg-color);border:none;border-radius:0;display:inline-flex;height:100%;width:var(--quantity-button_btn-width)}.quantity-button--small .quantity-button__btn{width:var(--quantity-button_btn-width-small)}.quantity-button__btn:hover:not(:disabled){--btn-custom-bg-disabled:var(--quantity-button_bg-color-hover);--btn-custom-bg-hover:var(--quantity-button_bg-color-hover)}.quantity-button__btn:disabled,.quantity-button__btn[aria-disabled=true]{--btn-custom-color-disabled:var(--quantity-button_color-disabled);cursor:not-allowed}.quantity-button__btn--remove{--btn-custom-color:var(--quantity-button_icon-color-remove)}.quantity-button__input{-moz-appearance:textfield;background-color:transparent;border:none;border-left:1px solid var(--quantity-button_border-color);border-right:1px solid var(--quantity-button_border-color);color:var(--quantity-button_color);flex:1 1 auto;max-width:var(--quantity-button_input-min-width);min-width:var(--quantity-button_input-min-width);padding:0 var(--spacing-xs);text-align:center}.quantity-button--small .quantity-button__input,.quantity-button__input{font-size:var(--font-size_body-small)}.quantity-button__input::-webkit-inner-spin-button,.quantity-button__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-button__input:disabled{color:var(--quantity-button_color-disabled);cursor:not-allowed}.quantity-button__value{align-items:center;border-left:1px solid var(--quantity-button_border-color);border-right:1px solid var(--quantity-button_border-color);color:var(--quantity-button_color);display:inline-flex;font-size:var(--quantity-button_font-size);gap:var(--spacing-xxs);justify-content:center;min-width:var(--quantity-button_input-min-width);padding:0 var(--spacing-xs);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quantity-button--small .quantity-button__value{font-size:var(--quantity-button_font-size-small)}.quantity-button--disabled .quantity-button__value{color:var(--quantity-button_color-disabled)}.quantity-button--hide-input .quantity-button__wrapper{cursor:default}.quantity-button--disabled{color:var(--quantity-button_color-disabled)}.quantity-button--show-buttons-on-focus .quantity-button__wrapper{border-color:transparent;overflow:visible;position:relative}.quantity-button--show-buttons-on-focus .quantity-button__btn{border:1px solid var(--quantity-button_border-color);height:100%;position:absolute;top:0;visibility:hidden;z-index:1;--btn-custom-bg:var(--quantity-button_bg-color);--btn-custom-bg-hover:var(--quantity-button_bg-color-hover);--btn-custom-border-hover:1px solid var(--quantity-button_border-color)}.quantity-button--show-buttons-on-focus .quantity-button__btn--decrement{border-radius:var(--quantity-button_border-radius) 0 0 var(--quantity-button_border-radius);right:100%}.quantity-button--show-buttons-on-focus .quantity-button__btn--increment{border-radius:0 var(--quantity-button_border-radius) var(--quantity-button_border-radius) 0;left:100%}.quantity-button--show-buttons-on-focus .quantity-button__input{border:1px solid var(--quantity-button_border-color);border-radius:var(--quantity-button_border-radius)}.quantity-button--show-buttons-on-focus:focus-within .quantity-button__btn{visibility:visible}.quantity-button--show-buttons-on-focus:focus-within .quantity-button__input{border-left:none;border-radius:0;border-right:none}
