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

package/es-custom/components/tile/clickable-tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickable-tile.js","names":["CDSLink","styles","customElement"],"sources":["../../../src/components/tile/clickable-tile.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSLink from '../link/link';\nimport { TILE_COLOR_SCHEME } from './defs';\nimport styles from './tile.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport AILabel24 from '@carbon/icons/es/ai-label/24.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n/**\n * Clickable tile.\n *\n * @element cds-custom-clickable-tile\n */\n@customElement(`${prefix}-clickable-tile`)\nclass CDSClickableTile extends CDSLink {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { colorScheme, disabled, hasRoundedCorners, aiLabel, slug } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--tile`]: true,\n      [`${prefix}--tile--clickable`]: true,\n      [`${prefix}--tile--${colorScheme}`]: colorScheme,\n      [`${prefix}--tile--slug-rounded`]: (aiLabel || slug) && hasRoundedCorners,\n    });\n  }\n\n  /**\n   * The color scheme.\n   *\n   * @default\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TILE_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * Specify if the `ClickableTile` component should be rendered with rounded corners.\n   * Only valid when `ai-label` prop is present\n   */\n  @property({ type: Boolean, attribute: 'has-rounded-corners' })\n  hasRoundedCorners = false;\n\n  @property({ type: Boolean, attribute: 'ai-label' })\n  aiLabel = false;\n\n  /**\n   * deprecated - remove in v12\n   */\n  @property({ type: Boolean })\n  slug = false;\n\n  /**\n   * If using `slug`, set `ai-label` attribute to true so\n   * the styles are applied for slug as well\n   *\n   * remove in v12\n   */\n  connectedCallback() {\n    if (this.slug) {\n      this.setAttribute('ai-Label', '');\n      this.aiLabel = true;\n    }\n    super.connectedCallback();\n  }\n\n  /**\n   * @returns The inner content.\n   */\n  protected _renderInner() {\n    return html`\n      ${super._renderInner()}\n      ${this.aiLabel || this.slug\n        ? iconLoader(AILabel24, { class: `${prefix}--tile--ai-label-icon` })\n        : ''}\n      <slot name=\"decorator\"></slot>\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSClickableTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,mBAAA,MACM,yBAAyBA,aAAQ;;;;kBA0B1B;2BAOS;iBAGV;cAMH;;CAxCP,IAAc,WAAgB;EAC5B,MAAM,EAAE,aAAa,UAAU,mBAAmB,SAAS,SAAS;AACpE,SAAO,SAAS;IACb,cAAoB;IACpB,wBAA8B;IAC9B,cAAoB;IACpB,yBAA+B;IAC/B,cAAoB,gBAAgB;IACpC,6BAAmC,WAAW,SAAS;GACzD,CAAC;;;;;;;;CAuCJ,oBAAoB;AAClB,MAAI,KAAK,MAAM;AACb,QAAK,aAAa,YAAY,GAAG;AACjC,QAAK,UAAU;;AAEjB,QAAM,mBAAmB;;;;;CAM3B,eAAyB;AACvB,SAAO,IAAI;QACP,MAAM,cAAc,CAAC;QACrB,KAAK,WAAW,KAAK,OACnB,WAAW,WAAW,EAAE,OAAO,4BAAkC,CAAC,GAClE,GAAG;;;;;;;;;CAUX,WAAW,WAAW;AACpB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;gBAGOC;;;YApEf,SAAS;CAAE,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;YAMtD,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,EAAA,iBAAA,WAAA,YAAA,KAAA,EAAA;YAOpC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAuB,CAAC,CAAA,EAAA,iBAAA,WAAA,qBAAA,KAAA,EAAA;YAG7D,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,CAAC,CAAA,EAAA,iBAAA,WAAA,WAAA,KAAA,EAAA;YAMlD,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BA1C7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA2F1C,IAAA,yBAAe"}
+{"version":3,"file":"clickable-tile.js","names":["CDSLink","styles","customElement"],"sources":["../../../src/components/tile/clickable-tile.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSLink from '../link/link';\nimport { TILE_COLOR_SCHEME } from './defs';\nimport styles from './tile.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport AILabel24 from '@carbon/icons/es/ai-label/24.js';\nimport ArrowRight16 from '@carbon/icons/es/arrow--right/16.js';\nimport Error16 from '@carbon/icons/es/error/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { isFeatureFlagEnabled } from '../feature-flags';\n\n/**\n * Clickable tile.\n *\n * @element cds-custom-clickable-tile\n */\n@customElement(`${prefix}-clickable-tile`)\nclass CDSClickableTile extends CDSLink {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { colorScheme, disabled, hasRoundedCorners, aiLabel, slug } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--tile`]: true,\n      [`${prefix}--tile--clickable`]: true,\n      [`${prefix}--tile--${colorScheme}`]: colorScheme,\n      [`${prefix}--tile--slug-rounded`]: (aiLabel || slug) && hasRoundedCorners,\n    });\n  }\n\n  /**\n   * The color scheme.\n   *\n   * @default\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TILE_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * Specify if the `ClickableTile` component should be rendered with rounded corners.\n   * Only valid when `ai-label` prop is present\n   */\n  @property({ type: Boolean, attribute: 'has-rounded-corners' })\n  hasRoundedCorners = false;\n\n  @property({ type: Boolean, attribute: 'ai-label' })\n  aiLabel = false;\n\n  /**\n   * deprecated - remove in v12\n   */\n  @property({ type: Boolean })\n  slug = false;\n\n  /**\n   * If using `slug`, set `ai-label` attribute to true so\n   * the styles are applied for slug as well\n   *\n   * remove in v12\n   */\n  connectedCallback() {\n    if (this.slug) {\n      this.setAttribute('ai-Label', '');\n      this.aiLabel = true;\n    }\n    super.connectedCallback();\n  }\n\n  /**\n   * @returns The inner content.\n   */\n  protected _renderInner() {\n    const v12DefaultIcons = isFeatureFlagEnabled(\n      'enable-v12-tile-default-icons',\n      this\n    );\n\n    const defaultIcon =\n      v12DefaultIcons && !this._hasIcon\n        ? this.disabled\n          ? iconLoader(Error16, { class: `${prefix}--tile--disabled-icon` })\n          : iconLoader(ArrowRight16, { class: `${prefix}--tile--icon` })\n        : '';\n\n    return html`\n      ${super._renderInner()}\n      ${this.aiLabel || this.slug\n        ? iconLoader(AILabel24, { class: `${prefix}--tile--ai-label-icon` })\n        : ''}\n      <slot name=\"decorator\"></slot>\n      ${defaultIcon}\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSClickableTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,mBAAA,MACM,yBAAyBA,aAAQ;;;;kBA0B1B;2BAOS;iBAGV;cAMH;;CAxCP,IAAc,WAAgB;EAC5B,MAAM,EAAE,aAAa,UAAU,mBAAmB,SAAS,SAAS;AACpE,SAAO,SAAS;IACb,cAAoB;IACpB,wBAA8B;IAC9B,cAAoB;IACpB,yBAA+B;IAC/B,cAAoB,gBAAgB;IACpC,6BAAmC,WAAW,SAAS;GACzD,CAAC;;;;;;;;CAuCJ,oBAAoB;AAClB,MAAI,KAAK,MAAM;AACb,QAAK,aAAa,YAAY,GAAG;AACjC,QAAK,UAAU;;AAEjB,QAAM,mBAAmB;;;;;CAM3B,eAAyB;EAMvB,MAAM,cALkB,qBACtB,iCACA,KACD,IAGoB,CAAC,KAAK,WACrB,KAAK,WACH,WAAW,SAAS,EAAE,OAAO,4BAAkC,CAAC,GAChE,WAAW,cAAc,EAAE,OAAO,mBAAyB,CAAC,GAC9D;AAEN,SAAO,IAAI;QACP,MAAM,cAAc,CAAC;QACrB,KAAK,WAAW,KAAK,OACnB,WAAW,WAAW,EAAE,OAAO,4BAAkC,CAAC,GAClE,GAAG;;QAEL,YAAY;;;;;;;;CASlB,WAAW,WAAW;AACpB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;gBAGOC;;;YAjFf,SAAS;CAAE,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;YAMtD,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,EAAA,iBAAA,WAAA,YAAA,KAAA,EAAA;YAOpC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAuB,CAAC,CAAA,EAAA,iBAAA,WAAA,qBAAA,KAAA,EAAA;YAG7D,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,CAAC,CAAA,EAAA,iBAAA,WAAA,WAAA,KAAA,EAAA;YAMlD,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BA1C7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AAwG1C,IAAA,yBAAe"}

package/es-custom/components/tile/radio-tile.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -13,11 +13,14 @@ import SelectableTile from './selectable-tile';
  *   The name of the custom event fired after this radio tile changes its selected state.
  */
 declare class CDSRadioTile extends SelectableTile {
+    private _hasRadioButtonIcons;
+    connectedCallback(): void;
     /**
      * Handles `change` event on the `<input>` in the shadow DOM.
      */
     protected _handleChange(): void;
     protected _handleKeydown: (event: KeyboardEvent) => void;
+    protected _renderIcon(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-svg.js").UnsafeSVGDirective> | import("lit-html").TemplateResult | null;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * The name of the custom event fired after this selectable tile changes its selected state.

package/es-custom/components/tile/radio-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAK/C;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,cAAc;IACvC;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAI9C;IAEF,MAAM;IA+CN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;CACF;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAQ/C;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,cAAc;IACvC,OAAO,CAAC,oBAAoB,CAAS;IAErC,iBAAiB;IAcjB;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAI9C;IAEF,SAAS,CAAC,WAAW;IAgBrB,MAAM;IA2CN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;CACF;AAED,eAAe,YAAY,CAAC"}

package/es-custom/components/tile/radio-tile.js

@@ -9,14 +9,17 @@ import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
 import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
+import { isFeatureFlagEnabled } from "../feature-flags/index.js";
 import selectable_tile_default from "./selectable-tile.js";
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
+import RadioButton16 from "@carbon/icons/es/radio-button/16.js";
+import RadioButtonChecked16 from "@carbon/icons/es/radio-button--checked/16.js";
 //#region src/components/tile/radio-tile.ts
 /**
-* Copyright IBM Corp. 2019, 2024
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -31,10 +34,17 @@ import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
 let CDSRadioTile = class CDSRadioTile extends selectable_tile_default {
 	constructor(..._args) {
 		super(..._args);
+		this._hasRadioButtonIcons = false;
 		this._handleKeydown = (event) => {
 			if (event.key === " " || event.key === "Enter") event.preventDefault();
 		};
 	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._hasRadioButtonIcons = isFeatureFlagEnabled("enable-v12-tile-radio-icons", this);
+		if (this._hasRadioButtonIcons) this.setAttribute("enable-v12-tile-radio-icons", "");
+		else this.removeAttribute("enable-v12-tile-radio-icons");
+	}
 	/**
 	* Handles `change` event on the `<input>` in the shadow DOM.
 	*/
@@ -51,8 +61,18 @@ let CDSRadioTile = class CDSRadioTile extends selectable_tile_default {
 			}
 		}));
 	}
