@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.0

package/es/components/tile/tile-group.js

@@ -1,6 +1,4 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 let _ = t => t,
   _t;
 /**
@@ -13,45 +11,364 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
+import { NAVIGATION_DIRECTION } from '../../globals/internal/radio-group-manager';
+import HostListener from '../../globals/decorators/host-listener';
+import HostListenerMixin from '../../globals/mixins/host-listener';
 import styles from "././tile.css.js";
 
+/**
+ * Map of navigation direction by key.
+ */ /**
+     * Map of navigation direction by key.
+     */
+const navigationDirectionForKey = {
+  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,
+  Up: NAVIGATION_DIRECTION.BACKWARD,
+  // IE
+  ArrowDown: NAVIGATION_DIRECTION.FORWARD,
+  Down: NAVIGATION_DIRECTION.FORWARD // IE
+};
+
 /**
  * Tile group.
  *
  * @element cds-tile-group
- */ /**
-     * Tile group.
-     *
-     * @element cds-tile-group
-     */
-let BXTileGroup = _decorate([customElement(`${prefix}-tile-group`)], function (_initialize, _LitElement) {
-  class BXTileGroup extends _LitElement {
+ */
+let CDSTileGroup = _decorate([customElement(`${prefix}-tile-group`)], function (_initialize, _HostListenerMixin) {
+  class CDSTileGroup extends _HostListenerMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXTileGroup,
+    F: CDSTileGroup,
     d: [{
       kind: "method",
-      key: "connectedCallback",
-      value: function connectedCallback() {
+      key: "_handleRadioClick",
+      value: function _handleRadioClick(event) {
+        const {
+          target
+        } = event;
+        const {
+          currentRadioSelection
+        } = this;
+        const {
+          eventCurrentRadioTileSelection
+        } = this.constructor;
+        if (!currentRadioSelection) {
+          this.currentRadioSelection = target;
+        } else if (currentRadioSelection !== target) {
+          currentRadioSelection.toggleAttribute('selected');
+          this.currentRadioSelection = target;
+        }
+        this.dispatchEvent(new CustomEvent(eventCurrentRadioTileSelection, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            target
+          }
+        }));
+      }
+    }, {
+      kind: "method",
+      key: "_handleSelectableClick",
+      value: function _handleSelectableClick(event) {
+        const {
+          target
+        } = event;
+        const {
+          currentSelections
+        } = this;
+        const {
+          eventCurrentSelectableTilesSelection
+        } = this.constructor;
+        if (!currentSelections.includes(target)) {
+          currentSelections.push(target);
+        } else {
+          currentSelections.splice(currentSelections.indexOf(target), 1);
+        }
+        target.toggleAttribute('selected');
+        this.dispatchEvent(new CustomEvent(eventCurrentSelectableTilesSelection, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            currentSelections
+          }
+        }));
+        event.stopPropagation();
+        event.preventDefault();
+      }
+
+      /**
+       * Click listener to ensure selectability.
+       *
+       * @param event click
+       */
+    }, {
+      kind: "method",
+      decorators: [HostListener('click')],
+      key: "_handleTileSelect",
+      value: function _handleTileSelect(event) {
+        if (this.radioTiles.length) {
+          this._handleRadioClick(event);
+        } else {
+          this._handleSelectableClick(event);
+        }
+      }
+
+      /**
+       * Handle keyboard navigation for radio tiles
+       *
+       * @param nextSibling to focus on
+       */
+    }, {
+      kind: "method",
+      key: "_handleKeydownRadio",
+      value: function _handleKeydownRadio(nextSibling) {
+        const {
+          currentRadioSelection
+        } = this;
+        const {
+          eventCurrentRadioTileSelection
+        } = this.constructor;
+        if (currentRadioSelection) {
+          currentRadioSelection.toggleAttribute('selected');
+        }
+        nextSibling.focus();
+        nextSibling.toggleAttribute('selected');
+        this.currentRadioSelection = nextSibling;
+        this.dispatchEvent(new CustomEvent(eventCurrentRadioTileSelection, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            nextSibling
+          }
+        }));
+      }
+
+      /**
+       * Handle keyboard navigation for selectable tiles
+       *
+       * @param event to get target
+       * @param nextSibling to focus on
+       */
+    }, {
+      kind: "method",
+      key: "_handleKeydownSelectable",
+      value: function _handleKeydownSelectable(event, nextSibling) {
+        const {
+          target
+        } = event;
+        const {
+          currentSelections
+        } = this;
+        const {
+          eventCurrentSelectableTilesSelection
+        } = this.constructor;
+        if (nextSibling) {
+          nextSibling.focus();
+        } else {
+          if (!currentSelections.includes(target)) {
+            currentSelections.push(target);
+          } else {
+            currentSelections.splice(currentSelections.indexOf(target), 1);
+          }
+          this.dispatchEvent(new CustomEvent(eventCurrentSelectableTilesSelection, {
+            bubbles: true,
+            composed: true,
+            detail: {
+              currentSelections
+            }
+          }));
+        }
+      }
+
+      /**
+       * Keyboard listener to ensure keyboard navigation.
+       *
+       * @param event to get key pressed
+       */
+    }, {
+      kind: "field",
+      decorators: [HostListener('keydown')],
+      key: "_handleKeydown",
+      value() {
+        return event => {
+          const {
+            target,
+            key
+          } = event;
+          const {
+            radioTiles,
+            selectableTiles
+          } = this;
+          const navigationDirection = navigationDirectionForKey[key];
+          let tiles = radioTiles.length ? radioTiles : selectableTiles;
+          const currentIndex = [...tiles].findIndex(e => e == target);
+          const nextIndex = currentIndex + navigationDirection;
+          const nextSibling = nextIndex !== -1 ? tiles[nextIndex % tiles.length] : tiles[tiles.length - 1];
+          if (navigationDirection) {
+            event.preventDefault(); // Prevent default (scrolling) behavior
+
+            if (this.radioTiles.length) {
+              this._handleKeydownRadio(nextSibling);
+            } else {
+              this._handleKeydownSelectable(event, nextSibling);
+            }
+          } else if (key === ' ' || key === 'Enter') {
+            this._handleKeydownSelectable(event);
+          }
+        };
+      }
+    }, {
+      kind: "field",
+      decorators: [HostListener('focusin')],
+      key: "_handleFocus",
+      value() {
+        return event => {
+          const {
+            relatedTarget,
+            target
+          } = event;
+          if (this.radioTiles.length) {
+            if (!this.currentRadioSelection) {
+              target.toggleAttribute('selected');
+              this.currentRadioSelection = target;
+            } else if (!(relatedTarget !== null && relatedTarget !== void 0 && relatedTarget.matches(this.constructor.selectorRadioTile)) && target !== this.currentRadioSelection) {
+              this.currentRadioSelection.focus();
+            }
+          }
+        };
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true,
+        attribute: 'class-name'
+      })],
+      key: "className",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true,
+        type: Boolean
+      })],
+      key: "disabled",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "currentRadioSelection",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "currentSelections",
+      value() {
+        return [];
+      }
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "radioTiles",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "selectableTiles",
+      value: void 0
+    }, {
+      kind: "method",
+      key: "firstUpdated",
+      value:
+      /**
+       * Focus listener to focus on selected element upon focusing
+       *
+       * @param event to get focused
+       */
+      /**
+       * Provide an optional className to be applied to the component
+       */
+      /**
+       * Specify whether the group is disabled
+       */
+      function firstUpdated() {
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'group');
         }
