@carbon/web-components 2.53.0 → 2.54.0-rc.0

package/es-custom/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["styles","customElement"],"sources":["../../../src/components/slider/slider.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 throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport '../tooltip/index';\nimport styles from './slider.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Up: -1,\n  ArrowUp: -1,\n  Right: 1,\n  ArrowRight: 1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * Minimum time between processed \"drag\" events.\n */\nconst EVENT_THROTTLE = 16; // ms\n\n/**\n * Slider.\n *\n * @element cds-custom-slider\n * @fires cds-custom-slider-input-changed\n *   The name of the custom event fired after the value is changed in `<cds-custom-slider-input>` by user gesture.\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-custom-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n  private _cachedRateUpper: number = 1;\n  private _cachedRate: number = 0;\n  private dragCooldownTimeout: number | null = null;\n  private dragCoolDown: boolean = false;\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * The internal value of `stepMultiplier` property.\n   */\n  private _stepMultiplier = '4';\n\n  /**\n   * The handle for the throttled listener of `pointermove` event.\n   */\n  private _throttledHandlePointermoveImpl:\n    | (((event: PointerEvent) => void) & Cancelable)\n    | null = null;\n\n  /**\n   * `true` if dragging of thumb is in progress.\n   */\n  private _dragging = false;\n  /**\n   * `true` if dragging of thumb upper is in progress.\n   */\n  private _draggingUpper = false;\n\n  /**\n   * The upper bound when there are two handles..\n   */\n  @property({ type: Number, attribute: 'value-upper' })\n  unstable_valueUpper;\n\n  /**\n   * The rate of the thumb position in the track.\n   * When we try to set a new value, we adjust the value considering `step` property.\n   */\n  private get _rate() {\n    const { max, min, value } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-custom-slider-input>`\n    if (value) {\n      const rate =\n        (Math.min(Number(max), Math.max(Number(min), value)) - Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRate = rate;\n      return rate;\n    } else {\n      return this._cachedRate;\n    }\n  }\n\n  private set _rate(rate: number) {\n    const { max, min, step } = this;\n    this.value =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n  /**\n   * The rate of the upper thumb position in the track.\n   * When we try to set a new value for upper input, we adjust the value considering `step` property.\n   */\n  private get _rateUpper() {\n    const { max, min, unstable_valueUpper } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-custom-slider-input>`\n    if (unstable_valueUpper) {\n      const rateUpper =\n        (Math.min(Number(max), Math.max(Number(min), unstable_valueUpper)) -\n          Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRateUpper = rateUpper;\n      return rateUpper;\n    } else {\n      return this._cachedRateUpper;\n    }\n  }\n\n  private set _rateUpper(rateUpper: number) {\n    const { max, min, step } = this;\n    this.unstable_valueUpper =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rateUpper))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n\n  /**\n   * The DOM element of the thumb.\n   */\n  @query('#thumb')\n  private _thumbNode!: HTMLDivElement;\n  /**\n   * The DOM element of the thumb upper.\n   */\n  @query('#thumb-upper')\n  private _thumbNodeUpper!: HTMLDivElement;\n\n  /**\n   * The DOM element of the track.\n   */\n  @query('#track')\n  private _trackNode!: HTMLDivElement;\n\n  /**\n   * Handles `click` event on the `<label>` to focus on the thumb.\n   */\n  _handleClickLabel() {\n    this._thumbNode?.focus();\n  }\n\n  private _setThumbTooltipOpen(thumb: HTMLElement | null, open: boolean) {\n    if (!this.hideTextInput || !thumb) {\n      return;\n    }\n    const tooltip = thumb.closest(`${prefix}-tooltip`) as\n      | (HTMLElement & { open: boolean })\n      | null;\n    if (tooltip) {\n      tooltip.open = open;\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, String(value));\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the thumb to increase/decrease the value.\n   */\n  private _handleKeydown(event: KeyboardEvent) {\n    const eventContainer = (event.target as HTMLElement).id;\n    const { key, shiftKey } = event;\n    if (!this.disabled && !this.readonly) {\n      if (key in THUMB_DIRECTION) {\n        const {\n          max: rawMax,\n          min: rawMin,\n          step: rawStep,\n          stepMultiplier: rawstepMultiplier,\n          value,\n          unstable_valueUpper,\n        } = this;\n        const max = Number(rawMax);\n        const min = Number(rawMin);\n        const step = Number(rawStep);\n        const stepMultiplier = Number(rawstepMultiplier);\n        const diff =\n          (!shiftKey ? step : (max - min) / stepMultiplier) *\n          THUMB_DIRECTION[key];\n        // Snaps to next\n        if (eventContainer == 'thumb-upper') {\n          const stepCount = (unstable_valueUpper + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (position >= this.value) {\n            this.unstable_valueUpper = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        } else {\n          const stepCount = (value + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (\n            !this.unstable_valueUpper ||\n            position <= this.unstable_valueUpper\n          ) {\n            this.value = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Throttles calls to `this._onDrag` by limiting events to being processed at\n   * most once every `EVENT_THROTTLE` milliseconds.\n   */\n  onDrag = throttle(this._startDrag, EVENT_THROTTLE, {\n    leading: true,\n    trailing: false,\n  });\n\n  /**\n   * Handles `pointerdown` event on the thumb to start dragging.\n   */\n  private _startDrag(event: PointerEvent) {\n    if (!this.readonly && !this.disabled) {\n      let eventContainer = (event.target as HTMLElement).id;\n      if (!eventContainer) {\n        const thumb = (event.target as HTMLElement).closest(\n          `.${prefix}--slider__thumb`\n        ) as HTMLElement | null;\n        eventContainer = thumb?.id ?? '';\n      }\n      if (eventContainer === 'thumb') {\n        this._dragging = true;\n        this._thumbNode.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNode, true);\n      } else if (eventContainer === 'thumb-upper') {\n        this._draggingUpper = true;\n        this._thumbNodeUpper.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n   */\n  private _handleClick(event: PointerEvent) {\n    let eventContainer = (event.target as HTMLInputElement).id;\n    if (!eventContainer) {\n      const thumb = (event.target as HTMLElement).closest(\n        `.${prefix}--slider__thumb`\n      ) as HTMLElement | null;\n      eventContainer = thumb?.id ?? '';\n    }\n    if (!this.disabled && !this.readonly) {\n      const { _trackNode: trackNode } = this;\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        trackNode.getBoundingClientRect();\n      if (eventContainer === 'thumb-upper') {\n        this._rateUpper =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              value: this.unstable_valueUpper,\n            },\n          })\n        );\n      } else {\n        if (!this.unstable_valueUpper) {\n          this._rate =\n            (isRtl\n              ? trackLeft + trackWidth - thumbPosition\n              : thumbPosition - trackLeft) / trackWidth;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                },\n              }\n            )\n          );\n        } else {\n          if (!this.dragCoolDown) {\n            const position =\n              ((isRtl\n                ? trackLeft + trackWidth - thumbPosition\n                : thumbPosition - trackLeft) /\n                trackWidth) *\n              100;\n            const differenceValue =\n              position > this.value\n                ? position - this.value\n                : this.value - position;\n            const differenceValueUpper =\n              position > this.unstable_valueUpper\n                ? position - this.unstable_valueUpper\n                : this.unstable_valueUpper - position;\n            if (differenceValue > differenceValueUpper) {\n              this._rateUpper = position / 100;\n            } else if (differenceValue < differenceValueUpper) {\n              this._rate = position / 100;\n            } else if (\n              !this._dragging &&\n              !this._draggingUpper &&\n              differenceValue === differenceValueUpper\n            ) {\n              if (Math.round(position) > this.unstable_valueUpper) {\n                this._rateUpper = position / 100;\n              } else {\n                this._rate = position / 100;\n              }\n            }\n            this.dispatchEvent(\n              new CustomEvent(\n                (this.constructor as typeof CDSSlider).eventChange,\n                {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    value: this.value,\n                  },\n                }\n              )\n            );\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointermove` to update the thumb position and the value as necessary.\n   *\n   * @param event The event.\n   */\n  @HostListener('document:pointermove')\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  private _handlePointermove = (event: PointerEvent) => {\n    const {\n      disabled,\n      _dragging: dragging,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled && (dragging || draggingUpper)) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      this._throttledHandlePointermoveImpl!(event);\n    }\n  };\n\n  /**\n   * Updates thumb position and value upon user's `pointermove` gesture.\n   *\n   * @param event The event.\n   */\n  private _handlePointermoveImpl(event: PointerEvent) {\n    const {\n      disabled,\n      _dragging: dragging,\n      _trackNode: trackNode,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled) {\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        this._trackNode.getBoundingClientRect();\n      if (dragging) {\n        this._setThumbTooltipOpen(this._thumbNode, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (\n          !this.unstable_valueUpper ||\n          position * 100 <= this.unstable_valueUpper\n        ) {\n          this._rate = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      } else if (draggingUpper) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (position * 100 >= this.value) {\n          this._rateUpper = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerup` and `pointerleave` event to finishing dragging.\n   */\n  private _endDrag = () => {\n    const wasDragging = this._dragging;\n    const wasDraggingUpper = this._draggingUpper;\n    if (this._dragging || this._draggingUpper) {\n      this.dragCoolDown = true;\n    } else {\n      this.dragCoolDown = false;\n    }\n    if (this._dragging) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n      this._dragging = false;\n      this._thumbNode.style.touchAction = '';\n    } else if (this._draggingUpper) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.unstable_valueUpper,\n          },\n        })\n      );\n      this._draggingUpper = false;\n      this._thumbNodeUpper.style.touchAction = '';\n    }\n    if (wasDragging) {\n      const shouldKeepOpen =\n        this._thumbNode?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNode;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNode, false);\n      }\n    } else if (wasDraggingUpper) {\n      const shouldKeepOpen =\n        this._thumbNodeUpper?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNodeUpper;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, false);\n      }\n    }\n    if (this._dragging || this._draggingUpper) {\n      this.dragCooldownTimeout = window.setTimeout(() => {\n        this.dragCoolDown = false;\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles `${prefix}-slider-input-changed` event to update the value.\n   */\n  @HostListener('eventChangeInput')\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  private _handleChangeInput = (event: CustomEvent) => {\n    const input = event.target as HTMLElement;\n    const inputElement = input.shadowRoot?.querySelector('input');\n    this.isValid =\n      input.tagName === 'CDS-SLIDER-INPUT'\n        ? this._getInputValidity(input)\n        : this.isValid;\n    this.warn = this._getInputWarnigState(inputElement);\n    const eventContainer = (event.target as HTMLElement).id;\n    const { detail } = event;\n    const { intermediate, value } = detail;\n    this.warnText = intermediate\n      ? `The inputted value ${intermediate} was corrected to the nearest allowed digit`\n      : '';\n    if (intermediate !== value) {\n      if (eventContainer === 'upper') {\n        this.unstable_valueUpper = value;\n      } else {\n        this.value = value;\n      }\n    }\n    const valueMain =\n      eventContainer === 'upper' ? this.unstable_valueUpper : this.value;\n    if (valueMain !== '') {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: valueMain,\n            intermediate,\n          },\n        })\n      );\n    }\n  };\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * \ttrue to specify if the control is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * \tWhether the slider should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The label associated with the maximum value.\n   */\n  @property({ attribute: 'max-label', reflect: true })\n  maxLabel = '';\n\n  /**\n   * The label associated with the minimum value.\n   */\n  @property({ attribute: 'min-label', reflect: true })\n  minLabel = '';\n\n  /**\n   * Specify whether you want the underlying label to be visually hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * The callback to format the label associated with the minimum/maximum value\n   * and the value tooltip when hideTextInput is true.\n   */\n  @property({ attribute: false })\n  formatLabel = (value: number, label: string | undefined) =>\n    `${value}${label ?? ''}`;\n\n  /**\n   * The formatter for the text for maximum value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMaxText = (max: string, maxLabel: string | undefined) =>\n    this.formatLabel(Number(max), maxLabel);\n\n  /**\n   * The formatter for the text for min/max value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMinText = (min: string, minLabel: string | undefined) =>\n    this.formatLabel(Number(min), minLabel);\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * true to specify if the control should display warn icon and text.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Checks whether the input field is hidden or not\n   */\n  @property({ type: Boolean, attribute: 'hide-text-input', reflect: true })\n  hideTextInput = false;\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * A value determining how much the value should increase/decrease by Shift+arrow keys,\n   * which will be `(max - min) / stepMultiplier`.\n   */\n  @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n  get stepMultiplier() {\n    return this._stepMultiplier.toString();\n  }\n\n  set stepMultiplier(value) {\n    const { stepMultiplier: oldstepMultiplier } = this;\n    this._stepMultiplier = value;\n    this.requestUpdate('stepMultiplier', oldstepMultiplier);\n  }\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value;\n\n  /**\n   * is slide input valid\n   */\n  @property({ type: Boolean })\n  isValid;\n  _getInputValidity(input) {\n    const inputElement = input?.shadowRoot?.querySelector('input');\n    if (this.invalid) {\n      return false;\n    }\n    if (input?.invalid) {\n      return false;\n    }\n    if (\n      inputElement?.valueAsNumber > Number(this.max) ||\n      inputElement?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    return true;\n  }\n\n  _getInputWarnigState(input) {\n    if (\n      input?.valueAsNumber > Number(input.max) ||\n      input?.valueAsNumber < Number(input.min)\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl = throttle(\n        this._handlePointermoveImpl,\n        10\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl.cancel();\n      this._throttledHandlePointermoveImpl = null;\n    }\n    clearTimeout(this.dragCooldownTimeout as number);\n    super.disconnectedCallback();\n  }\n  updated() {\n    const sliderfilledTrack = this?.shadowRoot?.querySelector(\n      `.${prefix}--slider__filled-track`\n    ) as HTMLElement;\n    if (sliderfilledTrack) {\n      if (this.unstable_valueUpper || this.unstable_valueUpper === '') {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      } else {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      }\n    }\n  }\n  shouldUpdate(changedProperties) {\n    const inputs = this.querySelectorAll(\n      (this.constructor as typeof CDSSlider).selectorInput\n    ) as NodeListOf<CDSSliderInput>;\n    inputs.forEach((input, index) => {\n      if (changedProperties.has('disabled')) {\n        if (input) {\n          input.disabled = this.disabled;\n        }\n        if (this.disabled) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('readonly')) {\n        if (input) {\n          input.readonly = this.readonly;\n        }\n        if (this.readonly) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('invalid')) {\n        input.invalid = this.invalid;\n      }\n      if (changedProperties.has('warn')) {\n        input.warn = this.warn;\n      }\n      if (changedProperties.has('hideTextInput')) {\n        input.hideTextInput = this.hideTextInput;\n      }\n      if (input) {\n        if (\n          (this.unstable_valueUpper || this.unstable_valueUpper === '') &&\n          index > 0\n        ) {\n          ['max', 'min', 'step', 'unstable_valueUpper'].forEach((name) => {\n            if (name === 'unstable_valueUpper') {\n              input.value = this.unstable_valueUpper;\n            } else if (name === 'min') {\n              input[name] = this.value;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        } else {\n          ['max', 'min', 'step', 'value'].forEach((name) => {\n            if (this.unstable_valueUpper && name === 'max') {\n              input[name] = this.unstable_valueUpper;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        }\n        if (\n          changedProperties.has('value') ||\n          changedProperties.has('invalid') ||\n          changedProperties.has('warn') ||\n          changedProperties.has('readonly')\n        ) {\n          this.isValid = this._getInputValidity(input);\n          if (!this.readonly && !this.isValid) {\n            input.invalid = true;\n          } else {\n            input.invalid = false;\n          }\n        }\n      }\n    });\n    return true;\n  }\n\n  render() {\n    const {\n      disabled,\n      formatLabel,\n      formatMaxText,\n      formatMinText,\n      labelText,\n      hideLabel,\n      hideTextInput,\n      max,\n      min,\n      maxLabel,\n      minLabel,\n      readonly,\n      invalidText,\n      isValid,\n      warn,\n      warnText,\n      value,\n      unstable_valueUpper,\n      _rate: rate,\n      _rateUpper: rateUpper,\n      _handleClickLabel: handleClickLabel,\n      _handleKeydown: handleKeydown,\n      _handleClick: handleClick,\n      onDrag,\n      _endDrag: endDrag,\n    } = this;\n\n    const isInteractive = !readonly && !disabled;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: isInteractive && !isValid,\n      warn: isInteractive && isValid && warn,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const sliderClasses = classMap({\n      [`${prefix}--slider`]: true,\n      [`${prefix}--slider--disabled`]: disabled,\n      [`${prefix}--slider--readonly`]: readonly,\n    });\n    const thumbLowerWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n    });\n    const thumbLowerClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    const thumbUpperWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--upper`]: true,\n    });\n    const thumbUpperClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--upper`]: true,\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    return html`\n      <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${prefix}--slider-container\">\n        ${unstable_valueUpper || unstable_valueUpper === ''\n          ? html` <slot name=\"lower-input\"></slot>`\n          : ''}\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n        </span>\n        <div\n          @keydown=\"${handleKeydown}\"\n          @click=\"${handleClick}\"\n          @pointerup=\"${endDrag}\"\n          @pointerleave=\"${endDrag}\"\n          class=\"${sliderClasses}\"\n          tabindex=\"-1\"\n          role=\"presentation\">\n          ${hideTextInput\n            ? html`\n                <cds-custom-tooltip\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\"\n                  align=\"top\"\n                  .dropShadow=${false}>\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds-custom--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                  <cds-custom-tooltip-content>\n                    ${formatLabel(Number(value), undefined)}\n                  </cds-custom-tooltip-content>\n                </cds-custom-tooltip>\n              `\n            : html`\n                <div\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\">\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds-custom--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                </div>\n              `}\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? hideTextInput\n              ? html`\n                  <cds-custom-tooltip\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\"\n                    align=\"top\"\n                    .dropShadow=${false}>\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds-custom--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                    <cds-custom-tooltip-content>\n                      ${formatLabel(Number(unstable_valueUpper), undefined)}\n                    </cds-custom-tooltip-content>\n                  </cds-custom-tooltip>\n                `\n              : html`\n                  <div\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\">\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds-custom--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                  </div>\n                `\n            : html``}\n          <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? html` <div class=\"${prefix}--slider__filled-track\"></div> `\n            : html` <div class=\"${prefix}-ce--slider__filled-track-container\">\n                <div class=\"${prefix}--slider__filled-track\"></div>\n              </div>`}\n        </div>\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n        </span>\n        <slot></slot>\n      </div>\n\n      ${normalizedProps.invalid\n        ? html`\n            <div\n              class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n              ${invalidText}\n            </div>\n          `\n        : null}\n      ${normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n            ${warnText}\n          </div>`\n        : null}\n    `;\n  }\n\n  /**\n   * A selector that will return the `<input>` box got entering the value directly.\n   */\n  static get selectorInput() {\n    return `${prefix}-slider-input`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed in `<cds-custom-slider-input>` by user gesture.\n   */\n  static get eventChangeInput() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSlider;\n"],"mappings":"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"}
+{"version":3,"file":"slider.js","names":["styles","customElement"],"sources":["../../../src/components/slider/slider.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 throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport '../tooltip/index';\nimport styles from './slider.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Up: -1,\n  ArrowUp: -1,\n  Right: 1,\n  ArrowRight: 1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * Minimum time between processed \"drag\" events.\n */\nconst EVENT_THROTTLE = 16; // ms\n\n/**\n * Slider.\n *\n * @element cds-custom-slider\n * @fires cds-custom-slider-input-changed\n *   The name of the custom event fired after the value is changed in `<cds-custom-slider-input>` by user gesture.\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-custom-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n  private _cachedRateUpper: number = 1;\n  private _cachedRate: number = 0;\n  private dragCooldownTimeout: number | null = null;\n  private dragCoolDown: boolean = false;\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * The internal value of `stepMultiplier` property.\n   */\n  private _stepMultiplier = '4';\n\n  /**\n   * The handle for the throttled listener of `pointermove` event.\n   */\n  private _throttledHandlePointermoveImpl:\n    | (((event: PointerEvent) => void) & Cancelable)\n    | null = null;\n\n  /**\n   * `true` if dragging of thumb is in progress.\n   */\n  private _dragging = false;\n  /**\n   * `true` if dragging of thumb upper is in progress.\n   */\n  private _draggingUpper = false;\n\n  /**\n   * The upper bound when there are two handles..\n   */\n  @property({ type: Number, attribute: 'value-upper' })\n  unstable_valueUpper;\n\n  /**\n   * The rate of the thumb position in the track.\n   * When we try to set a new value, we adjust the value considering `step` property.\n   */\n  private get _rate() {\n    const { max, min, value } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-custom-slider-input>`\n    if (value || value === 0) {\n      const rate =\n        (Math.min(Number(max), Math.max(Number(min), Number(value))) -\n          Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRate = rate;\n      return rate;\n    } else {\n      return this._cachedRate;\n    }\n  }\n\n  private set _rate(rate: number) {\n    const { max, min, step } = this;\n    this.value =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n  /**\n   * The rate of the upper thumb position in the track.\n   * When we try to set a new value for upper input, we adjust the value considering `step` property.\n   */\n  private get _rateUpper() {\n    const { max, min, unstable_valueUpper } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-custom-slider-input>`\n    if (unstable_valueUpper) {\n      const rateUpper =\n        (Math.min(Number(max), Math.max(Number(min), unstable_valueUpper)) -\n          Number(min)) /\n        (Number(max) - Number(min));\n      this._cachedRateUpper = rateUpper;\n      return rateUpper;\n    } else {\n      return this._cachedRateUpper;\n    }\n  }\n\n  private set _rateUpper(rateUpper: number) {\n    const { max, min, step } = this;\n    this.unstable_valueUpper =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rateUpper))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n\n  /**\n   * The DOM element of the thumb.\n   */\n  @query('#thumb')\n  private _thumbNode!: HTMLDivElement;\n  /**\n   * The DOM element of the thumb upper.\n   */\n  @query('#thumb-upper')\n  private _thumbNodeUpper!: HTMLDivElement;\n\n  /**\n   * The DOM element of the track.\n   */\n  @query('#track')\n  private _trackNode!: HTMLDivElement;\n\n  /**\n   * Handles `click` event on the `<label>` to focus on the thumb.\n   */\n  _handleClickLabel() {\n    this._thumbNode?.focus();\n  }\n\n  private _setThumbTooltipOpen(thumb: HTMLElement | null, open: boolean) {\n    if (!this.hideTextInput || !thumb) {\n      return;\n    }\n    const tooltip = thumb.closest(`${prefix}-tooltip`) as\n      | (HTMLElement & { open: boolean })\n      | null;\n    if (tooltip) {\n      tooltip.open = open;\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, String(value));\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the thumb to increase/decrease the value.\n   */\n  private _handleKeydown(event: KeyboardEvent) {\n    const eventContainer = (event.target as HTMLElement).id;\n    const { key, shiftKey } = event;\n    if (!this.disabled && !this.readonly) {\n      if (key in THUMB_DIRECTION) {\n        const {\n          max: rawMax,\n          min: rawMin,\n          step: rawStep,\n          stepMultiplier: rawstepMultiplier,\n          value,\n          unstable_valueUpper,\n        } = this;\n        const max = Number(rawMax);\n        const min = Number(rawMin);\n        const step = Number(rawStep);\n        const stepMultiplier = Number(rawstepMultiplier);\n        const diff =\n          (!shiftKey ? step : (max - min) / stepMultiplier) *\n          THUMB_DIRECTION[key];\n        // Snaps to next\n        if (eventContainer == 'thumb-upper') {\n          const stepCount = (unstable_valueUpper + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (position >= this.value) {\n            this.unstable_valueUpper = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        } else {\n          const stepCount = (value + diff) / step;\n          const position = Math.min(\n            max,\n            Math.max(\n              min,\n              (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n            )\n          );\n          if (\n            !this.unstable_valueUpper ||\n            position <= this.unstable_valueUpper\n          ) {\n            this.value = position;\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: false,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Throttles calls to `this._onDrag` by limiting events to being processed at\n   * most once every `EVENT_THROTTLE` milliseconds.\n   */\n  onDrag = throttle(this._startDrag, EVENT_THROTTLE, {\n    leading: true,\n    trailing: false,\n  });\n\n  /**\n   * Handles `pointerdown` event on the thumb to start dragging.\n   */\n  private _startDrag(event: PointerEvent) {\n    if (!this.readonly && !this.disabled) {\n      let eventContainer = (event.target as HTMLElement).id;\n      if (!eventContainer) {\n        const thumb = (event.target as HTMLElement).closest(\n          `.${prefix}--slider__thumb`\n        ) as HTMLElement | null;\n        eventContainer = thumb?.id ?? '';\n      }\n      if (eventContainer === 'thumb') {\n        this._dragging = true;\n        this._thumbNode.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNode, true);\n      } else if (eventContainer === 'thumb-upper') {\n        this._draggingUpper = true;\n        this._thumbNodeUpper.style.touchAction = 'none';\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n   */\n  private _handleClick(event: PointerEvent) {\n    let eventContainer = (event.target as HTMLInputElement).id;\n    if (!eventContainer) {\n      const thumb = (event.target as HTMLElement).closest(\n        `.${prefix}--slider__thumb`\n      ) as HTMLElement | null;\n      eventContainer = thumb?.id ?? '';\n    }\n    if (!this.disabled && !this.readonly) {\n      const { _trackNode: trackNode } = this;\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        trackNode.getBoundingClientRect();\n      if (eventContainer === 'thumb-upper') {\n        this._rateUpper =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              value: this.unstable_valueUpper,\n            },\n          })\n        );\n      } else {\n        if (!this.unstable_valueUpper) {\n          this._rate =\n            (isRtl\n              ? trackLeft + trackWidth - thumbPosition\n              : thumbPosition - trackLeft) / trackWidth;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                },\n              }\n            )\n          );\n        } else {\n          if (!this.dragCoolDown) {\n            const position =\n              ((isRtl\n                ? trackLeft + trackWidth - thumbPosition\n                : thumbPosition - trackLeft) /\n                trackWidth) *\n              100;\n            const differenceValue =\n              position > this.value\n                ? position - this.value\n                : this.value - position;\n            const differenceValueUpper =\n              position > this.unstable_valueUpper\n                ? position - this.unstable_valueUpper\n                : this.unstable_valueUpper - position;\n            if (differenceValue > differenceValueUpper) {\n              this._rateUpper = position / 100;\n            } else if (differenceValue < differenceValueUpper) {\n              this._rate = position / 100;\n            } else if (\n              !this._dragging &&\n              !this._draggingUpper &&\n              differenceValue === differenceValueUpper\n            ) {\n              if (Math.round(position) > this.unstable_valueUpper) {\n                this._rateUpper = position / 100;\n              } else {\n                this._rate = position / 100;\n              }\n            }\n            this.dispatchEvent(\n              new CustomEvent(\n                (this.constructor as typeof CDSSlider).eventChange,\n                {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    value: this.value,\n                  },\n                }\n              )\n            );\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointermove` to update the thumb position and the value as necessary.\n   *\n   * @param event The event.\n   */\n  @HostListener('document:pointermove')\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  private _handlePointermove = (event: PointerEvent) => {\n    const {\n      disabled,\n      _dragging: dragging,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled && (dragging || draggingUpper)) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      this._throttledHandlePointermoveImpl!(event);\n    }\n  };\n\n  /**\n   * Updates thumb position and value upon user's `pointermove` gesture.\n   *\n   * @param event The event.\n   */\n  private _handlePointermoveImpl(event: PointerEvent) {\n    const {\n      disabled,\n      _dragging: dragging,\n      _trackNode: trackNode,\n      _draggingUpper: draggingUpper,\n    } = this;\n    if (!disabled) {\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        this._trackNode.getBoundingClientRect();\n      if (dragging) {\n        this._setThumbTooltipOpen(this._thumbNode, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (\n          !this.unstable_valueUpper ||\n          position * 100 <= this.unstable_valueUpper\n        ) {\n          this._rate = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.value,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      } else if (draggingUpper) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, true);\n        const position =\n          (isRtl\n            ? trackLeft + trackWidth - thumbPosition\n            : thumbPosition - trackLeft) / trackWidth;\n        if (position * 100 >= this.value) {\n          this._rateUpper = position;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSSlider).eventChange,\n              {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  value: this.unstable_valueUpper,\n                  intermediate: true,\n                },\n              }\n            )\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerup` and `pointerleave` event to finishing dragging.\n   */\n  private _endDrag = () => {\n    const wasDragging = this._dragging;\n    const wasDraggingUpper = this._draggingUpper;\n    if (this._dragging || this._draggingUpper) {\n      this.dragCoolDown = true;\n    } else {\n      this.dragCoolDown = false;\n    }\n    if (this._dragging) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n      this._dragging = false;\n      this._thumbNode.style.touchAction = '';\n    } else if (this._draggingUpper) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.unstable_valueUpper,\n          },\n        })\n      );\n      this._draggingUpper = false;\n      this._thumbNodeUpper.style.touchAction = '';\n    }\n    if (wasDragging) {\n      const shouldKeepOpen =\n        this._thumbNode?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNode;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNode, false);\n      }\n    } else if (wasDraggingUpper) {\n      const shouldKeepOpen =\n        this._thumbNodeUpper?.matches(':hover') ||\n        this.shadowRoot?.activeElement === this._thumbNodeUpper;\n      if (!shouldKeepOpen) {\n        this._setThumbTooltipOpen(this._thumbNodeUpper, false);\n      }\n    }\n    if (this._dragging || this._draggingUpper) {\n      this.dragCooldownTimeout = window.setTimeout(() => {\n        this.dragCoolDown = false;\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles `${prefix}-slider-input-changed` event to update the value.\n   */\n  @HostListener('eventChangeInput')\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  private _handleChangeInput = (event: CustomEvent) => {\n    const input = event.target as HTMLElement;\n    const inputElement = input.shadowRoot?.querySelector('input');\n    this.isValid =\n      input.tagName === 'CDS-SLIDER-INPUT'\n        ? this._getInputValidity(input)\n        : this.isValid;\n    this.warn = this._getInputWarnigState(inputElement);\n    const eventContainer = (event.target as HTMLElement).id;\n    const { detail } = event;\n    const { intermediate, value } = detail;\n    this.warnText = intermediate\n      ? `The inputted value ${intermediate} was corrected to the nearest allowed digit`\n      : '';\n    if (intermediate !== value) {\n      if (eventContainer === 'upper') {\n        this.unstable_valueUpper = value;\n      } else {\n        this.value = value;\n      }\n    }\n    const valueMain =\n      eventContainer === 'upper' ? this.unstable_valueUpper : this.value;\n    if (valueMain !== '') {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: valueMain,\n            intermediate,\n          },\n        })\n      );\n    }\n  };\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * \ttrue to specify if the control is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * \tWhether the slider should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The label associated with the maximum value.\n   */\n  @property({ attribute: 'max-label', reflect: true })\n  maxLabel = '';\n\n  /**\n   * The label associated with the minimum value.\n   */\n  @property({ attribute: 'min-label', reflect: true })\n  minLabel = '';\n\n  /**\n   * Specify whether you want the underlying label to be visually hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * The callback to format the label associated with the minimum/maximum value\n   * and the value tooltip when hideTextInput is true.\n   */\n  @property({ attribute: false })\n  formatLabel = (value: number, label: string | undefined) =>\n    `${value}${label ?? ''}`;\n\n  /**\n   * The formatter for the text for maximum value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMaxText = (max: string, maxLabel: string | undefined) =>\n    this.formatLabel(Number(max), maxLabel);\n\n  /**\n   * The formatter for the text for min/max value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMinText = (min: string, minLabel: string | undefined) =>\n    this.formatLabel(Number(min), minLabel);\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * true to specify if the control should display warn icon and text.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Checks whether the input field is hidden or not\n   */\n  @property({ type: Boolean, attribute: 'hide-text-input', reflect: true })\n  hideTextInput = false;\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * A value determining how much the value should increase/decrease by Shift+arrow keys,\n   * which will be `(max - min) / stepMultiplier`.\n   */\n  @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n  get stepMultiplier() {\n    return this._stepMultiplier.toString();\n  }\n\n  set stepMultiplier(value) {\n    const { stepMultiplier: oldstepMultiplier } = this;\n    this._stepMultiplier = value;\n    this.requestUpdate('stepMultiplier', oldstepMultiplier);\n  }\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value;\n\n  /**\n   * is slide input valid\n   */\n  @property({ type: Boolean })\n  isValid;\n  _getInputValidity(input) {\n    const inputElement = input?.shadowRoot?.querySelector('input');\n    if (this.invalid) {\n      return false;\n    }\n    if (input?.invalid) {\n      return false;\n    }\n    if (\n      inputElement?.valueAsNumber > Number(this.max) ||\n      inputElement?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    return true;\n  }\n\n  _getInputWarnigState(input) {\n    if (\n      input?.valueAsNumber > Number(input.max) ||\n      input?.valueAsNumber < Number(input.min)\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl = throttle(\n        this._handlePointermoveImpl,\n        10\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl.cancel();\n      this._throttledHandlePointermoveImpl = null;\n    }\n    clearTimeout(this.dragCooldownTimeout as number);\n    super.disconnectedCallback();\n  }\n  updated() {\n    const sliderfilledTrack = this?.shadowRoot?.querySelector(\n      `.${prefix}--slider__filled-track`\n    ) as HTMLElement;\n    if (sliderfilledTrack) {\n      if (this.unstable_valueUpper || this.unstable_valueUpper === '') {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      } else {\n        sliderfilledTrack.style.transform = this.unstable_valueUpper\n          ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})`\n          : `translate(0%, -50%) scaleX(${this._rate})`;\n      }\n    }\n  }\n  shouldUpdate(changedProperties) {\n    const inputs = this.querySelectorAll(\n      (this.constructor as typeof CDSSlider).selectorInput\n    ) as NodeListOf<CDSSliderInput>;\n    inputs.forEach((input, index) => {\n      if (changedProperties.has('disabled')) {\n        if (input) {\n          input.disabled = this.disabled;\n        }\n        if (this.disabled) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('readonly')) {\n        if (input) {\n          input.readonly = this.readonly;\n        }\n        if (this.readonly) {\n          this._dragging = false;\n        }\n      }\n      if (changedProperties.has('invalid')) {\n        input.invalid = this.invalid;\n      }\n      if (changedProperties.has('warn')) {\n        input.warn = this.warn;\n      }\n      if (changedProperties.has('hideTextInput')) {\n        input.hideTextInput = this.hideTextInput;\n      }\n      if (input) {\n        if (\n          (this.unstable_valueUpper || this.unstable_valueUpper === '') &&\n          index > 0\n        ) {\n          ['max', 'min', 'step', 'unstable_valueUpper'].forEach((name) => {\n            if (name === 'unstable_valueUpper') {\n              input.value = this.unstable_valueUpper;\n            } else if (name === 'min') {\n              input[name] = this.value;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        } else {\n          ['max', 'min', 'step', 'value'].forEach((name) => {\n            if (this.unstable_valueUpper && name === 'max') {\n              input[name] = this.unstable_valueUpper;\n            } else {\n              input[name] = this[name];\n            }\n          });\n        }\n        if (\n          changedProperties.has('value') ||\n          changedProperties.has('invalid') ||\n          changedProperties.has('warn') ||\n          changedProperties.has('readonly')\n        ) {\n          this.isValid = this._getInputValidity(input);\n          if (!this.readonly && !this.isValid) {\n            input.invalid = true;\n          } else {\n            input.invalid = false;\n          }\n        }\n      }\n    });\n    return true;\n  }\n\n  render() {\n    const {\n      disabled,\n      formatLabel,\n      formatMaxText,\n      formatMinText,\n      labelText,\n      hideLabel,\n      hideTextInput,\n      max,\n      min,\n      maxLabel,\n      minLabel,\n      readonly,\n      invalidText,\n      isValid,\n      warn,\n      warnText,\n      value,\n      unstable_valueUpper,\n      _rate: rate,\n      _rateUpper: rateUpper,\n      _handleClickLabel: handleClickLabel,\n      _handleKeydown: handleKeydown,\n      _handleClick: handleClick,\n      onDrag,\n      _endDrag: endDrag,\n    } = this;\n\n    const isInteractive = !readonly && !disabled;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: isInteractive && !isValid,\n      warn: isInteractive && isValid && warn,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const sliderClasses = classMap({\n      [`${prefix}--slider`]: true,\n      [`${prefix}--slider--disabled`]: disabled,\n      [`${prefix}--slider--readonly`]: readonly,\n    });\n    const thumbLowerWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n    });\n    const thumbLowerClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--lower`]:\n        unstable_valueUpper || unstable_valueUpper === '',\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    const thumbUpperWrapperClasses = classMap({\n      [`${prefix}--icon-tooltip`]: true,\n      [`${prefix}--slider__thumb-wrapper`]: true,\n      [`${prefix}--slider__thumb-wrapper--upper`]: true,\n    });\n    const thumbUpperClasses = classMap({\n      [`${prefix}--slider__thumb`]: true,\n      [`${prefix}--slider__thumb--upper`]: true,\n      [`${prefix}--slider__thumb-disabled`]: disabled,\n    });\n    return html`\n      <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${prefix}--slider-container\">\n        ${unstable_valueUpper || unstable_valueUpper === ''\n          ? html` <slot name=\"lower-input\"></slot>`\n          : ''}\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n        </span>\n        <div\n          @keydown=\"${handleKeydown}\"\n          @click=\"${handleClick}\"\n          @pointerup=\"${endDrag}\"\n          @pointerleave=\"${endDrag}\"\n          class=\"${sliderClasses}\"\n          tabindex=\"-1\"\n          role=\"presentation\">\n          ${hideTextInput\n            ? html`\n                <cds-custom-tooltip\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\"\n                  align=\"top\"\n                  .dropShadow=${false}>\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds-custom--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                  <cds-custom-tooltip-content>\n                    ${formatLabel(Number(value), undefined)}\n                  </cds-custom-tooltip-content>\n                </cds-custom-tooltip>\n              `\n            : html`\n                <div\n                  class=\"${thumbLowerWrapperClasses}\"\n                  style=\"left: ${rate * 100}%\">\n                  <div\n                    id=\"thumb\"\n                    class=\"${thumbLowerClasses}\"\n                    role=\"slider\"\n                    tabindex=\"${!readonly ? 0 : -1}\"\n                    aria-valuemax=\"${max}\"\n                    aria-valuemin=\"${min}\"\n                    aria-valuenow=\"${value}\"\n                    aria-valuetext=\"${formatLabel(Number(value), undefined)}\"\n                    @pointerdown=\"${onDrag}\">\n                    ${unstable_valueUpper || unstable_valueUpper === ''\n                      ? html`\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                          </svg>\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 16 24\"\n                            class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower cds-custom--slider__thumb-icon--focus\">\n                            <path\n                              d=\"M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z\"></path>\n                            <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                            <path d=\"M15.08 0H16v6.46h-.92z\"></path>\n                            <path d=\"M0 0h.92v24H0zM15.08 0H16v24h-.92z\"></path>\n                            <path d=\"M0 .92V0h16v.92zM0 24v-.92h16V24z\"></path>\n                          </svg>\n                        `\n                      : ``}\n                  </div>\n                </div>\n              `}\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? hideTextInput\n              ? html`\n                  <cds-custom-tooltip\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\"\n                    align=\"top\"\n                    .dropShadow=${false}>\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds-custom--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                    <cds-custom-tooltip-content>\n                      ${formatLabel(Number(unstable_valueUpper), undefined)}\n                    </cds-custom-tooltip-content>\n                  </cds-custom-tooltip>\n                `\n              : html`\n                  <div\n                    class=\"${thumbUpperWrapperClasses}\"\n                    style=\"left: ${rateUpper * 100}%\">\n                    <div\n                      id=\"thumb-upper\"\n                      class=\"${thumbUpperClasses}\"\n                      role=\"slider\"\n                      tabindex=\"${!readonly ? 0 : -1}\"\n                      aria-valuemax=\"${max}\"\n                      aria-valuemin=\"${min}\"\n                      aria-valuenow=\"${unstable_valueUpper}\"\n                      aria-valuetext=\"${formatLabel(\n                        Number(unstable_valueUpper),\n                        undefined\n                      )}\"\n                      @pointerdown=\"${onDrag}\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                      </svg>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 16 24\"\n                        class=\"${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper cds-custom--slider__thumb-icon--focus\">\n                        <path\n                          d=\"M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z\"></path>\n                        <path fill=\"none\" d=\"M-4 0h24v24H-4z\"></path>\n                        <path d=\"M.92 24H0v-6.46h.92z\"></path>\n                        <path d=\"M16 24h-.92V0H16zM.92 24H0V0h.92z\"></path>\n                        <path d=\"M16 23.08V24H0v-.92zM16 0v.92H0V0z\"></path>\n                      </svg>\n                    </div>\n                  </div>\n                `\n            : html``}\n          <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n          ${unstable_valueUpper || unstable_valueUpper === ''\n            ? html` <div class=\"${prefix}--slider__filled-track\"></div> `\n            : html` <div class=\"${prefix}-ce--slider__filled-track-container\">\n                <div class=\"${prefix}--slider__filled-track\"></div>\n              </div>`}\n        </div>\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n        </span>\n        <slot></slot>\n      </div>\n\n      ${normalizedProps.invalid\n        ? html`\n            <div\n              class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n              ${invalidText}\n            </div>\n          `\n        : null}\n      ${normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n            ${warnText}\n          </div>`\n        : null}\n    `;\n  }\n\n  /**\n   * A selector that will return the `<input>` box got entering the value directly.\n   */\n  static get selectorInput() {\n    return `${prefix}-slider-input`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed in `<cds-custom-slider-input>` by user gesture.\n   */\n  static get eventChangeInput() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSlider;\n"],"mappings":"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"}

