.vp-input-quantity{--input-quantity-height:var(--vp-semantic-sizing-3xl);--input-quantity-min-width:var(--vp-semantic-sizing-4xl);--input-quantity-width:4ch;--input-quantity-padding-block:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs);--input-quantity-padding-inline:var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs)}.vp-input-quantity--small{--input-quantity-height:var(--vp-semantic-sizing-xl);--input-quantity-min-width:var(--vp-semantic-sizing-2xl);--input-quantity-width:2ch;--input-quantity-padding-block:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs);--input-quantity-padding-inline:var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-4xs)}.vp-input-quantity__button{--input-quantity-button-padding-block:var(--vp-semantic-spacing-m) var(--vp-semantic-spacing-m);--input-quantity-button-padding-inline:var(--vp-semantic-spacing-m) var(--vp-semantic-spacing-m);--input-quantity-button-padding-hover-block:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s);--input-quantity-button-padding-hover-inline:var(--vp-semantic-spacing-s) var(--vp-semantic-spacing-s);--input-quantity-button-margin-hover-block:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs);--input-quantity-button-margin-hover-inline:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs)}.vp-input-quantity--small+.vp-input-quantity__button,.vp-input-quantity__button:has(+.vp-input-quantity--small){--input-quantity-button-padding-block:var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-xs);--input-quantity-button-padding-inline:var(--vp-semantic-spacing-xs) var(--vp-semantic-spacing-xs);--input-quantity-button-padding-hover-block:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs);--input-quantity-button-padding-hover-inline:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs);--input-quantity-button-margin-hover-block:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs);--input-quantity-button-margin-hover-inline:var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-2xs)}.vp-input-quantity{background:transparent;border:none;color:var(--vp-semantic-color-content-neutral);height:var(--input-quantity-height);min-width:var(--input-quantity-min-width);outline:none;padding-block:var(--input-quantity-padding-block);padding-inline:var(--input-quantity-padding-inline);text-align:center;width:var(--input-quantity-width);-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-body-m-webkit-font-smoothing);font-family:var(--vp-semantic-typography-screen-s-body-m-font-family);font-size:var(--vp-semantic-typography-screen-s-body-m-font-size);font-weight:var(--vp-semantic-typography-screen-s-body-m-font-weight);letter-spacing:var(--vp-semantic-typography-screen-s-body-m-letter-spacing);line-height:var(--vp-semantic-typography-screen-s-body-m-line-height);-webkit-text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);text-decoration:var(--vp-semantic-typography-screen-s-body-m-text-decoration);text-transform:var(--vp-semantic-typography-screen-s-body-m-text-case)}.vp-input-quantity-container{align-items:center;background-color:var(--vp-semantic-color-container-neutral);border-radius:var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full) var(--vp-semantic-border-radius-full);display:inline-flex;transition:border-color .2s ease;--input-quantity-container-border-width:var(--vp-semantic-border-width-s);--input-quantity-container-border-color:var(--vp-semantic-color-border-neutral);box-shadow:0 0 0 var(--input-quantity-container-border-width) var(--input-quantity-container-border-color)}.vp-input-quantity-container[data-focus]{--input-quantity-container-border-width:var(--vp-semantic-border-width-m);--input-quantity-container-border-color:var(--vp-semantic-color-border-brand)}.vp-input-quantity-container[data-invalid]{--input-quantity-container-border-color:var(--vp-semantic-color-status-negative)}.vp-input-quantity-container[data-disabled]{opacity:var(--vp-semantic-opacity-s);pointer-events:none}.vp-input-quantity__button{align-items:center;background-color:var(--vp-semantic-color-container-neutral);border:none;border-radius:var(--vp-semantic-border-radius-full);color:var(--vp-semantic-color-content-neutral);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding-block:var(--input-quantity-button-padding-block);padding-inline:var(--input-quantity-button-padding-inline);position:relative;transition:var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-functional-ease-in-out) var(--vp-semantic-motion-delay-instant);transition-property:background-color,margin-block,margin-inline,padding-block,padding-inline}.vp-input-quantity__button:before{content:"";height:var(--vp-semantic-sizing-accessibility-touch-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--vp-semantic-sizing-accessibility-touch-size)}.vp-input-quantity__button--end,.vp-input-quantity__button--start{border-radius:var(--vp-semantic-border-radius-full)}.vp-input-quantity__button:hover:not([data-disabled]):not(:disabled),.vp-input-quantity__button[data-hover]:not([data-disabled]):not(:disabled){background-color:color-mix(in srgb,var(--vp-semantic-color-container-quiet) 90%,var(--vp-semantic-color-container-catchy));margin-block:var(--input-quantity-button-margin-hover-block);margin-inline:var(--input-quantity-button-margin-hover-inline);padding-block:var(--input-quantity-button-padding-hover-block);padding-inline:var(--input-quantity-button-padding-hover-inline)}.vp-input-quantity__button:disabled,.vp-input-quantity__button[data-disabled]{cursor:default;opacity:var(--vp-semantic-opacity-s)}.vp-input-quantity__button svg{height:var(--vp-semantic-sizing-m);width:var(--vp-semantic-sizing-m)}