:root{--c-QuantitySelect-color-disabled-border:var(--c-Token-color-grey-200);--c-QuantitySelect-color-disabled-text:var(--c-Token-color-grey-200);--c-QuantitySelect-color-default:var(--c-Token-color-grey-400);--c-QuantitySelect-color-hover:var(--c-Token-color-grey-600);--c-QuantitySelect-color-selected:var(--c-Token-color-1000)}.c-QuantitySelect{position:relative}.c-QuantitySelect .c-QuantitySelect-wrapper{align-items:center;border:1px solid var(--c-QuantitySelect-color-default);border-radius:4px;display:flex}:is(.c-QuantitySelect .c-QuantitySelect-wrapper):has(:hover){border-color:var(--c-QuantitySelect-color-hover)}:is(.c-QuantitySelect .c-QuantitySelect-wrapper):has(.c-QuantitySelect-input:active),:is(.c-QuantitySelect .c-QuantitySelect-wrapper):has(.c-QuantitySelect-input:focus-visible){border-color:var(--c-QuantitySelect-color-selected);cursor:default}:is(.c-QuantitySelect .c-QuantitySelect-wrapper):has(.c-QuantitySelect-input:disabled){border-color:var(--c-QuantitySelect-color-disabled-border);color:var(--c-QuantitySelect-color-disabled-text);cursor:default;pointer-events:none}@media (pointer:coarse){.c-QuantitySelect .c-QuantitySelect-wrapper{min-block-size:44px}}.c-QuantitySelect .c-QuantitySelect-input{align-items:center;appearance:textfield;background:#0000;border:none;display:flex;field-sizing:content;font-size:var(--c-Token-fontSize-75);font-weight:600;inline-size:100%;justify-content:center;line-height:var(--c-Token-lineHeight-75);margin:0;min-inline-size:40px;outline:none;padding:0;text-align:center}:is(.c-QuantitySelect .c-QuantitySelect-input)::-webkit-inner-spin-button,:is(.c-QuantitySelect .c-QuantitySelect-input)::-webkit-outer-spin-button{display:none}:is(.c-QuantitySelect .c-QuantitySelect-input):disabled{color:var(--c-QuantitySelect-color-disabled-text);cursor:default;pointer-events:none}.c-QuantitySelect--size-l .c-QuantitySelect-input{font-size:var(--c-Token-fontSize-100);font-weight:600;line-height:var(--c-Token-lineHeight-100);padding-block:var(--c-Token-space-75);padding-inline:var(--c-Token-space-100) var(--c-Token-space-75)}.c-QuantitySelect--size-m .c-QuantitySelect-input{font-size:var(--c-Token-fontSize-75);font-weight:600;line-height:var(--c-Token-lineHeight-75);padding-block:var(--c-Token-space-50);padding-inline:var(--c-Token-space-75) var(--c-Token-space-50)}.c-QuantitySelect--size-s .c-QuantitySelect-input{font-size:var(--c-Token-fontSize-50);font-weight:600;line-height:var(--c-Token-lineHeight-50);padding-block:var(--c-Token-space-25);padding-inline:var(--c-Token-space-50)}
