@carbon/web-components 2.52.0 → 2.53.0

package/es/components/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","names":["CDSTextInput","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/number-input/number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Add16 from '@carbon/icons/es/add/16.js';\nimport Subtract16 from '@carbon/icons/es/subtract/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { NUMBER_INPUT_VALIDATION_STATUS } from './defs';\nimport styles from './number-input.scss?lit';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input.\n *\n * @element cds-number-input\n * @fires cds-number-input\n *   The name of the custom event fired after the value is changed upon a user gesture.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * Handles `input` event on the `input` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    const direction =\n      this._value !== undefined && Number(value) > Number(this._value)\n        ? 'up'\n        : 'down';\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n          direction,\n        },\n      })\n    );\n    this._value = value;\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  protected _handleUserInitiatedStepDown() {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n          direction: 'down',\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  protected _handleUserInitiatedStepUp() {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n          direction: 'up',\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `focus` event on the `input` in the shadow DOM.\n   */\n  protected _handleFocus(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).addEventListener(\n        'wheel',\n        this._preventWheel,\n        { passive: false }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event on the `input` in the shadow DOM.\n   */\n  protected _handleBlur(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).removeEventListener(\n        'wheel',\n        this._preventWheel\n      );\n    }\n  }\n\n  /**\n   * Prevents wheel events from changing the input value.\n   */\n  protected _preventWheel = (event: WheelEvent) => {\n    event.preventDefault();\n  };\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _getInputValidity() {\n    if (this.invalid) {\n      return false;\n    }\n\n    if (this.value === '') {\n      return this.allowEmpty;\n    }\n\n    if (\n      this._input?.valueAsNumber > Number(this.max) ||\n      this._input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Provide a description for up/down icons that can be read by screen readers\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * Optional starting value for uncontrolled state\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  /**\n   * Specify if the wheel functionality for the input should be disabled, or not\n   */\n  @property({ type: Boolean, attribute: 'disable-wheel', reflect: true })\n  disableWheel = false;\n\n  /**\n   * Set to true to use the fluid variant.\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  getDecimalPlaces = (num: number) => {\n    const parts = num.toString().split('.');\n\n    return parts[1] ? parts[1].length : 0;\n  };\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    const currentValue = Number(this._input.value);\n    const rawValue = currentValue + Number(this.step);\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(rawValue.toFixed(precision));\n    this._value = String(floatValue);\n    this.value = this._value;\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    const currentValue = Number(this._input.value);\n    const rawValue = currentValue - Number(this.step);\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(rawValue.toFixed(precision));\n    this._value = String(floatValue);\n    this.value = this._value;\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n      _handleFocus: handleFocus,\n      _handleBlur: handleBlur,\n    } = this;\n\n    const isValid = this._getInputValidity();\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: !this.readonly && this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--number__input-wrapper--decorator`]: this._hasAILabel,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    // Use defaultValue when value is not set\n    const inputValue = this.hasAttribute('value')\n      ? this._value\n      : this.defaultValue || this._value;\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${iconLoader(Add16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${iconLoader(Subtract16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${inputValue}\"\n        @input=\"${handleInput}\"\n        @focus=\"${handleFocus}\"\n        @blur=\"${handleBlur}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n    const validationMessage =\n      normalizedProps.invalid || normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--form-requirement\"\n            ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n            <slot name=\"${normalizedProps['slot-name']}\">\n              ${normalizedProps['slot-text']}\n            </slot>\n          </div>`\n        : null;\n\n    const helper = this.helperText\n      ? html`<div\n          class=\"${helperTextClasses}\"\n          id=\"helper-text\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>`\n      : null;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        ${this.isFluid\n          ? html`<hr class=\"${prefix}--number-input__divider\" />`\n          : null}\n        ${validationMessage ? validationMessage || helper : null}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSNumberInput;\n"],"mappings":"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"}
+{"version":3,"file":"number-input.js","names":["CDSTextInput","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/number-input/number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Add16 from '@carbon/icons/es/add/16.js';\nimport Subtract16 from '@carbon/icons/es/subtract/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport {\n  NUMBER_INPUT_VALIDATION_STATUS,\n  NUMBER_INPUT_STEP_DIRECTION,\n} from './defs';\nimport styles from './number-input.scss?lit';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NumberFormatter, NumberParser } from '@carbon/utilities';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input type\n */\nexport enum NUMBER_INPUT_TYPE {\n  /**\n   * Number type - uses native number input\n   */\n  NUMBER = 'number',\n  /**\n   * Text type - uses text input with locale-based formatting\n   */\n  TEXT = 'text',\n}\n\n/**\n * Number input.\n *\n * @element cds-number-input\n * @fires cds-number-input\n *   The name of the custom event fired after the value is changed upon a user gesture.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The current number value (used for type=\"text\")\n   */\n  @state()\n  protected _numberValue: number = NaN;\n\n  /**\n   * The previous number value (used for type=\"text\")\n   */\n  @state()\n  protected _previousNumberValue: number = NaN;\n\n  /**\n   * The current input text value (used for type=\"text\")\n   */\n  @state()\n  protected _inputValue: string = '';\n\n  /**\n   * Internal validation state (used for type=\"text\")\n   */\n  @state()\n  protected _invalid: boolean = false;\n\n  /**\n   * Flag to track if the component has been interacted with by the user\n   * Used to prevent defaultValue from overriding user-cleared input\n   */\n  @state()\n  protected _hasUserInteraction: boolean = false;\n\n  /**\n   * NumberFormatter instance for locale-based formatting\n   */\n  protected _numberFormatter: NumberFormatter | null = null;\n\n  /**\n   * NumberParser instance for locale-based parsing\n   */\n  protected _numberParser: NumberParser | null = null;\n\n  /**\n   * Handles `input` event on the `input` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n\n    if (this.type === NUMBER_INPUT_TYPE.NUMBER) {\n      const direction =\n        this._value !== undefined && Number(value) > Number(this._value)\n          ? 'up'\n          : 'down';\n\n      this._dispatchInputEvent(value, direction);\n      this._value = value;\n      // Request update to update invalid state\n      this.requestUpdate();\n    } else if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      const _value = this.allowEmpty && value === '' ? '' : value;\n      const parsedValue = this._numberParser?.parse(_value) ?? NaN;\n\n      // Mark that user has interacted with the input\n      this._hasUserInteraction = true;\n\n      this._numberValue = parsedValue;\n      this._inputValue = _value;\n\n      // Update _value to keep it synchronized with the current numeric value\n      // This ensures locale/formatOptions changes use the current value, not stale data\n      if (!isNaN(parsedValue)) {\n        this._value = String(parsedValue);\n      } else if (this.allowEmpty && _value === '') {\n        this._value = '';\n      }\n\n      // Validate on input when validate function is provided\n      if (this.validate) {\n        const isValid = this.validate(_value, this.locale);\n        // Set internal invalid state only if validate explicitly returns false\n        // true or undefined means valid (undefined defers to built-in validation)\n        this._invalid = isValid === false;\n      } else {\n        // Clear internal invalid state when no validation function\n        this._invalid = false;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  protected _handleUserInitiatedStepDown() {\n    const { _input: input } = this;\n    const valueChanged = this._handleStep('down');\n\n    // Only dispatch event if value actually changed\n    if (valueChanged) {\n      const newValue =\n        this.type === NUMBER_INPUT_TYPE.TEXT ? this._numberValue : input.value;\n\n      this._dispatchInputEvent(newValue, 'down');\n    }\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  protected _handleUserInitiatedStepUp() {\n    const { _input: input } = this;\n    const valueChanged = this._handleStep('up');\n\n    // Only dispatch event if value actually changed\n    if (valueChanged) {\n      const newValue =\n        this.type === NUMBER_INPUT_TYPE.TEXT ? this._numberValue : input.value;\n\n      this._dispatchInputEvent(newValue, 'up');\n    }\n  }\n\n  /**\n   * Handles `focus` event on the `input` in the shadow DOM.\n   */\n  protected _handleFocus(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).addEventListener(\n        'wheel',\n        this._preventWheel,\n        { passive: false }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event on the `input` in the shadow DOM.\n   */\n  protected _handleBlur(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).removeEventListener(\n        'wheel',\n        this._preventWheel\n      );\n    }\n\n    if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      const rawValue = (event.target as HTMLInputElement).value;\n\n      // Validate raw input\n      const validationResult = this.validate\n        ? this.validate(rawValue, this.locale)\n        : true;\n\n      // undefined means defer to built-in validation (treat as valid for custom validation)\n      const isValid = validationResult !== false;\n\n      if (isValid) {\n        const formattedValue = isNaN(this._numberValue)\n          ? ''\n          : (this._numberFormatter?.format(this._numberValue) ?? '');\n\n        this._inputValue = formattedValue;\n\n        // Re-parse the formatted value to ensure consistency\n        const parsedFormattedValue =\n          this._numberParser?.parse(formattedValue) ?? NaN;\n\n        // Dispatch change event if value changed\n        if (\n          !(isNaN(this._previousNumberValue) && isNaN(parsedFormattedValue)) &&\n          this._previousNumberValue !== parsedFormattedValue\n        ) {\n          const direction =\n            this._previousNumberValue < parsedFormattedValue ? 'up' : 'down';\n\n          this._dispatchInputEvent(parsedFormattedValue, direction);\n        }\n\n        this._numberValue = parsedFormattedValue;\n        this._previousNumberValue = parsedFormattedValue;\n        this._value = String(parsedFormattedValue);\n        this._invalid = false;\n      } else {\n        this._invalid = true;\n        // Keep the invalid input as-is\n        this._inputValue = rawValue;\n      }\n\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Handles keyboard events for arrow up/down when type=\"text\"\n   */\n  protected _handleKeyDown(event: KeyboardEvent) {\n    if (this.readonly) {\n      return;\n    }\n    if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        const valueChanged = this._handleStep('up');\n\n        // Only dispatch event if value actually changed\n        if (valueChanged) {\n          this._dispatchInputEvent(this._numberValue, 'up');\n        }\n      } else if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        const valueChanged = this._handleStep('down');\n\n        // Only dispatch event if value actually changed\n        if (valueChanged) {\n          this._dispatchInputEvent(this._numberValue, 'down');\n        }\n      }\n    }\n  }\n\n  /**\n   * Prevents wheel events from changing the input value.\n   */\n  protected _preventWheel = (event: WheelEvent) => {\n    event.preventDefault();\n  };\n\n  protected _min = '';\n  protected _max = '';\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Provide a description for up/down icons that can be read by screen readers\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * Optional starting value for uncontrolled state\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  /**\n   * Specify if the wheel functionality for the input should be disabled, or not\n   */\n  @property({ type: Boolean, attribute: 'disable-wheel', reflect: true })\n  disableWheel = false;\n\n  /**\n   * Set to true to use the fluid variant.\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * **Experimental**: Specify if the input should be of type text or number.\n   * Use type=\"text\" with `locale`, `formatOptions`, and guide user input with `pattern` and `inputMode`.\n   * @experimental\n   */\n  @property({ reflect: true })\n  // @ts-expect-error - Override parent type property with number-specific types\n  type: 'number' | 'text' = NUMBER_INPUT_TYPE.NUMBER;\n\n  /**\n   * **Experimental:** Specify a BCP47 language code for parsing and formatting.\n   * Use with `type=\"text\"`, has no effect when `type=\"number\"`.\n   * @experimental\n   */\n  @property({ reflect: true })\n  locale = 'en-US';\n\n  /**\n   * **Experimental:** Specify Intl.NumberFormat options applied to internal number parsing and formatting.\n   * Use with `type=\"text\"`, has no effect when `type=\"number\"`.\n   * @experimental\n   */\n  @property({ type: Object, attribute: 'format-options' })\n  formatOptions: Intl.NumberFormatOptions = {};\n\n  /**\n   * When type=\"text\", provide an optional pattern to restrict user input.\n   */\n  @property({ reflect: true })\n  pattern = '[0-9]*';\n\n  /**\n   * Instruct the browser which keyboard to display on mobile devices.\n   */\n  @property({ reflect: true, attribute: 'input-mode' })\n  inputMode:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search' = 'decimal';\n\n  /**\n   * Provide the value stepping should begin at when the input is empty\n   */\n  @property({ type: Number, attribute: 'step-start-value' })\n  stepStartValue = 0;\n\n  /**\n   * Optional validation function for type=\"text\".\n   * Should return false to fail validation, true to pass, or undefined to defer to built-in validation.\n   * Note: the min and max attributes still takes priority if they are defined.\n   */\n  validate?: (value: string, locale: string) => boolean | undefined;\n\n  /**\n   * Override value setter to handle formatting for type=\"text\"\n   */\n  @property({ reflect: true })\n  override get value() {\n    return super.value;\n  }\n\n  override set value(val: string) {\n    const oldValue = this._value;\n\n    if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      // Handle empty string\n      if (val === '') {\n        this._numberValue = NaN;\n        this._previousNumberValue = NaN;\n        this._inputValue = '';\n        this._value = '';\n        this.requestUpdate('value', oldValue);\n        if (this._input) {\n          this._input.value = '';\n        }\n        return;\n      }\n\n      // Ensure formatters are initialized before using them\n      if (!this._numberFormatter || !this._numberParser) {\n        this._initializeFormatters();\n      }\n\n      // Parse the value: string values are parsed, numbers are used directly\n      let parsed: number;\n      if (typeof val === 'string') {\n        parsed = this._numberParser?.parse(val) ?? Number(val);\n      } else {\n        parsed = val as number;\n      }\n\n      // Synchronize all text mode state\n      this._syncTextModeState(parsed, true);\n      this.requestUpdate('value', oldValue);\n    } else {\n      // For type=\"number\" or empty values, use parent behavior\n      super.value = val;\n    }\n  }\n\n  /**\n   * Initialize formatters when component connects\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this._initializeFormatters();\n  }\n\n  /**\n   * Called before updates to initialize default value\n   */\n  willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate?.(changedProperties);\n\n    // Handle type switching before render\n    if (changedProperties.has('type')) {\n      this._initializeFormatters();\n      this._invalid = false;\n\n      const currentValue = this._value || this.value;\n      if (currentValue) {\n        const parsed = this._numberParser?.parse(currentValue) ?? NaN;\n\n        if (!isNaN(parsed)) {\n          this._numberValue = parsed;\n          this._previousNumberValue = parsed;\n\n          if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n            this._inputValue = this._numberFormatter?.format(parsed) ?? '';\n            this._value = currentValue;\n          } else {\n            const plainValue = parsed.toString();\n            this._value = plainValue;\n            super.value = plainValue;\n          }\n        }\n      }\n    }\n\n    // Handle locale or formatOptions changes before render\n    if (\n      changedProperties.has('locale') ||\n      changedProperties.has('formatOptions')\n    ) {\n      this._initializeFormatters();\n\n      if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n        // Re-format with new formatters\n        if (this._value) {\n          const parsed = Number(this._value);\n          if (!isNaN(parsed)) {\n            this._syncTextModeState(parsed);\n          }\n        } else if (!isNaN(this._numberValue)) {\n          this._syncTextModeState(this._numberValue);\n        }\n      }\n    }\n\n    // Initialize from defaultValue if no value is set\n    // This runs before every render, but only sets _value if it's empty\n    // AND the user hasn't interacted with the input yet\n    if (!this._value && this.defaultValue && !this._hasUserInteraction) {\n      if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n        const parsed = this._numberParser?.parse(this.defaultValue) ?? NaN;\n        this._syncTextModeState(parsed);\n      } else {\n        // Set the internal value to defaultValue for non-text types\n        this._value = this.defaultValue;\n      }\n    }\n  }\n\n  /**\n   * Update formatters when properties change\n   */\n  // @ts-expect-error - Override to accept changedProperties parameter\n  updated(changedProperties: Map<string, unknown>) {\n    super.updated?.();\n    // Update the DOM input element if formatOptions or locale changed\n    if (\n      (changedProperties.has('locale') ||\n        changedProperties.has('formatOptions')) &&\n      this.type === NUMBER_INPUT_TYPE.TEXT &&\n      this._input\n    ) {\n      this._input.value = this._inputValue;\n    }\n  }\n\n  /**\n   * Initialize NumberFormatter and NumberParser instances\n   */\n  protected _initializeFormatters() {\n    if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      try {\n        this._numberFormatter = new NumberFormatter(\n          this.locale,\n          this.formatOptions\n        );\n        this._numberParser = new NumberParser(this.locale, this.formatOptions);\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('[NumberInput] Failed to initialize formatters:', error);\n      }\n    }\n  }\n\n  /**\n   * Get input validity\n   */\n  _getInputValidity() {\n    if (this.invalid || this._invalid) {\n      return false;\n    }\n\n    // Determine which value to validate based on type and validate function\n    // Match React's logic: validate ? inputValue : (type === 'number' ? value : numberValue)\n    const valueToCheck =\n      this.validate && this.type === NUMBER_INPUT_TYPE.TEXT\n        ? this._inputValue\n        : this.type === NUMBER_INPUT_TYPE.TEXT\n          ? this._numberValue\n          : this.value;\n\n    // Skip validation if value is empty and allowEmpty is true\n    if (valueToCheck === '') {\n      const result = this.allowEmpty;\n      return result;\n    }\n\n    // Normalize the value to a number\n    let numericValue: number;\n    if (typeof valueToCheck === 'string') {\n      // For type=\"number\", use simple Number() conversion\n      // For type=\"text\", use NumberParser to handle formatted numbers like \"1,234\"\n      if (this.type === NUMBER_INPUT_TYPE.NUMBER) {\n        numericValue = Number(valueToCheck);\n      } else {\n        numericValue = this._numberParser?.parse(valueToCheck) ?? NaN;\n      }\n    } else if (typeof valueToCheck === 'number') {\n      numericValue = valueToCheck;\n    } else {\n      numericValue = NaN;\n    }\n\n    // If value is NaN, check allowEmpty\n    if (isNaN(numericValue)) {\n      const result = this.allowEmpty;\n      return result;\n    }\n\n    // Use custom validate ONLY for formatting validation (only for type=\"text\")\n    if (this.validate && this.type === NUMBER_INPUT_TYPE.TEXT) {\n      const isFormatValid = this.validate(this._inputValue, this.locale);\n      if (isFormatValid === false) {\n        return false; // invalid format\n      }\n    }\n\n    // Check min/max bounds on the numeric value\n    if (this.max !== '' && numericValue > Number(this.max)) {\n      return false;\n    }\n    if (this.min !== '' && numericValue < Number(this.min)) {\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   * Get decimal places from a number\n   */\n  getDecimalPlaces = (num: number) => {\n    const parts = num.toString().split('.');\n    return parts[1] ? parts[1].length : 0;\n  };\n\n  /**\n   * Clamp a value between min and max\n   */\n  protected _clamp(value: number, min: number, max: number): number {\n    return Math.min(Math.max(value, min), max);\n  }\n\n  /**\n   * Handle stepping up or down\n   * @returns true if the value changed, false if it was clamped to the same value\n   */\n  protected _handleStep(direction: NUMBER_INPUT_STEP_DIRECTION) {\n    const currentValue =\n      this.type === NUMBER_INPUT_TYPE.NUMBER\n        ? Number(this._input.value)\n        : this._numberValue;\n\n    let rawValue: number;\n\n    if (\n      Number.isNaN(currentValue) ||\n      currentValue === null ||\n      currentValue === undefined\n    ) {\n      if (typeof this.stepStartValue === 'number' && this.stepStartValue) {\n        rawValue = this.stepStartValue;\n      } else if (\n        (this.min &&\n          Number(this.min) < 0 &&\n          this.max &&\n          Number(this.max) > 0) ||\n        (!this.max && !this.min) ||\n        this.max\n      ) {\n        rawValue = direction === 'up' ? 1 : -1;\n      } else if (\n        (this.min &&\n          Number(this.min) > 0 &&\n          this.max &&\n          Number(this.max) > 0) ||\n        this.min\n      ) {\n        rawValue = Number(this.min);\n      } else {\n        rawValue = 0;\n      }\n    } else if (direction === 'up') {\n      rawValue = currentValue + Number(this.step);\n    } else {\n      rawValue = currentValue - Number(this.step);\n    }\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(Number(rawValue).toFixed(precision));\n    const newValue = this._clamp(\n      floatValue,\n      this.min !== '' ? Number(this.min) : -Infinity,\n      this.max !== '' ? Number(this.max) : Infinity\n    );\n\n    // Check if value actually changed\n    const valueChanged = currentValue !== newValue;\n\n    if (this.type === NUMBER_INPUT_TYPE.NUMBER) {\n      this._value = String(newValue);\n      this.value = this._value;\n    } else if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      // Synchronize text mode state after step operation\n      this._syncTextModeState(newValue);\n      this.requestUpdate();\n    }\n\n    return valueChanged;\n  }\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._handleStep('up');\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._handleStep('down');\n  }\n\n  protected _getInputValue() {\n    if (this.type === NUMBER_INPUT_TYPE.TEXT) {\n      // For type=\"text\", use _inputValue directly without falling back to defaultValue\n      // defaultValue is only used during initialization (in willUpdate)\n      return this._inputValue;\n    }\n\n    return this._value || this.defaultValue || '';\n  }\n\n  protected _dispatchInputEvent(\n    value: string | number,\n    direction: NUMBER_INPUT_STEP_DIRECTION\n  ) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n          direction,\n        },\n      })\n    );\n  }\n\n  /**\n   * Synchronizes text mode state by formatting a numeric value and updating all related state variables.\n   * This centralizes the logic for managing _numberValue, _inputValue, _previousNumberValue, and _value.\n   *\n   * @param numericValue - The numeric value to format and synchronize\n   * @param updateInput - Whether to update the DOM input element (default: false)\n   */\n  protected _syncTextModeState(numericValue: number, updateInput = false) {\n    // Format the numeric value\n    const formattedValue = isNaN(numericValue)\n      ? ''\n      : (this._numberFormatter?.format(numericValue) ?? String(numericValue));\n\n    // Parse the formatted value back to ensure consistency\n    // (formatting can alter the number, e.g., rounding)\n    const parsedValue = formattedValue\n      ? (this._numberParser?.parse(formattedValue) ?? numericValue)\n      : numericValue;\n\n    // Update all state variables\n    this._numberValue = parsedValue;\n    this._previousNumberValue = parsedValue;\n    this._inputValue = formattedValue;\n    this._value = String(parsedValue);\n\n    // Update DOM input if requested\n    if (updateInput && this._input) {\n      this._input.value = formattedValue;\n    }\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n      _handleFocus: handleFocus,\n      _handleBlur: handleBlur,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n\n    const isValid = this._getInputValidity();\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n      buttonsDisabled: boolean;\n    } = {\n      disabled: this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n      buttonsDisabled: this.disabled || this.readonly,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--number__input-wrapper--decorator`]: this._hasAILabel,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    const inputValue = this._getInputValue();\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.buttonsDisabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${iconLoader(Add16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.buttonsDisabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${iconLoader(Subtract16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${ifNonEmpty(this.autocomplete)}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${this.type === NUMBER_INPUT_TYPE.TEXT\n          ? ifNonEmpty(this.pattern)\n          : ''}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"${this.type}\"\n        inputmode=\"${this.type === NUMBER_INPUT_TYPE.TEXT\n          ? this.inputMode\n          : ''}\"\n        .value=\"${inputValue}\"\n        @input=\"${handleInput}\"\n        @focus=\"${handleFocus}\"\n        @blur=\"${handleBlur}\"\n        @keydown=\"${handleKeyDown}\"\n        min=\"${this.type === NUMBER_INPUT_TYPE.NUMBER\n          ? ifNonEmpty(this.min)\n          : ''}\"\n        max=\"${this.type === NUMBER_INPUT_TYPE.NUMBER\n          ? ifNonEmpty(this.max)\n          : ''}\"\n        step=\"${this.type === NUMBER_INPUT_TYPE.NUMBER\n          ? ifNonEmpty(this.step)\n          : ''}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n\n    const validationMessage =\n      normalizedProps.invalid || normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--form-requirement\"\n            ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n            <slot name=\"${normalizedProps['slot-name']}\">\n              ${normalizedProps['slot-text']}\n            </slot>\n          </div>`\n        : null;\n\n    const helper = this.helperText\n      ? html`<div\n          class=\"${helperTextClasses}\"\n          id=\"helper-text\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>`\n      : null;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        ${this.isFluid\n          ? html`<hr class=\"${prefix}--number-input__divider\" />`\n          : null}\n        ${validationMessage ?? helper}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSNumberInput;\n"],"mappings":"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"}

