@carbon/web-components 2.0.1 → 2.0.2-rc.0

package/es/components/code-snippet/code-snippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.js","names":["styleMap","LitElement","html","property","ChevronDown16","prefix","FocusMixin","CODE_SNIPPET_COLOR_SCHEME","CODE_SNIPPET_TYPE","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSCodeSnippet","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleCopyClick","ownerDocument","doc","selection","defaultView","getSelection","removeAllRanges","code","createElement","className","pre","text","Array","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","copyText","appendChild","body","range","createRange","selectNodeContents","addRange","execCommand","removeChild","_getCodeRefDimensions","ref","clientWidth","codeClientWidth","scrollLeft","codeScrollLeft","scrollWidth","codeScrollWidth","horizontalOverflow","_handleScroll","_this$shadowRoot","codeContainerRef","shadowRoot","querySelector","codeContentRef","type","INLINE","SINGLE","MULTI","_hasLeftOverflow","_hasRightOverflow","requestUpdate","_handleClickExpanded","_expandedCode","ResizeObserver","_this$shadowRoot2","maxCollapsedNumberOfRows","maxExpandedNumberOfRows","minExpandedNumberOfRows","_rowHeightInPixels","rowHeightInPixels","handleScroll","height","getBoundingClientRect","_shouldShowMoreLessBtn","decorators","attribute","Boolean","reflect","Number","connectedCallback","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","updated","setAttribute","removeAttribute","render","disabled","feedback","feedbackTimeout","hideCopyButton","minCollapsedNumberOfRows","wrapText","tooltipContent","showMoreText","showLessText","expandedCode","handleCopyClick","hasRightOverflow","hasLeftOverflow","shouldShowMoreLessBtn","classes","expandButtonClass","disabledCopyButtonClasses","expandCodeBtnText","_t","_","_t2","_t3","_t4","_t5","_t6","class","name","role","slot","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/code-snippet/code-snippet.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Basic code snippet.\n *\n * @element cds-code-snippet\n */\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n  /**\n   * `true` to expand multi-line variant of code snippet.\n   */\n  private _expandedCode = false;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Row height in pixels\n   */\n  private _rowHeightInPixels = 16;\n\n  /**\n   * `true` if code-snippet has right overflow\n   */\n  private _hasRightOverflow = true;\n\n  /**\n   * `true` if code-snippet has left overflow\n   */\n  private _hasLeftOverflow = false;\n\n  /**\n   * `true` if show more or show less btn is visible\n   */\n  private _shouldShowMoreLessBtn = false;\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleCopyClick() {\n    const { ownerDocument: doc } = this;\n    const selection = doc!.defaultView!.getSelection();\n    selection!.removeAllRanges();\n    const code = doc!.createElement('code');\n    code.className = `${prefix}--visually-hidden`;\n    const pre = doc!.createElement('pre');\n    const text = Array.from(this.childNodes).filter(\n      (node) => node.nodeType === Node.TEXT_NODE\n    );\n    pre.textContent = this.copyText || text[0].textContent;\n    code.appendChild(pre);\n    // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n    doc!.body.appendChild(code);\n    const range = doc!.createRange();\n    range.selectNodeContents(code);\n    selection!.addRange(range);\n    doc!.execCommand('copy');\n    doc!.body.removeChild(code);\n    selection!.removeAllRanges();\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private _getCodeRefDimensions(ref) {\n    const {\n      clientWidth: codeClientWidth,\n      scrollLeft: codeScrollLeft,\n      scrollWidth: codeScrollWidth,\n    } = ref;\n\n    return {\n      horizontalOverflow: codeScrollWidth > codeClientWidth,\n      codeClientWidth,\n      codeScrollWidth,\n      codeScrollLeft,\n    };\n  }\n  /**\n   * Handles `scroll` event.\n   */\n  private _handleScroll() {\n    if (this) {\n      const codeContainerRef = this?.shadowRoot?.querySelector(\n        `.${prefix}--snippet-container`\n      );\n      const codeContentRef = codeContainerRef?.querySelector('pre');\n      if (\n        this.type === CODE_SNIPPET_TYPE.INLINE ||\n        (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) ||\n        (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n      ) {\n        return;\n      }\n\n      const {\n        horizontalOverflow,\n        codeClientWidth,\n        codeScrollWidth,\n        codeScrollLeft,\n      } =\n        this.type === CODE_SNIPPET_TYPE.SINGLE\n          ? this._getCodeRefDimensions(codeContainerRef)\n          : this._getCodeRefDimensions(codeContentRef);\n\n      this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n      this._hasRightOverflow =\n        horizontalOverflow &&\n        codeScrollLeft + codeClientWidth !== codeScrollWidth;\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Handles `click` event on the show more or show less button.\n   */\n  private _handleClickExpanded() {\n    this._expandedCode = !this._expandedCode;\n    this.requestUpdate();\n  }\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const codeContainerRef = this.shadowRoot?.querySelector(\n      `.${prefix}--snippet-container`\n    );\n    const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n    const {\n      type,\n      maxCollapsedNumberOfRows,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      _rowHeightInPixels: rowHeightInPixels,\n      _handleScroll: handleScroll,\n    } = this;\n    if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n      const { height } = codeContentRef.getBoundingClientRect();\n      if (\n        maxCollapsedNumberOfRows > 0 &&\n        (maxExpandedNumberOfRows <= 0 ||\n          maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n        height > maxCollapsedNumberOfRows * rowHeightInPixels\n      ) {\n        this._shouldShowMoreLessBtn = true;\n      } else {\n        this._shouldShowMoreLessBtn = false;\n      }\n      if (\n        this._expandedCode &&\n        minExpandedNumberOfRows > 0 &&\n        height <= minExpandedNumberOfRows * rowHeightInPixels\n      ) {\n        this._expandedCode = false;\n      }\n    }\n    if (\n      (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) ||\n      (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n    ) {\n      handleScroll();\n    }\n    this.requestUpdate();\n  });\n\n  /**\n   * Optional text to copy. If not specified, the `children` node's `innerText`\n   * will be used as the copy value.\n   */\n  @property({ attribute: 'copy-text' })\n  copyText = '';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string displayed when the snippet is copied\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * Specify the time it takes for the feedback message to timeout\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  /**\n   * Specify whether or not a copy button should be used/rendered.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n  hideCopyButton = false;\n\n  /**\n   * Specify the maximum number of rows to be shown when in collapsed view\n   */\n  @property()\n  maxCollapsedNumberOfRows = 15;\n\n  /**\n   * Specify the maximum number of rows to be shown when in expanded view\n   */\n  @property()\n  maxExpandedNumberOfRows = 0;\n\n  /**\n   * Specify the minimum number of rows to be shown when in collapsed view\n   */\n  @property()\n  minCollapsedNumberOfRows = 3;\n\n  /**\n   * Specify the minimum number of rows to be shown when in expanded view\n   */\n  @property()\n  minExpandedNumberOfRows = 16;\n\n  /**\n   * Specify a string that is displayed when the Code Snippet has been\n   * interacted with to show less lines\n   */\n  @property({ attribute: 'show-less-text' })\n  showLessText = 'Show less';\n\n  /**\n   * Specify a string that is displayed when the Code Snippet text is more\n   * than 15 lines\n   */\n  @property({ attribute: 'show-more-text' })\n  showMoreText = 'Show more';\n\n  /**\n   * Tooltip content for the copy button.\n   */\n  @property({ attribute: 'tooltip-content' })\n  tooltipContent = 'Copy to clipboard';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n  wrapText = false;\n\n  /**\n   * The type of code snippet.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  updated() {\n    if (this._expandedCode) {\n      this.setAttribute('expanded-code', '');\n    } else {\n      this.removeAttribute('expanded-code');\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      feedback,\n      feedbackTimeout,\n      hideCopyButton,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      maxCollapsedNumberOfRows,\n      minCollapsedNumberOfRows,\n      type,\n      wrapText,\n      tooltipContent,\n      showMoreText,\n      showLessText,\n      _expandedCode: expandedCode,\n      _handleCopyClick: handleCopyClick,\n      _handleScroll: handleScroll,\n      _hasRightOverflow: hasRightOverflow,\n      _hasLeftOverflow: hasLeftOverflow,\n      _rowHeightInPixels: rowHeightInPixels,\n      _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n    } = this;\n\n    let classes = `${prefix}--snippet`;\n    type ? (classes += ` ${prefix}--snippet--${type}`) : '';\n    type !== 'inline' && disabled\n      ? (classes += ` ${prefix}--snippet--disabled`)\n      : '';\n    hideCopyButton ? (classes += ` ${prefix}--snippet--no-copy`) : '';\n    wrapText ? (classes += ` ${prefix}--snippet--wraptext`) : '';\n    type == 'multi' && hasRightOverflow\n      ? (classes += ` ${prefix}--snippet--has-right-overflow`)\n      : '';\n\n    const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n    const disabledCopyButtonClasses = disabled\n      ? `${prefix}--snippet--disabled`\n      : '';\n\n    const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n    if (type === CODE_SNIPPET_TYPE.INLINE) {\n      // Ensures no extra whitespace text node\n      // prettier-ignore\n      return html`\n        <cds-copy button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n          <code slot=\"icon\"><slot></slot></code>\n          <span slot=\"tooltip-content\">${tooltipContent}</span>\n        </cds-copy>\n      `;\n    }\n\n    const styles = {};\n    if (type === 'multi') {\n      if (expandedCode) {\n        if (maxExpandedNumberOfRows > 0) {\n          styles['max-height'] =\n            maxExpandedNumberOfRows * rowHeightInPixels + 'px';\n        }\n        if (minExpandedNumberOfRows > 0) {\n          styles['min-height'] =\n            minExpandedNumberOfRows * rowHeightInPixels + 'px';\n        }\n      } else {\n        if (maxCollapsedNumberOfRows > 0) {\n          styles['max-height'] =\n            maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n        }\n        if (minCollapsedNumberOfRows > 0) {\n          styles['min-height'] =\n            minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n        }\n      }\n    }\n\n    return html`\n      <div\n        role=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? 'textbox'\n          : null}\"\n        tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE ||\n          type === CODE_SNIPPET_TYPE.MULTI) &&\n        !disabled\n          ? 0\n          : null}\"\n        class=\"${prefix}--snippet-container\"\n        aria-label=\"${'code-snippet'}\"\n        aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? true\n          : null}\"\n        aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n        @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) || null}\"\n        style=${styleMap(styles)}>\n        <pre\n          @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) ||\n          null}\"><code><slot></slot></code></pre>\n      </div>\n\n      ${hasLeftOverflow\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n          `\n        : ``}\n      ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n          `\n        : ``}\n      ${hideCopyButton\n        ? ``\n        : html`\n            <cds-copy-button\n              ?disabled=${disabled}\n              button-class-name=${disabledCopyButtonClasses}\n              feedback=${feedback}\n              feedback-timeout=${feedbackTimeout}\n              @click=\"${handleCopyClick}\">\n              ${tooltipContent}\n            </cds-copy-button>\n          `}\n      ${shouldShowMoreLessBtn\n        ? html`\n            <cds-button\n              kind=\"ghost\"\n              size=\"sm\"\n              button-class-name=${expandButtonClass}\n              ?disabled=${disabled}\n              @click=${() => this._handleClickExpanded()}>\n              <span class=\"${prefix}--snippet-btn--text\">\n                ${expandCodeBtnText}\n              </span>\n              ${ChevronDown16({\n                class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n                name: 'cheveron--down',\n                role: 'img',\n                slot: 'icon',\n              })}\n            </cds-button>\n          `\n        : ``}\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"],"mappings":"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"}
+{"version":3,"file":"code-snippet.js","names":["styleMap","LitElement","html","property","ChevronDown16","prefix","FocusMixin","CODE_SNIPPET_COLOR_SCHEME","CODE_SNIPPET_TYPE","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSCodeSnippet","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleCopyClick","ownerDocument","doc","selection","defaultView","getSelection","removeAllRanges","code","createElement","className","pre","text","Array","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","copyText","appendChild","body","range","createRange","selectNodeContents","addRange","execCommand","removeChild","_getCodeRefDimensions","ref","clientWidth","codeClientWidth","scrollLeft","codeScrollLeft","scrollWidth","codeScrollWidth","horizontalOverflow","_handleScroll","_this$shadowRoot","codeContainerRef","shadowRoot","querySelector","codeContentRef","type","INLINE","SINGLE","MULTI","_hasLeftOverflow","_hasRightOverflow","requestUpdate","_handleClickExpanded","_expandedCode","ResizeObserver","_this$shadowRoot2","maxCollapsedNumberOfRows","maxExpandedNumberOfRows","minExpandedNumberOfRows","_rowHeightInPixels","rowHeightInPixels","handleScroll","height","getBoundingClientRect","_shouldShowMoreLessBtn","decorators","attribute","Boolean","reflect","Number","connectedCallback","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","updated","setAttribute","removeAttribute","render","disabled","feedback","feedbackTimeout","hideCopyButton","minCollapsedNumberOfRows","wrapText","tooltipContent","showMoreText","showLessText","expandedCode","handleCopyClick","hasRightOverflow","hasLeftOverflow","shouldShowMoreLessBtn","classes","expandButtonClass","disabledCopyButtonClasses","expandCodeBtnText","_t","_","_t2","_t3","_t4","_t5","_t6","class","name","role","slot","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/code-snippet/code-snippet.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Basic code snippet.\n *\n * @element cds-code-snippet\n */\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n  /**\n   * `true` to expand multi-line variant of code snippet.\n   */\n  private _expandedCode = false;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Row height in pixels\n   */\n  private _rowHeightInPixels = 16;\n\n  /**\n   * `true` if code-snippet has right overflow\n   */\n  private _hasRightOverflow = true;\n\n  /**\n   * `true` if code-snippet has left overflow\n   */\n  private _hasLeftOverflow = false;\n\n  /**\n   * `true` if show more or show less btn is visible\n   */\n  private _shouldShowMoreLessBtn = false;\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleCopyClick() {\n    const { ownerDocument: doc } = this;\n    const selection = doc!.defaultView!.getSelection();\n    selection!.removeAllRanges();\n    const code = doc!.createElement('code');\n    code.className = `${prefix}--visually-hidden`;\n    const pre = doc!.createElement('pre');\n    const text = Array.from(this.childNodes).filter(\n      (node) => node.nodeType === Node.TEXT_NODE\n    );\n    pre.textContent = this.copyText || text[0].textContent;\n    code.appendChild(pre);\n    // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n    doc!.body.appendChild(code);\n    const range = doc!.createRange();\n    range.selectNodeContents(code);\n    selection!.addRange(range);\n    doc!.execCommand('copy');\n    doc!.body.removeChild(code);\n    selection!.removeAllRanges();\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private _getCodeRefDimensions(ref) {\n    const {\n      clientWidth: codeClientWidth,\n      scrollLeft: codeScrollLeft,\n      scrollWidth: codeScrollWidth,\n    } = ref;\n\n    return {\n      horizontalOverflow: codeScrollWidth > codeClientWidth,\n      codeClientWidth,\n      codeScrollWidth,\n      codeScrollLeft,\n    };\n  }\n  /**\n   * Handles `scroll` event.\n   */\n  private _handleScroll() {\n    if (this) {\n      const codeContainerRef = this?.shadowRoot?.querySelector(\n        `.${prefix}--snippet-container`\n      );\n      const codeContentRef = codeContainerRef?.querySelector('pre');\n      if (\n        this.type === CODE_SNIPPET_TYPE.INLINE ||\n        (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) ||\n        (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n      ) {\n        return;\n      }\n\n      const {\n        horizontalOverflow,\n        codeClientWidth,\n        codeScrollWidth,\n        codeScrollLeft,\n      } =\n        this.type === CODE_SNIPPET_TYPE.SINGLE\n          ? this._getCodeRefDimensions(codeContainerRef)\n          : this._getCodeRefDimensions(codeContentRef);\n\n      this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n      this._hasRightOverflow =\n        horizontalOverflow &&\n        codeScrollLeft + codeClientWidth !== codeScrollWidth;\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Handles `click` event on the show more or show less button.\n   */\n  private _handleClickExpanded() {\n    this._expandedCode = !this._expandedCode;\n    this.requestUpdate();\n  }\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const codeContainerRef = this.shadowRoot?.querySelector(\n      `.${prefix}--snippet-container`\n    );\n    const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n    const {\n      type,\n      maxCollapsedNumberOfRows,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      _rowHeightInPixels: rowHeightInPixels,\n      _handleScroll: handleScroll,\n    } = this;\n    if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n      const { height } = codeContentRef.getBoundingClientRect();\n      if (\n        maxCollapsedNumberOfRows > 0 &&\n        (maxExpandedNumberOfRows <= 0 ||\n          maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n        height > maxCollapsedNumberOfRows * rowHeightInPixels\n      ) {\n        this._shouldShowMoreLessBtn = true;\n      } else {\n        this._shouldShowMoreLessBtn = false;\n      }\n      if (\n        this._expandedCode &&\n        minExpandedNumberOfRows > 0 &&\n        height <= minExpandedNumberOfRows * rowHeightInPixels\n      ) {\n        this._expandedCode = false;\n      }\n    }\n    if (\n      (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) ||\n      (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n    ) {\n      handleScroll();\n    }\n    this.requestUpdate();\n  });\n\n  /**\n   * Optional text to copy. If not specified, the `children` node's `innerText`\n   * will be used as the copy value.\n   */\n  @property({ attribute: 'copy-text' })\n  copyText = '';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string displayed when the snippet is copied\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * Specify the time it takes for the feedback message to timeout\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  /**\n   * Specify whether or not a copy button should be used/rendered.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n  hideCopyButton = false;\n\n  /**\n   * Specify the maximum number of rows to be shown when in collapsed view\n   */\n  @property()\n  maxCollapsedNumberOfRows = 15;\n\n  /**\n   * Specify the maximum number of rows to be shown when in expanded view\n   */\n  @property()\n  maxExpandedNumberOfRows = 0;\n\n  /**\n   * Specify the minimum number of rows to be shown when in collapsed view\n   */\n  @property()\n  minCollapsedNumberOfRows = 3;\n\n  /**\n   * Specify the minimum number of rows to be shown when in expanded view\n   */\n  @property()\n  minExpandedNumberOfRows = 16;\n\n  /**\n   * Specify a string that is displayed when the Code Snippet has been\n   * interacted with to show less lines\n   */\n  @property({ attribute: 'show-less-text' })\n  showLessText = 'Show less';\n\n  /**\n   * Specify a string that is displayed when the Code Snippet text is more\n   * than 15 lines\n   */\n  @property({ attribute: 'show-more-text' })\n  showMoreText = 'Show more';\n\n  /**\n   * Tooltip content for the copy button.\n   */\n  @property({ attribute: 'tooltip-content' })\n  tooltipContent = 'Copy to clipboard';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n  wrapText = false;\n\n  /**\n   * The type of code snippet.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  updated() {\n    if (this._expandedCode) {\n      this.setAttribute('expanded-code', '');\n    } else {\n      this.removeAttribute('expanded-code');\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      feedback,\n      feedbackTimeout,\n      hideCopyButton,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      maxCollapsedNumberOfRows,\n      minCollapsedNumberOfRows,\n      type,\n      wrapText,\n      tooltipContent,\n      showMoreText,\n      showLessText,\n      _expandedCode: expandedCode,\n      _handleCopyClick: handleCopyClick,\n      _handleScroll: handleScroll,\n      _hasRightOverflow: hasRightOverflow,\n      _hasLeftOverflow: hasLeftOverflow,\n      _rowHeightInPixels: rowHeightInPixels,\n      _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n    } = this;\n\n    let classes = `${prefix}--snippet`;\n    type ? (classes += ` ${prefix}--snippet--${type}`) : '';\n    type !== 'inline' && disabled\n      ? (classes += ` ${prefix}--snippet--disabled`)\n      : '';\n    hideCopyButton ? (classes += ` ${prefix}--snippet--no-copy`) : '';\n    wrapText ? (classes += ` ${prefix}--snippet--wraptext`) : '';\n    type == 'multi' && hasRightOverflow\n      ? (classes += ` ${prefix}--snippet--has-right-overflow`)\n      : '';\n\n    const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n    const disabledCopyButtonClasses = disabled\n      ? `${prefix}--snippet--disabled`\n      : '';\n\n    const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n    if (type === CODE_SNIPPET_TYPE.INLINE) {\n      // Ensures no extra whitespace text node\n      // prettier-ignore\n      return html`\n        <cds-copy button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n          <code slot=\"icon\"><slot></slot></code>\n          <span slot=\"tooltip-content\">${tooltipContent}</span>\n        </cds-copy>\n      `;\n    }\n\n    const styles = {};\n    if (type === 'multi') {\n      if (expandedCode) {\n        if (maxExpandedNumberOfRows > 0) {\n          styles['max-height'] =\n            maxExpandedNumberOfRows * rowHeightInPixels + 'px';\n        }\n        if (minExpandedNumberOfRows > 0) {\n          styles['min-height'] =\n            minExpandedNumberOfRows * rowHeightInPixels + 'px';\n        }\n      } else {\n        if (maxCollapsedNumberOfRows > 0) {\n          styles['max-height'] =\n            maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n        }\n        if (minCollapsedNumberOfRows > 0) {\n          styles['min-height'] =\n            minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n        }\n      }\n    }\n\n    return html`\n      <div\n        role=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? 'textbox'\n          : null}\"\n        tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE ||\n          type === CODE_SNIPPET_TYPE.MULTI) &&\n        !disabled\n          ? 0\n          : null}\"\n        class=\"${prefix}--snippet-container\"\n        aria-label=\"${'code-snippet'}\"\n        aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? true\n          : null}\"\n        aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n        @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) || null}\"\n        style=${styleMap(styles)}>\n        <pre\n          @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) ||\n          null}\"><code><slot></slot></code></pre>\n      </div>\n\n      ${hasLeftOverflow\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n          `\n        : ``}\n      ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n          `\n        : ``}\n      ${hideCopyButton\n        ? ``\n        : html`\n            <cds-copy-button\n              ?disabled=${disabled}\n              button-class-name=${disabledCopyButtonClasses}\n              feedback=${feedback}\n              feedback-timeout=${feedbackTimeout}\n              @click=\"${handleCopyClick}\">\n              ${tooltipContent}\n            </cds-copy-button>\n          `}\n      ${shouldShowMoreLessBtn\n        ? html`\n            <cds-button\n              kind=\"ghost\"\n              size=\"sm\"\n              button-class-name=${expandButtonClass}\n              ?disabled=${disabled}\n              @click=${() => this._handleClickExpanded()}>\n              <span class=\"${prefix}--snippet-btn--text\">\n                ${expandCodeBtnText}\n              </span>\n              ${ChevronDown16({\n                class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n                name: 'cheveron--down',\n                role: 'img',\n                slot: 'icon',\n              })}\n            </cds-button>\n          `\n        : ``}\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,yBAAyB,EAAEC,iBAAiB,QAAQ,QAAQ;AACrE,OAAOC,MAAM,MAAM,yBAAqB;AAExC,OAAO,sBAAsB;AAC7B,OAAO,cAAc;AACrB,OAAO,kBAAkB;AACzB,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASJ,yBAAyB,EAAEC,iBAAiB;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,aAAa,GAAGA,CAACC,QAAwB,EAAEC,IAAa,KAAK;EACjE,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACAD,QAAQ,CAACE,OAAO,CAACD,IAAI,CAAC;EACtB,OAAO;IACLE,OAAOA,CAAA,EAAG;MACRH,QAAQ,CAACI,SAAS,CAACH,IAAI,CAAC;MACxB,OAAO,IAAI;IACb;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AAJA,IAMMI,cAAc,GAAAC,SAAA,EADnBR,aAAa,CAAE,GAAEN,MAAO,eAAc,CAAC,aAAAe,WAAA,EAAAC,WAAA;EAAxC,MACMH,cAAc,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAsapD;EAAC;IAAAI,CAAA,EAtaKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIM,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKY,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKhB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKH,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKL,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA5BtC;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,iBAAA,EAA2B;QACzB,MAAM;UAAEC,aAAa,EAAEC;QAAI,CAAC,GAAG,IAAI;QACnC,MAAMC,SAAS,GAAGD,GAAG,CAAEE,WAAW,CAAEC,YAAY,CAAC,CAAC;QAClDF,SAAS,CAAEG,eAAe,CAAC,CAAC;QAC5B,MAAMC,IAAI,GAAGL,GAAG,CAAEM,aAAa,CAAC,MAAM,CAAC;QACvCD,IAAI,CAACE,SAAS,GAAI,GAAEjC,MAAO,mBAAkB;QAC7C,MAAMkC,GAAG,GAAGR,GAAG,CAAEM,aAAa,CAAC,KAAK,CAAC;QACrC,MAAMG,IAAI,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACC,UAAU,CAAC,CAACC,MAAM,CAC5CC,IAAI,IAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SACnC,CAAC;QACDT,GAAG,CAACU,WAAW,GAAG,IAAI,CAACC,QAAQ,IAAIV,IAAI,CAAC,CAAC,CAAC,CAACS,WAAW;QACtDb,IAAI,CAACe,WAAW,CAACZ,GAAG,CAAC;QACrB;QACAR,GAAG,CAAEqB,IAAI,CAACD,WAAW,CAACf,IAAI,CAAC;QAC3B,MAAMiB,KAAK,GAAGtB,GAAG,CAAEuB,WAAW,CAAC,CAAC;QAChCD,KAAK,CAACE,kBAAkB,CAACnB,IAAI,CAAC;QAC9BJ,SAAS,CAAEwB,QAAQ,CAACH,KAAK,CAAC;QAC1BtB,GAAG,CAAE0B,WAAW,CAAC,MAAM,CAAC;QACxB1B,GAAG,CAAEqB,IAAI,CAACM,WAAW,CAACtB,IAAI,CAAC;QAC3BJ,SAAS,CAAEG,eAAe,CAAC,CAAC;MAC9B;;MAEA;IAAA;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAA+B,sBAA8BC,GAAG,EAAE;QACjC,MAAM;UACJC,WAAW,EAAEC,eAAe;UAC5BC,UAAU,EAAEC,cAAc;UAC1BC,WAAW,EAAEC;QACf,CAAC,GAAGN,GAAG;QAEP,OAAO;UACLO,kBAAkB,EAAED,eAAe,GAAGJ,eAAe;UACrDA,eAAe;UACfI,eAAe;UACfF;QACF,CAAC;MACH;MACA;AACF;AACA;IAFE;MAAAtC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAwC,cAAA,EAAwB;QACtB,IAAI,IAAI,EAAE;UAAA,IAAAC,gBAAA;UACR,MAAMC,gBAAgB,GAAG,IAAI,aAAJ,IAAI,gBAAAD,gBAAA,GAAJ,IAAI,CAAEE,UAAU,cAAAF,gBAAA,uBAAhBA,gBAAA,CAAkBG,aAAa,CACrD,IAAGnE,MAAO,qBACb,CAAC;UACD,MAAMoE,cAAc,GAAGH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEE,aAAa,CAAC,KAAK,CAAC;UAC7D,IACE,IAAI,CAACE,IAAI,KAAKlE,iBAAiB,CAACmE,MAAM,IACrC,IAAI,CAACD,IAAI,KAAKlE,iBAAiB,CAACoE,MAAM,IAAI,CAACN,gBAAiB,IAC5D,IAAI,CAACI,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,IAAI,CAACJ,cAAe,EAC1D;YACA;UACF;UAEA,MAAM;YACJN,kBAAkB;YAClBL,eAAe;YACfI,eAAe;YACfF;UACF,CAAC,GACC,IAAI,CAACU,IAAI,KAAKlE,iBAAiB,CAACoE,MAAM,GAClC,IAAI,CAACjB,qBAAqB,CAACW,gBAAgB,CAAC,GAC5C,IAAI,CAACX,qBAAqB,CAACc,cAAc,CAAC;UAEhD,IAAI,CAACK,gBAAgB,GAAGX,kBAAkB,IAAI,CAAC,CAACH,cAAc;UAC9D,IAAI,CAACe,iBAAiB,GACpBZ,kBAAkB,IAClBH,cAAc,GAAGF,eAAe,KAAKI,eAAe;UACtD,IAAI,CAACc,aAAa,CAAC,CAAC;QACtB;MACF;;MAEA;AACF;AACA;IAFE;MAAAtD,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAqD,qBAAA,EAA+B;QAC7B,IAAI,CAACC,aAAa,GAAG,CAAC,IAAI,CAACA,aAAa;QACxC,IAAI,CAACF,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;MACE;MACA;IAAA;MAAAtD,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC0B,IAAIuD,cAAc,CAAC,MAAM;UAAA,IAAAC,iBAAA;UACjD,MAAMd,gBAAgB,IAAAc,iBAAA,GAAG,IAAI,CAACb,UAAU,cAAAa,iBAAA,uBAAfA,iBAAA,CAAiBZ,aAAa,CACpD,IAAGnE,MAAO,qBACb,CAAC;UACD,MAAMoE,cAAc,GAAGH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;UAChE,MAAM;YACJE,IAAI;YACJW,wBAAwB;YACxBC,uBAAuB;YACvBC,uBAAuB;YACvBC,kBAAkB,EAAEC,iBAAiB;YACrCrB,aAAa,EAAEsB;UACjB,CAAC,GAAG,IAAI;UACR,IAAIjB,cAAc,IAAIC,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,EAAE;YACtD,MAAM;cAAEc;YAAO,CAAC,GAAGlB,cAAc,CAACmB,qBAAqB,CAAC,CAAC;YACzD,IACEP,wBAAwB,GAAG,CAAC,KAC3BC,uBAAuB,IAAI,CAAC,IAC3BA,uBAAuB,GAAGD,wBAAwB,CAAC,IACrDM,MAAM,GAAGN,wBAAwB,GAAGI,iBAAiB,EACrD;cACA,IAAI,CAACI,sBAAsB,GAAG,IAAI;YACpC,CAAC,MAAM;cACL,IAAI,CAACA,sBAAsB,GAAG,KAAK;YACrC;YACA,IACE,IAAI,CAACX,aAAa,IAClBK,uBAAuB,GAAG,CAAC,IAC3BI,MAAM,IAAIJ,uBAAuB,GAAGE,iBAAiB,EACrD;cACA,IAAI,CAACP,aAAa,GAAG,KAAK;YAC5B;UACF;UACA,IACGT,cAAc,IAAIC,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,IAClDP,gBAAgB,IAAII,IAAI,KAAKlE,iBAAiB,CAACoE,MAAO,EACvD;YACAc,YAAY,CAAC,CAAC;UAChB;UACA,IAAI,CAACV,aAAa,CAAC,CAAC;QACtB,CAAC,CAAC;MAAA;IAAA;MAAAtD,IAAA;MAAAoE,UAAA,GAMD3F,QAAQ,CAAC;QAAE4F,SAAS,EAAE;MAAY,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKZ3F,QAAQ,CAAC;QAAEuE,IAAI,EAAEsB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAtE,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKf3F,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACA,SAAS;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKnB3F,QAAQ,CAAC;QAAEuE,IAAI,EAAEwB,MAAM;QAAEH,SAAS,EAAE;MAAmB,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OACxC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKrB3F,QAAQ,CAAC;QAAEuE,IAAI,EAAEsB,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEF,SAAS,EAAE;MAAmB,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKrB3F,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACgB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAK5B3F,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACe,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAK1B3F,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACgB,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAK3B3F,QAAQ,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACe,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAM3B3F,QAAQ,CAAC;QAAE4F,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OAC3B,WAAW;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAMzB3F,QAAQ,CAAC;QAAE4F,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OAC3B,WAAW;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKzB3F,QAAQ,CAAC;QAAE4F,SAAS,EAAE;MAAkB,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OAC1B,mBAAmB;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKnC3F,QAAQ,CAAC;QAAEuE,IAAI,EAAEsB,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEF,SAAS,EAAE;MAAY,CAAC,CAAC;MAAApE,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAoE,UAAA,GAKf3F,QAAQ,CAAC;QAAE8F,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAtE,GAAA;MAAAC,MAAA;QAAA,OACrBpB,iBAAiB,CAACoE,MAAM;MAAA;IAAA;MAAAlD,IAAA;MAAAC,GAAA;MAAAC,KAAA;MArF/B;AACF;AACA;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAuE,kBAAA,EAAoB;QAClBC,IAAA,CAAAC,eAAA,CAzPEnF,cAAc,CAAAoF,SAAA,8BAAAC,IAAA;QA0PhB,IAAI,IAAI,CAACC,eAAe,EAAE;UACxB,IAAI,CAACA,eAAe,GAAG,IAAI,CAACA,eAAe,CAACxF,OAAO,CAAC,CAAC;QACvD;QACA,IAAI,CAACwF,eAAe,GAAG5F,aAAa,CAAC,IAAI,CAAC6F,eAAe,EAAE,IAAI,CAAC;MAClE;IAAC;MAAA/E,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA8E,qBAAA,EAAuB;QACrB,IAAI,IAAI,CAACF,eAAe,EAAE;UACxB,IAAI,CAACA,eAAe,GAAG,IAAI,CAACA,eAAe,CAACxF,OAAO,CAAC,CAAC;QACvD;MACF;IAAC;MAAAU,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA+E,QAAA,EAAU;QACR,IAAI,IAAI,CAACzB,aAAa,EAAE;UACtB,IAAI,CAAC0B,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC;QACxC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,eAAe,CAAC;QACvC;MACF;IAAC;MAAAnF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAkF,OAAA,EAAS;QACP,MAAM;UACJC,QAAQ;UACRC,QAAQ;UACRC,eAAe;UACfC,cAAc;UACd5B,uBAAuB;UACvBC,uBAAuB;UACvBF,wBAAwB;UACxB8B,wBAAwB;UACxBzC,IAAI;UACJ0C,QAAQ;UACRC,cAAc;UACdC,YAAY;UACZC,YAAY;UACZrC,aAAa,EAAEsC,YAAY;UAC3B3F,gBAAgB,EAAE4F,eAAe;UACjCrD,aAAa,EAAEsB,YAAY;UAC3BX,iBAAiB,EAAE2C,gBAAgB;UACnC5C,gBAAgB,EAAE6C,eAAe;UACjCnC,kBAAkB,EAAEC,iBAAiB;UACrCI,sBAAsB,EAAE+B;QAC1B,CAAC,GAAG,IAAI;QAER,IAAIC,OAAO,GAAI,GAAExH,MAAO,WAAU;QAClCqE,IAAI,GAAImD,OAAO,IAAK,IAAGxH,MAAO,cAAaqE,IAAK,EAAC,GAAI,EAAE;QACvDA,IAAI,KAAK,QAAQ,IAAIqC,QAAQ,GACxBc,OAAO,IAAK,IAAGxH,MAAO,qBAAoB,GAC3C,EAAE;QACN6G,cAAc,GAAIW,OAAO,IAAK,IAAGxH,MAAO,oBAAmB,GAAI,EAAE;QACjE+G,QAAQ,GAAIS,OAAO,IAAK,IAAGxH,MAAO,qBAAoB,GAAI,EAAE;QAC5DqE,IAAI,IAAI,OAAO,IAAIgD,gBAAgB,GAC9BG,OAAO,IAAK,IAAGxH,MAAO,+BAA8B,GACrD,EAAE;QAEN,MAAMyH,iBAAiB,GAAI,GAAEzH,MAAO,uBAAsB;QAE1D,MAAM0H,yBAAyB,GAAGhB,QAAQ,GACrC,GAAE1G,MAAO,qBAAoB,GAC9B,EAAE;QAEN,MAAM2H,iBAAiB,GAAGR,YAAY,GAAGD,YAAY,GAAGD,YAAY;QAEpE,IAAI5C,IAAI,KAAKlE,iBAAiB,CAACmE,MAAM,EAAE;UACrC;UACA;UACA,OAAOzE,IAAI,CAAA+H,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAClB,uCAAqC,CAAU,aAAU,CAAkB;AAC3E;AACA,yCAAuC,CAAiB;AACxD;AACA,OAAM,GAJiCL,OAAO,EAAaJ,eAAe,EAEjCJ,cAAc;QAGnD;QAEA,MAAM5G,MAAM,GAAG,CAAC,CAAC;QACjB,IAAIiE,IAAI,KAAK,OAAO,EAAE;UACpB,IAAI8C,YAAY,EAAE;YAChB,IAAIlC,uBAAuB,GAAG,CAAC,EAAE;cAC/B7E,MAAM,CAAC,YAAY,CAAC,GAClB6E,uBAAuB,GAAGG,iBAAiB,GAAG,IAAI;YACtD;YACA,IAAIF,uBAAuB,GAAG,CAAC,EAAE;cAC/B9E,MAAM,CAAC,YAAY,CAAC,GAClB8E,uBAAuB,GAAGE,iBAAiB,GAAG,IAAI;YACtD;UACF,CAAC,MAAM;YACL,IAAIJ,wBAAwB,GAAG,CAAC,EAAE;cAChC5E,MAAM,CAAC,YAAY,CAAC,GAClB4E,wBAAwB,GAAGI,iBAAiB,GAAG,IAAI;YACvD;YACA,IAAI0B,wBAAwB,GAAG,CAAC,EAAE;cAChC1G,MAAM,CAAC,YAAY,CAAC,GAClB0G,wBAAwB,GAAG1B,iBAAiB,GAAG,IAAI;YACvD;UACF;QACF;QAEA,OAAOvF,IAAI,CAAAiI,GAAA,KAAAA,GAAA,GAAAD,CAAC;AAChB;AACA,gBAAc,CAGG;AACjB,oBAAkB,CAID;AACjB,iBAAe,CAAS;AACxB,sBAAoB,CAAiB;AACrC,yBAAuB,CAGN;AACjB,0BAAwB,CAAiD;AACzE,mBAAiB,CAA8D;AAC/E,gBAAc,CAAmB;AACjC;AACA,qBAAmB,CACJ;AACf;AACA;AACA,QAAM,CAIO;AACb,QAAM,CAIO;AACb,QAAM,CAWM;AACZ,QAAM,CAmBO;AACb,KAAI,GAjEYxD,IAAI,KAAKlE,iBAAiB,CAACoE,MAAM,IACzCF,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,GAC5B,SAAS,GACT,IAAI,EACI,CAACH,IAAI,KAAKlE,iBAAiB,CAACoE,MAAM,IAC5CF,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,KAClC,CAACkC,QAAQ,GACL,CAAC,GACD,IAAI,EACC1G,MAAM,EACD,cAAc,EACXqE,IAAI,KAAKlE,iBAAiB,CAACoE,MAAM,IAClDF,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,GAC5B,IAAI,GACJ,IAAI,EACUH,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,GAAG,IAAI,GAAG,IAAI,EACpDH,IAAI,KAAKlE,iBAAiB,CAACoE,MAAM,IAAIc,YAAY,IAAK,IAAI,EAC9D1F,QAAQ,CAACS,MAAM,CAAC,EAEViE,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,IAAIa,YAAY,IAC5D,IAAI,EAGNiC,eAAe,GACbzH,IAAI,CAAAkI,GAAA,KAAAA,GAAA,GAAAF,CAAC;AACf,0BAAwB,CAAS;AACjC,WAAU,GADgB7H,MAAM,IAErB,EAAC,EACJqH,gBAAgB,IAAIhD,IAAI,KAAKlE,iBAAiB,CAACqE,KAAK,GAClD3E,IAAI,CAAAmI,GAAA,KAAAA,GAAA,GAAAH,CAAC;AACf,0BAAwB,CAAS;AACjC,WAAU,GADgB7H,MAAM,IAErB,EAAC,EACJ6G,cAAc,GACX,EAAC,GACFhH,IAAI,CAAAoI,GAAA,KAAAA,GAAA,GAAAJ,CAAC;AACf;AACA,0BAAwB,CAAW;AACnC,kCAAgC,CAA4B;AAC5D,yBAAuB,CAAW;AAClC,iCAA+B,CAAkB;AACjD,wBAAsB,CAAkB;AACxC,gBAAc,CAAiB;AAC/B;AACA,WAAU,GAPgBnB,QAAQ,EACAgB,yBAAyB,EAClCf,QAAQ,EACAC,eAAe,EACxBQ,eAAe,EACvBJ,cAAc,CAEnB,EACHO,qBAAqB,GACnB1H,IAAI,CAAAqI,GAAA,KAAAA,GAAA,GAAAL,CAAC;AACf;AACA;AACA;AACA,kCAAgC,CAAoB;AACpD,0BAAwB,CAAW;AACnC,uBAAqB,CAAoC;AACzD,6BAA2B,CAAS;AACpC,kBAAgB,CAAoB;AACpC;AACA,gBAAc,CAKG;AACjB;AACA,WAAU,GAbwBJ,iBAAiB,EACzBf,QAAQ,EACX,MAAM,IAAI,CAAC9B,oBAAoB,CAAC,CAAC,EAC3B5E,MAAM,EACjB2H,iBAAiB,EAEnB5H,aAAa,CAAC;UACdoI,KAAK,EAAG,GAAEnI,MAAO,wBAAuBA,MAAO,iBAAgB;UAC/DoI,IAAI,EAAE,gBAAgB;UACtBC,IAAI,EAAE,KAAK;UACXC,IAAI,EAAE;QACR,CAAC,CAAC,IAGL,EAAC;MAEV;IAAC;MAAAjH,IAAA;MAAAkH,MAAA;MAAAjH,GAAA;MAAAC,MAAA;QAAA,OAAAiH,aAAA,CAAAA,aAAA,KAGI5I,UAAU,CAAC6I,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAArH,IAAA;MAAAkH,MAAA;MAAAjH,GAAA;MAAAC,MAAA;QAAA,OAENnB,MAAM;MAAA;IAAA;EAAA;AAAA,GAraKH,UAAU,CAACL,UAAU,CAAC;AAwanD,eAAeiB,cAAc"}

package/es/components/code-snippet/code-snippet.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--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, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-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--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover-content *,.cds--popover-content ::after,.cds--popover-content ::before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:\"\"}.cds--popover--open>.cds--popover>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover .cds--popover-caret{display:none}.cds--popover--bottom>.cds--popover .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left>.cds--popover .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right>.cds--popover .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom-left>.cds--popover .cds--popover-content::before,.cds--popover--bottom-right>.cds--popover .cds--popover-content::before,.cds--popover--bottom>.cds--popover .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom-left>.cds--popover .cds--popover-caret,.cds--popover--bottom-right>.cds--popover .cds--popover-caret,.cds--popover--bottom>.cds--popover .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top>.cds--popover .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left>.cds--popover .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right>.cds--popover .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top-left>.cds--popover .cds--popover-content::before,.cds--popover--top-right>.cds--popover .cds--popover-content::before,.cds--popover--top>.cds--popover .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top-left>.cds--popover .cds--popover-caret,.cds--popover--top-right>.cds--popover .cds--popover-caret,.cds--popover--top>.cds--popover .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right>.cds--popover .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top>.cds--popover .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom>.cds--popover .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right-bottom>.cds--popover .cds--popover-content::before,.cds--popover--right-top>.cds--popover .cds--popover-content::before,.cds--popover--right>.cds--popover .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right-bottom>.cds--popover .cds--popover-caret,.cds--popover--right-top>.cds--popover .cds--popover-caret,.cds--popover--right>.cds--popover .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left>.cds--popover .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top>.cds--popover .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom>.cds--popover .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left-bottom>.cds--popover .cds--popover-content::before,.cds--popover--left-top>.cds--popover .cds--popover-content::before,.cds--popover--left>.cds--popover .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left-bottom>.cds--popover .cds--popover-caret,.cds--popover--left-top>.cds--popover .cds--popover-caret,.cds--popover--left>.cds--popover .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip>.cds--popover .cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--btn{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--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));--temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );--temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );--temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));left:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;margin-block-start:.0625rem}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{min-width:1rem;margin-block-start:.0625rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--copy-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none}.cds--copy-btn .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:right;transform:translateX(50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating::before{display:block}.cds--copy-btn.cds--copy-btn--animating::before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--copy-btn svg{fill:var(--cds-icon-primary,#161616)}.cds--copy{font-size:0}.cds--snippet html,:host(cds-code-snippet) html,:host(cds-code-snippet-skeleton) html{font-size:100%}.cds--snippet body,:host(cds-code-snippet) body,:host(cds-code-snippet-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet code,:host(cds-code-snippet) code,:host(cds-code-snippet-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet strong,:host(cds-code-snippet) strong,:host(cds-code-snippet-skeleton) strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand,:host(cds-code-snippet[disabled]),:host(cds-code-snippet[disabled]) .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover,:host(cds-code-snippet[disabled]) .cds--copy-btn,:host(cds-code-snippet[disabled]) .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon,:host(cds-code-snippet[disabled]) .cds--snippet-btn--expand .cds--icon-chevron--down,:host(cds-code-snippet[disabled]) .cds--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--snippet code,:host(cds-code-snippet) code,:host(cds-code-snippet-skeleton) code{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;background-color:var(--cds-layer);border-radius:4px;color:var(--cds-text-primary,#161616);cursor:pointer}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet--inline code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:0}.cds--snippet--inline::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none;border:none}.cds--snippet--inline .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:right;transform:translateX(50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating::before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single,:host(cds-code-snippet-skeleton[type=single]),:host(cds-code-snippet[type=single]){font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;height:2.5rem;align-items:center;padding-left:2.5rem}.cds--snippet--single.cds--snippet--no-copy,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet-skeleton[type=single])),:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet[type=single])){padding:0}.cds--snippet--single.cds--snippet--no-copy::after{left:1rem}.cds--snippet--single .cds--snippet-container,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container,:host(cds-code-snippet[type=single]) .cds--snippet-container{position:relative;display:flex;height:100%;align-items:center;padding-right:1rem;overflow-x:auto}.cds--snippet--single .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre,:host(cds-code-snippet-skeleton[type=single]) pre,:host(cds-code-snippet[type=single]) pre{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-left:.5rem}.cds--snippet--inline code,.cds--snippet--single pre,:host(cds-code-snippet-skeleton[type=single]) pre,:host(cds-code-snippet[type=single]) pre{white-space:pre}.cds--snippet--multi,:host(cds-code-snippet-skeleton[type=multi]),:host(cds-code-snippet[type=multi]),:host(cds-code-snippet[type=multi]) .cds--snippet-container{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;padding:1rem}.cds--snippet--multi .cds--snippet-container,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container,:host(cds-code-snippet[type=multi]) .cds--snippet-container{position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container:focus,:host(cds-code-snippet[type=multi]) .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container:focus,:host(cds-code-snippet[type=multi]) .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container,:host(cds-code-snippet[type=multi]) .cds--snippet--expand.cds--snippet-container .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre,:host(cds-code-snippet[type=multi]) .cds--snippet--wraptext.cds--snippet-container pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container pre,:host(cds-code-snippet[type=multi]) .cds--snippet-container pre{padding-left:2.5rem;padding-bottom:1.5rem;overflow-x:auto}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet-skeleton[type=multi])) .cds--snippet-container pre,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet[type=multi])) .cds--snippet-container pre,:host(cds-code-snippet[type=multi]) .cds--snippet--no-copy.cds--snippet-container .cds--snippet-container pre{padding-left:0}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre,:host(cds-code-snippet[type=multi]) .cds--snippet--expand.cds--snippet-container .cds--snippet-container pre{overflow-x:auto}.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after,:host(cds-code-snippet[type=multi]) .cds--snippet--has-right-overflow.cds--snippet-container .cds--snippet-container pre::after{position:absolute;top:0;left:0;width:1rem;height:100%;background-image:linear-gradient(to left,transparent,var(--cds-layer));content:\"\"}.cds--snippet--multi .cds--snippet-container pre code,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container pre code,:host(cds-code-snippet[type=multi]) .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn>.cds--snippet__icon{margin-block-start:0}.cds--copy-btn{display:flex;overflow:visible;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container,:host(cds-code-snippet) .cds--popover-container,:host(cds-code-snippet-skeleton) .cds--popover-container{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;left:0}.cds--snippet--inline.cds--btn{width:initial;height:1.25rem;min-height:1.25rem;padding-inline:0}.cds--snippet--inline.cds--btn.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container,:host(:host(cds-code-snippet-skeleton[type=multi]cds-code-snippet-skeleton)) .cds--popover-container,:host(:host(cds-code-snippet[type=multi]cds-code-snippet)) .cds--popover-container{top:.5rem;left:.5rem}.cds--snippet--multi .cds--copy-btn,:host(cds-code-snippet-skeleton[type=multi]) .cds--copy-btn,:host(cds-code-snippet[type=multi]) .cds--copy-btn{z-index:10}.cds--snippet-btn--expand{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;z-index:10;left:0;bottom:0;display:inline-flex;height:2rem;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand .cds--snippet-btn--text{position:relative;top:-.0625rem}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{margin-right:.5rem;fill:var(--cds-icon-primary,#161616);transform:rotate(0);transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(-180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,.cds--snippet--light.cds--snippet--single::after,:host(cds-code-snippet[type=multi]) .cds--snippet--light.cds--snippet-container .cds--snippet-container pre::after{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container,:host(cds-code-snippet-skeleton) .cds--snippet-container{width:100%;height:100%}.cds--snippet-button .cds--btn--copy__feedback{top:3.175rem;left:auto;right:50%}.cds--snippet-button .cds--btn--copy__feedback::before{top:0}.cds--snippet-button .cds--btn--copy__feedback::after{top:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-button .cds--btn--copy__feedback,:host(cds-code-snippet[type=multi]) .cds--snippet-button .cds--btn--copy__feedback{top:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{top:calc(100% - .25rem);left:auto;right:50%}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{z-index:1;width:1rem;flex:1 0 auto}.cds--snippet__overflow-indicator--left{order:0;margin-left:-1rem;background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet__overflow-indicator--right{order:2;margin-right:-1rem;background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet__overflow-indicator--left,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet__overflow-indicator--right,:host(cds-code-snippet[type=single]) .cds--snippet__overflow-indicator--left,:host(cds-code-snippet[type=single]) .cds--snippet__overflow-indicator--right{position:absolute;width:2rem;height:calc(100% - .25rem)}.cds--snippet--single .cds--snippet__overflow-indicator--right,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet__overflow-indicator--right,:host(cds-code-snippet[type=single]) .cds--snippet__overflow-indicator--right{left:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet-skeleton[type=single])) .cds--snippet__overflow-indicator--right,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet[type=single])) .cds--snippet__overflow-indicator--right{left:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{left:calc(2.5rem + .125rem)}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{right:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-layer))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--snippet--multi.cds--skeleton,:host(:host(cds-code-snippet-skeletoncds-code-snippet[type=multi])),:host(cds-code-snippet-skeleton[type=multi]),:host(cds-code-snippet[type=multi]) .cds--skeleton.cds--snippet-container{height:6.125rem}.cds--snippet--single.cds--skeleton,:host(:host(cds-code-snippet-skeletoncds-code-snippet[type=single])),:host(cds-code-snippet-skeleton[type=single]){height:3.5rem}.cds--snippet.cds--skeleton span,:host(cds-code-snippet-skeleton) span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:1rem;margin-top:.5rem}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover,:host(cds-code-snippet-skeleton) span:active,:host(cds-code-snippet-skeleton) span:focus,:host(cds-code-snippet-skeleton) span:hover{border:none;cursor:default;outline:0}.cds--snippet.cds--skeleton span::before,:host(cds-code-snippet-skeleton) span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--snippet.cds--skeleton span::before,:host(cds-code-snippet-skeleton) span::before{animation:none}}.cds--snippet.cds--skeleton span:first-child,:host(cds-code-snippet-skeleton) span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2),:host(cds-code-snippet-skeleton) span:nth-child(2){width:85%}.cds--snippet.cds--skeleton span:nth-child(3),:host(cds-code-snippet-skeleton) span:nth-child(3){width:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container,:host(:host(cds-code-snippet-skeletoncds-code-snippet[type=single])) .cds--snippet-container,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container{padding-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--multi,.cds--snippet--single,:host(cds-code-snippet-skeleton[type=multi]),:host(cds-code-snippet-skeleton[type=single]),:host(cds-code-snippet[type=multi]),:host(cds-code-snippet[type=multi]) .cds--snippet-container,:host(cds-code-snippet[type=single]){outline:1px solid transparent}}:host(cds-code-snippet[wrap-text]) pre{white-space:pre-wrap;word-wrap:break-word}:host(cds-code-snippet[type=single]) pre{white-space:nowrap}:host(cds-code-snippet[type=single]) cds-copy-button{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;left:0;code-overflow:hidden}cds-copy code{padding:0 .5rem;font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}:host(cds-code-snippet[type=multi]) .cds--snippet-container{padding:0}:host(cds-code-snippet[type=multi]) pre{margin:0;padding:0 0 1.5rem 2.5rem;overflow-x:auto}:host(cds-code-snippet[type=multi]) pre::after{position:absolute;top:0;left:0;width:1rem;height:100%;background-image:linear-gradient(to left,transparent,var(--cds-layer));content:\"\"}:host(cds-code-snippet[type=multi]) cds-button .cds--snippet__icon{margin-right:.5rem}:host(cds-code-snippet[type=multi]) cds-button[disabled] .cds--snippet-btn--text{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-code-snippet[type=multi]) cds-copy-button{position:absolute;top:.5rem;left:.5rem}:host(cds-code-snippet[type=multi][expanded-code]) .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}:host(cds-code-snippet[type=multi][expanded-code]) cds-button .cds--snippet__icon{transform:rotate(-180deg);transition:transform .3s}:host(cds-code-snippet-skeleton) span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;display:block;margin-top:.5rem}:host(cds-code-snippet-skeleton) span:active,:host(cds-code-snippet-skeleton) span:focus,:host(cds-code-snippet-skeleton) span:hover{border:none;cursor:default;outline:0}:host(cds-code-snippet-skeleton) span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-code-snippet-skeleton) span::before{animation:none}}:host(cds-code-snippet-skeleton) span:first-child{margin:0}:host(cds-code-snippet-skeleton) span:nth-child(2){width:85%}:host(cds-code-snippet-skeleton) span:nth-child(3){width:95%}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--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, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-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--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius,2px);background-color:var(--cds-popover-background-color,var(--cds-layer));color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.cds--popover-content *,.cds--popover-content ::after,.cds--popover-content ::before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:\"\"}.cds--popover--open>.cds--popover>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:initial}.cds--popover--bottom-right>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--bottom-left>.cds--popover>.cds--popover-content::before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content::before,.cds--popover--bottom>.cds--popover>.cds--popover-content::before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline-end:0;inset-inline-start:0;transform:translateY(-100%)}.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(50%,var(--cds-popover-offset,0))}[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}[dir=rtl] .cds--popover--top>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}[dir=rtl] .cds--popover--top-left>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:initial}.cds--popover--top-right>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}[dir=rtl] .cds--popover--top-right>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--top-left>.cds--popover>.cds--popover-content::before,.cds--popover--top-right>.cds--popover>.cds--popover-content::before,.cds--popover--top>.cds--popover>.cds--popover-content::before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline-end:0;inset-inline-start:0;transform:translateY(100%)}.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}[dir=rtl] .cds--popover--top-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}[dir=rtl] .cds--popover--right-bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:initial}.cds--popover--right-bottom>.cds--popover>.cds--popover-content::before,.cds--popover--right-top>.cds--popover>.cds--popover-content::before,.cds--popover--right>.cds--popover>.cds--popover-content::before{inline-size:var(--cds-popover-offset,0);inset-block-end:0;inset-block-start:0;inset-inline-start:0;transform:translateX(100%)}.cds--popover--right-bottom>.cds--popover>.cds--popover-caret,.cds--popover--right-top>.cds--popover>.cds--popover-caret,.cds--popover--right>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}[dir=rtl] .cds--popover--right-bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:initial}.cds--popover--left>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top>.cds--popover>.cds--popover-content{inset-block-start:-50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom>.cds--popover>.cds--popover-content{inset-block-end:-50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}[dir=rtl] .cds--popover--left-bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left>.cds--popover>.cds--popover-content{inset-inline-end:initial;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content::before,.cds--popover--left-top>.cds--popover>.cds--popover-content::before,.cds--popover--left>.cds--popover>.cds--popover-content::before{inline-size:var(--cds-popover-offset,0);inset-block-end:0;inset-block-start:0;inset-inline-end:0;transform:translateX(-100%)}.cds--popover--left-bottom>.cds--popover>.cds--popover-caret,.cds--popover--left-top>.cds--popover>.cds--popover-caret,.cds--popover--left>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}[dir=rtl] .cds--popover--left-bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left>.cds--popover>.cds--popover-caret{inset-inline-end:initial;inset-inline-start:100%}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff);max-inline-size:18rem}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-block-end-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:.5rem 1rem;max-inline-size:11rem}.cds--btn{--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-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));--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));--temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );--temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );--temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;flex-shrink:0;justify-content:space-between;border-radius:0;margin:0;cursor:pointer;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;flex-shrink:0;block-size:1rem;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-inline-start:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{justify-content:center;padding:0;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);padding-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{margin-block-start:.0625rem;min-inline-size:1rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-inline-start:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{block-size:1.25rem;inline-size:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-inline-size:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;inline-size:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{inline-size:100%;max-inline-size:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set .cds--btn.cds--btn--loading{border-color:transparent;background-color:transparent;box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}[dir=rtl] .cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--copy-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn::before{position:absolute;z-index:6000;border-style:solid;block-size:0;content:\"\";inline-size:0;display:none}.cds--copy-btn .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--copy-btn .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating::before{display:block}.cds--copy-btn.cds--copy-btn--animating::before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--copy-btn svg{fill:var(--cds-icon-primary,#161616)}.cds--copy{font-size:0}.cds--snippet html,:host(cds-code-snippet) html,:host(cds-code-snippet-skeleton) html{font-size:100%}.cds--snippet body,:host(cds-code-snippet) body,:host(cds-code-snippet-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet code,:host(cds-code-snippet) code,:host(cds-code-snippet-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet strong,:host(cds-code-snippet) strong,:host(cds-code-snippet-skeleton) strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand,:host(cds-code-snippet[disabled]),:host(cds-code-snippet[disabled]) .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover,:host(cds-code-snippet[disabled]) .cds--copy-btn,:host(cds-code-snippet[disabled]) .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon,:host(cds-code-snippet[disabled]) .cds--snippet-btn--expand .cds--icon-chevron--down,:host(cds-code-snippet[disabled]) .cds--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--snippet code,:host(cds-code-snippet) code,:host(cds-code-snippet-skeleton) code{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;border-radius:4px;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet--inline code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:0}.cds--snippet--inline::before{position:absolute;z-index:6000;border-style:solid;block-size:0;content:\"\";inline-size:0;display:none;border:none}.cds--snippet--inline .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;padding:.1875rem 1rem;border-radius:.125rem;background-color:var(--cds-background-inverse,#393939);block-size:auto;color:var(--cds-text-inverse,#fff);font-weight:400;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:13rem;min-inline-size:1.5rem;text-align:start;transform:translateX(50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--snippet--inline .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating::before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single,:host(cds-code-snippet-skeleton[type=single]),:host(cds-code-snippet[type=single]){font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;background-color:var(--cds-layer);inline-size:100%;max-inline-size:48rem;display:flex;align-items:center;block-size:2.5rem;padding-inline-end:2.5rem}.cds--snippet--single.cds--snippet--no-copy,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet-skeleton[type=single])),:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet[type=single])){padding:0}.cds--snippet--single.cds--snippet--no-copy::after{inset-inline-end:1rem}.cds--snippet--single .cds--snippet-container,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container,:host(cds-code-snippet[type=single]) .cds--snippet-container{position:relative;display:flex;align-items:center;block-size:100%;overflow-x:auto;padding-inline-start:1rem}.cds--snippet--single .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre,:host(cds-code-snippet-skeleton[type=single]) pre,:host(cds-code-snippet[type=single]) pre{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-inline-end:.5rem}.cds--snippet--inline code,.cds--snippet--single pre,:host(cds-code-snippet-skeleton[type=single]) pre,:host(cds-code-snippet[type=single]) pre{white-space:pre}.cds--snippet--multi,:host(cds-code-snippet-skeleton[type=multi]),:host(cds-code-snippet[type=multi]),:host(cds-code-snippet[type=multi]) .cds--snippet-container{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;background-color:var(--cds-layer);inline-size:100%;max-inline-size:48rem;display:flex;padding:1rem}.cds--snippet--multi .cds--snippet-container,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container,:host(cds-code-snippet[type=multi]) .cds--snippet-container{position:relative;order:1;max-block-size:100%;min-block-size:100%;overflow-y:auto;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container:focus,:host(cds-code-snippet[type=multi]) .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container:focus,:host(cds-code-snippet[type=multi]) .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container,:host(cds-code-snippet[type=multi]) .cds--snippet--expand.cds--snippet-container .cds--snippet-container{padding-block-end:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre,:host(cds-code-snippet[type=multi]) .cds--snippet--wraptext.cds--snippet-container pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container pre,:host(cds-code-snippet[type=multi]) .cds--snippet-container pre{padding-block-end:1.5rem;padding-inline-end:2.5rem}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet-skeleton[type=multi])) .cds--snippet-container pre,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet[type=multi])) .cds--snippet-container pre,:host(cds-code-snippet[type=multi]) .cds--snippet--no-copy.cds--snippet-container .cds--snippet-container pre{padding-inline-end:0}.cds--snippet--multi.cds--snippet--has-right-overflow::after,:host(cds-code-snippet[type=multi]) .cds--snippet--has-right-overflow.cds--snippet-container::after{position:absolute;background-image:linear-gradient(to left,transparent,var(--cds-layer));block-size:100%;content:\"\";inline-size:1rem;inset-block-start:0;inset-inline-end:1rem}:host(cds-code-snippet[type=multi]) [dir=rtl] .cds--snippet--has-right-overflow.cds--snippet-container::after,[dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after{background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--multi .cds--snippet-container pre code,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-container pre code,:host(cds-code-snippet[type=multi]) .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn>.cds--snippet__icon{margin-block-start:0}.cds--copy-btn{display:flex;overflow:visible;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container,:host(cds-code-snippet) .cds--popover-container,:host(cds-code-snippet-skeleton) .cds--popover-container{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;inset-block-start:0;inset-inline-end:0}.cds--snippet--inline.cds--btn{block-size:1.25rem;inline-size:initial;min-block-size:1.25rem;padding-inline:0}.cds--snippet--inline.cds--btn.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container,:host(:host(cds-code-snippet-skeleton[type=multi]cds-code-snippet-skeleton)) .cds--popover-container,:host(:host(cds-code-snippet[type=multi]cds-code-snippet)) .cds--popover-container{inset-block-start:.5rem;inset-inline-end:.5rem}.cds--snippet--multi .cds--copy-btn,:host(cds-code-snippet-skeleton[type=multi]) .cds--copy-btn,:host(cds-code-snippet[type=multi]) .cds--copy-btn{z-index:10}.cds--snippet-btn--expand{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;z-index:10;display:inline-flex;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);block-size:2rem;color:var(--cds-text-primary,#161616);inset-block-end:0;inset-inline-end:0}.cds--snippet-btn--expand .cds--snippet-btn--text{position:relative;inset-block-start:-.0625rem}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{fill:var(--cds-icon-primary,#161616);margin-inline-start:.5rem;transform:rotate(0);transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(-180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi::after,.cds--snippet--light.cds--snippet--single::after,:host(cds-code-snippet[type=multi]) .cds--snippet--light.cds--snippet-container::after{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container,:host(cds-code-snippet-skeleton) .cds--snippet-container{block-size:100%;inline-size:100%}.cds--snippet-button .cds--btn--copy__feedback{inset-block-start:3.175rem;inset-inline-end:auto;inset-inline-start:50%}.cds--snippet-button .cds--btn--copy__feedback::before{inset-block-start:0}.cds--snippet-button .cds--btn--copy__feedback::after{inset-block-start:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback,:host(cds-code-snippet-skeleton[type=multi]) .cds--snippet-button .cds--btn--copy__feedback,:host(cds-code-snippet[type=multi]) .cds--snippet-button .cds--btn--copy__feedback{inset-block-start:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{inset-block-start:calc(100% - .25rem);inset-inline-end:auto;inset-inline-start:50%}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{z-index:1;flex:1 0 auto;inline-size:1rem}.cds--snippet__overflow-indicator--left{order:0;background-image:linear-gradient(to right,transparent,var(--cds-layer));margin-inline-end:-1rem}.cds--snippet__overflow-indicator--right{order:2;background-image:linear-gradient(to left,transparent,var(--cds-layer));margin-inline-start:-1rem}[dir=rtl] .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,transparent,var(--cds-layer))}[dir=rtl] .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet__overflow-indicator--left,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet__overflow-indicator--right,:host(cds-code-snippet[type=single]) .cds--snippet__overflow-indicator--left,:host(cds-code-snippet[type=single]) .cds--snippet__overflow-indicator--right{position:absolute;block-size:calc(100% - .25rem);inline-size:2rem}.cds--snippet--single .cds--snippet__overflow-indicator--right,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet__overflow-indicator--right,:host(cds-code-snippet[type=single]) .cds--snippet__overflow-indicator--right{inset-inline-end:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet-skeleton[type=single])) .cds--snippet__overflow-indicator--right,:host(:host(cds-code-snippet[hide-copy-button]cds-code-snippet[type=single])) .cds--snippet__overflow-indicator--right{inset-inline-end:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{inset-inline-end:calc(2.5rem + .125rem)}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left,:host(cds-code-snippet[type=single]) .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{inset-inline-start:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-layer))}@media not all and (min-resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--snippet--multi.cds--skeleton,:host(:host(cds-code-snippet-skeletoncds-code-snippet[type=multi])),:host(cds-code-snippet-skeleton[type=multi]),:host(cds-code-snippet[type=multi]) .cds--skeleton.cds--snippet-container{block-size:6.125rem}.cds--snippet--single.cds--skeleton,:host(:host(cds-code-snippet-skeletoncds-code-snippet[type=single])),:host(cds-code-snippet-skeleton[type=single]){block-size:3.5rem}.cds--snippet.cds--skeleton span,:host(cds-code-snippet-skeleton) span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;block-size:1rem;inline-size:100%;margin-block-start:.5rem}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover,:host(cds-code-snippet-skeleton) span:active,:host(cds-code-snippet-skeleton) span:focus,:host(cds-code-snippet-skeleton) span:hover{border:none;cursor:default;outline:0}.cds--snippet.cds--skeleton span::before,:host(cds-code-snippet-skeleton) span::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--snippet.cds--skeleton span::before,:host(cds-code-snippet-skeleton) span::before{animation:none}}.cds--snippet.cds--skeleton span:first-child,:host(cds-code-snippet-skeleton) span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2),:host(cds-code-snippet-skeleton) span:nth-child(2){inline-size:85%}.cds--snippet.cds--skeleton span:nth-child(3),:host(cds-code-snippet-skeleton) span:nth-child(3){inline-size:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container,:host(:host(cds-code-snippet-skeletoncds-code-snippet[type=single])) .cds--snippet-container,:host(cds-code-snippet-skeleton[type=single]) .cds--snippet-container{padding-block-end:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--multi,.cds--snippet--single,:host(cds-code-snippet-skeleton[type=multi]),:host(cds-code-snippet-skeleton[type=single]),:host(cds-code-snippet[type=multi]),:host(cds-code-snippet[type=multi]) .cds--snippet-container,:host(cds-code-snippet[type=single]){outline:1px solid transparent}}:host(cds-code-snippet[wrap-text]) pre{white-space:pre-wrap;word-wrap:break-word}:host(cds-code-snippet[type=single]) pre{white-space:nowrap}:host(cds-code-snippet[type=single]) cds-copy-button{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;left:0;code-overflow:hidden}cds-copy code{padding:0 .5rem;font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}:host(cds-code-snippet[type=multi]) .cds--snippet-container{padding:0}:host(cds-code-snippet[type=multi]) pre{margin:0;padding:0 0 1.5rem 2.5rem;overflow-x:auto}:host(cds-code-snippet[type=multi]) pre::after{position:absolute;top:0;left:0;width:1rem;height:100%;background-image:linear-gradient(to left,transparent,var(--cds-layer));content:\"\"}:host(cds-code-snippet[type=multi]) cds-button .cds--snippet__icon{margin-right:.5rem}:host(cds-code-snippet[type=multi]) cds-button[disabled] .cds--snippet-btn--text{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-code-snippet[type=multi]) cds-copy-button{position:absolute;top:.5rem;left:.5rem}:host(cds-code-snippet[type=multi][expanded-code]) .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}:host(cds-code-snippet[type=multi][expanded-code]) cds-button .cds--snippet__icon{transform:rotate(-180deg);transition:transform .3s}:host(cds-code-snippet-skeleton) span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;display:block;margin-top:.5rem}:host(cds-code-snippet-skeleton) span:active,:host(cds-code-snippet-skeleton) span:focus,:host(cds-code-snippet-skeleton) span:hover{border:none;cursor:default;outline:0}:host(cds-code-snippet-skeleton) span::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-code-snippet-skeleton) span::before{animation:none}}:host(cds-code-snippet-skeleton) span:first-child{margin:0}:host(cds-code-snippet-skeleton) span:nth-child(2){width:85%}:host(cds-code-snippet-skeleton) span:nth-child(3){width:95%}",
 ]);