@carbon/web-components 2.0.0-rc.2 → 2.0.0-rc.4

package/es/components/ui-shell/header-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-menu.js","names":["ifDefined","LitElement","html","property","customElement","query","classMap","ChevronDownGlyph","prefix","FocusMixin","HostListenerMixin","HostListener","forEach","styles","CDSHeaderMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleClick","_handleUserInitiatedToggle","_handleKeydownTrigger","force","expanded","_trigger","focus","_handleBlur","relatedTarget","contains","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","selectorItem","querySelectorAll","elem","isActive","_hasActiveChildren","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","tabIndex","render","triggerContent","menuLabel","handleClick","handleKeydownTrigger","linkClasses","_t","_","String","part","class","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-menu.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDownGlyph from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSHeaderMenuItem from './header-menu-item';\nimport styles from './header.scss';\n\n/**\n * Header menu.\n *\n * @element cds-header-menu\n * @csspart trigger The trigger button.\n * @csspart trigger-icon The trigger button icon.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-header-menu`)\nclass CDSHeaderMenu extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The trigger button.\n   */\n  @query('a')\n  private _trigger!: HTMLElement;\n\n  /**\n   * keeps track if header menu has any active submenus\n   */\n  private _hasActiveChildren = false;\n\n  /**\n   * Handles `click` event handler on this element.\n   */\n  private _handleClick() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the trigger button.\n   */\n  private _handleKeydownTrigger({ key }: KeyboardEvent) {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this.expanded) {\n    this.expanded = force;\n    if (!force) {\n      this._trigger.focus();\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * `true` if the menu should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active', reflect: true })\n  isActive = false;\n\n  /**\n   * The content of the trigger button.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * The `aria-label` attribute for the menu UI.\n   */\n  @property({ attribute: 'menu-label' })\n  menuLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n    forEach(this.querySelectorAll(selectorItem), (elem) => {\n      if ((elem as CDSHeaderMenuItem).isActive === true) {\n        this._hasActiveChildren = true;\n      }\n    });\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      isActive,\n      triggerContent,\n      menuLabel,\n      _hasActiveChildren,\n      _handleClick: handleClick,\n      _handleKeydownTrigger: handleKeydownTrigger,\n    } = this;\n\n    const linkClasses = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-title`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive || (_hasActiveChildren && !expanded),\n    });\n\n    return html`\n      <a\n        part=\"trigger\"\n        tabindex=\"0\"\n        class=\"${linkClasses}\"\n        href=\"javascript:void 0\"\n        aria-haspopup=\"menu\"\n        aria-expanded=\"${String(Boolean(expanded))}\"\n        @click=${handleClick}\n        @keydown=${handleKeydownTrigger}>\n        ${triggerContent}${ChevronDownGlyph({\n          part: 'trigger-icon',\n          class: `${prefix}--header__menu-arrow`,\n        })}\n      </a>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu\"\n        aria-label=\"${ifDefined(menuLabel)}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-header-menu-item`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderMenu;\n"],"mappings":"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"}
+{"version":3,"file":"header-menu.js","names":["ifDefined","LitElement","html","property","query","classMap","ChevronDownGlyph","prefix","FocusMixin","HostListenerMixin","HostListener","forEach","styles","carbonElement","customElement","CDSHeaderMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleClick","_handleUserInitiatedToggle","_handleKeydownTrigger","force","expanded","_topMenuItem","focus","_handleBlur","relatedTarget","contains","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","selectorItem","querySelectorAll","elem","isActive","_hasActiveChildren","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","tabIndex","render","triggerContent","menuLabel","handleClick","linkClasses","_t","_","String","part","class","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-menu.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDownGlyph from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSHeaderMenuItem from './header-menu-item';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header menu.\n *\n * @element cds-header-menu\n * @csspart trigger The trigger button.\n * @csspart trigger-icon The trigger button icon.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-header-menu`)\nclass CDSHeaderMenu extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The trigger button.\n   */\n  @query('[part=\"trigger\"]')\n  protected _topMenuItem!: HTMLElement;\n\n  /**\n   * keeps track if header menu has any active submenus\n   */\n  private _hasActiveChildren = false;\n\n  /**\n   * Handles `click` event handler on this element.\n   */\n  private _handleClick() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger({ key }: KeyboardEvent) {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this.expanded) {\n    this.expanded = force;\n    if (!force) {\n      this._topMenuItem.focus();\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * `true` if the menu should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active', reflect: true })\n  isActive = false;\n\n  /**\n   * The content of the trigger button.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * The `aria-label` attribute for the menu UI.\n   */\n  @property({ attribute: 'menu-label' })\n  menuLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n    forEach(this.querySelectorAll(selectorItem), (elem) => {\n      if ((elem as CDSHeaderMenuItem).isActive === true) {\n        this._hasActiveChildren = true;\n      }\n    });\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      isActive,\n      triggerContent,\n      menuLabel,\n      _hasActiveChildren,\n      _handleClick: handleClick,\n    } = this;\n\n    const linkClasses = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-title`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive || (_hasActiveChildren && !expanded),\n    });\n\n    return html`\n      <a\n        part=\"trigger\"\n        role=\"button\"\n        tabindex=\"0\"\n        class=\"${linkClasses}\"\n        href=\"javascript:void 0\"\n        aria-haspopup=\"menu\"\n        aria-expanded=\"${String(Boolean(expanded))}\"\n        @click=${handleClick}>\n        ${triggerContent}${ChevronDownGlyph({\n          part: 'trigger-icon',\n          class: `${prefix}--header__menu-arrow`,\n        })}\n      </a>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu\"\n        aria-label=\"${ifDefined(menuLabel)}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-header-menu-item`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderMenu;\n"],"mappings":"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"}

package/es/components/ui-shell/header-name.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header-name.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC;;;;;;GAMG;AACH,cACM,aAAc,SAAQ,kBAAsB;IAChD;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB,MAAM;IAgBN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"header-name.d.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * The product name UI in header nav.\n *\n * @element cds-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass CDSHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<slot></slot\n      ></a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderName;\n"]}
+{"version":3,"sources":["components/ui-shell/header-name.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;GAMG;AACH,cACM,aAAc,SAAQ,kBAAsB;IAChD;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB,MAAM;IAgBN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"header-name.d.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The product name UI in header nav.\n *\n * @element cds-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass CDSHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<slot></slot\n      ></a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderName;\n"]}

package/es/components/ui-shell/header-name.js

@@ -14,10 +14,11 @@ let _ = t => t,
 
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././header.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**
  * The product name UI in header nav.
@@ -25,13 +26,7 @@ import styles from "././header.css.js";
  * @element cds-header-name
  * @csspart link The link.
  * @csspart prefix The prefix content.
- */ /**
-     * The product name UI in header nav.
-     *
-     * @element cds-header-name
-     * @csspart link The link.
-     * @csspart prefix The prefix content.
-     */
+ */
 let CDSHeaderName = _decorate([customElement(`${prefix}-header-name`)], function (_initialize, _FocusMixin) {
   class CDSHeaderName extends _FocusMixin {
     constructor(...args) {

package/es/components/ui-shell/header-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-name.js","names":["ifDefined","LitElement","html","property","customElement","prefix","FocusMixin","styles","CDSHeaderName","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","render","href","namePrefix","namePrefixPart","undefined","_t","_","_t2","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-name.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * The product name UI in header nav.\n *\n * @element cds-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass CDSHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<slot></slot\n      ></a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderName;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,aAAa,GAAAC,SAAA,EADlBL,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAvC,MACMH,aAAa,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkCnD;EAAC;IAAAI,CAAA,EAlCKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEhB,MAAM,EAAEiB;QAAW,CAAC,GAAG,IAAI;QACzC,MAAMC,cAAc,GAAG,CAACD,UAAU,GAC9BE,SAAS,GACTtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACb,uCAAqC,CAAS;AAC9C,eAAa,CAAa;AAC1B;AACA,SAAQ,GAH+BrB,MAAM,EAC9BiB,UAAU,CAEhB;QACL,OAAOpB,IAAI,CAAAyB,GAAA,KAAAA,GAAA,GAAAD,CAAC;AAChB,8BAA4B,CAAS,yBAAsB,CAAkB;AAC7E,WAAS,CAAiB;AAC1B;AACA,KAAI,GAH0BrB,MAAM,EAAyBL,SAAS,CAACqB,IAAI,CAAC,EACjEE,cAAc;MAGvB;IAAC;MAAAP,IAAA;MAAAY,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAAAU,aAAA,CAAAA,aAAA,KAGI5B,UAAU,CAAC6B,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAf,IAAA;MAAAY,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAjCID,UAAU,CAACL,UAAU,CAAC;AAoClD,eAAeO,aAAa"}
+{"version":3,"file":"header-name.js","names":["ifDefined","LitElement","html","property","prefix","FocusMixin","styles","carbonElement","customElement","CDSHeaderName","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","render","href","namePrefix","namePrefixPart","undefined","_t","_","_t2","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-name.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The product name UI in header nav.\n *\n * @element cds-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass CDSHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<slot></slot\n      ></a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderName;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,aAAa,GAAAC,SAAA,EADlBF,aAAa,CAAE,GAAEJ,MAAO,cAAa,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAvC,MACMH,aAAa,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkCnD;EAAC;IAAAI,CAAA,EAlCKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBf,QAAQ,CAAC,CAAC;MAAAgB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVf,QAAQ,CAAC,CAAC;MAAAgB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAElB,MAAM,EAAEmB;QAAW,CAAC,GAAG,IAAI;QACzC,MAAMC,cAAc,GAAG,CAACD,UAAU,GAC9BE,SAAS,GACTvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACb,uCAAqC,CAAS;AAC9C,eAAa,CAAa;AAC1B;AACA,SAAQ,GAH+BvB,MAAM,EAC9BmB,UAAU,CAEhB;QACL,OAAOrB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAC;AAChB,8BAA4B,CAAS,yBAAsB,CAAkB;AAC7E,WAAS,CAAiB;AAC1B;AACA,KAAI,GAH0BvB,MAAM,EAAyBJ,SAAS,CAACsB,IAAI,CAAC,EACjEE,cAAc;MAGvB;IAAC;MAAAP,IAAA;MAAAY,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAAAU,aAAA,CAAAA,aAAA,KAGI7B,UAAU,CAAC8B,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAf,IAAA;MAAAY,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAENd,MAAM;MAAA;IAAA;EAAA;AAAA,GAjCID,UAAU,CAACJ,UAAU,CAAC;AAoClD,eAAeQ,aAAa"}

package/es/components/ui-shell/header-nav-item.d.ts

@@ -325,6 +325,14 @@ declare class CDSHeaderNavItem extends CDSHeaderNavItem_base {
      * Link `href`.
      */
     href: string;
+    /**
+     * The link type.
+     */
+    rel: string;
+    /**
+     * The link target.
+     */
+    target: string;
     /**
      * The title.
      */

package/es/components/ui-shell/header-nav-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header-nav-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC;;;;;;GAMG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAc;IAE1B,MAAM;IAqBN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"header-nav-item.d.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Header nav item.\n *\n * @element cds-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNavItem;\n"]}
+{"version":3,"sources":["components/ui-shell/header-nav-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;GAMG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAc;IAE1B,MAAM;IAuBN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"header-nav-item.d.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header nav item.\n *\n * @element cds-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title, rel, target } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNavItem;\n"]}

package/es/components/ui-shell/header-nav-item.js

@@ -14,10 +14,11 @@ let _ = t => t,
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././header.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**
  * Header nav item.
@@ -25,13 +26,7 @@ import styles from "././header.css.js";
  * @element cds-header-nav-item
  * @csspart link The link.
  * @csspart title The title.
- */ /**
-     * Header nav item.
-     *
-     * @element cds-header-nav-item
-     * @csspart link The link.
-     * @csspart title The title.
-     */
+ */
 let CDSHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], function (_initialize, _FocusMixin) {
   class CDSHeaderNavItem extends _FocusMixin {
     constructor(...args) {
@@ -46,6 +41,20 @@ let CDSHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], f
       decorators: [property()],
       key: "href",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true
+      })],
+      key: "rel",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true
+      })],
+      key: "target",
+      value: void 0
     }, {
       kind: "field",
       decorators: [property()],
@@ -86,6 +95,14 @@ let CDSHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], f
        * Link `href`.
        */
 
+      /**
+       * The link type.
+       */
+
+      /**
+       * The link target.
+       */
+
       /**
        * The title.
        */
@@ -107,7 +124,9 @@ let CDSHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], f
           ariaCurrent,
           href,
           isActive,