package/es/components/number-input/number-input.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/number-input/number-input.scss?lit
-var number_input_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--number__controls:hover .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__rule-divider,.cds--number__input-wrapper--slug .cds--number__rule-divider{display:none}.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,.cds--number__input-wrapper--slug .cds--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds--number__controls:focus-within .cds--number__control-btn:after{display:none}.cds--number html{font-size:100%}.cds--number body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number strong{font-weight:600}.cds--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number .cds--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds--number input[type=number],.cds--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline-style:dotted}}.cds--number input[type=number]:disabled~.cds--number__controls,.cds--number input[type=text]:disabled~.cds--number__controls{cursor:not-allowed;pointer-events:none}.cds--number input[type=number]:disabled~.cds--number__controls svg,.cds--number input[type=text]:disabled~.cds--number__controls svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number input[type=number]::-ms-clear,.cds--number input[type=text]::-ms-clear{display:none}.cds--number input[type=number]::-webkit-inner-spin-button,.cds--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds--number input[type=number][data-invalid],.cds--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds--number--lg.cds--number input[type=number],.cds--number--lg.cds--number input[type=text]{padding-inline-end:7rem}.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--lg.cds--number input[type=number][data-invalid],.cds--number--lg.cds--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds--number--sm.cds--number input[type=number],.cds--number--sm.cds--number input[type=text]{padding-inline-end:5rem}.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--sm.cds--number input[type=number][data-invalid],.cds--number--sm.cds--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds--number input[type=number]:disabled,.cds--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__input-wrapper{align-items:center;display:flex;position:relative}.cds--number__controls html{font-size:100%}.cds--number__controls body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number__controls strong{font-weight:600}.cds--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds--number__control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--number__control-btn *,.cds--number__control-btn :after,.cds--number__control-btn :before{box-sizing:inherit}.cds--number__control-btn::-moz-focus-inner{border:0}.cds--number__control-btn{align-items:center;block-size:100%;color:var(--cds-icon-primary,#161616);display:inline-flex;justify-content:center;position:relative}.cds--number__control-btn svg{fill:currentColor}.cds--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--number__control-btn:focus{outline-style:dotted}}.cds--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__control-btn.down-icon{order:1}.cds--number__control-btn.up-icon{order:2}.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-color:var(--cds-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{border-color:var(--cds-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline-style:dotted}}.cds--number__rule-divider{background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds--number__rule-divider:first-of-type{order:0}.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number--light .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number__control-btn:focus~.cds--number__rule-divider{background-color:transparent}.cds--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds--number--lg .cds--number__invalid{inset-inline-end:7rem}.cds--number--sm .cds--number__invalid{inset-inline-end:5rem}.cds--number__invalid+.cds--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds--number--lg .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:6rem}.cds--number--sm .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:4rem}.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider,.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider{background-color:transparent}.cds--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds--number--lg input[type=number],.cds--number--lg input[type=text]{block-size:3rem}.cds--number--lg .cds--number__controls{inline-size:6rem}.cds--number--lg .cds--number__control-btn{inline-size:3rem}.cds--number--sm input[type=number],.cds--number--sm input[type=text]{block-size:2rem}.cds--number--sm .cds--number__controls{inline-size:4rem}.cds--number--sm .cds--number__control-btn{inline-size:2rem}.cds--number--nolabel .cds--label+.cds--form__helper-text{margin-block-start:0}.cds--number--nosteppers input[type=number],.cds--number--nosteppers input[type=text]{padding-inline-end:0}.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text],.cds--number--nosteppers input[type=number][data-invalid],.cds--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds--number--nosteppers .cds--number__invalid{inset-inline-end:1rem}.cds--number--readonly input[type=number],.cds--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__control-btn{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds--number--readonly .cds--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{outline:none}.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number__input-wrapper--slug .cds--ai-label,.cds--number__input-wrapper--slug .cds--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--number__control-btn:after,.cds--number__input-wrapper--slug .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--slug:before{background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--slug:before{display:none;inset-inline-start:-1rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds--number__control-btn:after{display:block;inset-inline-end:0}.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:focus:before,.cds--number__input-wrapper--slug .cds--number__control-btn:focus:before{display:none}.cds--number__control-btn:hover:after,.cds--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator:after,.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug:after{display:none}.cds--number__control-btn:has(.up-icon):after,.cds--number__control-btn:has(.up-icon):before{display:none}.cds--number__input-wrapper--decorator .cds--number__invalid,.cds--number__input-wrapper--slug .cds--number__invalid{inset-inline-end:9rem}.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug:before{display:block}.cds--number .cds--number__input-wrapper--decorator input[data-invalid],.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number .cds--number__input-wrapper--slug input[data-invalid],.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input{padding-inline-end:9rem}.cds--number__input-wrapper--decorator input[type=number]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--decorator input[type=text]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:disabled,.cds--number__input-wrapper--slug input[type=number]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--number__input-wrapper--slug input[type=text]:disabled,.cds--number__input-wrapper--slug input[type=text]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=text]:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds--number.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--number.cds--skeleton:active,.cds--number.cds--skeleton:focus,.cds--number.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--number.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--number.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number.cds--skeleton{background:CanvasText}.cds--number.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--number.cds--skeleton{inline-size:100%}.cds--number.cds--skeleton input[type=number],.cds--number.cds--skeleton input[type=text]{display:none}.cds--number.cds--skeleton.cds--number--sm{block-size:2rem}.cds--number.cds--skeleton.cds--number--md{block-size:2.5rem}.cds--number.cds--skeleton.cds--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number__control-btn:focus,.cds--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds--number__control-btn{outline:1px solid transparent}}.cds--number-input--fluid{background:var(--cds-field);block-size:100%;position:relative}.cds--number-input--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--number-input--fluid .cds--label::-webkit-scrollbar{display:none}.cds--number-input--fluid .cds--label .cds--toggletip-label,.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--number-input--fluid .cds--number__input-wrapper{position:static}.cds--number-input--fluid input[type=number],.cds--number-input--fluid input[type=text]{background:transparent;min-block-size:4rem;outline:none;padding:2rem 5rem .8125rem 1rem}.cds--number-input--fluid .cds--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=text]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=number]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{box-shadow:none}.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline-style:dotted}}.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline-style:dotted}}.cds--number-input--fluid .cds--number-input__divider{display:none}.cds--number-input--fluid .cds--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type{display:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning+.cds--number-input__divider,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider{block-size:.0625rem;border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);inset-block-start:3.9375rem;margin:0 1rem;position:absolute}.cds--number-input--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline-style:dotted}}.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text]~.cds--number__controls .cds--number__control-btn{border-block-end:none}.cds--number-input--fluid .cds--number input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number,:not(.cds--number-input--fluid--invalid):host(cds-number-input[disabled][fluid]) .cds--number{border-block-end:1px solid var(--cds-border-subtle)}.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=number]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=text]:disabled{background-color:transparent}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug{inset-inline-end:5.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator input,.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number-input--fluid .cds--number__input-wrapper--slug input,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug:before{display:none}:host(cds-number-input),:host(cds-number-input-skeleton){inline-size:100%;outline:none}:host(cds-number-input) .cds--form-requirement[hidden],:host(cds-number-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--number .cds--number__invalid~input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number__invalid~.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__controls .cds--number__control-btn{border-block-end:0}:host(cds-number-input) ::slotted(cds-ai-label),:host(cds-number-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:6rem;position:absolute}:host(cds-number-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-number-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-ai-label):after,:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-slug):after,:host(cds-number-input[invalid]) ::slotted(cds-ai-label):after,:host(cds-number-input[invalid]) ::slotted(cds-slug):after,:host(cds-number-input[warn]) ::slotted(cds-ai-label):after,:host(cds-number-input[warn]) ::slotted(cds-slug):after{background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem;position:absolute}:host(cds-number-input) .up-icon:after,:host(cds-number-input) .up-icon:before{display:none}:host(cds-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
-
+var number_input_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--number__controls:hover .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__rule-divider,.cds--number__input-wrapper--slug .cds--number__rule-divider{display:none}.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,.cds--number__input-wrapper--slug .cds--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds--number__controls:focus-within .cds--number__control-btn:after{display:none}.cds--number html{font-size:100%}.cds--number body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number strong{font-weight:600}.cds--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number .cds--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds--number input[type=number],.cds--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number]:focus,.cds--number input[type=text]:focus{outline-style:dotted}}.cds--number input[type=number]:disabled~.cds--number__controls,.cds--number input[type=text]:disabled~.cds--number__controls{cursor:not-allowed;pointer-events:none}.cds--number input[type=number]:disabled~.cds--number__controls svg,.cds--number input[type=text]:disabled~.cds--number__controls svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number input[type=number]::-ms-clear,.cds--number input[type=text]::-ms-clear{display:none}.cds--number input[type=number]::-webkit-inner-spin-button,.cds--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds--number input[type=number][data-invalid],.cds--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds--number--lg.cds--number input[type=number],.cds--number--lg.cds--number input[type=text]{padding-inline-end:7rem}.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--lg.cds--number input[type=number][data-invalid],.cds--number--lg.cds--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds--number--sm.cds--number input[type=number],.cds--number--sm.cds--number input[type=text]{padding-inline-end:5rem}.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text],.cds--number--sm.cds--number input[type=number][data-invalid],.cds--number--sm.cds--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds--number input[type=number]:disabled,.cds--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__input-wrapper{align-items:center;display:flex;position:relative}.cds--number__controls html{font-size:100%}.cds--number__controls body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--number__controls strong{font-weight:600}.cds--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds--number__control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--number__control-btn *,.cds--number__control-btn :after,.cds--number__control-btn :before{box-sizing:inherit}.cds--number__control-btn::-moz-focus-inner{border:0}.cds--number__control-btn{align-items:center;block-size:100%;color:var(--cds-icon-primary,#161616);display:inline-flex;justify-content:center;position:relative}.cds--number__control-btn svg{fill:currentColor}.cds--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--number__control-btn:focus{outline-style:dotted}}.cds--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--number__control-btn.down-icon{order:1}.cds--number__control-btn.up-icon{order:2}.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-color:var(--cds-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{border-color:var(--cds-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover{outline-style:dotted}}.cds--number__rule-divider{background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds--number__rule-divider:first-of-type{order:0}.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number--light .cds--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:transparent}.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--number__control-btn:focus~.cds--number__rule-divider{background-color:transparent}.cds--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds--number--lg .cds--number__invalid{inset-inline-end:7rem}.cds--number--sm .cds--number__invalid{inset-inline-end:5rem}.cds--number__invalid+.cds--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds--number--lg .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:6rem}.cds--number--sm .cds--number__invalid+.cds--number__rule-divider{inset-inline-end:4rem}.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider,.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider{background-color:transparent}.cds--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds--number--lg input[type=number],.cds--number--lg input[type=text]{block-size:3rem}.cds--number--lg .cds--number__controls{inline-size:6rem}.cds--number--lg .cds--number__control-btn{inline-size:3rem}.cds--number--sm input[type=number],.cds--number--sm input[type=text]{block-size:2rem}.cds--number--sm .cds--number__controls{inline-size:4rem}.cds--number--sm .cds--number__control-btn{inline-size:2rem}.cds--number--nolabel .cds--label+.cds--form__helper-text{margin-block-start:0}.cds--number--nosteppers input[type=number],.cds--number--nosteppers input[type=text]{padding-inline-end:0}.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text],.cds--number--nosteppers input[type=number][data-invalid],.cds--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds--number--nosteppers .cds--number__invalid{inset-inline-end:1rem}.cds--number--readonly input[type=number],.cds--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__control-btn{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds--number--readonly .cds--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{outline:none}.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number__input-wrapper--slug .cds--ai-label,.cds--number__input-wrapper--slug .cds--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:after,.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--number__control-btn:after,.cds--number__input-wrapper--slug .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--slug:before{background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number__input-wrapper--slug .cds--slug:before{display:none;inset-inline-start:-1rem}.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--ai-label--revert:before,.cds--number__input-wrapper--slug .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds--number__control-btn:after{display:block;inset-inline-end:0}.cds--number__input-wrapper--decorator .cds--number__control-btn:before,.cds--number__input-wrapper--slug .cds--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds--number__input-wrapper--decorator .cds--number__control-btn:focus:before,.cds--number__input-wrapper--slug .cds--number__control-btn:focus:before{display:none}.cds--number__control-btn:hover:after,.cds--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator:after,.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug:after{display:none}.cds--number__control-btn:has(.up-icon):after,.cds--number__control-btn:has(.up-icon):before{display:none}.cds--number__input-wrapper--decorator .cds--number__invalid,.cds--number__input-wrapper--slug .cds--number__invalid{inset-inline-end:9rem}.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label:before,.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug:before{display:block}.cds--number .cds--number__input-wrapper--decorator input[data-invalid],.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number .cds--number__input-wrapper--slug input[data-invalid],.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input{padding-inline-end:9rem}.cds--number__input-wrapper--decorator input[type=number]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--decorator input[type=text]:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:disabled,.cds--number__input-wrapper--slug input[type=number]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=number]:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--number__input-wrapper--slug input[type=text]:disabled,.cds--number__input-wrapper--slug input[type=text]:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--number__input-wrapper--slug input[type=text]:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds--number.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--number.cds--skeleton:active,.cds--number.cds--skeleton:focus,.cds--number.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--number.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--number.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number.cds--skeleton{background:CanvasText}.cds--number.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--number.cds--skeleton{inline-size:100%}.cds--number.cds--skeleton input[type=number],.cds--number.cds--skeleton input[type=text]{display:none}.cds--number.cds--skeleton.cds--number--sm{block-size:2rem}.cds--number.cds--skeleton.cds--number--md{block-size:2.5rem}.cds--number.cds--skeleton.cds--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--number__control-btn:focus,.cds--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds--number__control-btn{outline:1px solid transparent}}.cds--number-input--fluid{background:var(--cds-field);block-size:100%;position:relative}.cds--number-input--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--number-input--fluid .cds--label::-webkit-scrollbar{display:none}.cds--number-input--fluid .cds--label .cds--toggletip-label,.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--number-input--fluid .cds--number__input-wrapper{position:static}.cds--number-input--fluid input[type=number],.cds--number-input--fluid input[type=text]{background:transparent;min-block-size:4rem;outline:none;padding:2rem 5rem .8125rem 1rem}.cds--number-input--fluid .cds--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid input[type=text]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=number]:focus~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) input[type=text]:focus~.cds--number__controls .cds--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover{box-shadow:none}.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number{outline-style:dotted}}.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,:host(cds-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus{outline-style:dotted}}.cds--number-input--fluid .cds--number-input__divider{display:none}.cds--number-input--fluid .cds--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type{display:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning+.cds--number-input__divider,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider{block-size:.0625rem;border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);inset-block-start:3.9375rem;margin:0 1rem;position:absolute}.cds--number-input--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number{outline-style:dotted}}.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=number],:host(cds-number-input[invalid][fluid]) .cds--number[data-invalid] input[type=text]{outline:none}.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text]~.cds--number__controls .cds--number__control-btn{border-block-end:none}.cds--number-input--fluid .cds--number input[type=number]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid .cds--number input[type=text]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,:host(cds-number-input[invalid][fluid]) .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number,:not(.cds--number-input--fluid--invalid):host(cds-number-input[disabled][fluid]) .cds--number{border-block-end:1px solid var(--cds-border-subtle)}.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=number]:disabled,:host(cds-number-input[disabled][fluid]):host(cds-number-input[invalid][fluid]) .cds--number input[type=text]:disabled{background-color:transparent}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug{inset-inline-end:5.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator input,.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,.cds--number-input--fluid .cds--number__input-wrapper--slug input,.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input,.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label:before,.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug:before{display:none}:host(cds-number-input),:host(cds-number-input-skeleton){display:flex;flex-direction:column;inline-size:100%;outline:none}:host(cds-number-input) .cds--form-requirement[hidden],:host(cds-number-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--number .cds--number__invalid~input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,.cds--number__invalid~.cds--number__controls .cds--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds--number--readonly .cds--number__controls .cds--number__control-btn{border-block-end:0}:host(cds-number-input) ::slotted(cds-ai-label),:host(cds-number-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:6rem;position:absolute}:host(cds-number-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-number-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-ai-label):after,:host(cds-number-input) .cds--number[data-invalid] ::slotted(cds-slug):after,:host(cds-number-input[invalid]) ::slotted(cds-ai-label):after,:host(cds-number-input[invalid]) ::slotted(cds-slug):after,:host(cds-number-input[warn]) ::slotted(cds-ai-label):after,:host(cds-number-input[warn]) ::slotted(cds-slug):after{background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem;position:absolute}:host(cds-number-input) .up-icon:after,:host(cds-number-input) .up-icon:before{display:none}:host(cds-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
 //#endregion
 export { number_input_default as default };
+
 //# sourceMappingURL=number-input.scss.js.map

package/es/components/number-input/number-input.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.scss.js","names":[],"sources":["../../../src/components/number-input/number-input.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/number-input/index';\n@use '@carbon/styles/scss/components/fluid-number-input' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n:host(#{$prefix}-number-input),\n:host(#{$prefix}-number-input-skeleton) {\n  // the base text-input class has a 100% so we need to propagate it up to the host element\n  inline-size: 100%;\n  outline: none;\n\n  .#{$prefix}--form-requirement[hidden] {\n    display: none;\n  }\n}\n\n.#{$prefix}--number__invalid\n  ~ .#{$prefix}--number__controls\n  .#{$prefix}--number__rule-divider:first-of-type,\n.#{$prefix}--number\n  .#{$prefix}--number__invalid\n  ~ input[type='number']:disabled\n  + .#{$prefix}--number__controls\n  .#{$prefix}--number__rule-divider:first-of-type {\n  background-color: $border-subtle;\n}\n\n.#{$prefix}--number--readonly {\n  .#{$prefix}--number__controls {\n    .#{$prefix}--number__control-btn {\n      border-block-end: 0;\n    }\n  }\n}\n\n:host(#{$prefix}-number-input) {\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-12;\n  }\n  ::slotted(#{$prefix}-ai-label:not([revert-active])),\n  ::slotted(#{$prefix}-slug:not([revert-active])) {\n    transform: translateY(-50%);\n  }\n}\n:host(#{$prefix}-number-input) .#{$prefix}--number[data-invalid],\n:host(#{$prefix}-number-input[warn]),\n:host(#{$prefix}-number-input[invalid]) {\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    &::after {\n      position: absolute;\n      background-color: $border-subtle;\n      block-size: 100%;\n      content: '';\n      inline-size: to-rem(1px);\n      inset-inline-start: -#{$spacing-05};\n    }\n  }\n}\n\n:host(#{$prefix}-number-input) {\n  .up-icon {\n    &::before,\n    &::after {\n      display: none;\n    }\n  }\n}\n:host(#{$prefix}-number-input[ai-label]) input {\n  @include ai-gradient;\n}\n\n:host(#{$prefix}-number-input[invalid][fluid]) {\n  @extend .#{$prefix}--number-input--fluid--invalid;\n}\n\n:host(#{$prefix}-number-input[focused][fluid]) {\n  @extend .#{$prefix}--number-input--fluid--focus;\n}\n\n:host(#{$prefix}-number-input[disabled][fluid]) {\n  @extend .#{$prefix}--number-input--fluid--disabled;\n}\n"],"mappings":""}
+{"version":3,"file":"number-input.scss.js","names":[],"sources":["../../../src/components/number-input/number-input.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/number-input/index';\n@use '@carbon/styles/scss/components/fluid-number-input' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n:host(#{$prefix}-number-input),\n:host(#{$prefix}-number-input-skeleton) {\n  // the base text-input class has a 100% so we need to propagate it up to the host element\n  display: flex;\n  flex-direction: column;\n  inline-size: 100%;\n  outline: none;\n\n  .#{$prefix}--form-requirement[hidden] {\n    display: none;\n  }\n}\n\n.#{$prefix}--number__invalid\n  ~ .#{$prefix}--number__controls\n  .#{$prefix}--number__rule-divider:first-of-type,\n.#{$prefix}--number\n  .#{$prefix}--number__invalid\n  ~ input[type='number']:disabled\n  + .#{$prefix}--number__controls\n  .#{$prefix}--number__rule-divider:first-of-type {\n  background-color: $border-subtle;\n}\n\n.#{$prefix}--number--readonly {\n  .#{$prefix}--number__controls {\n    .#{$prefix}--number__control-btn {\n      border-block-end: 0;\n    }\n  }\n}\n\n:host(#{$prefix}-number-input) {\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-12;\n  }\n  ::slotted(#{$prefix}-ai-label:not([revert-active])),\n  ::slotted(#{$prefix}-slug:not([revert-active])) {\n    transform: translateY(-50%);\n  }\n}\n:host(#{$prefix}-number-input) .#{$prefix}--number[data-invalid],\n:host(#{$prefix}-number-input[warn]),\n:host(#{$prefix}-number-input[invalid]) {\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    &::after {\n      position: absolute;\n      background-color: $border-subtle;\n      block-size: 100%;\n      content: '';\n      inline-size: to-rem(1px);\n      inset-inline-start: -#{$spacing-05};\n    }\n  }\n}\n\n:host(#{$prefix}-number-input) {\n  .up-icon {\n    &::before,\n    &::after {\n      display: none;\n    }\n  }\n}\n:host(#{$prefix}-number-input[ai-label]) input {\n  @include ai-gradient;\n}\n\n:host(#{$prefix}-number-input[invalid][fluid]) {\n  @extend .#{$prefix}--number-input--fluid--invalid;\n}\n\n:host(#{$prefix}-number-input[focused][fluid]) {\n  @extend .#{$prefix}--number-input--fluid--focus;\n}\n\n:host(#{$prefix}-number-input[disabled][fluid]) {\n  @extend .#{$prefix}--number-input--fluid--disabled;\n}\n"],"mappings":""}

package/es/components/overflow-menu/defs.js

@@ -38,7 +38,7 @@ const NAVIGATION_DIRECTION = {
 	ArrowDown: 1,
 	ArrowUp: -1
 };
-
 //#endregion
 export { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/overflow-menu/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/overflow-menu/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Overflow menu size.\n */\nexport enum OVERFLOW_MENU_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\nexport const NAVIGATION_DIRECTION = {\n  ArrowDown: 1,\n  ArrowUp: -1,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kEAAL;;;;AAIL;;;;AAIA;;;;AAKA;;;;AAKA;;;AAGF,MAAa,uBAAuB;CAClC,WAAW;CACX,SAAS;CACV"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/overflow-menu/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Overflow menu size.\n */\nexport enum OVERFLOW_MENU_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\nexport const NAVIGATION_DIRECTION = {\n  ArrowDown: 1,\n  ArrowUp: -1,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,qBAAL,yBAAA,oBAAA;;;;AAIL,oBAAA,iBAAA;;;;AAIA,oBAAA,WAAA;;;;AAKA,oBAAA,YAAA;;;;AAKA,oBAAA,WAAA;;KACD;AAED,MAAa,uBAAuB;CAClC,WAAW;CACX,SAAS;CACV"}

package/es/components/overflow-menu/overflow-menu-body.js

@@ -5,18 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { indexOf } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
-import { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from "./defs.js";
+import { NAVIGATION_DIRECTION } from "./defs.js";
 import overflow_menu_default from "./overflow-menu.scss.js";
-import { FLOATING_MENU_DIRECTION } from "../floating-menu/defs.js";
+import "../floating-menu/defs.js";
 import CDSFloatingMenu, { getMenuOffset } from "../floating-menu/floating-menu.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/overflow-menu/overflow-menu-body.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -46,11 +45,11 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
 	}
 	constructor(..._args) {
 		super(..._args);
-		this.direction = FLOATING_MENU_DIRECTION.BOTTOM;
+		this.direction = "bottom";
 		this.flipped = false;
 		this.open = false;
 		this.selected = null;
-		this.size = OVERFLOW_MENU_SIZE.MEDIUM;
+		this.size = "md";
 		this._handleKeydown = async (event) => {
 			const { key } = event;
 			if (this.open) {
@@ -70,7 +69,7 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
 					this.open = false;
 					if (menuTrigger && "open" in menuTrigger) menuTrigger.open = false;
 					requestAnimationFrame(() => {
-						const triggerButton = menuTrigger?.shadowRoot?.querySelector(`button.${prefix}--overflow-menu`) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);
+						const triggerButton = menuTrigger?.shadowRoot?.querySelector(`button.cds--overflow-menu`) || menuTrigger?.querySelector(`button.cds--overflow-menu`);
 						if (triggerButton) triggerButton.focus();
 					});
 					return;
@@ -82,7 +81,7 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
 					this.open = false;
 					if (menuTrigger && "open" in menuTrigger) menuTrigger.open = false;
 					requestAnimationFrame(() => {
-						const triggerButton = menuTrigger?.shadowRoot?.querySelector(`button.${prefix}--overflow-menu`) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);
+						const triggerButton = menuTrigger?.shadowRoot?.querySelector(`button.cds--overflow-menu`) || menuTrigger?.querySelector(`button.cds--overflow-menu`);
 						if (triggerButton) triggerButton.focus();
 					});
 				}
@@ -145,13 +144,13 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
 	* A selector that will return menu items.
 	*/
 	static get selectorMenuItem() {
-		return `${prefix}-overflow-menu-item`;
+		return `cds-overflow-menu-item`;
 	}
 	/**
 	* A selector that will return enabled menu items.
 	*/
 	static get selectorItemEnabled() {
-		return `${prefix}-overflow-menu-item:not([disabled])`;
+		return `cds-overflow-menu-item:not([disabled])`;
 	}
 	static {
 		this.styles = overflow_menu_default;
@@ -170,9 +169,9 @@ __decorate([property({ reflect: true })], CDSOverflowMenuBody.prototype, "size",
 __decorate([property({ attribute: false })], CDSOverflowMenuBody.prototype, "menuOffset", void 0);
 __decorate([property({ attribute: false })], CDSOverflowMenuBody.prototype, "menuOffsetFlip", void 0);
 __decorate([HostListener("keydown")], CDSOverflowMenuBody.prototype, "_handleKeydown", void 0);
-CDSOverflowMenuBody = _CDSOverflowMenuBody = __decorate([carbonElement(`${prefix}-overflow-menu-body`)], CDSOverflowMenuBody);
+CDSOverflowMenuBody = _CDSOverflowMenuBody = __decorate([carbonElement(`cds-overflow-menu-body`)], CDSOverflowMenuBody);
 var overflow_menu_body_default = CDSOverflowMenuBody;
-
 //#endregion
 export { overflow_menu_body_default as default };
+
 //# sourceMappingURL=overflow-menu-body.js.map

package/es/components/overflow-menu/overflow-menu-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-body.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CDSFloatingMenu, {\n  FLOATING_MENU_DIRECTION,\n  getMenuOffset,\n  type MenuOffset,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\n\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { html } from 'lit';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: CDSOverflowMenuItem | null = null;\n\n  /**\n   * The overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * The adjustment in position applied to the floating menu.\n   */\n  @property({ attribute: false })\n  menuOffset?: MenuOffset;\n\n  /**\n   * The adjustment in position applied to the floating menu when flipped.\n   */\n  @property({ attribute: false })\n  menuOffsetFlip?: MenuOffset;\n\n  /**\n   * Gets the appropriate offset (menuOffset or menuOffsetFlip) based on the flipped state.\n   * If no offset is provided, falls back to the default centering behavior.\n   * Overrides `getOffsetConfig` in `CDSFloatingMenu`.\n   *\n   * @returns The menu offset configuration (object, function, or undefined).\n   */\n  protected getOffsetConfig(): MenuOffset | undefined {\n    const offset = this.flipped ? this.menuOffsetFlip : this.menuOffset;\n\n    if (!offset) {\n      const trigger = this.parent as HTMLElement;\n      return getMenuOffset(this, this.direction, trigger, this.flipped);\n    }\n\n    return offset;\n  }\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as CDSOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        event.preventDefault();\n        this._navigate(NAVIGATION_DIRECTION[key]);\n        return;\n      }\n\n      if (key === 'Escape') {\n        event.preventDefault();\n\n        const menuTrigger = this.parent as HTMLElement | null;\n        this.open = false;\n\n        if (menuTrigger && 'open' in menuTrigger) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (menuTrigger as any).open = false;\n        }\n\n        requestAnimationFrame(() => {\n          const triggerButton =\n            menuTrigger?.shadowRoot?.querySelector(\n              `button.${prefix}--overflow-menu`\n            ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n          if (triggerButton) {\n            (triggerButton as HTMLElement).focus();\n          }\n        });\n        return;\n      }\n\n      const items = this.querySelectorAll(\n        CDSOverflowMenuBody.selectorItemEnabled\n      );\n      const isInsideMenu = Array.from(items).some((item) =>\n        item.contains(document.activeElement)\n      );\n\n      if (isInsideMenu) {\n        event.preventDefault();\n\n        const menuTrigger = this.parent as HTMLElement | null;\n        this.open = false;\n\n        if (menuTrigger && 'open' in menuTrigger) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (menuTrigger as any).open = false;\n        }\n\n        requestAnimationFrame(() => {\n          const triggerButton =\n            menuTrigger?.shadowRoot?.querySelector(\n              `button.${prefix}--overflow-menu`\n            ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n          if (triggerButton) {\n            (triggerButton as HTMLElement).focus();\n          }\n        });\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const { selectorMenuItem } = this\n        .constructor as typeof CDSOverflowMenuBody;\n      const menuItems = this.querySelectorAll(selectorMenuItem);\n      menuItems.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":"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"}
+{"version":3,"file":"overflow-menu-body.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CDSFloatingMenu, {\n  FLOATING_MENU_DIRECTION,\n  getMenuOffset,\n  type MenuOffset,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\n\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { html } from 'lit';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: CDSOverflowMenuItem | null = null;\n\n  /**\n   * The overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * The adjustment in position applied to the floating menu.\n   */\n  @property({ attribute: false })\n  menuOffset?: MenuOffset;\n\n  /**\n   * The adjustment in position applied to the floating menu when flipped.\n   */\n  @property({ attribute: false })\n  menuOffsetFlip?: MenuOffset;\n\n  /**\n   * Gets the appropriate offset (menuOffset or menuOffsetFlip) based on the flipped state.\n   * If no offset is provided, falls back to the default centering behavior.\n   * Overrides `getOffsetConfig` in `CDSFloatingMenu`.\n   *\n   * @returns The menu offset configuration (object, function, or undefined).\n   */\n  protected getOffsetConfig(): MenuOffset | undefined {\n    const offset = this.flipped ? this.menuOffsetFlip : this.menuOffset;\n\n    if (!offset) {\n      const trigger = this.parent as HTMLElement;\n      return getMenuOffset(this, this.direction, trigger, this.flipped);\n    }\n\n    return offset;\n  }\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as CDSOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        event.preventDefault();\n        this._navigate(NAVIGATION_DIRECTION[key]);\n        return;\n      }\n\n      if (key === 'Escape') {\n        event.preventDefault();\n\n        const menuTrigger = this.parent as HTMLElement | null;\n        this.open = false;\n\n        if (menuTrigger && 'open' in menuTrigger) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (menuTrigger as any).open = false;\n        }\n\n        requestAnimationFrame(() => {\n          const triggerButton =\n            menuTrigger?.shadowRoot?.querySelector(\n              `button.${prefix}--overflow-menu`\n            ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n          if (triggerButton) {\n            (triggerButton as HTMLElement).focus();\n          }\n        });\n        return;\n      }\n\n      const items = this.querySelectorAll(\n        CDSOverflowMenuBody.selectorItemEnabled\n      );\n      const isInsideMenu = Array.from(items).some((item) =>\n        item.contains(document.activeElement)\n      );\n\n      if (isInsideMenu) {\n        event.preventDefault();\n\n        const menuTrigger = this.parent as HTMLElement | null;\n        this.open = false;\n\n        if (menuTrigger && 'open' in menuTrigger) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (menuTrigger as any).open = false;\n        }\n\n        requestAnimationFrame(() => {\n          const triggerButton =\n            menuTrigger?.shadowRoot?.querySelector(\n              `button.${prefix}--overflow-menu`\n            ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n          if (triggerButton) {\n            (triggerButton as HTMLElement).focus();\n          }\n        });\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const { selectorMenuItem } = this\n        .constructor as typeof CDSOverflowMenuBody;\n      const menuItems = this.querySelectorAll(selectorMenuItem);\n      menuItems.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":"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"}