package/es-custom/components/slider/slider.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/slider/slider.scss?lit
-var slider_default = css([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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}}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-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--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-custom--label html{font-size:100%}.cds-custom--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-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--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-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--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-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--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-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--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-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--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-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--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-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--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-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--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-custom--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-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);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{animation:cds-custom--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-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--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-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds-custom--slider-container{align-items:center;display:flex;gap:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--slider{cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem;padding:1rem 0;position:relative}.cds-custom--slider-container--two-handles .cds-custom--slider{margin-inline:.25rem}.cds-custom--slider__range-label{color:var(--cds-text-primary,#161616);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);white-space:nowrap}.cds-custom--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds-custom--slider__track,.cds-custom--slider__track:before{background:var(--cds-border-subtle);position:absolute}.cds-custom--slider__track:before{block-size:.25rem;content:\"\";display:inline-block;inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds-custom--slider__filled-track{background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--slider__thumb-wrapper{block-size:.875rem;inline-size:.875rem;position:absolute;transform:translate(-50%,-50%);z-index:3;--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds-custom--slider__thumb-wrapper--lower,.cds-custom--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds-custom--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider__thumb{background:var(--cds-layer-selected-inverse,#161616);border-radius:50%;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;position:absolute;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--slider__thumb:hover{transform:scale(1.4286)}.cds-custom--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds-custom--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds-custom--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds-custom--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds-custom--slider__thumb--lower,.cds-custom--slider__thumb--upper{background-color:transparent;border-radius:unset;box-shadow:none;inset:0;position:absolute;transition:none}.cds-custom--slider__thumb--lower:before,.cds-custom--slider__thumb--upper:before{background:var(--cds-background,#fff);block-size:.125rem;content:\"\";display:block;inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0;position:absolute;z-index:-1}.cds-custom--slider__thumb--lower:hover,.cds-custom--slider__thumb--upper:hover{transform:none}.cds-custom--slider__thumb--lower:hover .cds-custom--slider__thumb-icon,.cds-custom--slider__thumb--upper:hover .cds-custom--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}.cds-custom--slider__thumb--lower:active,.cds-custom--slider__thumb--upper:active{box-shadow:none;transform:none}.cds-custom--slider__thumb--lower:focus,.cds-custom--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds-custom--slider__thumb--lower:focus .cds-custom--slider__thumb-icon,.cds-custom--slider__thumb--upper:focus .cds-custom--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds-custom--slider__thumb--lower:focus .cds-custom--slider__thumb-icon--focus,.cds-custom--slider__thumb--upper:focus .cds-custom--slider__thumb-icon--focus{display:block}.cds-custom--slider__thumb--lower:focus:before,.cds-custom--slider__thumb--upper:focus:before{inline-size:100%}.cds-custom--slider__thumb--upper{transform:none}.cds-custom--slider__thumb--upper:before{inset-inline:0 auto}.cds-custom--slider__thumb--upper:active,.cds-custom--slider__thumb--upper:focus,.cds-custom--slider__thumb--upper:hover{transform:none}.cds-custom--slider__input{display:none}.cds-custom--slider-text-input-wrapper{position:relative}.cds-custom--slider-text-input-wrapper--hidden{display:none}.cds-custom--slider-text-input,.cds-custom-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds-custom--slider-text-input::-webkit-inner-spin-button,.cds-custom--slider-text-input::-webkit-outer-spin-button,.cds-custom-slider-text-input::-webkit-inner-spin-button,.cds-custom-slider-text-input::-webkit-outer-spin-button{display:none}.cds-custom--slider__thumb-wrapper:focus-within~.cds-custom--slider__filled-track,.cds-custom--slider__thumb:focus~.cds-custom--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds-custom--slider-text-input--warn,.cds-custom--slider-text-input.cds-custom--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds-custom--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--slider__validation-msg.cds-custom--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds-custom--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds-custom--slider__invalid-icon.cds-custom--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--label--disabled~.cds-custom--slider-container>.cds-custom--slider__range-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--slider--disabled.cds-custom--slider{cursor:not-allowed}.cds-custom--slider--disabled .cds-custom--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--slider--disabled .cds-custom--slider__thumb:hover{cursor:not-allowed;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb--lower,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper{background-color:transparent}.cds-custom--slider--disabled .cds-custom--slider__thumb--lower:active,.cds-custom--slider--disabled .cds-custom--slider__thumb--lower:focus,.cds-custom--slider--disabled .cds-custom--slider__thumb--lower:hover,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper:active,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper:focus,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper:hover{background-color:transparent;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb--lower .cds-custom--slider__thumb-icon,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper .cds-custom--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds-custom--slider--disabled .cds-custom--slider__filled-track,.cds-custom--slider--disabled .cds-custom--slider__thumb:focus~.cds-custom--slider__filled-track,.cds-custom--slider--disabled .cds-custom--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input,.cds-custom--slider--disabled~.cds-custom--slider-text-input{background-color:var(--cds-field);border:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;transition:none}.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input:active,.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input:focus,.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input:hover,.cds-custom--slider--disabled~.cds-custom--slider-text-input:active,.cds-custom--slider--disabled~.cds-custom--slider-text-input:focus,.cds-custom--slider--disabled~.cds-custom--slider-text-input:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds-custom--slider--readonly{cursor:default}.cds-custom--slider-container--readonly .cds-custom--slider__thumb{block-size:0;inline-size:0}.cds-custom--slider-container--readonly .cds-custom--slider__thumb:after,.cds-custom--slider-container--readonly .cds-custom--slider__thumb:before{display:none}.cds-custom--slider-container--readonly .cds-custom--slider-text-input{background-color:transparent}.cds-custom--slider__status-msg.cds-custom--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:active,.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:focus,.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:hover{border:none;cursor:default;outline:none}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:before{animation:cds-custom--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-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label{background:CanvasText}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label{block-size:.75rem;inline-size:1.25rem}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__track{cursor:default;pointer-events:none}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb-wrapper{inset-inline-start:50%}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb{cursor:default;pointer-events:none}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb-wrapper--lower{inset-inline-start:0}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds-custom--popover-container.cds-custom--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--slider__thumb{outline:1px solid transparent}.cds-custom--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds-custom--slider__track{outline:1px solid transparent}}:host(cds-custom-slider),:host(cds-custom-slider-skeleton){outline:none;--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}:host(cds-custom-slider) .cds-custom--slider,:host(cds-custom-slider-skeleton) .cds-custom--slider{transform:rotate(0)}:host(cds-custom-slider) .cds-custom-ce--slider__filled-track-container,:host(cds-custom-slider-skeleton) .cds-custom-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-custom-slider) .cds-custom--slider>.cds-custom--slider__thumb,:host(cds-custom-slider-skeleton) .cds-custom--slider>.cds-custom--slider__thumb{block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%);z-index:3}:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper,:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper{--prefix-tooltip-padding-block:0.125rem;--prefix-popover-caret-width:0.5rem;--prefix-popover-caret-height:0.25rem;--prefix-popover-offset:0.5rem}:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper cds-custom-tooltip-content::part(content),:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper cds-custom-tooltip-content::part(content){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);padding:.125rem .5rem}:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper::part(popover-container),:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper::part(popover-container){block-size:100%;display:block;inline-size:100%}:host(cds-custom-slider) .cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track,:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track,:host(cds-custom-slider-skeleton) .cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track,:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-custom-slider-input){position:relative}:host(cds-custom-slider-input) input{box-sizing:border-box}:host(cds-custom-slider-input[readonly]) input{background-color:transparent}.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon,cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon{display:none}.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon--focus,cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon--focus{display:block}.cds-custom--slider__thumb-disabled{pointer-events:none}:host(cds-custom-slider-skeleton) .cds-custom--slider>.cds-custom--slider__thumb{inset-inline-start:50%}:host(cds-custom-slider-skeleton) .cds-custom--slider__thumb--lower,:host(cds-custom-slider-skeleton) .cds-custom--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds-custom--slider--readonly .cds-custom--slider__filled-track{background:var(--cds-border-inverse,#161616)}"]);
+var slider_default = css([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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}}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-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--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-custom--label html{font-size:100%}.cds-custom--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-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--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-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--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-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--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-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--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-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--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-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--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;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--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-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--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-custom--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-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);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:var(--cds-layout-size-height-local)}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;aspect-ratio:1;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));gap:.25rem;inset-inline-start:calc((var(--cds-layout-size-height-local))*-1)}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input,.cds-custom--text-input--warning.cds-custom--password-input{padding-inline-end:calc(var(--cds-layout-size-height-local) + 1.5rem)}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));inset-inline-end:var(--cds-layout-size-height-local)}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{animation:cds-custom--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-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{align-items:center;flex-flow:row nowrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:0 1 auto;margin:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input__label-helper-wrapper{flex:0 1 auto;flex-direction:column;max-inline-size:8.875rem;overflow-wrap:break-word}.cds-custom--text-input__label-helper-wrapper:first-of-type{margin-inline-end:.5rem}.cds-custom--text-input__label-helper-wrapper:last-of-type{margin-inline-start:.5rem}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement,.cds-custom--text-input-wrapper--inline .cds-custom--form__helper-text--inline{margin:0}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--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-custom--text-input__field-wrapper--decorator .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:1rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds-custom--slider-container{align-items:center;display:flex;gap:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--slider{cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem;padding:1rem 0;position:relative}.cds-custom--slider-container--two-handles .cds-custom--slider{margin-inline:.25rem}.cds-custom--slider__range-label{color:var(--cds-text-primary,#161616);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);white-space:nowrap}.cds-custom--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds-custom--slider__track,.cds-custom--slider__track:before{background:var(--cds-border-subtle);position:absolute}.cds-custom--slider__track:before{block-size:.25rem;content:\"\";display:inline-block;inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds-custom--slider__filled-track{background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--slider__thumb-wrapper{block-size:.875rem;inline-size:.875rem;position:absolute;transform:translate(-50%,-50%);z-index:3;--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds-custom--slider__thumb-wrapper--lower,.cds-custom--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds-custom--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--lower>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds-custom--slider-container--rtl .cds-custom--slider__thumb-wrapper--upper>.cds-custom--popover>.cds-custom--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds-custom--slider__thumb{background:var(--cds-layer-selected-inverse,#161616);border-radius:50%;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;position:absolute;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--slider__thumb:hover{transform:scale(1.4286)}.cds-custom--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds-custom--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds-custom--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds-custom--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds-custom--slider__thumb--lower,.cds-custom--slider__thumb--upper{background-color:transparent;border-radius:unset;box-shadow:none;inset:0;position:absolute;transition:none}.cds-custom--slider__thumb--lower:before,.cds-custom--slider__thumb--upper:before{background:var(--cds-background,#fff);block-size:.125rem;content:\"\";display:block;inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0;position:absolute;z-index:-1}.cds-custom--slider__thumb--lower:hover,.cds-custom--slider__thumb--upper:hover{transform:none}.cds-custom--slider__thumb--lower:hover .cds-custom--slider__thumb-icon,.cds-custom--slider__thumb--upper:hover .cds-custom--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}.cds-custom--slider__thumb--lower:active,.cds-custom--slider__thumb--upper:active{box-shadow:none;transform:none}.cds-custom--slider__thumb--lower:focus,.cds-custom--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds-custom--slider__thumb--lower:focus .cds-custom--slider__thumb-icon,.cds-custom--slider__thumb--upper:focus .cds-custom--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds-custom--slider__thumb--lower:focus .cds-custom--slider__thumb-icon--focus,.cds-custom--slider__thumb--upper:focus .cds-custom--slider__thumb-icon--focus{display:block}.cds-custom--slider__thumb--lower:focus:before,.cds-custom--slider__thumb--upper:focus:before{inline-size:100%}.cds-custom--slider__thumb--upper{transform:none}.cds-custom--slider__thumb--upper:before{inset-inline:0 auto}.cds-custom--slider__thumb--upper:active,.cds-custom--slider__thumb--upper:focus,.cds-custom--slider__thumb--upper:hover{transform:none}.cds-custom--slider__input{display:none}.cds-custom--slider-text-input-wrapper{position:relative}.cds-custom--slider-text-input-wrapper--hidden{display:none}.cds-custom--slider-text-input,.cds-custom-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds-custom--slider-text-input::-webkit-inner-spin-button,.cds-custom--slider-text-input::-webkit-outer-spin-button,.cds-custom-slider-text-input::-webkit-inner-spin-button,.cds-custom-slider-text-input::-webkit-outer-spin-button{display:none}.cds-custom--slider__thumb-wrapper:focus-within~.cds-custom--slider__filled-track,.cds-custom--slider__thumb:focus~.cds-custom--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds-custom--slider-text-input--warn,.cds-custom--slider-text-input.cds-custom--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds-custom--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--slider__validation-msg.cds-custom--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds-custom--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds-custom--slider__invalid-icon.cds-custom--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--label--disabled~.cds-custom--slider-container>.cds-custom--slider__range-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--slider--disabled.cds-custom--slider{cursor:not-allowed}.cds-custom--slider--disabled .cds-custom--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--slider--disabled .cds-custom--slider__thumb:hover{cursor:not-allowed;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb--lower,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper{background-color:transparent}.cds-custom--slider--disabled .cds-custom--slider__thumb--lower:active,.cds-custom--slider--disabled .cds-custom--slider__thumb--lower:focus,.cds-custom--slider--disabled .cds-custom--slider__thumb--lower:hover,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper:active,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper:focus,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper:hover{background-color:transparent;transform:none}.cds-custom--slider--disabled .cds-custom--slider__thumb--lower .cds-custom--slider__thumb-icon,.cds-custom--slider--disabled .cds-custom--slider__thumb--upper .cds-custom--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds-custom--slider--disabled .cds-custom--slider__filled-track,.cds-custom--slider--disabled .cds-custom--slider__thumb:focus~.cds-custom--slider__filled-track,.cds-custom--slider--disabled .cds-custom--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input,.cds-custom--slider--disabled~.cds-custom--slider-text-input{background-color:var(--cds-field);border:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;transition:none}.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input:active,.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input:focus,.cds-custom--slider--disabled~.cds-custom--form-item .cds-custom--slider-text-input:hover,.cds-custom--slider--disabled~.cds-custom--slider-text-input:active,.cds-custom--slider--disabled~.cds-custom--slider-text-input:focus,.cds-custom--slider--disabled~.cds-custom--slider-text-input:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds-custom--slider--readonly{cursor:default}.cds-custom--slider-container--readonly .cds-custom--slider__thumb{block-size:0;inline-size:0}.cds-custom--slider-container--readonly .cds-custom--slider__thumb:after,.cds-custom--slider-container--readonly .cds-custom--slider__thumb:before{display:none}.cds-custom--slider-container--readonly .cds-custom--slider-text-input{background-color:transparent}.cds-custom--slider__status-msg.cds-custom--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:active,.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:focus,.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:hover{border:none;cursor:default;outline:none}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:before{animation:cds-custom--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-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label{background:CanvasText}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__range-label{block-size:.75rem;inline-size:1.25rem}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__track{cursor:default;pointer-events:none}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb-wrapper{inset-inline-start:50%}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb{cursor:default;pointer-events:none}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb-wrapper--lower{inset-inline-start:0}.cds-custom--slider-container.cds-custom--skeleton .cds-custom--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds-custom--popover-container.cds-custom--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--slider__thumb{outline:1px solid transparent}.cds-custom--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds-custom--slider__track{outline:1px solid transparent}}:host(cds-custom-slider),:host(cds-custom-slider-skeleton){outline:none;--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}:host(cds-custom-slider) .cds-custom--slider,:host(cds-custom-slider-skeleton) .cds-custom--slider{transform:rotate(0)}:host(cds-custom-slider) .cds-custom-ce--slider__filled-track-container,:host(cds-custom-slider-skeleton) .cds-custom-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-custom-slider) .cds-custom--slider>.cds-custom--slider__thumb,:host(cds-custom-slider-skeleton) .cds-custom--slider>.cds-custom--slider__thumb{block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%);z-index:3}:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper,:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper{--prefix-tooltip-padding-block:0.125rem;--prefix-popover-caret-width:0.5rem;--prefix-popover-caret-height:0.25rem;--prefix-popover-offset:0.5rem}:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper cds-custom-tooltip-content::part(content),:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper cds-custom-tooltip-content::part(content){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);padding:.125rem .5rem}:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper::part(popover-container),:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper::part(popover-container){block-size:100%;display:block;inline-size:100%}:host(cds-custom-slider) .cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track,:host(cds-custom-slider) cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track,:host(cds-custom-slider-skeleton) .cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track,:host(cds-custom-slider-skeleton) cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within~.cds-custom-ce--slider__filled-track-container .cds-custom--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-custom-slider-input){position:relative}:host(cds-custom-slider-input) input{box-sizing:border-box}:host(cds-custom-slider-input[readonly]) input{background-color:transparent}.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon,cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon{display:none}.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon--focus,cds-custom-tooltip.cds-custom--slider__thumb-wrapper:focus-within .cds-custom--slider__thumb-icon--focus{display:block}.cds-custom--slider__thumb-disabled{pointer-events:none}:host(cds-custom-slider-skeleton) .cds-custom--slider>.cds-custom--slider__thumb{inset-inline-start:50%}:host(cds-custom-slider-skeleton) .cds-custom--slider__thumb--lower,:host(cds-custom-slider-skeleton) .cds-custom--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds-custom--slider--readonly .cds-custom--slider__filled-track{background:var(--cds-border-inverse,#161616)}"]);
 //#endregion
 export { slider_default as default };