+	_renderIcon() {
+		const { selected, checkmarkLabel, _hasRadioButtonIcons } = this;
+		let icon;
+		if (_hasRadioButtonIcons) icon = selected ? RadioButtonChecked16 : RadioButton16;
+		else icon = CheckmarkFilled16;
+		return iconLoader(icon, {
+			class: `cds-custom--tile__checkmark`,
+			title: checkmarkLabel
+		});
+	}
 	render() {
-		const { colorScheme, checkmarkLabel, disabled, hasRoundedCorners, name, selected, value, _handleChange: handleChange, _handleKeydown: handleKeydown, _hasAILabel: hasAILabel } = this;
+		const { colorScheme, disabled, hasRoundedCorners, name, selected, value, _handleChange: handleChange, _handleKeydown: handleKeydown, _hasAILabel: hasAILabel } = this;
 		const classes = classMap({
 			[`cds-custom--tile`]: true,
 			[`cds-custom--tile--selectable`]: true,
@@ -75,10 +95,7 @@ let CDSRadioTile = class CDSRadioTile extends selectable_tile_default {
         @change=${!disabled ? handleChange : void 0}
         @keydown="${!disabled ? handleKeydown : void 0}" />
       <label part="label" for="input" class="${classes}">
-        ${iconLoader(CheckmarkFilled16, {
-			class: `cds-custom--tile__checkmark`,
-			title: checkmarkLabel
-		})}
+        ${this._renderIcon()}
         <div class="${"cds-custom"}--tile-content"><slot></slot></div>
       </label>
       <slot name="decorator"></slot>

package/es-custom/components/tile/radio-tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-tile.js","names":["SelectableTile","customElement"],"sources":["../../../src/components/tile/radio-tile.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport SelectableTile from './selectable-tile';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Radio tile.\n *\n * @element cds-custom-radio-tile\n * @fires cds-custom-radio-tile-selected\n *   The name of the custom event fired after this radio tile changes its selected state.\n */\n@customElement(`${prefix}-radio-tile`)\nclass CDSRadioTile extends SelectableTile {\n  /**\n   * Handles `change` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    this.selected = true;\n    const { selected, name } = this;\n    const { eventRadioChange } = this.constructor as typeof CDSRadioTile;\n    this.dispatchEvent(\n      new CustomEvent(eventRadioChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          selected,\n          name,\n        },\n      })\n    );\n  }\n\n  protected _handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n    }\n  };\n\n  render() {\n    const {\n      colorScheme,\n      checkmarkLabel,\n      disabled,\n      hasRoundedCorners,\n      name,\n      selected,\n      value,\n      _handleChange: handleChange,\n      _handleKeydown: handleKeydown,\n      _hasAILabel: hasAILabel,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--tile`]: true,\n      [`${prefix}--tile--selectable`]: true,\n      [`${prefix}--tile--radio`]: true,\n      [`${prefix}--tile--disabled`]: disabled,\n      [`${prefix}--tile--is-selected`]: selected,\n      [`${prefix}--tile--${colorScheme}`]: colorScheme,\n      [`${prefix}--tile--slug-rounded`]: hasAILabel && hasRoundedCorners,\n    });\n\n    return html`\n      <input\n        type=\"radio\"\n        id=\"input\"\n        class=\"${prefix}--tile-input\"\n        ?disabled=\"${disabled}\"\n        tabindex=\"${selected ? 0 : -1}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        .checked=${selected}\n        @change=${!disabled ? handleChange : undefined}\n        @keydown=\"${!disabled ? handleKeydown : undefined}\" />\n      <label part=\"label\" for=\"input\" class=\"${classes}\">\n        ${iconLoader(CheckmarkFilled16, {\n          class: `${prefix}--tile__checkmark`,\n          title: checkmarkLabel,\n        })}\n        <div class=\"${prefix}--tile-content\"><slot></slot></div>\n      </label>\n      <slot name=\"decorator\"></slot>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this selectable tile changes its selected state.\n   */\n  static get eventRadioChange() {\n    return `${prefix}-radio-tile-selected`;\n  }\n}\n\nexport default CDSRadioTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,eAAA,MACM,qBAAqBA,wBAAe;;;yBAoBZ,UAAyB;AACnD,OAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,QACrC,OAAM,gBAAgB;;;;;;CAlB1B,gBAA0B;AACxB,OAAK,WAAW;EAChB,MAAM,EAAE,UAAU,SAAS;EAC3B,MAAM,EAAE,qBAAqB,KAAK;AAClC,OAAK,cACH,IAAI,YAAY,kBAAkB;GAChC,SAAS;GACT,UAAU;GACV,QAAQ;IACN;IACA;IACD;GACF,CAAC,CACH;;CASH,SAAS;EACP,MAAM,EACJ,aACA,gBACA,UACA,mBACA,MACA,UACA,OACA,eAAe,cACf,gBAAgB,eAChB,aAAa,eACX;EACJ,MAAM,UAAU,SAAS;IACtB,cAAoB;IACpB,0BAAgC;IAChC,qBAA2B;IAC3B,wBAA8B;IAC9B,2BAAiC;IACjC,cAAoB,gBAAgB;IACpC,4BAAkC,cAAc;GAClD,CAAC;AAEF,SAAO,IAAI;;;;uBAIS;qBACH,SAAS;oBACV,WAAW,IAAI,GAAG;gBACtB,UAAU,KAAK,CAAC;iBACf,UAAU,MAAM,CAAC;mBACf,SAAS;kBACV,CAAC,WAAW,eAAe,KAAA,EAAU;oBACnC,CAAC,WAAW,gBAAgB,KAAA,EAAU;+CACX,QAAQ;UAC7C,WAAW,mBAAmB;GAC9B,OAAO;GACP,OAAO;GACR,CAAC,CAAC;4BACkB;;;2CAGc,KAAK,kBAAkB;;;;;;CAOhE,WAAW,mBAAmB;AAC5B,SAAO;;;2BA9EVC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AAkFtC,IAAA,qBAAe"}
+{"version":3,"file":"radio-tile.js","names":["SelectableTile","customElement"],"sources":["../../../src/components/tile/radio-tile.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport SelectableTile from './selectable-tile';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport RadioButton16 from '@carbon/icons/es/radio-button/16.js';\nimport RadioButtonChecked16 from '@carbon/icons/es/radio-button--checked/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { isFeatureFlagEnabled } from '../feature-flags';\n\n/**\n * Radio tile.\n *\n * @element cds-custom-radio-tile\n * @fires cds-custom-radio-tile-selected\n *   The name of the custom event fired after this radio tile changes its selected state.\n */\n@customElement(`${prefix}-radio-tile`)\nclass CDSRadioTile extends SelectableTile {\n  private _hasRadioButtonIcons = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._hasRadioButtonIcons = isFeatureFlagEnabled(\n      'enable-v12-tile-radio-icons',\n      this\n    );\n\n    if (this._hasRadioButtonIcons) {\n      this.setAttribute('enable-v12-tile-radio-icons', '');\n    } else {\n      this.removeAttribute('enable-v12-tile-radio-icons');\n    }\n  }\n\n  /**\n   * Handles `change` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    this.selected = true;\n    const { selected, name } = this;\n    const { eventRadioChange } = this.constructor as typeof CDSRadioTile;\n    this.dispatchEvent(\n      new CustomEvent(eventRadioChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          selected,\n          name,\n        },\n      })\n    );\n  }\n\n  protected _handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n    }\n  };\n\n  protected _renderIcon() {\n    const { selected, checkmarkLabel, _hasRadioButtonIcons } = this;\n\n    let icon;\n    if (_hasRadioButtonIcons) {\n      icon = selected ? RadioButtonChecked16 : RadioButton16;\n    } else {\n      icon = CheckmarkFilled16;\n    }\n\n    return iconLoader(icon, {\n      class: `${prefix}--tile__checkmark`,\n      title: checkmarkLabel,\n    });\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      hasRoundedCorners,\n      name,\n      selected,\n      value,\n      _handleChange: handleChange,\n      _handleKeydown: handleKeydown,\n      _hasAILabel: hasAILabel,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--tile`]: true,\n      [`${prefix}--tile--selectable`]: true,\n      [`${prefix}--tile--radio`]: true,\n      [`${prefix}--tile--disabled`]: disabled,\n      [`${prefix}--tile--is-selected`]: selected,\n      [`${prefix}--tile--${colorScheme}`]: colorScheme,\n      [`${prefix}--tile--slug-rounded`]: hasAILabel && hasRoundedCorners,\n    });\n\n    return html`\n      <input\n        type=\"radio\"\n        id=\"input\"\n        class=\"${prefix}--tile-input\"\n        ?disabled=\"${disabled}\"\n        tabindex=\"${selected ? 0 : -1}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        .checked=${selected}\n        @change=${!disabled ? handleChange : undefined}\n        @keydown=\"${!disabled ? handleKeydown : undefined}\" />\n      <label part=\"label\" for=\"input\" class=\"${classes}\">\n        ${this._renderIcon()}\n        <div class=\"${prefix}--tile-content\"><slot></slot></div>\n      </label>\n      <slot name=\"decorator\"></slot>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this selectable tile changes its selected state.\n   */\n  static get eventRadioChange() {\n    return `${prefix}-radio-tile-selected`;\n  }\n}\n\nexport default CDSRadioTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,eAAA,MACM,qBAAqBA,wBAAe;;;8BACT;yBAmCH,UAAyB;AACnD,OAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,QACrC,OAAM,gBAAgB;;;CAnC1B,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,uBAAuB,qBAC1B,+BACA,KACD;AAED,MAAI,KAAK,qBACP,MAAK,aAAa,+BAA+B,GAAG;MAEpD,MAAK,gBAAgB,8BAA8B;;;;;CAOvD,gBAA0B;AACxB,OAAK,WAAW;EAChB,MAAM,EAAE,UAAU,SAAS;EAC3B,MAAM,EAAE,qBAAqB,KAAK;AAClC,OAAK,cACH,IAAI,YAAY,kBAAkB;GAChC,SAAS;GACT,UAAU;GACV,QAAQ;IACN;IACA;IACD;GACF,CAAC,CACH;;CASH,cAAwB;EACtB,MAAM,EAAE,UAAU,gBAAgB,yBAAyB;EAE3D,IAAI;AACJ,MAAI,qBACF,QAAO,WAAW,uBAAuB;MAEzC,QAAO;AAGT,SAAO,WAAW,MAAM;GACtB,OAAO;GACP,OAAO;GACR,CAAC;;CAGJ,SAAS;EACP,MAAM,EACJ,aACA,UACA,mBACA,MACA,UACA,OACA,eAAe,cACf,gBAAgB,eAChB,aAAa,eACX;EACJ,MAAM,UAAU,SAAS;IACtB,cAAoB;IACpB,0BAAgC;IAChC,qBAA2B;IAC3B,wBAA8B;IAC9B,2BAAiC;IACjC,cAAoB,gBAAgB;IACpC,4BAAkC,cAAc;GAClD,CAAC;AAEF,SAAO,IAAI;;;;uBAIS;qBACH,SAAS;oBACV,WAAW,IAAI,GAAG;gBACtB,UAAU,KAAK,CAAC;iBACf,UAAU,MAAM,CAAC;mBACf,SAAS;kBACV,CAAC,WAAW,eAAe,KAAA,EAAU;oBACnC,CAAC,WAAW,gBAAgB,KAAA,EAAU;+CACX,QAAQ;UAC7C,KAAK,aAAa,CAAC;4BACA;;;2CAGc,KAAK,kBAAkB;;;;;;CAOhE,WAAW,mBAAmB;AAC5B,SAAO;;;2BA1GVC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AA8GtC,IAAA,qBAAe"}

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

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/tile/tile.scss?lit
-var tile_default = css([".cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--link *,.cds-custom--link :after,.cds-custom--link :before,:host(cds-custom-tile) ::slotted(.cds-custom--link) *,:host(cds-custom-tile) ::slotted(.cds-custom--link) :after,:host(cds-custom-tile) ::slotted(.cds-custom--link) :before{box-sizing:inherit}.cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--link:hover,:host(cds-custom-tile) :hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited,:host(cds-custom-tile) :visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds-custom--link:visited:hover,:host(cds-custom-tile) :visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--link--disabled *,.cds-custom--link--disabled :after,.cds-custom--link--disabled :before,.cds-custom--link--disabled:hover *,.cds-custom--link--disabled:hover :after,.cds-custom--link--disabled:hover :before{box-sizing:inherit}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);text-decoration:none}.cds-custom--link.cds-custom--link--visited,.cds-custom--link.cds-custom--link--visited:visited,:host(cds-custom-tile) .cds-custom--link--visited::slotted(.cds-custom--link){color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds-custom--link.cds-custom--link--visited:hover,.cds-custom--link.cds-custom--link--visited:visited:hover,:host(cds-custom-tile) .cds-custom--link--visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline,:host(cds-custom-tile) .cds-custom--link--inline::slotted(.cds-custom--link){display:inline;text-decoration:underline}.cds-custom--link--disabled.cds-custom--link--inline{text-decoration:underline}.cds-custom--link--sm,.cds-custom--link--sm.cds-custom--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds-custom--link--lg,.cds-custom--link--lg.cds-custom--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds-custom--link__icon{align-items:center;block-size:1lh;display:inline-flex;line-height:inherit;margin-inline-start:.5rem;vertical-align:text-bottom}.cds-custom--link--lg .cds-custom--link__icon>svg{block-size:1.25rem;inline-size:1.25rem}.cds-custom--link--lg .cds-custom--link__icon{block-size:1.25rem}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--tile-group html,:host(cds-custom-tile-group) html{font-size:100%}.cds-custom--tile-group body,:host(cds-custom-tile-group) body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--tile-group code,:host(cds-custom-tile-group) code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--tile-group strong,:host(cds-custom-tile-group) strong{font-weight:600}.cds-custom--tile,:host(cds-custom-expandable-tile),:host(cds-custom-tile){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);--cds-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));background-color:var(--cds-layer);display:block;min-block-size:4rem;min-inline-size:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-layout-density-padding-inline-local);position:relative}.cds-custom--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile:focus{outline-style:dotted}}.cds-custom--tile--light,:host(cds-custom-expandable-tile[color-scheme=light]),:host(cds-custom-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--tile--clickable *,.cds-custom--tile--clickable :after,.cds-custom--tile--clickable :before,.cds-custom--tile--selectable *,.cds-custom--tile--selectable :after,.cds-custom--tile--selectable :before,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable *,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :after,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :before{box-sizing:inherit}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding:var(--cds-layout-density-padding-inline-local);transition:.15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--clickable:hover,.cds-custom--tile--selectable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--clickable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--clickable:focus{outline-style:dotted}}.cds-custom--tile--clickable:focus{text-decoration:none}.cds-custom--tile--clickable:focus .cds-custom--tile__checkmark,.cds-custom--tile--clickable:hover .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--expandable::-moz-focus-inner{border:0}.cds-custom--tile--clickable:active,.cds-custom--tile--clickable:hover,.cds-custom--tile--clickable:visited,.cds-custom--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable.cds-custom--link--disabled,.cds-custom--tile--clickable:hover.cds-custom--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:var(--cds-layout-density-padding-inline-local)}.cds-custom--tile--clickable .cds-custom--tile--icon,.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem;inset-block-end:.75rem;inset-inline-end:.75rem;position:absolute}.cds-custom--tile--clickable .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){fill:var(--cds-icon-interactive,#0f62fe)}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable.cds-custom--link--disabled ::slotted([slot=icon]){display:none}.cds-custom--tile--selectable{border:1px solid transparent;padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem)}.cds-custom--tile__checkmark{background:transparent;block-size:1rem;border:none;inset-block-start:var(--cds-layout-density-padding-inline-local);inset-inline-end:var(--cds-layout-density-padding-inline-local);opacity:0;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds-custom--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile__checkmark:focus{outline-style:dotted}}.cds-custom--tile__checkmark--persistent{opacity:1}.cds-custom--tile__chevron,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{transition:none}}.cds-custom--tile__chevron--interactive{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--tile__chevron--interactive *,.cds-custom--tile__chevron--interactive :after,.cds-custom--tile__chevron--interactive :before{box-sizing:inherit}.cds-custom--tile__chevron--interactive::-moz-focus-inner{border:0}.cds-custom--tile__chevron--interactive{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds-custom--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds-custom--tile--expandable,:host(cds-custom-expandable-tile){border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;position:relative;text-align:start;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--expandable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive{border:none;cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:focus{outline:none}.cds-custom--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--expandable--interactive:focus{outline-style:dotted}}.cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds-custom--tile--is-expanded,:host(cds-custom-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--is-expanded .cds-custom--tile__chevron svg,:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile__chevron svg{transform:rotate(180deg)}.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){overflow-y:auto}}.cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds-custom--tile--is-selected .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--is-selected .cds-custom--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile-content{block-size:100%;inline-size:100%}.cds-custom--tile-input{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline-style:dotted}}.cds-custom--tile--disabled.cds-custom--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--tile--disabled.cds-custom--tile--selectable.cds-custom--tile--light{background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--disabled.cds-custom--tile--is-selected{border-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--tile--disabled .cds-custom--tile__checkmark svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon,.cds-custom--tile--expandable>div>.cds-custom--ai-label,.cds-custom--tile--expandable>div>.cds-custom--slug,.cds-custom--tile--expandable>div>.cds-custom--tile--inner-decorator>*,.cds-custom--tile>.cds-custom--ai-label,.cds-custom--tile>.cds-custom--slug,.cds-custom--tile>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>.cds-custom--slug,:host(cds-custom-expandable-tile)>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>div>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>div>.cds-custom--slug,:host(cds-custom-expandable-tile)>div>.cds-custom--tile--inner-decorator>*,:host(cds-custom-tile)>.cds-custom--ai-label,:host(cds-custom-tile)>.cds-custom--slug,:host(cds-custom-tile)>.cds-custom--tile--inner-decorator>*{inset-block-start:1rem;inset-inline-end:1rem;position:absolute}.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--tile--inner-decorator>*{inset-inline-end:1rem;inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--tile--inner-decorator>*{pointer-events:none}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile,.cds-custom--tile--slug.cds-custom--tile{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--expandable:hover,.cds-custom--tile--slug.cds-custom--tile--expandable:hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}.cds-custom--tile--decorator.cds-custom--tile--clickable:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:after,.cds-custom--tile--decorator.cds-custom--tile--selectable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:before{block-size:100%;content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--clickable:before,.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--selectable:before,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--clickable:hover:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:before,.cds-custom--tile--slug.cds-custom--tile--clickable:hover:before,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:before{opacity:1}.cds-custom--tile--decorator.cds-custom--tile--clickable:focus,.cds-custom--tile--decorator.cds-custom--tile--selectable:focus,.cds-custom--tile--slug.cds-custom--tile--clickable:focus,.cds-custom--tile--slug.cds-custom--tile--selectable:focus,.cds-custom--tile-input:focus+.cds-custom--tile--decorator.cds-custom--tile,.cds-custom--tile-input:focus+.cds-custom--tile--slug.cds-custom--tile{outline-offset:-1px}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator .cds-custom--ai-label).cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:after,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:after{opacity:0}.cds-custom--tile--decorator.cds-custom--tile--is-selected:after,.cds-custom--tile--slug.cds-custom--tile--is-selected:after{opacity:1}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator).cds-custom--tile--is-selected,.cds-custom--tile--slug.cds-custom--tile--is-selected{border-color:var(--cds-border-inverse,#161616)}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content{cursor:pointer;position:relative}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--is-selected .cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile--inner-decorator>:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--ai-label:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--slug:has(>.cds-custom--popover--open){z-index:2}.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--expandable:has(.cds-custom--ai-label>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--slug>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open),:has(.cds-custom--ai-label>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--slug>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open):host(cds-custom-expandable-tile){overflow:visible}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon rect{stroke:var(--cds-icon-primary,#161616)}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon path{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile--decorator-rounded,.cds-custom--tile--decorator-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:before,.cds-custom--tile--slug-rounded,.cds-custom--tile--slug-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:before,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]),:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]),:host(cds-custom-radio-tile[ai-label][has-rounded-corners]),:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]),:host(cds-custom-tile[ai-label][has-rounded-corners]){border-radius:.5rem}.cds-custom--tile--decorator-rounded .cds-custom--tile__chevron,.cds-custom--tile--slug-rounded .cds-custom--tile__chevron,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-tile-group){background:transparent}:host(cds-custom-tile-group) fieldset{border:none}:host(cds-custom-clickable-tile){--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;display:grid;outline:none}:host(cds-custom-clickable-tile) .cds-custom--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:density(\"padding-inline\")}:host(cds-custom-clickable-tile) .cds-custom--tile,:host(cds-custom-clickable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile) :host(cds-custom-tile){outline:.125rem solid transparent;padding:1rem}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{display:block;transition:.15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline-style:dotted}}:host(cds-custom-clickable-tile) .cds-custom--link__icon{display:block}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]){pointer-events:none}:host(cds-custom-radio-tile){--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;display:block;margin-block-end:.5rem;outline:none;position:relative}:host(cds-custom-radio-tile) .cds-custom--tile,:host(cds-custom-radio-tile) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-selectable-tile){--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;display:block;outline:none;position:relative}:host(cds-custom-selectable-tile) .cds-custom--tile,:host(cds-custom-selectable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-radio-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark{opacity:1}:host(cds-custom-clickable-tile) ::slotted(*),:host(cds-custom-radio-tile) ::slotted(:not([slot])),:host(cds-custom-selectable-tile) ::slotted(:not([slot])){cursor:pointer;position:relative;z-index:1}:host(cds-custom-expandable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-above-the-fold-content){display:block}:host(cds-custom-expandable-tile) .cds-custom-ce--expandable-tile--below-the-fold-content{max-block-size:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[expanded]) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(cds-custom-expandable-tile[with-interactive]){cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[with-interactive]):hover{background-color:var(--cds-layer)}:host(cds-custom-expandable-tile[with-interactive]):focus{outline:none}:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline-style:dotted}}:host(cds-custom-expandable-tile:not([with-interactive])) .cds-custom--tile__chevron{background:none;border:none;cursor:pointer;outline:none}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-expandable-tile[ai-label]),:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile,:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-tile[ai-label]){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=decorator]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]),:host(cds-custom-expandable-tile) ::slotted([slot=ai-label]),:host(cds-custom-expandable-tile) ::slotted([slot=decorator]),:host(cds-custom-expandable-tile) ::slotted([slot=slug]),:host(cds-custom-radio-tile) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile) ::slotted([slot=decorator]),:host(cds-custom-radio-tile) ::slotted([slot=slug]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]),:host(cds-custom-tile) ::slotted([slot=ai-label]),:host(cds-custom-tile) ::slotted([slot=decorator]),:host(cds-custom-tile) ::slotted([slot=slug]){inset-block-start:1rem;inset-inline-end:1rem;position:absolute}:host(cds-custom-radio-tile[selected]) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile[selected]) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]){inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[ai-label]):hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{block-size:100%;content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:hover:before{opacity:1}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark{z-index:1}:host(cds-custom-radio-tile[ai-label]),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-expandable-tile[ai-label]){overflow:visible}:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}"]);
+var tile_default = css([".cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--link *,.cds-custom--link :after,.cds-custom--link :before,:host(cds-custom-tile) ::slotted(.cds-custom--link) *,:host(cds-custom-tile) ::slotted(.cds-custom--link) :after,:host(cds-custom-tile) ::slotted(.cds-custom--link) :before{box-sizing:inherit}.cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){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;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--link:hover,:host(cds-custom-tile) :hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited,:host(cds-custom-tile) :visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds-custom--link:visited:hover,:host(cds-custom-tile) :visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--link--disabled *,.cds-custom--link--disabled :after,.cds-custom--link--disabled :before,.cds-custom--link--disabled:hover *,.cds-custom--link--disabled:hover :after,.cds-custom--link--disabled:hover :before{box-sizing:inherit}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{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-custom--link.cds-custom--link--visited,.cds-custom--link.cds-custom--link--visited:visited,:host(cds-custom-tile) .cds-custom--link--visited::slotted(.cds-custom--link){color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds-custom--link.cds-custom--link--visited:hover,.cds-custom--link.cds-custom--link--visited:visited:hover,:host(cds-custom-tile) .cds-custom--link--visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline,:host(cds-custom-tile) .cds-custom--link--inline::slotted(.cds-custom--link){display:inline;text-decoration:underline}.cds-custom--link--disabled.cds-custom--link--inline{text-decoration:underline}.cds-custom--link--sm,.cds-custom--link--sm.cds-custom--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-custom--link--lg,.cds-custom--link--lg.cds-custom--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-custom--link__icon{display:inline-flex;align-items:center;block-size:1lh;line-height:inherit;margin-inline-start:.5rem;vertical-align:text-bottom}.cds-custom--link--lg .cds-custom--link__icon>svg{block-size:1.25rem;inline-size:1.25rem}.cds-custom--link--lg .cds-custom--link__icon{block-size:1.25rem}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--tile-group html,:host(cds-custom-tile-group) html{font-size:100%}.cds-custom--tile-group body,:host(cds-custom-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-custom--tile-group code,:host(cds-custom-tile-group) code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--tile-group strong,:host(cds-custom-tile-group) strong{font-weight:600}.cds-custom--tile,:host(cds-custom-expandable-tile),:host(cds-custom-tile){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-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));position:relative;display:block;padding:var(--cds-layout-density-padding-inline-local);background-color:var(--cds-layer);min-block-size:4rem;min-inline-size:8rem;outline:2px solid transparent;outline-offset:-2px}.cds-custom--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile:focus{outline-style:dotted}}.cds-custom--tile--light,:host(cds-custom-expandable-tile[color-scheme=light]),:host(cds-custom-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--tile--clickable *,.cds-custom--tile--clickable :after,.cds-custom--tile--clickable :before,.cds-custom--tile--selectable *,.cds-custom--tile--selectable :after,.cds-custom--tile--selectable :before,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable *,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :after,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :before{box-sizing:inherit}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{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);padding:var(--cds-layout-density-padding-inline-local);cursor:pointer;transition:.15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--clickable:hover,.cds-custom--tile--selectable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--clickable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--clickable:focus{outline-style:dotted}}.cds-custom--tile--clickable:focus{text-decoration:none}.cds-custom--tile--clickable:focus .cds-custom--tile__checkmark,.cds-custom--tile--clickable:hover .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--expandable::-moz-focus-inner{border:0}.cds-custom--tile--clickable:active,.cds-custom--tile--clickable:hover,.cds-custom--tile--clickable:visited,.cds-custom--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable.cds-custom--link--disabled,.cds-custom--tile--clickable:hover.cds-custom--link--disabled{display:block;padding:var(--cds-layout-density-padding-inline-local);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--tile--clickable .cds-custom--tile--icon,.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){position:absolute;block-size:1.25rem;inline-size:1.25rem;inset-block-end:.75rem;inset-inline-end:.75rem}.cds-custom--tile--clickable .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){fill:var(--cds-icon-interactive,#0f62fe)}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable.cds-custom--link--disabled ::slotted([slot=icon]){display:none}.cds-custom--tile--selectable{border:1px solid transparent;padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem)}.cds-custom--tile__checkmark{position:absolute;border:none;background:transparent;block-size:1rem;inset-block-start:var(--cds-layout-density-padding-inline-local);inset-inline-end:var(--cds-layout-density-padding-inline-local);transition:.11s cubic-bezier(.2,0,.38,.9);opacity:0}.cds-custom--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds-custom--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile__checkmark:focus{outline-style:dotted}}.cds-custom--tile__checkmark--persistent{opacity:1}.cds-custom--tile__chevron,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron{position:absolute;display:flex;align-items:center;justify-content:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0}.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{transition:none}}.cds-custom--tile__chevron--interactive{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--tile__chevron--interactive *,.cds-custom--tile__chevron--interactive :after,.cds-custom--tile__chevron--interactive :before{box-sizing:inherit}.cds-custom--tile__chevron--interactive::-moz-focus-inner{border:0}.cds-custom--tile__chevron--interactive{position:absolute;display:flex;align-items:center;justify-content:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0}.cds-custom--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds-custom--tile--expandable,:host(cds-custom-expandable-tile){position:relative;overflow:hidden;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;inline-size:100%;text-align:start;transition:max-height .15s 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-custom--tile--expandable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive{border:none;cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:focus{outline:none}.cds-custom--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--expandable--interactive:focus{outline-style:dotted}}.cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds-custom--tile--is-expanded,:host(cds-custom-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--is-expanded .cds-custom--tile__chevron svg,:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile__chevron svg{transform:rotate(180deg)}.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){overflow-y:auto}}.cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds-custom--tile--is-selected .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--is-selected .cds-custom--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile-content{block-size:100%;inline-size:100%}.cds-custom--tile-input{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline-style:dotted}}.cds-custom--tile--disabled.cds-custom--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--tile--disabled.cds-custom--tile--selectable.cds-custom--tile--light{background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--disabled.cds-custom--tile--is-selected{border-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--tile--disabled .cds-custom--tile__checkmark svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon,.cds-custom--tile--expandable>div>.cds-custom--ai-label,.cds-custom--tile--expandable>div>.cds-custom--slug,.cds-custom--tile--expandable>div>.cds-custom--tile--inner-decorator>*,.cds-custom--tile>.cds-custom--ai-label,.cds-custom--tile>.cds-custom--slug,.cds-custom--tile>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>.cds-custom--slug,:host(cds-custom-expandable-tile)>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>div>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>div>.cds-custom--slug,:host(cds-custom-expandable-tile)>div>.cds-custom--tile--inner-decorator>*,:host(cds-custom-tile)>.cds-custom--ai-label,:host(cds-custom-tile)>.cds-custom--slug,:host(cds-custom-tile)>.cds-custom--tile--inner-decorator>*{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--tile--inner-decorator>*{inset-inline-end:1rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9);inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--tile--inner-decorator>*{pointer-events:none}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile,.cds-custom--tile--slug.cds-custom--tile{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--expandable:hover,.cds-custom--tile--slug.cds-custom--tile--expandable:hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}.cds-custom--tile--decorator.cds-custom--tile--clickable:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:after,.cds-custom--tile--decorator.cds-custom--tile--selectable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:before{position:absolute;display:block;block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--clickable:before,.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--selectable:before,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--clickable:hover:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:before,.cds-custom--tile--slug.cds-custom--tile--clickable:hover:before,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:before{opacity:1}.cds-custom--tile--decorator.cds-custom--tile--clickable:focus,.cds-custom--tile--decorator.cds-custom--tile--selectable:focus,.cds-custom--tile--slug.cds-custom--tile--clickable:focus,.cds-custom--tile--slug.cds-custom--tile--selectable:focus,.cds-custom--tile-input:focus+.cds-custom--tile--decorator.cds-custom--tile,.cds-custom--tile-input:focus+.cds-custom--tile--slug.cds-custom--tile{outline-offset:-1px}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator .cds-custom--ai-label).cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:after,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:after{opacity:0}.cds-custom--tile--decorator.cds-custom--tile--is-selected:after,.cds-custom--tile--slug.cds-custom--tile--is-selected:after{opacity:1}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator).cds-custom--tile--is-selected,.cds-custom--tile--slug.cds-custom--tile--is-selected{border-color:var(--cds-border-inverse,#161616)}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content{position:relative;cursor:pointer}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--is-selected .cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile--inner-decorator>:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--ai-label:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--slug:has(>.cds-custom--popover--open){z-index:2}.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--expandable:has(.cds-custom--ai-label>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--slug>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open),:has(.cds-custom--ai-label>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--slug>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open):host(cds-custom-expandable-tile){overflow:visible}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon rect{stroke:var(--cds-icon-primary,#161616)}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon path{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile--decorator-rounded,.cds-custom--tile--decorator-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:before,.cds-custom--tile--slug-rounded,.cds-custom--tile--slug-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:before,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]),:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]),:host(cds-custom-radio-tile[ai-label][has-rounded-corners]),:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]),:host(cds-custom-tile[ai-label][has-rounded-corners]){border-radius:.5rem}.cds-custom--tile--decorator-rounded .cds-custom--tile__chevron,.cds-custom--tile--slug-rounded .cds-custom--tile__chevron,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--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-custom--label html{font-size:100%}.cds-custom--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-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-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-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{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);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{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;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-custom-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-tile-group){background:transparent}:host(cds-custom-tile-group) fieldset{border:none}:host(cds-custom-clickable-tile){--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;display:grid;outline:none}:host(cds-custom-clickable-tile) .cds-custom--link--disabled{display:block;padding:density(\"padding-inline\");background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-custom-clickable-tile) .cds-custom--tile,:host(cds-custom-clickable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile) :host(cds-custom-tile){padding:1rem;outline:.125rem solid transparent}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{display:block;transition:.15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline-style:dotted}}:host(cds-custom-clickable-tile) .cds-custom--link__icon{display:block}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]){pointer-events:none}:host(cds-custom-radio-tile){--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;position:relative;display:block;margin-block-end:.5rem;outline:none}:host(cds-custom-radio-tile) .cds-custom--tile,:host(cds-custom-radio-tile) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-selectable-tile){--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;position:relative;display:block;outline:none}:host(cds-custom-selectable-tile) .cds-custom--tile,:host(cds-custom-selectable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-radio-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark{opacity:1}:host(cds-custom-radio-tile[enable-v12-tile-radio-icons]) .cds-custom--tile__checkmark{opacity:1}:host(cds-custom-radio-tile[enable-v12-tile-radio-icons]) ::slotted([slot=ai-label]){inset-inline-end:2.5rem}:host(cds-custom-clickable-tile) ::slotted(*),:host(cds-custom-radio-tile) ::slotted(:not([slot])),:host(cds-custom-selectable-tile) ::slotted(:not([slot])){position:relative;z-index:1;cursor:pointer}:host(cds-custom-expandable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-above-the-fold-content){display:block}:host(cds-custom-expandable-tile) .cds-custom-ce--expandable-tile--below-the-fold-content{max-block-size:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[expanded]) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(cds-custom-expandable-tile[with-interactive]){cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[with-interactive]):hover{background-color:var(--cds-layer)}:host(cds-custom-expandable-tile[with-interactive]):focus{outline:none}:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline-style:dotted}}:host(cds-custom-expandable-tile:not([with-interactive])) .cds-custom--tile__chevron{border:none;background:none;cursor:pointer;outline:none}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-expandable-tile[ai-label]),:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile,:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-tile[ai-label]){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=decorator]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]),:host(cds-custom-expandable-tile) ::slotted([slot=ai-label]),:host(cds-custom-expandable-tile) ::slotted([slot=decorator]),:host(cds-custom-expandable-tile) ::slotted([slot=slug]),:host(cds-custom-radio-tile) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile) ::slotted([slot=decorator]),:host(cds-custom-radio-tile) ::slotted([slot=slug]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]),:host(cds-custom-tile) ::slotted([slot=ai-label]),:host(cds-custom-tile) ::slotted([slot=decorator]),:host(cds-custom-tile) ::slotted([slot=slug]){position:absolute;inset-block-start:1rem;inset-inline-end:1rem}:host(cds-custom-radio-tile[selected]) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile[selected]) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]){inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[ai-label]):hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{position:absolute;display:block;block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:hover:before{opacity:1}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark{z-index:1}:host(cds-custom-radio-tile[ai-label]),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-expandable-tile[ai-label]){overflow:visible}:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}:host(cds-custom-clickable-tile[enable-tile-contrast]) .cds-custom--tile--clickable{box-sizing:border-box;border:1px solid var(--cds-border-tile)}:host(cds-custom-clickable-tile[enable-tile-contrast]) .cds-custom--link--disabled{box-sizing:border-box;border:1px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-selectable-tile[enable-tile-contrast]) .cds-custom--tile--selectable{border:1px solid var(--cds-border-tile)}:host(cds-custom-selectable-tile[enable-tile-contrast]) .cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-selectable-tile[enable-tile-contrast]) .cds-custom--tile--disabled{border:1px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-expandable-tile[enable-tile-contrast]) .cds-custom--tile__chevron--interactive{border:1px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-expandable-tile[enable-tile-contrast]:not([with-interactive])){border:1px solid var(--cds-border-tile)}:host(cds-custom-radio-tile[enable-tile-contrast]) .cds-custom--tile--selectable{box-sizing:border-box;border:1px solid var(--cds-border-tile)}:host(cds-custom-radio-tile[enable-tile-contrast]) .cds-custom--tile--is-selected{box-sizing:border-box;border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-radio-tile[enable-tile-contrast]) .cds-custom--tile--disabled{box-sizing:border-box;border:1px solid var(--cds-border-disabled,#c6c6c6)}"]);
 //#endregion
 export { tile_default as default };
 

package/es-custom/components/tile/tile.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.scss.js","names":[],"sources":["../../../src/components/tile/tile.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/utilities/focus-outline' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/components/link';\n@use '@carbon/styles/scss/components/tile/index' as *;\n@use '@carbon/styles/scss/components/form/index' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/layout' as *;\n\n:host(#{$prefix}-tile) {\n  @extend .#{$prefix}--tile;\n  @include emit-layout-tokens();\n\n  ::slotted(.#{$prefix}--link) {\n    @extend .#{$prefix}--link;\n  }\n}\n\n:host(#{$prefix}-tile-group) {\n  @extend .#{$prefix}--tile-group;\n\n  background: transparent;\n\n  fieldset {\n    border: none;\n  }\n}\n\n:host(#{$prefix}-clickable-tile) {\n  @include emit-layout-tokens();\n\n  display: grid;\n  outline: none;\n\n  .#{$prefix}--link--disabled {\n    display: block;\n    padding: density('padding-inline');\n    background-color: $layer;\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--tile {\n    // Overrides what `.#{$prefix}--link` defines\n    padding: $spacing-05;\n    outline: $spacing-01 solid transparent;\n  }\n\n  .#{$prefix}--tile--clickable {\n    @extend .#{$prefix}--tile--clickable;\n    // Overrides what `.#{$prefix}--link` defines\n    display: block;\n    transition: $duration-moderate-01 motion(standard, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--link__icon {\n    display: block;\n  }\n\n  ::slotted([slot='icon']) {\n    @extend .#{$prefix}--tile--icon;\n  }\n\n  ::slotted([slot='ai-label']),\n  ::slotted([slot='slug']) {\n    pointer-events: none;\n  }\n}\n\n:host(#{$prefix}-radio-tile) {\n  @include emit-layout-tokens();\n\n  position: relative;\n  display: block;\n\n  margin-block-end: $spacing-03;\n  outline: none;\n\n  .#{$prefix}--tile {\n    block-size: 100%;\n  }\n}\n\n:host(#{$prefix}-selectable-tile) {\n  @include emit-layout-tokens();\n\n  position: relative;\n\n  display: block;\n  outline: none;\n\n  .#{$prefix}--tile {\n    block-size: 100%;\n  }\n\n  .#{$prefix}--tile__chevron {\n    @extend .#{$prefix}--tile__chevron;\n  }\n}\n\n:host(#{$prefix}-radio-tile),\n:host(#{$prefix}-selectable-tile) {\n  .#{$prefix}--tile-input:checked\n    ~ .#{$prefix}--tile--selectable\n    .#{$prefix}--tile__checkmark {\n    opacity: 1;\n  }\n}\n\n:host(#{$prefix}-radio-tile) ::slotted(:not([slot])),\n:host(#{$prefix}-clickable-tile) ::slotted(*),\n:host(#{$prefix}-selectable-tile) ::slotted(:not([slot])) {\n  position: relative;\n  z-index: 1;\n  cursor: pointer;\n}\n\n:host(#{$prefix}-expandable-tile) {\n  @extend .#{$prefix}--tile;\n  @extend .#{$prefix}--tile--expandable;\n  @include emit-layout-tokens();\n\n  ::slotted(#{$prefix}-tile-above-the-fold-content) {\n    display: block;\n  }\n\n  ::slotted(#{$prefix}-tile-below-the-fold-content) {\n    @extend .#{$prefix}--tile-content__below-the-fold;\n  }\n\n  .#{$prefix}-ce--expandable-tile--below-the-fold-content {\n    max-block-size: 0;\n    transition: max-height $duration-fast-02 motion(standard, productive);\n  }\n}\n\n:host(#{$prefix}-expandable-tile[expanded]) {\n  @extend .#{$prefix}--tile--is-expanded;\n\n  ::slotted(#{$prefix}-tile-below-the-fold-content) {\n    opacity: 1;\n    transition: $duration-fast-02 motion(standard, productive);\n    visibility: visible;\n  }\n}\n\n:host(#{$prefix}-expandable-tile[with-interactive]) {\n  cursor: default;\n  transition: max-height $duration-moderate-01 motion(standard, productive);\n\n  &:hover {\n    background-color: $layer;\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n:host(#{$prefix}-expandable-tile:not([with-interactive]):focus-within) {\n  @include focus-outline('outline');\n}\n\n:host(#{$prefix}-expandable-tile:not([with-interactive])) {\n  .#{$prefix}--tile__chevron {\n    border: none;\n    background: none;\n    cursor: pointer;\n    outline: none;\n  }\n}\n\n:host(#{$prefix}-tile[color-scheme='light']),\n:host(#{$prefix}-expandable-tile[color-scheme='light']) {\n  @extend .#{$prefix}--tile--light;\n}\n\n// AI Label styles\n:host(#{$prefix}-tile[ai-label]),\n:host(#{$prefix}-expandable-tile[ai-label]),\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile,\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile {\n  @include ai-popover-gradient('default', 0, 'layer');\n\n  border: 1px solid transparent;\n  box-shadow:\n    inset 0 -80px 70px -65px $ai-inner-shadow,\n    0 24px 40px -24px $ai-drop-shadow;\n}\n\n:host(#{$prefix}-tile),\n:host(#{$prefix}-expandable-tile),\n:host(#{$prefix}-clickable-tile),\n:host(#{$prefix}-selectable-tile),\n:host(#{$prefix}-radio-tile) {\n  ::slotted([slot='decorator']),\n  ::slotted([slot='ai-label']),\n  ::slotted([slot='slug']) {\n    position: absolute;\n    inset-block-start: $spacing-05;\n    inset-inline-end: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-radio-tile[selected]) ::slotted([slot='decorator']),\n:host(#{$prefix}-radio-tile[selected]) ::slotted([slot='ai-label']),\n:host(#{$prefix}-selectable-tile) ::slotted([slot='decorator']),\n:host(#{$prefix}-selectable-tile) ::slotted([slot='ai-label']),\n:host(#{$prefix}-selectable-tile) ::slotted([slot='slug']) {\n  inset-inline-end: $spacing-08;\n  transition: inset-inline-end $duration-fast-02 motion(standard, productive);\n}\n\n:host(#{$prefix}-expandable-tile[ai-label]):hover {\n  @include ai-popover-gradient('default', 0, 'layer');\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile::after,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile::after,\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile::before {\n  position: absolute;\n  display: block;\n  block-size: 100%;\n  content: '';\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  opacity: 0;\n  transition: opacity $duration-fast-02 motion(standard, productive);\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile::before {\n  @include ai-popover-gradient('hover', 0, 'layer');\n\n  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile:hover::before,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile:hover::before,\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile:hover::before {\n  opacity: 1;\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile--is-selected,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile--is-selected {\n  border: 1px solid $layer-selected-inverse;\n  .#{$prefix}--tile__checkmark {\n    z-index: 1;\n  }\n}\n\n:host(#{$prefix}-radio-tile[ai-label]),\n:host(#{$prefix}-selectable-tile[ai-label])\n  .#{$prefix}--tile--is-selected::after {\n  @include ai-popover-gradient('selected', 0, 'layer');\n\n  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;\n}\n\n:host(#{$prefix}-expandable-tile[ai-label]) {\n  overflow: visible;\n}\n\n:host(#{$prefix}-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-expandable-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-clickable-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-selectable-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-radio-tile[ai-label][has-rounded-corners]) {\n  @extend .#{$prefix}--tile--slug-rounded;\n\n  .#{$prefix}--tile__chevron {\n    border-end-end-radius: $spacing-03;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"tile.scss.js","names":[],"sources":["../../../src/components/tile/tile.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/utilities/focus-outline' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/components/link';\n@use '@carbon/styles/scss/components/tile/index' as *;\n@use '@carbon/styles/scss/components/form/index' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/layout' as *;\n\n:host(#{$prefix}-tile) {\n  @extend .#{$prefix}--tile;\n  @include emit-layout-tokens();\n\n  ::slotted(.#{$prefix}--link) {\n    @extend .#{$prefix}--link;\n  }\n}\n\n:host(#{$prefix}-tile-group) {\n  @extend .#{$prefix}--tile-group;\n\n  background: transparent;\n\n  fieldset {\n    border: none;\n  }\n}\n\n:host(#{$prefix}-clickable-tile) {\n  @include emit-layout-tokens();\n\n  display: grid;\n  outline: none;\n\n  .#{$prefix}--link--disabled {\n    display: block;\n    padding: density('padding-inline');\n    background-color: $layer;\n    color: $text-disabled;\n    cursor: not-allowed;\n  }\n\n  .#{$prefix}--tile {\n    // Overrides what `.#{$prefix}--link` defines\n    padding: $spacing-05;\n    outline: $spacing-01 solid transparent;\n  }\n\n  .#{$prefix}--tile--clickable {\n    @extend .#{$prefix}--tile--clickable;\n    // Overrides what `.#{$prefix}--link` defines\n    display: block;\n    transition: $duration-moderate-01 motion(standard, productive);\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$prefix}--link__icon {\n    display: block;\n  }\n\n  ::slotted([slot='icon']) {\n    @extend .#{$prefix}--tile--icon;\n  }\n\n  ::slotted([slot='ai-label']),\n  ::slotted([slot='slug']) {\n    pointer-events: none;\n  }\n}\n\n:host(#{$prefix}-radio-tile) {\n  @include emit-layout-tokens();\n\n  position: relative;\n  display: block;\n\n  margin-block-end: $spacing-03;\n  outline: none;\n\n  .#{$prefix}--tile {\n    block-size: 100%;\n  }\n}\n\n:host(#{$prefix}-selectable-tile) {\n  @include emit-layout-tokens();\n\n  position: relative;\n\n  display: block;\n  outline: none;\n\n  .#{$prefix}--tile {\n    block-size: 100%;\n  }\n\n  .#{$prefix}--tile__chevron {\n    @extend .#{$prefix}--tile__chevron;\n  }\n}\n\n:host(#{$prefix}-radio-tile),\n:host(#{$prefix}-selectable-tile) {\n  .#{$prefix}--tile-input:checked\n    ~ .#{$prefix}--tile--selectable\n    .#{$prefix}--tile__checkmark {\n    opacity: 1;\n  }\n}\n\n:host(#{$prefix}-radio-tile[enable-v12-tile-radio-icons]) {\n  .#{$prefix}--tile__checkmark {\n    opacity: 1;\n  }\n}\n\n:host(#{$prefix}-radio-tile[enable-v12-tile-radio-icons])\n  ::slotted([slot='ai-label']) {\n  inset-inline-end: 2.5rem;\n}\n\n:host(#{$prefix}-radio-tile) ::slotted(:not([slot])),\n:host(#{$prefix}-clickable-tile) ::slotted(*),\n:host(#{$prefix}-selectable-tile) ::slotted(:not([slot])) {\n  position: relative;\n  z-index: 1;\n  cursor: pointer;\n}\n\n:host(#{$prefix}-expandable-tile) {\n  @extend .#{$prefix}--tile;\n  @extend .#{$prefix}--tile--expandable;\n  @include emit-layout-tokens();\n\n  ::slotted(#{$prefix}-tile-above-the-fold-content) {\n    display: block;\n  }\n\n  ::slotted(#{$prefix}-tile-below-the-fold-content) {\n    @extend .#{$prefix}--tile-content__below-the-fold;\n  }\n\n  .#{$prefix}-ce--expandable-tile--below-the-fold-content {\n    max-block-size: 0;\n    transition: max-height $duration-fast-02 motion(standard, productive);\n  }\n}\n\n:host(#{$prefix}-expandable-tile[expanded]) {\n  @extend .#{$prefix}--tile--is-expanded;\n\n  ::slotted(#{$prefix}-tile-below-the-fold-content) {\n    opacity: 1;\n    transition: $duration-fast-02 motion(standard, productive);\n    visibility: visible;\n  }\n}\n\n:host(#{$prefix}-expandable-tile[with-interactive]) {\n  cursor: default;\n  transition: max-height $duration-moderate-01 motion(standard, productive);\n\n  &:hover {\n    background-color: $layer;\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n:host(#{$prefix}-expandable-tile:not([with-interactive]):focus-within) {\n  @include focus-outline('outline');\n}\n\n:host(#{$prefix}-expandable-tile:not([with-interactive])) {\n  .#{$prefix}--tile__chevron {\n    border: none;\n    background: none;\n    cursor: pointer;\n    outline: none;\n  }\n}\n\n:host(#{$prefix}-tile[color-scheme='light']),\n:host(#{$prefix}-expandable-tile[color-scheme='light']) {\n  @extend .#{$prefix}--tile--light;\n}\n\n// AI Label styles\n:host(#{$prefix}-tile[ai-label]),\n:host(#{$prefix}-expandable-tile[ai-label]),\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile,\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile {\n  @include ai-popover-gradient('default', 0, 'layer');\n\n  border: 1px solid transparent;\n  box-shadow:\n    inset 0 -80px 70px -65px $ai-inner-shadow,\n    0 24px 40px -24px $ai-drop-shadow;\n}\n\n:host(#{$prefix}-tile),\n:host(#{$prefix}-expandable-tile),\n:host(#{$prefix}-clickable-tile),\n:host(#{$prefix}-selectable-tile),\n:host(#{$prefix}-radio-tile) {\n  ::slotted([slot='decorator']),\n  ::slotted([slot='ai-label']),\n  ::slotted([slot='slug']) {\n    position: absolute;\n    inset-block-start: $spacing-05;\n    inset-inline-end: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-radio-tile[selected]) ::slotted([slot='decorator']),\n:host(#{$prefix}-radio-tile[selected]) ::slotted([slot='ai-label']),\n:host(#{$prefix}-selectable-tile) ::slotted([slot='decorator']),\n:host(#{$prefix}-selectable-tile) ::slotted([slot='ai-label']),\n:host(#{$prefix}-selectable-tile) ::slotted([slot='slug']) {\n  inset-inline-end: $spacing-08;\n  transition: inset-inline-end $duration-fast-02 motion(standard, productive);\n}\n\n:host(#{$prefix}-expandable-tile[ai-label]):hover {\n  @include ai-popover-gradient('default', 0, 'layer');\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile::after,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile::after,\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile::before {\n  position: absolute;\n  display: block;\n  block-size: 100%;\n  content: '';\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  opacity: 0;\n  transition: opacity $duration-fast-02 motion(standard, productive);\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile::before,\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile::before {\n  @include ai-popover-gradient('hover', 0, 'layer');\n\n  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile:hover::before,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile:hover::before,\n:host(#{$prefix}-clickable-tile[ai-label]) .#{$prefix}--tile:hover::before {\n  opacity: 1;\n}\n\n:host(#{$prefix}-radio-tile[ai-label]) .#{$prefix}--tile--is-selected,\n:host(#{$prefix}-selectable-tile[ai-label]) .#{$prefix}--tile--is-selected {\n  border: 1px solid $layer-selected-inverse;\n  .#{$prefix}--tile__checkmark {\n    z-index: 1;\n  }\n}\n\n:host(#{$prefix}-radio-tile[ai-label]),\n:host(#{$prefix}-selectable-tile[ai-label])\n  .#{$prefix}--tile--is-selected::after {\n  @include ai-popover-gradient('selected', 0, 'layer');\n\n  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;\n}\n\n:host(#{$prefix}-expandable-tile[ai-label]) {\n  overflow: visible;\n}\n\n:host(#{$prefix}-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-expandable-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-clickable-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-selectable-tile[ai-label][has-rounded-corners]),\n:host(#{$prefix}-radio-tile[ai-label][has-rounded-corners]) {\n  @extend .#{$prefix}--tile--slug-rounded;\n\n  .#{$prefix}--tile__chevron {\n    border-end-end-radius: $spacing-03;\n  }\n}\n\n:host(#{$prefix}-clickable-tile[enable-tile-contrast]) {\n  .#{$prefix}--tile--clickable {\n    box-sizing: border-box;\n    border: 1px solid $border-tile;\n  }\n\n  .#{$prefix}--link--disabled {\n    box-sizing: border-box;\n    border: 1px solid $border-disabled;\n  }\n}\n\n:host(#{$prefix}-selectable-tile[enable-tile-contrast]) {\n  .#{$prefix}--tile--selectable {\n    border: 1px solid $border-tile;\n  }\n\n  .#{$prefix}--tile--is-selected {\n    border: 1px solid $layer-selected-inverse;\n  }\n\n  .#{$prefix}--tile--disabled {\n    border: 1px solid $border-disabled;\n  }\n}\n\n:host(#{$prefix}-expandable-tile[enable-tile-contrast]) {\n  .#{$prefix}--tile__chevron--interactive {\n    border: 1px solid $border-disabled;\n  }\n}\n\n:host(\n    #{$prefix}-expandable-tile[enable-tile-contrast]:not([with-interactive])\n  ) {\n  border: 1px solid $border-tile;\n}\n\n:host(#{$prefix}-radio-tile[enable-tile-contrast]) {\n  .#{$prefix}--tile--selectable {\n    box-sizing: border-box;\n    border: 1px solid $border-tile;\n  }\n\n  .#{$prefix}--tile--is-selected {\n    box-sizing: border-box;\n    border: 1px solid $layer-selected-inverse;\n  }\n\n  .#{$prefix}--tile--disabled {\n    box-sizing: border-box;\n    border: 1px solid $border-disabled;\n  }\n}\n"],"mappings":""}