.rdg-numberfield{position:relative;display:flex;flex-direction:column}.rdg-numberfield[data-size=small]{--_gap:var(--numberfield-default-small-spacing-gap)}.rdg-numberfield[data-size=medium]{--_gap:var(--numberfield-default-medium-spacing-gap)}.rdg-numberfield[data-size=large]{--_gap:var(--numberfield-default-large-spacing-gap)}.rdg-numberfield{gap:var(--_gap)}.rdg-numberfield__label[data-size=small]{font-size:var(--numberfield-default-small-typography-fontSize);font-weight:var(--numberfield-default-small-typography-fontWeight);line-height:var(--numberfield-default-small-typography-lineHeight);letter-spacing:var(--numberfield-default-small-typography-letterSpacing);color:hsl(var(--numberfield-default-small-colors-default-text));margin-bottom:var(--numberfield-default-small-spacing-containerGap)}.rdg-numberfield__label[data-size=medium]{font-size:var(--numberfield-default-medium-typography-fontSize);font-weight:var(--numberfield-default-medium-typography-fontWeight);line-height:var(--numberfield-default-medium-typography-lineHeight);letter-spacing:var(--numberfield-default-medium-typography-letterSpacing);color:hsl(var(--numberfield-default-medium-colors-default-text));margin-bottom:var(--numberfield-default-medium-spacing-containerGap)}.rdg-numberfield__label[data-size=large]{font-size:var(--numberfield-default-large-typography-fontSize);font-weight:var(--numberfield-default-large-typography-fontWeight);line-height:var(--numberfield-default-large-typography-lineHeight);letter-spacing:var(--numberfield-default-large-typography-letterSpacing);color:hsl(var(--numberfield-default-large-colors-default-text));margin-bottom:var(--numberfield-default-large-spacing-containerGap)}.rdg-numberfield__group{position:relative;display:flex;align-items:center;outline:none}.rdg-numberfield__input[data-size=small]{--_bg:var(--numberfield-default-small-colors-default-background);--_text:var(--numberfield-default-small-colors-default-text);--_border:var(--numberfield-default-small-colors-default-border);--_bg-hover:var(--numberfield-default-small-colors-hover-background);--_border-hover:var(--numberfield-default-small-colors-hover-border);--_bg-focus:var(--numberfield-default-small-colors-focus-background);--_border-focus:var(--numberfield-default-small-colors-focus-border);--_focus-ring:var(--numberfield-default-small-colors-focus-ring);--_bg-disabled:var(--numberfield-default-small-colors-disabled-background);--_text-disabled:var(--numberfield-default-small-colors-disabled-text);--_border-disabled:var(--numberfield-default-small-colors-disabled-border);--_bg-error:var(--numberfield-default-small-colors-error-background);--_border-error:var(--numberfield-default-small-colors-error-border);--_error-ring:var(--numberfield-default-small-colors-error-ring);--_font-size:var(--numberfield-default-small-typography-fontSize);--_font-weight:var(--numberfield-default-small-typography-fontWeight);--_line-height:var(--numberfield-default-small-typography-lineHeight);--_letter-spacing:var(--numberfield-default-small-typography-letterSpacing);--_border-w:var(--numberfield-default-small-border-width);--_radius:var(--numberfield-default-small-border-radius);--_pad-y:var(--numberfield-default-small-spacing-padding);--_pad-l:var(--numberfield-default-small-spacing-paddingLeft);--_pad-r:var(--numberfield-default-small-spacing-paddingRight)}.rdg-numberfield__input[data-size=medium]{--_bg:var(--numberfield-default-medium-colors-default-background);--_text:var(--numberfield-default-medium-colors-default-text);--_border:var(--numberfield-default-medium-colors-default-border);--_bg-hover:var(--numberfield-default-medium-colors-hover-background);--_border-hover:var(--numberfield-default-medium-colors-hover-border);--_bg-focus:var(--numberfield-default-medium-colors-focus-background);--_border-focus:var(--numberfield-default-medium-colors-focus-border);--_focus-ring:var(--numberfield-default-medium-colors-focus-ring);--_bg-disabled:var(--numberfield-default-medium-colors-disabled-background);--_text-disabled:var(--numberfield-default-medium-colors-disabled-text);--_border-disabled:var(--numberfield-default-medium-colors-disabled-border);--_bg-error:var(--numberfield-default-medium-colors-error-background);--_border-error:var(--numberfield-default-medium-colors-error-border);--_error-ring:var(--numberfield-default-medium-colors-error-ring);--_font-size:var(--numberfield-default-medium-typography-fontSize);--_font-weight:var(--numberfield-default-medium-typography-fontWeight);--_line-height:var(--numberfield-default-medium-typography-lineHeight);--_letter-spacing:var(--numberfield-default-medium-typography-letterSpacing);--_border-w:var(--numberfield-default-medium-border-width);--_radius:var(--numberfield-default-medium-border-radius);--_pad-y:var(--numberfield-default-medium-spacing-padding);--_pad-l:var(--numberfield-default-medium-spacing-paddingLeft);--_pad-r:var(--numberfield-default-medium-spacing-paddingRight)}.rdg-numberfield__input[data-size=large]{--_bg:var(--numberfield-default-large-colors-default-background);--_text:var(--numberfield-default-large-colors-default-text);--_border:var(--numberfield-default-large-colors-default-border);--_bg-hover:var(--numberfield-default-large-colors-hover-background);--_border-hover:var(--numberfield-default-large-colors-hover-border);--_bg-focus:var(--numberfield-default-large-colors-focus-background);--_border-focus:var(--numberfield-default-large-colors-focus-border);--_focus-ring:var(--numberfield-default-large-colors-focus-ring);--_bg-disabled:var(--numberfield-default-large-colors-disabled-background);--_text-disabled:var(--numberfield-default-large-colors-disabled-text);--_border-disabled:var(--numberfield-default-large-colors-disabled-border);--_bg-error:var(--numberfield-default-large-colors-error-background);--_border-error:var(--numberfield-default-large-colors-error-border);--_error-ring:var(--numberfield-default-large-colors-error-ring);--_font-size:var(--numberfield-default-large-typography-fontSize);--_font-weight:var(--numberfield-default-large-typography-fontWeight);--_line-height:var(--numberfield-default-large-typography-lineHeight);--_letter-spacing:var(--numberfield-default-large-typography-letterSpacing);--_border-w:var(--numberfield-default-large-border-width);--_radius:var(--numberfield-default-large-border-radius);--_pad-y:var(--numberfield-default-large-spacing-padding);--_pad-l:var(--numberfield-default-large-spacing-paddingLeft);--_pad-r:var(--numberfield-default-large-spacing-paddingRight)}.rdg-numberfield__input[data-hovered]:not([data-focused]):not([data-disabled]):not([data-invalid]){--_bg:var(--_bg-hover);--_border:var(--_border-hover)}.rdg-numberfield__input[data-focused]:not([data-disabled]):not([data-invalid]){--_bg:var(--_bg-focus);--_border:var(--_border-focus);box-shadow:0 0 0 2px hsl(var(--_focus-ring)/.2)}.rdg-numberfield__input[data-invalid]{--_bg:var(--_bg-error);--_border:var(--_border-error);box-shadow:0 0 0 2px hsl(var(--_error-ring)/.2)}.rdg-numberfield__input[data-disabled]{--_bg:var(--_bg-disabled);--_text:var(--_text-disabled);--_border:var(--_border-disabled);cursor:not-allowed}.rdg-numberfield__input{width:100%;outline:none;text-align:center;border-style:solid;font-size:var(--_font-size);font-weight:var(--_font-weight);line-height:var(--_line-height);letter-spacing:var(--_letter-spacing);background-color:hsl(var(--_bg));color:hsl(var(--_text));border-color:hsl(var(--_border));border-width:var(--_border-w);border-radius:var(--_radius);padding:var(--_pad-y) var(--_pad-r) var(--_pad-y) var(--_pad-l);transition:all var(--motion-duration-snappy) var(--motion-timing-ease-in-out)}.rdg-numberfield__stepper[data-size=small]{--_btn-size:var(--numberfield-default-small-buttons-size);--_btn-left:var(--numberfield-default-small-buttons-position-left);--_btn-right:var(--numberfield-default-small-buttons-position-right);--_btn-bg:var(--numberfield-default-small-buttons-colors-default-background);--_btn-text:var(--numberfield-default-small-buttons-colors-default-text);--_btn-bg-hover:var(--numberfield-default-small-buttons-colors-hover-background);--_btn-text-hover:var(--numberfield-default-small-buttons-colors-hover-text);--_btn-bg-pressed:var(--numberfield-default-small-buttons-colors-pressed-background);--_btn-text-pressed:var(--numberfield-default-small-buttons-colors-pressed-text);--_btn-bg-disabled:var(--numberfield-default-small-buttons-colors-disabled-background);--_btn-text-disabled:var(--numberfield-default-small-buttons-colors-disabled-text)}.rdg-numberfield__stepper[data-size=medium]{--_btn-size:var(--numberfield-default-medium-buttons-size);--_btn-left:var(--numberfield-default-medium-buttons-position-left);--_btn-right:var(--numberfield-default-medium-buttons-position-right);--_btn-bg:var(--numberfield-default-medium-buttons-colors-default-background);--_btn-text:var(--numberfield-default-medium-buttons-colors-default-text);--_btn-bg-hover:var(--numberfield-default-medium-buttons-colors-hover-background);--_btn-text-hover:var(--numberfield-default-medium-buttons-colors-hover-text);--_btn-bg-pressed:var(--numberfield-default-medium-buttons-colors-pressed-background);--_btn-text-pressed:var(--numberfield-default-medium-buttons-colors-pressed-text);--_btn-bg-disabled:var(--numberfield-default-medium-buttons-colors-disabled-background);--_btn-text-disabled:var(--numberfield-default-medium-buttons-colors-disabled-text)}.rdg-numberfield__stepper[data-size=large]{--_btn-size:var(--numberfield-default-large-buttons-size);--_btn-left:var(--numberfield-default-large-buttons-position-left);--_btn-right:var(--numberfield-default-large-buttons-position-right);--_btn-bg:var(--numberfield-default-large-buttons-colors-default-background);--_btn-text:var(--numberfield-default-large-buttons-colors-default-text);--_btn-bg-hover:var(--numberfield-default-large-buttons-colors-hover-background);--_btn-text-hover:var(--numberfield-default-large-buttons-colors-hover-text);--_btn-bg-pressed:var(--numberfield-default-large-buttons-colors-pressed-background);--_btn-text-pressed:var(--numberfield-default-large-buttons-colors-pressed-text);--_btn-bg-disabled:var(--numberfield-default-large-buttons-colors-disabled-background);--_btn-text-disabled:var(--numberfield-default-large-buttons-colors-disabled-text)}.rdg-numberfield__stepper[data-focused]:not([data-pressed]):not([data-disabled]),.rdg-numberfield__stepper[data-hovered]:not([data-pressed]):not([data-disabled]){--_btn-bg:var(--_btn-bg-hover);--_btn-text:var(--_btn-text-hover)}.rdg-numberfield__stepper[data-pressed]:not([data-disabled]){--_btn-bg:var(--_btn-bg-pressed);--_btn-text:var(--_btn-text-pressed)}.rdg-numberfield__stepper[data-disabled]{--_btn-bg:var(--_btn-bg-disabled);--_btn-text:var(--_btn-text-disabled);cursor:not-allowed}.rdg-numberfield__stepper{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:var(--_btn-size);height:var(--_btn-size);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;outline:none;background-color:hsl(var(--_btn-bg));color:hsl(var(--_btn-text));transition:all var(--motion-duration-snappy) var(--motion-timing-ease-in-out)}.rdg-numberfield__stepper[data-slot=decrement]{left:var(--_btn-left)}.rdg-numberfield__stepper[data-slot=increment]{right:var(--_btn-right)}.rdg-numberfield__helptext{font-size:var(--text-ui-xs-font-size);font-weight:var(--text-ui-xs-font-weight);line-height:var(--text-ui-xs-line-height);letter-spacing:var(--text-ui-xs-letter-spacing)}.rdg-numberfield[data-size=small] .rdg-numberfield__helptext{color:hsl(var(--numberfield-default-small-colors-default-placeholder));margin-top:var(--numberfield-default-small-spacing-containerGap)}.rdg-numberfield[data-size=medium] .rdg-numberfield__helptext{color:hsl(var(--numberfield-default-medium-colors-default-placeholder));margin-top:var(--numberfield-default-medium-spacing-containerGap)}.rdg-numberfield[data-size=large] .rdg-numberfield__helptext{color:hsl(var(--numberfield-default-large-colors-default-placeholder));margin-top:var(--numberfield-default-large-spacing-containerGap)}.rdg-numberfield__helptext[data-tone=error]{color:hsl(var(--numberfield-default-medium-colors-error-border))}.rdg-numberfield[data-size=small] .rdg-numberfield__helptext[data-tone=error]{color:hsl(var(--numberfield-default-small-colors-error-border))}.rdg-numberfield[data-size=medium] .rdg-numberfield__helptext[data-tone=error]{color:hsl(var(--numberfield-default-medium-colors-error-border))}.rdg-numberfield[data-size=large] .rdg-numberfield__helptext[data-tone=error]{color:hsl(var(--numberfield-default-large-colors-error-border))}