-          title
+          title,
+          rel,
+          target
         } = this;
         const linkClass = classMap({
           [`${prefix}--header__menu-item`]: true,
@@ -118,12 +137,14 @@ let CDSHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], f
         part="link"
         class="${0}"
         tabindex="0"
-        href="${0}">
+        href="${0}"
+        rel="${0}"
+        target="${0}">
         <span part="title" class="${0}--text-truncate--end"
           ><slot>${0}</slot></span
         >
       </a>
-    `), linkClass, ifDefined(href), prefix, title);
+    `), linkClass, ifDefined(href), ifDefined(rel), ifDefined(target), prefix, title);
       }
     }, {
       kind: "field",

package/es/components/ui-shell/header-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav-item.js","names":["ifDefined","classMap","LitElement","html","property","customElement","prefix","FocusMixin","styles","CDSHeaderNavItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","type","Boolean","attribute","String","reflect","render","ariaCurrent","href","isActive","title","linkClass","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-nav-item.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Header nav item.\n *\n * @element cds-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNavItem;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,gBAAgB,GAAAC,SAAA,EADrBL,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDtD;EAAC;IAAAI,CAAA,EAzDKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,EAAE;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVd,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKfd,QAAQ,CAAC;QAAEiB,IAAI,EAAEG,MAAM;QAAED,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMrDd,QAAQ,CAAC;QAAEqB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAN,GAAA;MAAAC,MAAA;QAAA,OACb,UAAU;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MA5BzB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAM,OAAA,EAAS;QACP,MAAM;UAAEC,WAAW;UAAEC,IAAI;UAAEC,QAAQ;UAAEC;QAAM,CAAC,GAAG,IAAI;QACnD,MAAMC,SAAS,GAAG9B,QAAQ,CAAC;UACzB,CAAE,GAAEK,MAAO,qBAAoB,GAAG,IAAI;UACtC,CAAE,GAAEA,MAAO,8BAA6B,GACtCuB,QAAQ,IAAIF,WAAW,KAAK;QAChC,CAAC,CAAC;QAEF,OAAOxB,IAAI,CAAA6B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,iBAAe,CAAY;AAC3B;AACA,gBAAc,CAAkB;AAChC,oCAAkC,CAAS;AAC3C,mBAAiB,CAAQ;AACzB;AACA;AACA,KAAI,GAPaF,SAAS,EAEV/B,SAAS,CAAC4B,IAAI,CAAC,EACKtB,MAAM,EACvBwB,KAAK;MAItB;IAAC;MAAAb,IAAA;MAAAiB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAAAe,aAAA,CAAAA,aAAA,KAGIjC,UAAU,CAACkC,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAApB,IAAA;MAAAiB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAxDOD,UAAU,CAACL,UAAU,CAAC;AA2DrD,eAAeO,gBAAgB"}
+{"version":3,"file":"header-nav-item.js","names":["ifDefined","classMap","LitElement","html","property","prefix","FocusMixin","styles","carbonElement","customElement","CDSHeaderNavItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","reflect","type","Boolean","attribute","String","render","ariaCurrent","href","isActive","title","rel","target","linkClass","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/header-nav-item.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header nav item.\n *\n * @element cds-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title, rel, target } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNavItem;\n"],"mappings":"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"}

package/es/components/ui-shell/header-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header-nav.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,YAAY,EAAG,MAAM,CAAC;IAEtB,iBAAiB;IAOjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"header-nav.d.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNav;\n"]}
+{"version":3,"sources":["components/ui-shell/header-nav.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,YAAY,EAAG,MAAM,CAAC;IAEtB,iBAAiB;IAOjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"header-nav.d.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNav;\n"]}

package/es/components/ui-shell/header-nav.js

@@ -13,8 +13,9 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import styles from "././header.css.js";
 
 /**

package/es/components/ui-shell/header-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav.js","names":["LitElement","html","property","customElement","prefix","styles","CDSHeaderNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","menuBarLabel","_t","_","static"],"sources":["components/ui-shell/header-nav.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNav;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,YAAY,GAAAC,SAAA,EADjBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4BtC;EAAC;IAAAI,CAAA,EA5BKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfb,QAAQ,CAAC;QAAEc,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH1C;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,YAAY,CAAAkB,SAAA,8BAAAC,IAAA;MAYhB;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAa,CAAC,GAAG,IAAI;QAC7B,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C;AACA;AACA,iBAAe,CAAS;AACxB,sBAAoB,CAAe;AACnC;AACA;AACA,KAAI,GAP+BzB,MAAM,EAGxBA,MAAM,EACDuB,YAAY;MAIhC;IAAC;MAAAb,IAAA;MAAAgB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA3BGL,UAAU;AA8BrC,eAAeM,YAAY"}
+{"version":3,"file":"header-nav.js","names":["LitElement","html","property","prefix","carbonElement","customElement","styles","CDSHeaderNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","menuBarLabel","_t","_","static"],"sources":["components/ui-shell/header-nav.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeaderNav;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEF,MAAO,aAAY,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4BtC;EAAC;IAAAI,CAAA,EA5BKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfd,QAAQ,CAAC;QAAEe,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH1C;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,YAAY,CAAAkB,SAAA,8BAAAC,IAAA;MAYhB;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAa,CAAC,GAAG,IAAI;QAC7B,OAAO3B,IAAI,CAAA4B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C;AACA;AACA,iBAAe,CAAS;AACxB,sBAAoB,CAAe;AACnC;AACA;AACA,KAAI,GAP+B3B,MAAM,EAGxBA,MAAM,EACDyB,YAAY;MAIhC;IAAC;MAAAb,IAAA;MAAAgB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA3BGN,UAAU;AA8BrC,eAAeO,YAAY"}

package/es/components/ui-shell/header.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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.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}.cds--btn{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:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(4rem - 1px) calc(.875rem - 3px) calc(1rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:left;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;right:1rem;width:1rem;height:1rem;flex-shrink:0}.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:calc(.875rem - 3px) 1rem}.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-left:.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.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-right:.9375rem;padding-left:.9375rem}.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--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-right:.6875rem;padding-left:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-right:.4375rem;padding-left:.4375rem}.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:calc(.875rem - 3px) 1rem}.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-left:.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--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(4rem - 4px) calc(.375rem - 3px) calc(1rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(4rem - 4px) calc(.675rem - 3px) calc(1rem - 4px)}.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);min-height:3rem}.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--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;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{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--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-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left: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-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left: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-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .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 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .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 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.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--header,:host(cds-header){position:fixed;z-index:8000;top:0;right:0;left:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header__action{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%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-right:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-left:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{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:flex;height:100%;align-items:center;padding:0 2rem 0 1rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-left:.5rem}.cds--header__nav,:host(cds-header-nav){position:relative;display:none;height:100%;padding-left:1rem}@media (min-width:66rem){.cds--header__nav,:host(cds-header-nav){display:block}}.cds--header__nav::before,:host(cds-header-nav)::before{position:absolute;top:50%;left:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{display:flex;height:100%;padding:0;margin:0;list-style:none}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:3px;background-color:var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{top:-2px;left:-2px;width:3px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current:focus::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{top:-2px;left:-2px;width:5px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu,:host(cds-header-menu){position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;left:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-left:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{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}.cds--skip-to-content:focus{z-index:9999;top:0;left:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}.cds--header-panel,:host(cds-header-panel){position:fixed;z-index:8000;top:3rem;right:0;bottom:0;overflow:hidden;width:0;border:none;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252);transition:width 110ms cubic-bezier(.2,0,1,.9);will-change:width}.cds--header-panel--expanded,:host(cds-header-panel){width:16rem;border-right:1px solid var(--cds-border-subtle);border-left:1px solid var(--cds-border-subtle)}.cds--switcher,:host(cds-switcher){display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cds-text-secondary,#525252)}.cds--switcher__item,:host(cds-switcher-item){width:100%;height:2rem}.cds--switcher__item:nth-child(1),:nth-child(1):host(cds-switcher-item){margin-top:1rem}.cds--switcher__item--divider,:host(cds-switcher-divider){display:block;width:14rem;height:1px;border:none;margin:.5rem 1rem;background:var(--cds-border-subtle)}.cds--switcher__item-link{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:block;height:2rem;padding:.375rem 1rem;color:var(--cds-text-secondary,#525252);text-decoration:none}.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected){background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--switcher__item-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--switcher__item-link:active{background:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--switcher__item-link--selected{background:var(--cds-layer-selected);color:var(--cds-text-primary,#161616)}:host(cds-header){--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)}:host(cds-header-nav) .cds-ce--header__divider{position:absolute;left:0;top:50%;transform:translateY(-50%);height:rem(24px);width:rem(1px);background-color:var(--cds-border-subtle)}:host(cds-header-nav-item){outline:0}:host(cds-header-menu){outline:0}:host(cds-header-menu-item){outline:0}:host(cds-header-menu-item) a.cds--header__menu-item{height:3rem;background-color:var(--cds-layer)}:host(cds-header-menu-item) a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}:host(cds-header-menu-item) a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}:host(cds-header-menu-item) a.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}:host(cds-header-menu-item) a.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}:host(cds-header-menu-item) a.cds--header__menu-item--current::after{position:absolute;top:-2px;left:-2px;bottom:-2px;width:3px;height:100%;background-color:var(--cds-border-interactive,#0f62fe);content:""}:host(cds-header-global-action) ::slotted(svg){fill:var(--cds-icon-secondary,#525252)}:host(cds-header-global-action):hover ::slotted(svg){fill:var(--cds-icon-primary,#161616)}:host(cds-header-menu) a.cds--header__menu-item,:host(cds-header-nav-item) a.cds--header__menu-item{box-sizing:border-box}:host(cds-header-menu-button){display:content;outline:0}@media (min-width:66rem){:host(cds-header-menu-button){display:none}}:host(cds-header-menu-button[collapse-mode=fixed]){display:none}@media (min-width:66rem){:host(cds-header-menu-button[collapse-mode=rail]){display:block}}:host(cds-header-name){display:content;height:100%}:host(cds-header-name) a{box-sizing:border-box}:host(cds-switcher-item) a{box-sizing:border-box}',
+  '@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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}: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--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)}.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-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left: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-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left: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-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .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 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .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 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .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));-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);-webkit-padding-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;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));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;-webkit-margin-before:.0625rem;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);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);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-left:.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;-webkit-padding-before:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));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;-webkit-margin-before:.0625rem;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);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);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-left:.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--header,:host(cds-header){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:fixed;z-index:8000;top:0;right:0;left:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header *,.cds--header ::after,.cds--header ::before,:host(cds-header) *,:host(cds-header) ::after,:host(cds-header) ::before{box-sizing:inherit}.cds--header__action{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%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__global .cds--popover,:host(cds-header) ::slotted(.cds--header__global) .cds--popover{z-index:8001}.cds--header__action>:first-child{-webkit-margin-before:0;margin-block-start:0}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-right:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-left:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{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:flex;height:100%;align-items:center;padding:0 2rem 0 1rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-left:.5rem}.cds--header__nav,:host(cds-header-nav){position:relative;display:none;height:100%;padding-left:1rem}@media (min-width:66rem){.cds--header__nav,:host(cds-header-nav){display:block}}.cds--header__nav::before{position:absolute;top:50%;left:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:flex;height:100%;padding:0;margin:0;list-style:none}.cds--header__menu-bar *,.cds--header__menu-bar ::after,.cds--header__menu-bar ::before{box-sizing:inherit}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:3px;background-color:var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{top:-2px;left:-2px;width:3px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current:focus::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{top:-2px;left:-2px;width:5px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu,:host(cds-header-menu){position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;left:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-left:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global,:host(cds-header) ::slotted(.cds--header__global){display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{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}.cds--skip-to-content:focus{z-index:9999;top:0;left:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}.cds--header-panel,:host(cds-header-panel){position:fixed;z-index:8000;top:3rem;right:0;bottom:0;overflow:hidden;width:0;border:none;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252);transition:width 110ms cubic-bezier(.2,0,1,.9);will-change:width}.cds--header-panel--expanded,:host(cds-header-panel[expanded]){width:16rem;border-right:1px solid var(--cds-border-subtle);border-left:1px solid var(--cds-border-subtle)}.cds--switcher,:host(cds-switcher){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cds-text-secondary,#525252)}.cds--switcher *,.cds--switcher ::after,.cds--switcher ::before,:host(cds-switcher) *,:host(cds-switcher) ::after,:host(cds-switcher) ::before{box-sizing:inherit}.cds--switcher__item,:host(cds-switcher-item){width:100%;height:2rem}.cds--switcher__item:nth-child(1){margin-top:1rem}.cds--switcher__item--divider,:host(cds-switcher-divider){display:block;width:14rem;height:1px;border:none;margin:.5rem 1rem;background:var(--cds-border-subtle)}.cds--switcher__item-link{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:block;height:2rem;padding:.375rem 1rem;color:var(--cds-text-secondary,#525252);text-decoration:none}.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected){background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--switcher__item-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--switcher__item-link:active{background:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--switcher__item-link--selected{background:var(--cds-layer-selected);color:var(--cds-text-primary,#161616)}:host(cds-header-nav) .cds-ce--header__divider{position:absolute;left:0;top:50%;transform:translateY(-50%);height:1.5rem;width:.0625rem;background-color:var(--cds-border-subtle)}:host(cds-header-nav-item){outline:0}:host(cds-header-menu){outline:0}:host(cds-header-menu-item){outline:0}:host(cds-header-menu-item) a.cds--header__menu-item{height:3rem;background-color:var(--cds-layer)}:host(cds-header-menu-item) a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}:host(cds-header-menu-item) a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}:host(cds-header-menu-item) a.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}:host(cds-header-menu-item) a.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}:host(cds-header-menu-item) a.cds--header__menu-item--current::after{position:absolute;top:-2px;left:-2px;bottom:-2px;width:3px;height:100%;background-color:var(--cds-border-interactive,#0f62fe);content:""}:host(cds-header-global-action) ::slotted(svg){fill:var(--cds-icon-secondary,#525252)}:host(cds-header-global-action):hover ::slotted(svg){fill:var(--cds-icon-primary,#161616)}:host(cds-header-global-action) .cds--popover{z-index:8001}:host(cds-header-menu) a.cds--header__menu-item,:host(cds-header-nav-item) a.cds--header__menu-item{box-sizing:border-box}:host(cds-header-menu-button){display:content;outline:0}@media (min-width:66rem){:host(cds-header-menu-button){display:none}}:host(cds-header-menu-button[collapse-mode=fixed]){display:none}@media (min-width:66rem){:host(cds-header-menu-button[collapse-mode=rail]){display:block}}:host(cds-header-name){display:content;height:100%}:host(cds-header-name) a{box-sizing:border-box}:host(cds-switcher-item) a{box-sizing:border-box}:host(cds-switcher-item:nth-child(1)){margin-top:1rem}',
 ]);

package/es/components/ui-shell/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,SAAU,SAAQ,UAAU;IAChC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"header.d.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"]}
+{"version":3,"sources":["components/ui-shell/header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,SAAU,SAAQ,UAAU;IAChC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"header.d.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"]}

package/es/components/ui-shell/header.js

@@ -13,8 +13,8 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import styles from "././header.css.js";
 
 /**

package/es/components/ui-shell/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["LitElement","html","customElement","prefix","styles","CDSHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/header.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,SAAS,GAAAC,SAAA,EADdJ,aAAa,CAAE,GAAEC,MAAO,SAAQ,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAlC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAanC;EAAC;IAAAI,CAAA,EAbKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACb,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,IAAA,CAAAC,eAAA,CALEf,SAAS,CAAAgB,SAAA,8BAAAC,IAAA;MAMb;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZAJ,UAAU;AAelC,eAAeK,SAAS"}
+{"version":3,"file":"header.js","names":["LitElement","html","prefix","carbonElement","customElement","styles","CDSHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/header.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\n/**\n * Header.\n *\n * @element cds-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAE,GAAEF,MAAO,SAAQ,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAlC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAanC;EAAC;IAAAI,CAAA,EAbKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACb,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,IAAA,CAAAC,eAAA,CALEf,SAAS,CAAAgB,SAAA,8BAAAC,IAAA;MAMb;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZAL,UAAU;AAelC,eAAeM,SAAS"}