-        _get(_getPrototypeOf(BXTileGroup.prototype), "connectedCallback", this).call(this);
+        if (!this.radioTiles) {
+          this.radioTiles = this.querySelectorAll(this.constructor.selectorRadioTile);
+        }
+        if (!this.selectableTiles) {
+          this.selectableTiles = this.querySelectorAll(this.constructor.selectorSelectableTile);
+        }
+        if (this.disabled) {
+          this.radioTiles.forEach(e => e.toggleAttribute('disabled'));
+          this.selectableTiles.forEach(e => e.toggleAttribute('disabled'));
+        }
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
+        const {
+          className,
+          disabled
+        } = this;
         return html(_t || (_t = _`
-      <slot name="legend" class="${0}--label"></slot>
-      <slot></slot>
-    `), prefix);
+      <fieldset class="${0}" ?disabled=${0}>
+        <slot name="legend" class="${0}--label"></slot>
+        <slot></slot>
+      </fieldset>
+    `), className, disabled, prefix);
+      }
+
+      /**
+       * A selector that selects a radio tile component.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorRadioTile",
+      value: function selectorRadioTile() {
+        return `${prefix}-radio-tile`;
+      }
+
+      /**
+       * A selector that selects a selectable tile component.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorSelectableTile",
+      value: function selectorSelectableTile() {
+        return `${prefix}-selectable-tile`;
+      }
+
+      /**
+       * The name of the custom event fired after a radio tile changes its selected state.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventCurrentRadioTileSelection",
+      value: function eventCurrentRadioTileSelection() {
+        return `${prefix}-current-radio-tile-selection`;
+      }
+
+      /**
+       * The name of the custom event fired after a radio tile changes its selected state.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventCurrentSelectableTilesSelection",
+      value: function eventCurrentSelectableTilesSelection() {
+        return `${prefix}-current-selectable-tile-selections`;
       }
     }, {
       kind: "field",
@@ -62,6 +379,6 @@ let BXTileGroup = _decorate([customElement(`${prefix}-tile-group`)], function (_
       }
     }]
   };
-}, LitElement);
-export default BXTileGroup;
+}, HostListenerMixin(LitElement));
+export default CDSTileGroup;
 //# sourceMappingURL=tile-group.js.map

package/es/components/tile/tile-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-group.js","names":["LitElement","html","customElement","prefix","styles","BXTileGroup","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/tile/tile-group.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 './tile.scss';\n\n/**\n * Tile group.\n *\n * @element cds-tile-group\n */\n@customElement(`${prefix}-tile-group`)\nclass BXTileGroup extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'group');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <slot name=\"legend\" class=\"${prefix}--label\"></slot>\n      <slot></slot>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTileGroup;\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,iBAAa;;AAEhC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgBrC;EAAC;IAAAI,CAAA,EAhBKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;QACpC;QACAC,IAAA,CAAAC,eAAA,CALEf,WAAW,CAAAgB,SAAA,8BAAAC,IAAA;MAMf;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C;AACA,KAAI,GAF+BtB,MAAM;MAGvC;IAAC;MAAAU,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAfEJ,UAAU;AAkBpC,eAAeK,WAAW"}
+{"version":3,"file":"tile-group.js","names":["LitElement","html","customElement","property","prefix","NAVIGATION_DIRECTION","HostListener","HostListenerMixin","styles","navigationDirectionForKey","ArrowUp","BACKWARD","Up","ArrowDown","FORWARD","Down","CDSTileGroup","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleRadioClick","event","target","currentRadioSelection","eventCurrentRadioTileSelection","toggleAttribute","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleSelectableClick","currentSelections","eventCurrentSelectableTilesSelection","includes","push","splice","indexOf","stopPropagation","preventDefault","decorators","_handleTileSelect","radioTiles","length","_handleKeydownRadio","nextSibling","focus","_handleKeydownSelectable","selectableTiles","navigationDirection","tiles","currentIndex","findIndex","e","nextIndex","relatedTarget","matches","selectorRadioTile","reflect","attribute","type","Boolean","firstUpdated","hasAttribute","setAttribute","querySelectorAll","selectorSelectableTile","disabled","forEach","render","className","_t","_","static"],"sources":["components/tile/tile-group.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, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { NAVIGATION_DIRECTION } from '../../globals/internal/radio-group-manager';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tile.scss';\n\n/**\n * Map of navigation direction by key.\n */\nconst navigationDirectionForKey = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Tile group.\n *\n * @element cds-tile-group\n */\n@customElement(`${prefix}-tile-group`)\nclass CDSTileGroup extends HostListenerMixin(LitElement) {\n  private _handleRadioClick(event) {\n    const { target } = event;\n    const { currentRadioSelection } = this;\n    const { eventCurrentRadioTileSelection } = this\n      .constructor as typeof CDSTileGroup;\n\n    if (!currentRadioSelection) {\n      this.currentRadioSelection = target;\n    } else if (currentRadioSelection !== target) {\n      currentRadioSelection.toggleAttribute('selected');\n      this.currentRadioSelection = target;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(eventCurrentRadioTileSelection, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          target,\n        },\n      })\n    );\n  }\n\n  private _handleSelectableClick(event) {\n    const { target } = event;\n    const { currentSelections } = this;\n    const { eventCurrentSelectableTilesSelection } = this\n      .constructor as typeof CDSTileGroup;\n\n    if (!currentSelections.includes(target)) {\n      currentSelections.push(target);\n    } else {\n      currentSelections.splice(currentSelections.indexOf(target), 1);\n    }\n    (target as HTMLElement).toggleAttribute('selected');\n\n    this.dispatchEvent(\n      new CustomEvent(eventCurrentSelectableTilesSelection, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          currentSelections,\n        },\n      })\n    );\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  /**\n   * Click listener to ensure selectability.\n   *\n   * @param event click\n   */\n  @HostListener('click')\n  // @ts-ignore\n  private _handleTileSelect(event: Event) {\n    if (this.radioTiles.length) {\n      this._handleRadioClick(event);\n    } else {\n      this._handleSelectableClick(event);\n    }\n  }\n\n  /**\n   * Handle keyboard navigation for radio tiles\n   *\n   * @param nextSibling to focus on\n   */\n  private _handleKeydownRadio(nextSibling) {\n    const { currentRadioSelection } = this;\n\n    const { eventCurrentRadioTileSelection } = this\n      .constructor as typeof CDSTileGroup;\n\n    if (currentRadioSelection) {\n      currentRadioSelection.toggleAttribute('selected');\n    }\n    nextSibling.focus();\n    nextSibling.toggleAttribute('selected');\n    this.currentRadioSelection = nextSibling;\n\n    this.dispatchEvent(\n      new CustomEvent(eventCurrentRadioTileSelection, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          nextSibling,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handle keyboard navigation for selectable tiles\n   *\n   * @param event to get target\n   * @param nextSibling to focus on\n   */\n  private _handleKeydownSelectable(event, nextSibling?) {\n    const { target } = event;\n    const { currentSelections } = this;\n    const { eventCurrentSelectableTilesSelection } = this\n      .constructor as typeof CDSTileGroup;\n\n    if (nextSibling) {\n      nextSibling.focus();\n    } else {\n      if (!currentSelections.includes(target)) {\n        currentSelections.push(target);\n      } else {\n        currentSelections.splice(currentSelections.indexOf(target), 1);\n      }\n\n      this.dispatchEvent(\n        new CustomEvent(eventCurrentSelectableTilesSelection, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            currentSelections,\n          },\n        })\n      );\n    }\n  }\n\n  /**\n   * Keyboard listener to ensure keyboard navigation.\n   *\n   * @param event to get key pressed\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { target, key } = event;\n    const { radioTiles, selectableTiles } = this;\n    const navigationDirection = navigationDirectionForKey[key];\n\n    let tiles = radioTiles.length ? radioTiles : selectableTiles;\n    const currentIndex = [...tiles].findIndex((e) => e == target);\n    const nextIndex = currentIndex + navigationDirection;\n    const nextSibling =\n      nextIndex !== -1\n        ? tiles[nextIndex % tiles.length]\n        : tiles[tiles.length - 1];\n\n    if (navigationDirection) {\n      event.preventDefault(); // Prevent default (scrolling) behavior\n\n      if (this.radioTiles.length) {\n        this._handleKeydownRadio(nextSibling);\n      } else {\n        this._handleKeydownSelectable(event, nextSibling);\n      }\n    } else if (key === ' ' || key === 'Enter') {\n      this._handleKeydownSelectable(event);\n    }\n  };\n\n  /**\n   * Focus listener to focus on selected element upon focusing\n   *\n   * @param event to get focused\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocus = (event: KeyboardEvent) => {\n    const { relatedTarget, target } = event as any;\n\n    if (this.radioTiles.length) {\n      if (!this.currentRadioSelection) {\n        target.toggleAttribute('selected');\n        this.currentRadioSelection = target;\n      } else if (\n        !relatedTarget?.matches(\n          (this.constructor as typeof CDSTileGroup).selectorRadioTile\n        ) &&\n        target !== this.currentRadioSelection\n      ) {\n        this.currentRadioSelection.focus();\n      }\n    }\n  };\n\n  /**\n   * Provide an optional className to be applied to the component\n   */\n  @property({ reflect: true, attribute: 'class-name' })\n  className;\n\n  /**\n   * Specify whether the group is disabled\n   */\n  @property({ reflect: true, type: Boolean })\n  disabled;\n\n  @property()\n  currentRadioSelection;\n\n  @property()\n  currentSelections = [] as any;\n\n  @property()\n  radioTiles;\n\n  @property()\n  selectableTiles;\n\n  firstUpdated() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'group');\n    }\n\n    if (!this.radioTiles) {\n      this.radioTiles = this.querySelectorAll(\n        (this.constructor as typeof CDSTileGroup).selectorRadioTile\n      );\n    }\n\n    if (!this.selectableTiles) {\n      this.selectableTiles = this.querySelectorAll(\n        (this.constructor as typeof CDSTileGroup).selectorSelectableTile\n      );\n    }\n\n    if (this.disabled) {\n      this.radioTiles.forEach((e) => e.toggleAttribute('disabled'));\n      this.selectableTiles.forEach((e) => e.toggleAttribute('disabled'));\n    }\n  }\n\n  render() {\n    const { className, disabled } = this;\n    return html`\n      <fieldset class=\"${className}\" ?disabled=${disabled}>\n        <slot name=\"legend\" class=\"${prefix}--label\"></slot>\n        <slot></slot>\n      </fieldset>\n    `;\n  }\n\n  /**\n   * A selector that selects a radio tile component.\n   */\n  static get selectorRadioTile() {\n    return `${prefix}-radio-tile`;\n  }\n\n  /**\n   * A selector that selects a selectable tile component.\n   */\n  static get selectorSelectableTile() {\n    return `${prefix}-selectable-tile`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio tile changes its selected state.\n   */\n  static get eventCurrentRadioTileSelection() {\n    return `${prefix}-current-radio-tile-selection`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio tile changes its selected state.\n   */\n  static get eventCurrentSelectableTilesSelection() {\n    return `${prefix}-current-selectable-tile-selections`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTileGroup;\n"],"mappings":"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"}

package/es/components/tile/tile.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  ".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--tile-group html,:host(cds-tile-group) html{font-size:100%}.cds--tile-group body,:host(cds-tile-group) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tile-group code,:host(cds-tile-group) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--tile-group strong,:host(cds-tile-group) strong{font-weight:600}.cds--tile,:host(cds-expandable-tile),:host(cds-tile){position:relative;display:block;min-width:8rem;min-height:4rem;padding:1rem;background-color:var(--cds-layer);outline:2px solid transparent;outline-offset:-2px;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--tile:focus,:focus:host(cds-expandable-tile),:focus:host(cds-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile:focus,:focus:host(cds-expandable-tile),:focus:host(cds-tile){outline-style:dotted}}.cds--tile--light,:host(cds-expandable-tile[color-scheme=light]),:host(cds-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds--tile--clickable,.cds--tile--selectable,:host(cds-clickable-tile) .cds--tile--clickable{cursor:pointer;transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--tile--clickable:hover,.cds--tile--selectable:hover{background:var(--cds-layer-hover)}.cds--tile--clickable,:host(cds-clickable-tile) .cds--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable html{font-size:100%}.cds--tile--clickable body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tile--clickable code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--tile--clickable strong{font-weight:600}.cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--clickable:focus{outline-style:dotted}}.cds--tile--clickable:focus .cds--tile__checkmark,.cds--tile--clickable:hover .cds--tile__checkmark{opacity:1}.cds--tile--expandable::-moz-focus-inner,:host(cds-expandable-tile)::-moz-focus-inner{border:0}.cds--tile--clickable:active,.cds--tile--clickable:hover,.cds--tile--clickable:visited,.cds--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable.cds--link--disabled,.cds--tile--clickable:hover.cds--link--disabled{display:block;padding:1rem;background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tile--selectable{padding-right:3rem;border:1px solid transparent}.cds--tile__checkmark{position:absolute;top:1rem;right:1rem;height:1rem;border:none;background:0 0;opacity:0;transition:110ms cubic-bezier(.2,0,.38,.9)}.cds--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile__checkmark:focus{outline-style:dotted}}.cds--tile__checkmark--persistent{opacity:1}.cds--tile__chevron,:host(cds-selectable-tile) .cds--tile__chevron{position:absolute;right:0;bottom:0;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center}.cds--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--tile__chevron svg{transition:none}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--tile__chevron svg{fill:ButtonText}}.cds--tile__chevron--interactive{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:absolute;right:0;bottom:0;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center}.cds--tile__chevron--interactive *,.cds--tile__chevron--interactive ::after,.cds--tile__chevron--interactive ::before{box-sizing:inherit}.cds--tile__chevron--interactive::-moz-focus-inner{border:0}.cds--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds--tile--expandable,:host(cds-expandable-tile){position:relative;overflow:hidden;width:100%;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;transition:max-height 150ms cubic-bezier(.2,0,.38,.9);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--tile--expandable:hover,:hover:host(cds-expandable-tile){background:var(--cds-layer-hover)}.cds--tile--expandable--interactive:host(cds-expandable-tile),.cds--tile--expandable.cds--tile--expandable--interactive{cursor:default;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--tile--expandable--interactive:hover:host(cds-expandable-tile),.cds--tile--expandable.cds--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds--tile--expandable--interactive:focus:host(cds-expandable-tile),.cds--tile--expandable.cds--tile--expandable--interactive:focus{outline:0}.cds--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--expandable--interactive:focus{outline-style:dotted}}.cds--tile-content__above-the-fold,:host(cds-expandable-tile) ::slotted(cds-tile-above-the-fold-content){display:block}.cds--tile-content__below-the-fold,:host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content){display:block;opacity:0;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),visibility 110ms cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds--tile--is-expanded,:host(cds-expandable-tile[expanded]){overflow:visible;transition:max-height 110ms cubic-bezier(.2,0,.38,.9)}.cds--tile--is-expanded .cds--tile__chevron svg,:host(cds-expandable-tile[expanded]) .cds--tile__chevron svg{transform:rotate(180deg)}.cds--tile--is-expanded .cds--tile-content__below-the-fold,.cds--tile--is-expanded :host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile[expanded]) .cds--tile-content__below-the-fold,:host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),visibility 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tile--is-expanded .cds--tile-content__below-the-fold,.cds--tile--is-expanded :host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile[expanded]) .cds--tile-content__below-the-fold,:host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content){overflow-y:auto}}}.cds--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds--tile--is-selected .cds--tile__checkmark{opacity:1}.cds--tile--is-selected .cds--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--tile--is-selected .cds--tile__checkmark svg{fill:ButtonText}}.cds--tile-content{width:100%;height:100%}.cds--tile-input{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--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline-style:dotted}}.cds--tile--disabled.cds--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--tile--disabled.cds--tile--selectable.cds--tile--light,.cds--tile--disabled.cds--tile--selectable:host(cds-expandable-tile[color-scheme=light]),.cds--tile--disabled.cds--tile--selectable:host(cds-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds--tile--disabled.cds--tile--is-selected{border-color:var(--cds-button-disabled,#c6c6c6)}.cds--tile--disabled .cds--tile__checkmark svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tile--is-selected .cds--tile__checkmark svg,.cds--tile__checkmark svg,.cds--tile__chevron svg{fill:ButtonText}}.cds--link,:host(cds-tile) ::slotted(.cds--link){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);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before,:host(cds-tile) ::slotted(.cds--link) *,:host(cds-tile) ::slotted(.cds--link) ::after,:host(cds-tile) ::slotted(.cds--link) ::before{box-sizing:inherit}.cds--link:hover,:host(cds-tile) :hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active::slotted(.cds--link){color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus,:host(cds-tile) :focus::slotted(.cds--link){outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus,:host(cds-tile) :focus::slotted(.cds--link){outline-style:dotted}}.cds--link:visited,:host(cds-tile) :visited::slotted(.cds--link){color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover,:host(cds-tile) :visited:hover::slotted(.cds--link){color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{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);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited,:host(cds-tile) .cds--link--visited:visited::slotted(.cds--link){color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover,:host(cds-tile) .cds--link--visited:visited:hover::slotted(.cds--link){color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline,:host(cds-tile) .cds--link--inline::slotted(.cds--link){display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited,:host(cds-tile) .cds--link--inline:focus::slotted(.cds--link),:host(cds-tile) .cds--link--inline:visited::slotted(.cds--link){text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{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)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}@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}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{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;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{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:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(:focus),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(:focus),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-clickable-tile){display:content;outline:0}:host(cds-clickable-tile) .cds--link--disabled{display:block}:host(cds-clickable-tile) .cds--tile,:host(cds-clickable-tile) :host(cds-expandable-tile),:host(cds-clickable-tile) :host(cds-tile){padding:1rem;outline:2px solid transparent}:host(cds-clickable-tile) .cds--tile--clickable{transition:150ms cubic-bezier(.2,0,.38,.9)}:host(cds-clickable-tile) .cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-clickable-tile) .cds--tile--clickable:focus{outline-style:dotted}}:host(cds-radio-tile){display:block;outline:0;margin-bottom:.5rem}:host(cds-selectable-tile){display:content;outline:0}:host(cds-radio-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark,:host(cds-selectable-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark{opacity:1}:host(cds-expandable-tile){position:relative}:host(cds-expandable-tile) .cds--tile__chevron{background:0 0;border:none;outline:0;cursor:pointer}:host(cds-expandable-tile) .cds-ce--expandable-tile--below-the-fold-content{max-height:0;transition:max-height 110ms cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:110ms cubic-bezier(.2,0,.38,.9)}",
+  ".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--tile-group html,:host(cds-tile-group) html{font-size:100%}.cds--tile-group body,:host(cds-tile-group) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tile-group code,:host(cds-tile-group) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--tile-group strong,:host(cds-tile-group) strong{font-weight:600}.cds--tile,:host(cds-expandable-tile),:host(cds-tile){position:relative;display:block;min-width:8rem;min-height:4rem;padding:1rem;background-color:var(--cds-layer);outline:2px solid transparent;outline-offset:-2px;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--tile:focus,:focus:host(cds-expandable-tile),:focus:host(cds-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile:focus,:focus:host(cds-expandable-tile),:focus:host(cds-tile){outline-style:dotted}}.cds--tile--light,:host(cds-expandable-tile[color-scheme=light]),:host(cds-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds--tile--clickable,.cds--tile--selectable,:host(cds-clickable-tile) .cds--tile--clickable{cursor:pointer;transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--tile--clickable:hover,.cds--tile--selectable:hover{background:var(--cds-layer-hover)}.cds--tile--clickable,:host(cds-clickable-tile) .cds--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable html{font-size:100%}.cds--tile--clickable body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tile--clickable code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--tile--clickable strong{font-weight:600}.cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--clickable:focus{outline-style:dotted}}.cds--tile--clickable:focus .cds--tile__checkmark,.cds--tile--clickable:hover .cds--tile__checkmark{opacity:1}.cds--tile--expandable::-moz-focus-inner,:host(cds-expandable-tile)::-moz-focus-inner{border:0}.cds--tile--clickable:active,.cds--tile--clickable:hover,.cds--tile--clickable:visited,.cds--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable.cds--link--disabled,.cds--tile--clickable:hover.cds--link--disabled{display:block;padding:1rem;background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--tile--selectable{padding-right:3rem;border:1px solid transparent}.cds--tile__checkmark{position:absolute;top:1rem;right:1rem;height:1rem;border:none;background:0 0;opacity:0;transition:110ms cubic-bezier(.2,0,.38,.9)}.cds--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile__checkmark:focus{outline-style:dotted}}.cds--tile__checkmark--persistent{opacity:1}.cds--tile__chevron,:host(cds-selectable-tile) .cds--tile__chevron{position:absolute;right:0;bottom:0;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center}.cds--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--tile__chevron svg{transition:none}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--tile__chevron svg{fill:ButtonText}}.cds--tile__chevron--interactive{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:absolute;right:0;bottom:0;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center}.cds--tile__chevron--interactive *,.cds--tile__chevron--interactive ::after,.cds--tile__chevron--interactive ::before{box-sizing:inherit}.cds--tile__chevron--interactive::-moz-focus-inner{border:0}.cds--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds--tile--expandable,:host(cds-expandable-tile){position:relative;overflow:hidden;width:100%;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;transition:max-height 150ms cubic-bezier(.2,0,.38,.9);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--tile--expandable:hover,:hover:host(cds-expandable-tile){background:var(--cds-layer-hover)}.cds--tile--expandable--interactive:host(cds-expandable-tile),.cds--tile--expandable.cds--tile--expandable--interactive{cursor:default;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--tile--expandable--interactive:hover:host(cds-expandable-tile),.cds--tile--expandable.cds--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds--tile--expandable--interactive:focus:host(cds-expandable-tile),.cds--tile--expandable.cds--tile--expandable--interactive:focus{outline:0}.cds--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--expandable--interactive:focus{outline-style:dotted}}.cds--tile-content__above-the-fold,:host(cds-expandable-tile) ::slotted(cds-tile-above-the-fold-content){display:block}.cds--tile-content__below-the-fold,:host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content){display:block;opacity:0;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),visibility 110ms cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds--tile--is-expanded,:host(cds-expandable-tile)[expanded]{overflow:visible;transition:max-height 110ms cubic-bezier(.2,0,.38,.9)}.cds--tile--is-expanded .cds--tile__chevron svg,:host(cds-expandable-tile)[expanded] .cds--tile__chevron svg{transform:rotate(180deg)}.cds--tile--is-expanded .cds--tile-content__below-the-fold,.cds--tile--is-expanded :host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile)[expanded] .cds--tile-content__below-the-fold,:host(cds-expandable-tile)[expanded] ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),visibility 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tile--is-expanded .cds--tile-content__below-the-fold,.cds--tile--is-expanded :host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile)[expanded] .cds--tile-content__below-the-fold,:host(cds-expandable-tile)[expanded] ::slotted(cds-tile-below-the-fold-content){overflow-y:auto}}}.cds--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds--tile--is-selected .cds--tile__checkmark{opacity:1}.cds--tile--is-selected .cds--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--tile--is-selected .cds--tile__checkmark svg{fill:ButtonText}}.cds--tile-content{width:100%;height:100%}.cds--tile-input{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--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline-style:dotted}}.cds--tile--disabled.cds--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--tile--disabled.cds--tile--selectable.cds--tile--light,.cds--tile--disabled.cds--tile--selectable:host(cds-expandable-tile[color-scheme=light]),.cds--tile--disabled.cds--tile--selectable:host(cds-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds--tile--disabled.cds--tile--is-selected{border-color:var(--cds-button-disabled,#c6c6c6)}.cds--tile--disabled .cds--tile__checkmark svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tile--is-selected .cds--tile__checkmark svg,.cds--tile__checkmark svg,.cds--tile__chevron svg{fill:ButtonText}}.cds--link,:host(cds-tile) ::slotted(.cds--link){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);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before,:host(cds-tile) ::slotted(.cds--link) *,:host(cds-tile) ::slotted(.cds--link) ::after,:host(cds-tile) ::slotted(.cds--link) ::before{box-sizing:inherit}.cds--link:hover,:host(cds-tile) :hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active::slotted(.cds--link){color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus,:host(cds-tile) :focus::slotted(.cds--link){outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus,:host(cds-tile) :focus::slotted(.cds--link){outline-style:dotted}}.cds--link:visited,:host(cds-tile) :visited::slotted(.cds--link){color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover,:host(cds-tile) :visited:hover::slotted(.cds--link){color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{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);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited,:host(cds-tile) .cds--link--visited:visited::slotted(.cds--link){color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover,:host(cds-tile) .cds--link--visited:visited:hover::slotted(.cds--link){color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline,:host(cds-tile) .cds--link--inline::slotted(.cds--link){display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited,:host(cds-tile) .cds--link--inline:focus::slotted(.cds--link),:host(cds-tile) .cds--link--inline:visited::slotted(.cds--link){text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{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)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}@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}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{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;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{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:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-tile-group){background:0 0}:host(cds-clickable-tile){display:grid;outline:0}:host(cds-clickable-tile) .cds--link--disabled{display:block}:host(cds-clickable-tile) .cds--tile,:host(cds-clickable-tile) :host(cds-expandable-tile),:host(cds-clickable-tile) :host(cds-tile){padding:1rem;outline:2px solid transparent}:host(cds-clickable-tile) .cds--tile--clickable{transition:150ms cubic-bezier(.2,0,.38,.9)}:host(cds-clickable-tile) .cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-clickable-tile) .cds--tile--clickable:focus{outline-style:dotted}}:host(cds-clickable-tile):hover .cds--tile--clickable{color:inherit}:host(cds-radio-tile){display:block;outline:0;margin-bottom:.5rem}:host(cds-selectable-tile){display:content;outline:0}:host(cds-radio-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark,:host(cds-selectable-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark{opacity:1}:host(cds-expandable-tile) .cds-ce--expandable-tile--below-the-fold-content{max-height:0;transition:max-height 110ms cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile)[expanded] ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:110ms cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile)[with-interactive]{cursor:default;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile)[with-interactive]:hover{background-color:var(--cds-layer)}:host(cds-expandable-tile)[with-interactive]:focus{outline:0}:host(cds-expandable-tile):not([with-interactive]) .cds--tile__chevron{background:0 0;border:none;outline:0;cursor:pointer}",
 ]);