@carbon-labs/wc-global-header 0.74.0 → 0.75.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/es/HybridIpaasHeader-BuCMGE9O.mjs +6825 -0
  2. package/es/wc-global-header-react.mjs +56 -55
  3. package/es/wc-global-header.css +1 -1
  4. package/es/wc-global-header.mjs +472 -558
  5. package/package.json +4 -4
  6. package/es/HybridIpaasHeader-T48NCm_A.mjs +0 -7466
package/es/wc-global-header.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { C as j, b as m, r as O, i as R, n as l, a as v, A as P, t as B, s as E, _ as i, e as K, c as _, F as Z, d as H, p as c, o as p, f as T, g as A, H as q, h as U, j as I, k as W } from "./HybridIpaasHeader-T48NCm_A.mjs";
2
- import { l as He } from "./HybridIpaasHeader-T48NCm_A.mjs";
3
- var X = {
1
+ import { C as G, d as r, r as K, i as A, n as i, h as p, A as U, t as E, s as P, c as o, e as _, F as D, f as L, o as u, g as j, j as Z, a as F, _ as J, H as B, k as Q } from "./HybridIpaasHeader-BuCMGE9O.mjs";
2
+ import { b as Ce } from "./HybridIpaasHeader-BuCMGE9O.mjs";
3
+ var W = {
4
4
  elem: "svg",
5
5
  attrs: {
6
6
  xmlns: "http://www.w3.org/2000/svg",
@@ -25,7 +25,7 @@ var X = {
25
25
  ],
26
26
  name: "ai-label",
27
27
  size: 24
28
- }, G = {
28
+ }, Y = {
29
29
  elem: "svg",
30
30
  attrs: {
31
31
  xmlns: "http://www.w3.org/2000/svg",
@@ -40,7 +40,7 @@ var X = {
40
40
  }],
41
41
  name: "checkbox",
42
42
  size: 16
43
- }, J = {
43
+ }, ee = {
44
44
  elem: "svg",
45
45
  attrs: {
46
46
  xmlns: "http://www.w3.org/2000/svg",
@@ -62,7 +62,7 @@ var X = {
62
62
  }],
63
63
  name: "checkbox--checked--filled",
64
64
  size: 16
65
- }, Q = {
65
+ }, te = {
66
66
  elem: "svg",
67
67
  attrs: {
68
68
  xmlns: "http://www.w3.org/2000/svg",
@@ -93,9 +93,9 @@ var X = {
93
93
  * This source code is licensed under the Apache-2.0 license found in the
94
94
  * LICENSE file in the root directory of this source tree.
95
95
  */
96
- class Y extends j {
96
+ class se extends G {
97
97
  }
98
- const ee = `/**
98
+ const ce = `/**
99
99
  * @license
100
100
  *
101
101
  * Copyright IBM Corp. 2025
@@ -103,12 +103,12 @@ const ee = `/**
103
103
  * This source code is licensed under the Apache-2.0 license found in the
104
104
  * LICENSE file in the root directory of this source tree.
105
105
  */.automation-global-header__logout-header{padding-block:1rem}`;
106
- var te = Object.defineProperty, se = Object.getOwnPropertyDescriptor, N = (a, e, t, s) => {
107
- for (var o = s > 1 ? void 0 : s ? se(e, t) : e, d = a.length - 1, r; d >= 0; d--)
108
- (r = a[d]) && (o = (s ? r(e, t, o) : r(o)) || o);
109
- return s && o && te(e, t, o), o;
106
+ var oe = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, X = (b, e, t, s) => {
107
+ for (var c = s > 1 ? void 0 : s ? ie(e, t) : e, l = b.length - 1, d; l >= 0; l--)
108
+ (d = b[l]) && (c = (s ? d(e, t, c) : d(c)) || c);
109
+ return s && c && oe(e, t, c), c;
110
110
  };
111
- const { stablePrefix: ce } = E, oe = `${P}__logout-header`, ie = m`
111
+ const { stablePrefix: le } = P, de = `${U}__logout-header`, ae = r`
112
112
  <svg
113
113
  width="45"
114
114
  height="18"
@@ -120,107 +120,142 @@ const { stablePrefix: ce } = E, oe = `${P}__logout-header`, ie = m`
120
120
  fill="#161616" />
121
121
  </svg>
122
122
  `;
123
- let M = class extends v {
123
+ let V = class extends p {
124
124
  constructor() {
125
125
  super(...arguments), this.brandCompany = "";
126
126
  }
127
127
  render() {
128
- return m` <cds-custom-header class="${oe}">
128
+ return r` <cds-custom-header class="${de}">
129
129
  <cds-custom-header-name>
130
- ${this.brandCompany === "IBM" ? ie : this.brandCompany}
130
+ ${this.brandCompany === "IBM" ? ae : this.brandCompany}
131
131
  </cds-custom-header-name>
132
132
  </cds-custom-header>`;
133
133
  }
134
134
  };
135
- M.styles = R`
136
- ${O([ee])}
135
+ V.styles = A`
136
+ ${K([ce])}
137
137
  `;
138
- N([
139
- l({ type: String })
140
- ], M.prototype, "brandCompany", 2);
141
- M = N([
142
- B(`${ce}-global-header-logout-banner`)
143
- ], M);
144
- var le = R([".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{box-sizing:inherit}.cds-custom--link{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline-flex;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{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{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{outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover{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){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds-custom--link:visited:hover{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{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{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline{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-self:center;display:inline-flex;margin-inline-start:.5rem}:host(cds-custom-link){outline:none}:host(cds-custom-link) .cds-custom--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-link) .cds-custom--link__icon[hidden]{display:none}"]);
145
- const de = {
138
+ X([
139
+ i({ type: String })
140
+ ], V.prototype, "brandCompany", 2);
141
+ V = X([
142
+ E(`${le}-global-header-logout-banner`)
143
+ ], V);
144
+ var I = A(['.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}']), w;
145
+ let R = (w = class extends p {
146
+ constructor(...e) {
147
+ super(...e), this._hasAILabel = !1, this.colorScheme = "", this.hasRoundedCorners = !1;
148
+ }
149
+ /**
150
+ * Handles `slotchange` event.
151
+ */
152
+ _handleSlotChange({ target: e }) {
153
+ const t = e.assignedNodes().filter((s) => s.matches !== void 0 ? s.matches(this.constructor.aiLabelItem) || s.matches(this.constructor.slugItem) : !1);
154
+ t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
155
+ }
156
+ updated() {
157
+ this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
158
+ }
159
+ render() {
160
+ return r` <slot></slot
161
+ ><slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
162
+ <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot
163
+ ><slot name="slug" @slotchange="${this._handleSlotChange}"></slot>`;
164
+ }
165
+ /**
166
+ * A selector that will return the slug item.
167
+ *
168
+ * TODO: remove in v12
169
+ */
170
+ static get slugItem() {
171
+ return "cds-custom-slug";
172
+ }
173
+ /**
174
+ * A selector that will return the AI Label item.
175
+ */
176
+ static get aiLabelItem() {
177
+ return "cds-custom-ai-label";
178
+ }
179
+ }, w.styles = I, w);
180
+ o([i({
181
+ attribute: "color-scheme",
182
+ reflect: !0
183
+ })], R.prototype, "colorScheme", void 0);
184
+ o([i({
185
+ type: Boolean,
186
+ attribute: "has-rounded-corners"
187
+ })], R.prototype, "hasRoundedCorners", void 0);
188
+ R = o([_("cds-custom-tile")], R);
189
+ var re = A([".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{box-sizing:inherit}.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{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{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{outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover{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){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds-custom--link:visited:hover{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{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{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline{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}:host(cds-custom-link){outline:none}:host(cds-custom-link) .cds-custom--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-link) .cds-custom--link__icon[hidden]{display:none}:host(cds-custom-link) .cds-custom--link--lg .cds-custom--link__icon ::slotted(svg){block-size:1.25rem;inline-size:1.25rem}"]);
190
+ const ne = {
146
191
  MEDIUM: "md"
147
192
  };
148
- let n = class extends Z(v) {
149
- constructor() {
150
- super(...arguments), this._hasIcon = !1, this.disabled = !1, this.inline = !1, this.size = de.MEDIUM, this.visited = !1;
193
+ var f;
194
+ let a = (f = class extends D(p) {
195
+ constructor(...e) {
196
+ super(...e), this._hasIcon = !1, this.disabled = !1, this.inline = !1, this.size = ne.MEDIUM, this.visited = !1;
151
197
  }
152
198
  /**
153
- * Handles `slotchange` event.
154
- */
199
+ * Handles `slotchange` event.
200
+ */
155
201
  _handleSlotChange({ target: e }) {
156
- const { name: t } = e, s = e.assignedNodes().some(
157
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
158
- (o) => o.nodeType !== Node.TEXT_NODE || o.textContent.trim()
159
- );
202
+ const { name: t } = e, s = e.assignedNodes().some((c) => c.nodeType !== Node.TEXT_NODE || c.textContent.trim());
160
203
  this[t === "icon" ? "_hasIcon" : ""] = s, this.requestUpdate();
161
204
  }
162
205
  /**
163
- * The CSS class list for the link node.
164
- */
165
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
206
+ * The CSS class list for the link node.
207
+ */
166
208
  get _classes() {
167
- const { disabled: e, size: t, inline: s, visited: o, _hasIcon: d } = this;
168
- return H({
169
- [`${c}--link`]: !0,
170
- [`${c}--link--disabled`]: e,
171
- [`${c}--link--icon`]: d,
172
- [`${c}--link--inline`]: s,
173
- [`${c}--link--${t}`]: t,
174
- [`${c}--link--visited`]: o
209
+ const { disabled: e, size: t, inline: s, visited: c, _hasIcon: l } = this;
210
+ return L({
211
+ "cds-custom--link": !0,
212
+ "cds-custom--link--disabled": e,
213
+ "cds-custom--link--icon": l,
214
+ "cds-custom--link--inline": s,
215
+ [`cds-custom--link--${t}`]: t,
216
+ "cds-custom--link--visited": c
175
217
  });
176
218
  }
177
219
  /**
178
- * Handles `click` event on the `<a>`.
179
- */
180
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
181
- _handleClick(e) {
182
- }
183
- /**
184
- * @returns The inner content.
185
- */
220
+ * @returns The inner content.
221
+ */
186
222
  _renderInner() {
187
223
  const { _hasIcon: e, _handleSlotChange: t } = this;
188
- return m`
224
+ return r`
189
225
  <slot @slotchange="${t}"></slot>
190
- <div ?hidden="${!e}" class="${c}--link__icon">
226
+ <span ?hidden="${!e}" class="${"cds-custom"}--link__icon">
191
227
  <slot name="icon" @slotchange="${t}"></slot>
192
- </div>
228
+ </span>
193
229
  `;
194
230
  }
195
231
  /**
196
- * @returns The disabled link content.
197
- */
232
+ * @returns The disabled link content.
233
+ */
198
234
  _renderDisabledLink() {
199
235
  const { _classes: e } = this;
200
- return m`
236
+ return r`
201
237
  <p id="link" part="link" class="${e}">${this._renderInner()}</p>
202
238
  `;
203
239
  }
204
240
  /**
205
- * @returns The link content.
206
- */
241
+ * @returns The link content.
242
+ */
207
243
  _renderLink() {
208
- const { download: e, href: t, hreflang: s, linkRole: o, ping: d, rel: r, target: b, type: z, _classes: f, _handleClick: w } = this;
209
- return m`
244
+ const { download: e, href: t, hreflang: s, linkRole: c, ping: l, rel: d, target: g, type: n, _classes: z } = this;
245
+ return r`
210
246
  <a
211
247
  tabindex="0"
212
248
  id="link"
213
- role="${p(o)}"
214
- class="${f}"
249
+ role="${u(c)}"
250
+ class="${z}"
215
251
  part="link"
216
- download="${p(e)}"
217
- href="${p(t)}"
218
- hreflang="${p(s)}"
219
- ping="${p(d)}"
220
- rel="${p(r)}"
221
- target="${p(b)}"
222
- type="${p(z)}"
223
- @click="${w}">
252
+ download="${u(e)}"
253
+ href="${u(t)}"
254
+ hreflang="${u(s)}"
255
+ ping="${u(l)}"
256
+ rel="${u(d)}"
257
+ target="${u(g)}"
258
+ type="${u(n)}">
224
259
  ${this._renderInner()}
225
260
  </a>
226
261
  `;
@@ -229,152 +264,123 @@ let n = class extends Z(v) {
229
264
  const { disabled: e } = this;
230
265
  return e ? this._renderDisabledLink() : this._renderLink();
231
266
  }
232
- };
233
- n.shadowRootOptions = Object.assign(Object.assign({}, v.shadowRootOptions), { delegatesFocus: !0 });
234
- n.styles = le;
235
- i([
236
- K("#link")
237
- ], n.prototype, "_linkNode", void 0);
238
- i([
239
- l({ type: Boolean, reflect: !0 })
240
- ], n.prototype, "disabled", void 0);
241
- i([
242
- l({ reflect: !0 })
243
- ], n.prototype, "download", void 0);
244
- i([
245
- l({ reflect: !0 })
246
- ], n.prototype, "href", void 0);
247
- i([
248
- l({ reflect: !0 })
249
- ], n.prototype, "hreflang", void 0);
250
- i([
251
- l({ type: Boolean, reflect: !0 })
252
- ], n.prototype, "inline", void 0);
253
- i([
254
- l({ attribute: "link-role" })
255
- ], n.prototype, "linkRole", void 0);
256
- i([
257
- l({ reflect: !0 })
258
- ], n.prototype, "ping", void 0);
259
- i([
260
- l({ reflect: !0 })
261
- ], n.prototype, "rel", void 0);
262
- i([
263
- l({ reflect: !0 })
264
- ], n.prototype, "size", void 0);
265
- i([
266
- l({ reflect: !0 })
267
- ], n.prototype, "target", void 0);
268
- i([
269
- l({ reflect: !0 })
270
- ], n.prototype, "type", void 0);
271
- i([
272
- l({ type: Boolean, reflect: !0 })
273
- ], n.prototype, "visited", void 0);
274
- n = i([
275
- _(`${c}-link`)
276
- ], n);
277
- var ae = n, L = R(['.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-flex;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-self:center;display:inline-flex;margin-inline-start:.5rem}.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}.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}']);
278
- let y = class extends ae {
279
- constructor() {
280
- super(...arguments), this.colorScheme = T.REGULAR, this.linkRole = "button", this.hasRoundedCorners = !1, this.aiLabel = !1, this.slug = !1;
267
+ }, f.shadowRootOptions = {
268
+ ...p.shadowRootOptions,
269
+ delegatesFocus: !0
270
+ }, f.styles = re, f);
271
+ o([j("#link")], a.prototype, "_linkNode", void 0);
272
+ o([i({
273
+ type: Boolean,
274
+ reflect: !0
275
+ })], a.prototype, "disabled", void 0);
276
+ o([i({ reflect: !0 })], a.prototype, "download", void 0);
277
+ o([i({ reflect: !0 })], a.prototype, "href", void 0);
278
+ o([i({ reflect: !0 })], a.prototype, "hreflang", void 0);
279
+ o([i({
280
+ type: Boolean,
281
+ reflect: !0
282
+ })], a.prototype, "inline", void 0);
283
+ o([i({ attribute: "link-role" })], a.prototype, "linkRole", void 0);
284
+ o([i({ reflect: !0 })], a.prototype, "ping", void 0);
285
+ o([i({ reflect: !0 })], a.prototype, "rel", void 0);
286
+ o([i({ reflect: !0 })], a.prototype, "size", void 0);
287
+ o([i({ reflect: !0 })], a.prototype, "target", void 0);
288
+ o([i({ reflect: !0 })], a.prototype, "type", void 0);
289
+ o([i({
290
+ type: Boolean,
291
+ reflect: !0
292
+ })], a.prototype, "visited", void 0);
293
+ a = o([_("cds-custom-link")], a);
294
+ var ue = a, C;
295
+ let k = (C = class extends ue {
296
+ constructor(...e) {
297
+ super(...e), this.colorScheme = "", this.linkRole = "button", this.hasRoundedCorners = !1, this.aiLabel = !1, this.slug = !1;
281
298
  }
282
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
283
299
  get _classes() {
284
- const { colorScheme: e, disabled: t, hasRoundedCorners: s, aiLabel: o, slug: d } = this;
285
- return H({
286
- [`${c}--link`]: !0,
287
- [`${c}--link--disabled`]: t,
288
- [`${c}--tile`]: !0,
289
- [`${c}--tile--clickable`]: !0,
290
- [`${c}--tile--${e}`]: e,
291
- [`${c}--tile--slug-rounded`]: (o || d) && s
300
+ const { colorScheme: e, disabled: t, hasRoundedCorners: s, aiLabel: c, slug: l } = this;
301
+ return L({
302
+ "cds-custom--link": !0,
303
+ "cds-custom--link--disabled": t,
304
+ "cds-custom--tile": !0,
305
+ "cds-custom--tile--clickable": !0,
306
+ [`cds-custom--tile--${e}`]: e,
307
+ "cds-custom--tile--slug-rounded": (c || l) && s
292
308
  });
293
309
  }
294
310
  /**
295
- * If using `slug`, set `ai-label` attribute to true so
296
- * the styles are applied for slug as well
297
- *
298
- * remove in v12
299
- */
311
+ * If using `slug`, set `ai-label` attribute to true so
312
+ * the styles are applied for slug as well
313
+ *
314
+ * remove in v12
315
+ */
300
316
  connectedCallback() {
301
317
  this.slug && (this.setAttribute("ai-Label", ""), this.aiLabel = !0), super.connectedCallback();
302
318
  }
303
319
  /**
304
- * @returns The inner content.
305
- */
320
+ * @returns The inner content.
321
+ */
306
322
  _renderInner() {
307
- return m`
323
+ return r`
308
324
  ${super._renderInner()}
309
- ${this.aiLabel || this.slug ? A(X, { class: `${c}--tile--ai-label-icon` }) : ""}
325
+ ${this.aiLabel || this.slug ? Z(W, { class: "cds-custom--tile--ai-label-icon" }) : ""}
310
326
  <slot name="decorator"></slot>
311
327
  `;
312
328
  }
313
329
  /**
314
- * A selector that will return the slug item.
315
- *
316
- * remove in v12
317
- */
330
+ * A selector that will return the slug item.
331
+ *
332
+ * remove in v12
333
+ */
318
334
  static get slugItem() {
319
- return `${c}-slug`;
335
+ return "cds-custom-slug";
320
336
  }
321
337
  /**
322
- * A selector that will return the AI Label item.
323
- */
338
+ * A selector that will return the AI Label item.
339
+ */
324
340
  static get aiLabelItem() {
325
- return `${c}-ai-label`;
326
- }
327
- };
328
- y.styles = L;
329
- i([
330
- l({ attribute: "color-scheme", reflect: !0 })
331
- ], y.prototype, "colorScheme", void 0);
332
- i([
333
- l({ attribute: "link-role" })
334
- ], y.prototype, "linkRole", void 0);
335
- i([
336
- l({ type: Boolean, attribute: "has-rounded-corners" })
337
- ], y.prototype, "hasRoundedCorners", void 0);
338
- i([
339
- l({ type: Boolean, attribute: "ai-label" })
340
- ], y.prototype, "aiLabel", void 0);
341
- i([
342
- l({ type: Boolean })
343
- ], y.prototype, "slug", void 0);
344
- y = i([
345
- _(`${c}-clickable-tile`)
346
- ], y);
347
- let x = class extends q(Z(v)) {
348
- constructor() {
349
- super(...arguments), this._belowTheContentHeight = 0, this._hasAILabel = !1, this._handleClick = () => {
341
+ return "cds-custom-ai-label";
342
+ }
343
+ }, C.styles = I, C);
344
+ o([i({
345
+ attribute: "color-scheme",
346
+ reflect: !0
347
+ })], k.prototype, "colorScheme", void 0);
348
+ o([i({ attribute: "link-role" })], k.prototype, "linkRole", void 0);
349
+ o([i({
350
+ type: Boolean,
351
+ attribute: "has-rounded-corners"
352
+ })], k.prototype, "hasRoundedCorners", void 0);
353
+ o([i({
354
+ type: Boolean,
355
+ attribute: "ai-label"
356
+ })], k.prototype, "aiLabel", void 0);
357
+ o([i({ type: Boolean })], k.prototype, "slug", void 0);
358
+ k = o([_("cds-custom-clickable-tile")], k);
359
+ var H;
360
+ let x = (H = class extends F(D(p)) {
361
+ constructor(...e) {
362
+ super(...e), this._belowTheContentHeight = 0, this._hasAILabel = !1, this._handleClick = () => {
350
363
  this.withInteractive || this._handleExpand();
351
- }, this.colorScheme = T.REGULAR, this.expanded = !1, this.hasRoundedCorners = !1, this.withInteractive = !1;
364
+ }, this.colorScheme = "", this.expanded = !1, this.hasRoundedCorners = !1, this.withInteractive = !1;
352
365
  }
353
366
  /**
354
- * Handles `slotchange` event.
355
- */
367
+ * Handles `slotchange` event.
368
+ */
356
369
  _handleSlotChange({ target: e }) {
357
370
  const t = e.assignedNodes().filter((s) => {
358
- var o, d;
359
- return s.matches !== void 0 ? s.matches((o = this.constructor) === null || o === void 0 ? void 0 : o.aiLabelItem) || // remove reference of slug in v12
360
- s.matches((d = this.constructor) === null || d === void 0 ? void 0 : d.slugItem) : !1;
371
+ var c, l;
372
+ return s.matches !== void 0 ? s.matches((c = this.constructor) == null ? void 0 : c.aiLabelItem) || s.matches((l = this.constructor) == null ? void 0 : l.slugItem) : !1;
361
373
  });
362
374
  t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
363
375
  }
364
376
  /**
365
- * Handles `slotchange` event on the below-the-fold content.
366
- *
367
- * @param event The event.
368
- */
377
+ * Handles `slotchange` event on the below-the-fold content.
378
+ *
379
+ * @param event The event.
380
+ */
369
381
  _handleSlotChangeBelowTheFoldContent(e) {
370
- if (this._belowTheContentHeight = e.target.assignedNodes().reduce((t, s) => {
371
- var o;
372
- return t + ((o = s.offsetHeight) !== null && o !== void 0 ? o : 0);
373
- }, 0), !this._belowTheContentHeight) {
374
- const t = getComputedStyle(
375
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
376
- this.querySelector("cds-custom-tile-below-the-fold-content")
377
- );
382
+ if (this._belowTheContentHeight = e.target.assignedNodes().reduce((t, s) => t + (s.offsetHeight ?? 0), 0), !this._belowTheContentHeight) {
383
+ const t = getComputedStyle(this.querySelector("cds-custom-tile-below-the-fold-content"));
378
384
  this._belowTheContentHeight = parseInt(t.height, 10);
379
385
  }
380
386
  this.requestUpdate();
@@ -385,177 +391,172 @@ let x = class extends q(Z(v)) {
385
391
  const t = {
386
392
  bubbles: !0,
387
393
  composed: !0,
388
- detail: {
389
- expanded: e
390
- }
391
- }, s = this.constructor, o = new CustomEvent(s.eventBeforeToggle, Object.assign(Object.assign({}, t), { cancelable: !0 }));
392
- if (this.dispatchEvent(o)) {
394
+ detail: { expanded: e }
395
+ }, s = this.constructor, c = new CustomEvent(s.eventBeforeToggle, {
396
+ ...t,
397
+ cancelable: !0
398
+ });
399
+ if (this.dispatchEvent(c)) {
393
400
  this.expanded = e;
394
- const d = new CustomEvent(s.eventToggle, t);
395
- this.dispatchEvent(d);
401
+ const l = new CustomEvent(s.eventToggle, t);
402
+ this.dispatchEvent(l);
396
403
  }
397
404
  }
398
405
  updated() {
399
406
  this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
400
407
  }
401
408
  render() {
402
- const { expanded: e, withInteractive: t, _belowTheContentHeight: s, _handleSlotChangeBelowTheFoldContent: o } = this, d = H({
403
- [`${c}--tile__chevron`]: !0,
404
- [`${c}--tile__chevron--interactive`]: t
405
- });
406
- return m`
409
+ const { expanded: e, withInteractive: t, _belowTheContentHeight: s, _handleSlotChangeBelowTheFoldContent: c } = this;
410
+ return r`
407
411
  <button
408
- class="${d}"
412
+ class="${L({
413
+ "cds-custom--tile__chevron": !0,
414
+ "cds-custom--tile__chevron--interactive": t
415
+ })}"
409
416
  aria-labelledby="above-the-fold-content"
410
417
  aria-controls="below-the-fold-content"
411
418
  tabindex="0"
412
419
  @click="${t ? this._handleExpand : ""}"
413
420
  aria-expanded="${String(e)}">
414
- ${A(U, { id: "icon" })}
421
+ ${Z(J, { id: "icon" })}
415
422
  </button>
416
423
  <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
417
424
  <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
418
425
  <slot name="decorator"></slot>
419
- <div id="content" class="${c}--tile-content">
426
+ <div id="content" class="${"cds-custom"}--tile-content">
420
427
  <div><slot name="above-the-fold-content"></slot></div>
421
428
  <div
422
- class="${c}-ce--expandable-tile--below-the-fold-content"
423
- style="${p(e ? `max-height: ${s}px` : void 0)}">
424
- <slot @slotchange="${o}"></slot>
429
+ class="${"cds-custom"}-ce--expandable-tile--below-the-fold-content"
430
+ style="${u(e ? `max-height: ${s}px` : void 0)}">
431
+ <slot @slotchange="${c}"></slot>
425
432
  </div>
426
433
  </div>
427
434
  `;
428
435
  }
429
436
  /**
430
- * A selector that will return the slug item.
431
- *
432
- * remove in v12
433
- */
437
+ * A selector that will return the slug item.
438
+ *
439
+ * remove in v12
440
+ */
434
441
  static get slugItem() {
435
- return `${c}-slug`;
442
+ return "cds-custom-slug";
436
443
  }
437
444
  /**
438
- * A selector that will return the AI Label item.
439
- */
445
+ * A selector that will return the AI Label item.
446
+ */
440
447
  static get aiLabelItem() {
441
- return `${c}-ai-label`;
448
+ return "cds-custom-ai-label";
442
449
  }
443
450
  /**
444
- * The name of the custom event fired before the expanded state is changed upon a user gesture.
445
- * Cancellation of this event stops changing the user-initiated change in expanded state.
446
- */
451
+ * The name of the custom event fired before the expanded state is changed upon a user gesture.
452
+ * Cancellation of this event stops changing the user-initiated change in expanded state.
453
+ */
447
454
  static get eventBeforeToggle() {
448
- return `${c}-expandable-tile-beingtoggled`;
455
+ return "cds-custom-expandable-tile-beingtoggled";
449
456
  }
450
457
  /**
451
- * The name of the custom event fired after a the expanded state is changed upon a user gesture.
452
- */
458
+ * The name of the custom event fired after a the expanded state is changed upon a user gesture.
459
+ */
453
460
  static get eventToggle() {
454
- return `${c}-expandable-tile-toggled`;
455
- }
456
- };
457
- x.styles = L;
458
- i([
459
- I("click")
460
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
461
- // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
462
- ], x.prototype, "_handleClick", void 0);
463
- i([
464
- l({ attribute: "color-scheme", reflect: !0 })
465
- ], x.prototype, "colorScheme", void 0);
466
- i([
467
- l({ type: Boolean, reflect: !0 })
468
- ], x.prototype, "expanded", void 0);
469
- i([
470
- l({ type: Boolean, attribute: "has-rounded-corners" })
471
- ], x.prototype, "hasRoundedCorners", void 0);
472
- i([
473
- l({ type: Boolean, reflect: !0, attribute: "with-interactive" })
474
- ], x.prototype, "withInteractive", void 0);
475
- x = i([
476
- _(`${c}-expandable-tile`)
477
- ], x);
478
- let u = class extends q(Z(v)) {
479
- constructor() {
480
- super(...arguments), this._inputType = "checkbox", this._hasAILabel = !1, this._handleClick = () => {
461
+ return "cds-custom-expandable-tile-toggled";
462
+ }
463
+ }, H.styles = I, H);
464
+ o([B("click")], x.prototype, "_handleClick", void 0);
465
+ o([i({
466
+ attribute: "color-scheme",
467
+ reflect: !0
468
+ })], x.prototype, "colorScheme", void 0);
469
+ o([i({
470
+ type: Boolean,
471
+ reflect: !0
472
+ })], x.prototype, "expanded", void 0);
473
+ o([i({
474
+ type: Boolean,
475
+ attribute: "has-rounded-corners"
476
+ })], x.prototype, "hasRoundedCorners", void 0);
477
+ o([i({
478
+ type: Boolean,
479
+ reflect: !0,
480
+ attribute: "with-interactive"
481
+ })], x.prototype, "withInteractive", void 0);
482
+ x = o([_("cds-custom-expandable-tile")], x);
483
+ var y;
484
+ let m = (y = class extends F(D(p)) {
485
+ constructor(...e) {
486
+ super(...e), this._inputType = "checkbox", this._hasAILabel = !1, this._handleClick = () => {
481
487
  this.selected = !this.selected;
482
- const { eventChange: e } = this.constructor;
483
- this.dispatchEvent(new CustomEvent(e, {
488
+ const { eventChange: t } = this.constructor;
489
+ this.dispatchEvent(new CustomEvent(t, {
484
490
  bubbles: !0,
485
491
  composed: !0,
486
- detail: {
487
- selected: this.selected
488
- }
492
+ detail: { selected: this.selected }
489
493
  }));
490
- }, this._handleKeydown = (e) => {
491
- var t, s;
492
- const { key: o } = e;
493
- (o === " " || o === "Enter") && !(!((t = e.target) === null || t === void 0) && t.matches(this.constructor.aiLabelItem)) && !(!((s = e.target) === null || s === void 0) && s.matches(this.constructor.slugItem)) && (this.selected = !this.selected);
494
- }, this.colorScheme = T.REGULAR, this.disabled = !1, this.hasRoundedCorners = !1, this.selected = !1;
494
+ }, this._handleKeydown = (t) => {
495
+ var c, l;
496
+ const { key: s } = t;
497
+ (s === " " || s === "Enter") && !((c = t.target) != null && c.matches(this.constructor.aiLabelItem)) && !((l = t.target) != null && l.matches(this.constructor.slugItem)) && (this.selected = !this.selected);
498
+ }, this.colorScheme = "", this.disabled = !1, this.hasRoundedCorners = !1, this.selected = !1;
495
499
  }
496
500
  /**
497
- * Handles `slotchange` event.
498
- */
501
+ * Handles `slotchange` event.
502
+ */
499
503
  _handleSlotChange({ target: e }) {
500
504
  const t = e.assignedNodes().filter((s) => {
501
- var o, d;
502
- return s.matches !== void 0 ? s.matches((o = this.constructor) === null || o === void 0 ? void 0 : o.aiLabelItem) || // remove reference of slug in v12
503
- s.matches((d = this.constructor) === null || d === void 0 ? void 0 : d.slugItem) : !1;
505
+ var c, l;
506
+ return s.matches !== void 0 ? s.matches((c = this.constructor) == null ? void 0 : c.aiLabelItem) || s.matches((l = this.constructor) == null ? void 0 : l.slugItem) : !1;
504
507
  });
505
508
  t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
506
509
  }
507
510
  /**
508
- * Handles `change` event on the `<input>` in the shadow DOM.
509
- */
511
+ * Handles `change` event on the `<input>` in the shadow DOM.
512
+ */
510
513
  _handleChange() {
511
514
  this.selected = this._inputNode.checked;
512
515
  const e = this.selected, { eventChange: t } = this.constructor;
513
516
  this.dispatchEvent(new CustomEvent(t, {
514
517
  bubbles: !0,
515
518
  composed: !0,
516
- detail: {
517
- selected: e
518
- }
519
+ detail: { selected: e }
519
520
  }));
520
521
  }
521
522
  /**
522
- * Handles the rendering of the icon.
523
- */
523
+ * Handles the rendering of the icon.
524
+ */
524
525
  _renderIcon() {
525
526
  const { selected: e, checkmarkLabel: t } = this;
526
- return A(e ? J : G, {
527
+ return Z(e ? ee : Y, {
527
528
  "aria-label": t || void 0,
528
- class: `${c}--selectable-tile__icon`
529
+ class: "cds-custom--selectable-tile__icon"
529
530
  });
530
531
  }
531
532
  updated() {
532
533
  this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
533
534
  }
534
535
  render() {
535
- const { colorScheme: e, disabled: t, hasRoundedCorners: s, name: o, selected: d, value: r, _handleChange: b, _hasAILabel: z } = this, f = H({
536
- [`${c}--tile`]: !0,
537
- [`${c}--tile--disabled`]: t,
538
- [`${c}--tile--selectable`]: !0,
539
- [`${c}--tile--is-selected`]: d,
540
- [`${c}--tile--${e}`]: e,
541
- [`${c}--tile--slug-rounded`]: z && s
542
- });
543
- return m`
536
+ const { colorScheme: e, disabled: t, hasRoundedCorners: s, name: c, selected: l, value: d, _handleChange: g, _hasAILabel: n } = this;
537
+ return r`
544
538
  <div
545
- class=${f}
539
+ class=${L({
540
+ "cds-custom--tile": !0,
541
+ "cds-custom--tile--disabled": t,
542
+ "cds-custom--tile--selectable": !0,
543
+ "cds-custom--tile--is-selected": l,
544
+ [`cds-custom--tile--${e}`]: e,
545
+ "cds-custom--tile--slug-rounded": n && s
546
+ })}
546
547
  role="checkbox"
547
- aria-checked=${d}
548
- @change=${b}
548
+ aria-checked=${l}
549
+ @change=${g}
549
550
  tabindex=${t ? void 0 : 0}
550
- name=${o}
551
- value=${r}
551
+ name=${c}
552
+ value=${d}
552
553
  @click=${t ? void 0 : this._handleClick}
553
554
  @keydown=${this._handleKeydown}>
554
555
  <span
555
- class="${c}--tile__checkmark ${c}--tile__checkmark--persistent">
556
+ class="${"cds-custom"}--tile__checkmark ${"cds-custom"}--tile__checkmark--persistent">
556
557
  ${this._renderIcon()}
557
558
  </span>
558
- <label class="${c}--tile-content">
559
+ <label class="${"cds-custom"}--tile-content">
559
560
  <slot></slot>
560
561
  </label>
561
562
  <slot name="decorator"></slot>
@@ -565,65 +566,60 @@ let u = class extends q(Z(v)) {
565
566
  `;
566
567
  }
567
568
  /**
568
- * A selector that will return the slug item.
569
- *
570
- * remove in v12
571
- */
569
+ * A selector that will return the slug item.
570
+ *
571
+ * remove in v12
572
+ */
572
573
  static get slugItem() {
573
- return `${c}-slug`;
574
+ return "cds-custom-slug";
574
575
  }
575
576
  /**
576
- * A selector that will return the AI Label item.
577
- */
577
+ * A selector that will return the AI Label item.
578
+ */
578
579
  static get aiLabelItem() {
579
- return `${c}-ai-label`;
580
+ return "cds-custom-ai-label";
580
581
  }
581
582
  /**
582
- * The name of the custom event fired after this selectable tile changes its selected state.
583
- */
583
+ * The name of the custom event fired after this selectable tile changes its selected state.
584
+ */
584
585
  static get eventChange() {
585
- return `${c}-selectable-tile-changed`;
586
- }
587
- };
588
- u.shadowRootOptions = Object.assign(Object.assign({}, v.shadowRootOptions), { delegatesFocus: !0 });
589
- u.styles = L;
590
- i([
591
- K("input")
592
- ], u.prototype, "_inputNode", void 0);
593
- i([
594
- l({ attribute: "checkmark-label" })
595
- ], u.prototype, "checkmarkLabel", void 0);
596
- i([
597
- l({ attribute: "color-scheme", reflect: !0 })
598
- ], u.prototype, "colorScheme", void 0);
599
- i([
600
- l({ type: Boolean, reflect: !0 })
601
- ], u.prototype, "disabled", void 0);
602
- i([
603
- l({ type: Boolean, attribute: "has-rounded-corners" })
604
- ], u.prototype, "hasRoundedCorners", void 0);
605
- i([
606
- l()
607
- ], u.prototype, "name", void 0);
608
- i([
609
- l({ type: Boolean, reflect: !0 })
610
- ], u.prototype, "selected", void 0);
611
- i([
612
- l()
613
- ], u.prototype, "value", void 0);
614
- u = i([
615
- _(`${c}-selectable-tile`)
616
- ], u);
617
- var re = u;
618
- let D = class extends re {
619
- constructor() {
620
- super(...arguments), this._handleKeydown = (e) => {
621
- (e.key === " " || e.key === "Enter") && e.preventDefault();
586
+ return "cds-custom-selectable-tile-changed";
587
+ }
588
+ }, y.shadowRootOptions = {
589
+ ...p.shadowRootOptions,
590
+ delegatesFocus: !0
591
+ }, y.styles = I, y);
592
+ o([j("input")], m.prototype, "_inputNode", void 0);
593
+ o([i({ attribute: "checkmark-label" })], m.prototype, "checkmarkLabel", void 0);
594
+ o([i({
595
+ attribute: "color-scheme",
596
+ reflect: !0
597
+ })], m.prototype, "colorScheme", void 0);
598
+ o([i({
599
+ type: Boolean,
600
+ reflect: !0
601
+ })], m.prototype, "disabled", void 0);
602
+ o([i({
603
+ type: Boolean,
604
+ attribute: "has-rounded-corners"
605
+ })], m.prototype, "hasRoundedCorners", void 0);
606
+ o([i()], m.prototype, "name", void 0);
607
+ o([i({
608
+ type: Boolean,
609
+ reflect: !0
610
+ })], m.prototype, "selected", void 0);
611
+ o([i()], m.prototype, "value", void 0);
612
+ m = o([_("cds-custom-selectable-tile")], m);
613
+ var me = m;
614
+ let N = class extends me {
615
+ constructor(...e) {
616
+ super(...e), this._handleKeydown = (t) => {
617
+ (t.key === " " || t.key === "Enter") && t.preventDefault();
622
618
  };
623
619
  }
624
620
  /**
625
- * Handles `change` event on the `<input>` in the shadow DOM.
626
- */
621
+ * Handles `change` event on the `<input>` in the shadow DOM.
622
+ */
627
623
  _handleChange() {
628
624
  this.selected = !0;
629
625
  const { selected: e, name: t } = this, { eventRadioChange: s } = this.constructor;
@@ -637,172 +633,110 @@ let D = class extends re {
637
633
  }));
638
634
  }
639
635
  render() {
640
- const { colorScheme: e, checkmarkLabel: t, disabled: s, hasRoundedCorners: o, name: d, selected: r, value: b, _handleChange: z, _handleKeydown: f, _hasAILabel: w } = this, V = H({
641
- [`${c}--tile`]: !0,
642
- [`${c}--tile--selectable`]: !0,
643
- [`${c}--tile--radio`]: !0,
644
- [`${c}--tile--disabled`]: s,
645
- [`${c}--tile--is-selected`]: r,
646
- [`${c}--tile--${e}`]: e,
647
- [`${c}--tile--slug-rounded`]: w && o
636
+ const { colorScheme: e, checkmarkLabel: t, disabled: s, hasRoundedCorners: c, name: l, selected: d, value: g, _handleChange: n, _handleKeydown: z, _hasAILabel: T } = this, q = L({
637
+ "cds-custom--tile": !0,
638
+ "cds-custom--tile--selectable": !0,
639
+ "cds-custom--tile--radio": !0,
640
+ "cds-custom--tile--disabled": s,
641
+ "cds-custom--tile--is-selected": d,
642
+ [`cds-custom--tile--${e}`]: e,
643
+ "cds-custom--tile--slug-rounded": T && c
648
644
  });
649
- return m`
645
+ return r`
650
646
  <input
651
647
  type="radio"
652
648
  id="input"
653
- class="${c}--tile-input"
649
+ class="${"cds-custom"}--tile-input"
654
650
  ?disabled="${s}"
655
- tabindex="${r ? 0 : -1}"
656
- name="${p(d)}"
657
- value="${p(b)}"
658
- .checked=${r}
659
- @change=${s ? void 0 : z}
660
- @keydown="${s ? void 0 : f}" />
661
- <label part="label" for="input" class="${V}">
662
- ${A(Q, {
663
- class: `${c}--tile__checkmark`,
651
+ tabindex="${d ? 0 : -1}"
652
+ name="${u(l)}"
653
+ value="${u(g)}"
654
+ .checked=${d}
655
+ @change=${s ? void 0 : n}
656
+ @keydown="${s ? void 0 : z}" />
657
+ <label part="label" for="input" class="${q}">
658
+ ${Z(te, {
659
+ class: "cds-custom--tile__checkmark",
664
660
  title: t
665
661
  })}
666
- <div class="${c}--tile-content"><slot></slot></div>
662
+ <div class="${"cds-custom"}--tile-content"><slot></slot></div>
667
663
  </label>
668
664
  <slot name="decorator"></slot>
669
665
  <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
670
666
  `;
671
667
  }
672
668
  /**
673
- * The name of the custom event fired after this selectable tile changes its selected state.
674
- */
669
+ * The name of the custom event fired after this selectable tile changes its selected state.
670
+ */
675
671
  static get eventRadioChange() {
676
- return `${c}-radio-tile-selected`;
672
+ return "cds-custom-radio-tile-selected";
677
673
  }
678
674
  };
679
- D = i([
680
- _(`${c}-radio-tile`)
681
- ], D);
682
- let S = class extends v {
683
- constructor() {
684
- super(...arguments), this._hasAILabel = !1, this.colorScheme = T.REGULAR, this.hasRoundedCorners = !1;
685
- }
686
- /**
687
- * Handles `slotchange` event.
688
- */
689
- _handleSlotChange({ target: e }) {
690
- const t = e.assignedNodes().filter((s) => s.matches !== void 0 ? s.matches(this.constructor.aiLabelItem) || // remove reference of slug in v12
691
- s.matches(this.constructor.slugItem) : !1);
692
- t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
693
- }
694
- updated() {
695
- this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
696
- }
697
- render() {
698
- return m` <slot></slot
699
- ><slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
700
- <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot
701
- ><slot name="slug" @slotchange="${this._handleSlotChange}"></slot>`;
702
- }
703
- /**
704
- * A selector that will return the slug item.
705
- *
706
- * TODO: remove in v12
707
- */
708
- static get slugItem() {
709
- return `${c}-slug`;
710
- }
711
- /**
712
- * A selector that will return the AI Label item.
713
- */
714
- static get aiLabelItem() {
715
- return `${c}-ai-label`;
716
- }
717
- };
718
- S.styles = L;
719
- i([
720
- l({ attribute: "color-scheme", reflect: !0 })
721
- ], S.prototype, "colorScheme", void 0);
722
- i([
723
- l({ type: Boolean, attribute: "has-rounded-corners" })
724
- ], S.prototype, "hasRoundedCorners", void 0);
725
- S = i([
726
- _(`${c}-tile`)
727
- ], S);
728
- var g;
729
- (function(a) {
730
- a[a.BACKWARD = -1] = "BACKWARD", a[a.FORWARD = 1] = "FORWARD";
731
- })(g || (g = {}));
732
- const ne = {
733
- ArrowUp: g.BACKWARD,
734
- Up: g.BACKWARD,
735
- // IE
736
- ArrowLeft: g.BACKWARD,
737
- Left: g.BACKWARD,
738
- // IE
739
- ArrowDown: g.FORWARD,
740
- Down: g.FORWARD,
741
- // IE
742
- ArrowRight: g.FORWARD,
743
- Right: g.FORWARD
744
- // IE
675
+ N = o([_("cds-custom-radio-tile")], N);
676
+ const he = {
677
+ ArrowUp: -1,
678
+ Up: -1,
679
+ ArrowLeft: -1,
680
+ Left: -1,
681
+ ArrowDown: 1,
682
+ Down: 1,
683
+ ArrowRight: 1,
684
+ Right: 1
745
685
  };
746
- let h = class extends q(v) {
747
- constructor() {
748
- super(...arguments), this._handleKeydown = (e) => {
749
- const { target: t, key: s } = e, { radioTiles: o, selectableTiles: d } = this, r = ne[s];
750
- if (t != null && t.matches(`${c}-ai-label`))
751
- return;
752
- const b = o.length ? o : d, f = [...b].findIndex((V) => V == t) + r, w = f !== -1 ? b[f % b.length] : b[b.length - 1];
753
- r ? (e.preventDefault(), this.radioTiles.length ? this._handleKeydownRadio(w) : this._handleKeydownSelectable(e, w)) : (s === " " || s === "Enter") && this._handleKeydownSelectable(e);
754
- }, this._handleFocus = (e) => {
755
- const { relatedTarget: t, target: s } = e;
756
- s != null && s.matches(`${c}-ai-label`) || this.radioTiles.length && (this.currentRadioSelection ? !(t != null && t.matches(this.constructor.selectorRadioTile)) && s !== this.currentRadioSelection && this.currentRadioSelection.focus() : (s.toggleAttribute("selected"), this.currentRadioSelection = s));
686
+ var S;
687
+ let h = (S = class extends F(p) {
688
+ constructor(...e) {
689
+ super(...e), this._handleKeydown = (t) => {
690
+ const { target: s, key: c } = t, { radioTiles: l, selectableTiles: d } = this, g = he[c];
691
+ if (s != null && s.matches("cds-custom-ai-label")) return;
692
+ const n = l.length ? l : d, z = [...n].findIndex((q) => q == s) + g, T = z !== -1 ? n[z % n.length] : n[n.length - 1];
693
+ g ? (t.preventDefault(), this.radioTiles.length ? this._handleKeydownRadio(T) : this._handleKeydownSelectable(t, T)) : (c === " " || c === "Enter") && this._handleKeydownSelectable(t);
694
+ }, this._handleFocus = (t) => {
695
+ const { relatedTarget: s, target: c } = t;
696
+ c != null && c.matches("cds-custom-ai-label") || this.radioTiles.length && (this.currentRadioSelection ? !(s != null && s.matches(this.constructor.selectorRadioTile)) && c !== this.currentRadioSelection && this.currentRadioSelection.focus() : (c.toggleAttribute("selected"), this.currentRadioSelection = c));
757
697
  }, this.currentSelections = [];
758
698
  }
759
699
  _handleRadioClick(e) {
760
- const { target: t } = e, { currentRadioSelection: s } = this, { eventCurrentRadioTileSelection: o } = this.constructor;
761
- t.matches(`${c}-ai-label`) || (s ? s !== t && (s.toggleAttribute("selected"), this.currentRadioSelection = t) : this.currentRadioSelection = t, this.dispatchEvent(new CustomEvent(o, {
700
+ const { target: t } = e, { currentRadioSelection: s } = this, { eventCurrentRadioTileSelection: c } = this.constructor;
701
+ t.matches("cds-custom-ai-label") || (s ? s !== t && (s.toggleAttribute("selected"), this.currentRadioSelection = t) : this.currentRadioSelection = t, this.dispatchEvent(new CustomEvent(c, {
762
702
  bubbles: !0,
763
703
  composed: !0,
764
- detail: {
765
- target: t
766
- }
704
+ detail: { target: t }
767
705
  })));
768
706
  }
769
707
  /**
770
- * Click listener to ensure selectability.
771
- *
772
- * @param event click
773
- */
708
+ * Click listener to ensure selectability.
709
+ *
710
+ * @param event click
711
+ */
774
712
  _handleTileSelect(e) {
775
713
  this.radioTiles.length && this._handleRadioClick(e);
776
714
  }
777
715
  /**
778
- * Handle keyboard navigation for radio tiles
779
- *
780
- * @param nextSibling to focus on
781
- */
716
+ * Handle keyboard navigation for radio tiles
717
+ *
718
+ * @param nextSibling to focus on
719
+ */
782
720
  _handleKeydownRadio(e) {
783
721
  const { currentRadioSelection: t } = this, { eventCurrentRadioTileSelection: s } = this.constructor;
784
722
  t && t.toggleAttribute("selected"), e.focus(), e.toggleAttribute("selected"), this.currentRadioSelection = e, this.dispatchEvent(new CustomEvent(s, {
785
723
  bubbles: !0,
786
724
  composed: !0,
787
- detail: {
788
- nextSibling: e
789
- }
725
+ detail: { nextSibling: e }
790
726
  }));
791
727
  }
792
728
  /**
793
- * Handle keyboard navigation for selectable tiles
794
- *
795
- * @param event to get target
796
- * @param nextSibling to focus on
797
- */
729
+ * Handle keyboard navigation for selectable tiles
730
+ *
731
+ * @param event to get target
732
+ * @param nextSibling to focus on
733
+ */
798
734
  _handleKeydownSelectable(e, t) {
799
- const { target: s } = e, { currentSelections: o } = this, { eventCurrentSelectableTilesSelection: d } = this.constructor;
800
- t ? t.focus() : (o.includes(s) ? o.splice(o.indexOf(s), 1) : o.push(s), this.dispatchEvent(new CustomEvent(d, {
735
+ const { target: s } = e, { currentSelections: c } = this, { eventCurrentSelectableTilesSelection: l } = this.constructor;
736
+ t ? t.focus() : (c.includes(s) ? c.splice(c.indexOf(s), 1) : c.push(s), this.dispatchEvent(new CustomEvent(l, {
801
737
  bubbles: !0,
802
738
  composed: !0,
803
- detail: {
804
- currentSelections: o
805
- }
739
+ detail: { currentSelections: c }
806
740
  })));
807
741
  }
808
742
  firstUpdated() {
@@ -812,75 +746,55 @@ let h = class extends q(v) {
812
746
  }
813
747
  render() {
814
748
  const { fieldsetClassName: e, disabled: t } = this;
815
- return m`
749
+ return r`
816
750
  <fieldset class="${e}" ?disabled=${t}>
817
- <slot name="legend" class="${c}--label"></slot>
751
+ <slot name="legend" class="${"cds-custom"}--label"></slot>
818
752
  <slot></slot>
819
753
  </fieldset>
820
754
  `;
821
755
  }
822
756
  /**
823
- * A selector that selects a radio tile component.
824
- */
757
+ * A selector that selects a radio tile component.
758
+ */
825
759
  static get selectorRadioTile() {
826
- return `${c}-radio-tile`;
760
+ return "cds-custom-radio-tile";
827
761
  }
828
762
  /**
829
- * A selector that selects a selectable tile component.
830
- */
763
+ * A selector that selects a selectable tile component.
764
+ */
831
765
  static get selectorSelectableTile() {
832
- return `${c}-selectable-tile`;
766
+ return "cds-custom-selectable-tile";
833
767
  }
834
768
  /**
835
- * The name of the custom event fired after a radio tile changes its selected state.
836
- */
769
+ * The name of the custom event fired after a radio tile changes its selected state.
770
+ */
837
771
  static get eventCurrentRadioTileSelection() {
838
- return `${c}-current-radio-tile-selection`;
772
+ return "cds-custom-current-radio-tile-selection";
839
773
  }
840
774
  /**
841
- * The name of the custom event fired after a radio tile changes its selected state.
842
- */
775
+ * The name of the custom event fired after a radio tile changes its selected state.
776
+ */
843
777
  static get eventCurrentSelectableTilesSelection() {
844
- return `${c}-current-selectable-tile-selections`;
845
- }
846
- };
847
- h.styles = L;
848
- i([
849
- I("click")
850
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
851
- // @ts-expect-error
852
- ], h.prototype, "_handleTileSelect", null);
853
- i([
854
- I("keydown")
855
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
856
- ], h.prototype, "_handleKeydown", void 0);
857
- i([
858
- I("focusin")
859
- // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to
860
- ], h.prototype, "_handleFocus", void 0);
861
- i([
862
- l({ reflect: !0, attribute: "fieldset-class-name" })
863
- ], h.prototype, "fieldsetClassName", void 0);
864
- i([
865
- l({ reflect: !0, type: Boolean })
866
- ], h.prototype, "disabled", void 0);
867
- i([
868
- l()
869
- ], h.prototype, "currentRadioSelection", void 0);
870
- i([
871
- l()
872
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
873
- ], h.prototype, "currentSelections", void 0);
874
- i([
875
- l()
876
- ], h.prototype, "radioTiles", void 0);
877
- i([
878
- l()
879
- ], h.prototype, "selectableTiles", void 0);
880
- h = i([
881
- _(`${c}-tile-group`)
882
- ], h);
883
- const ue = `/**
778
+ return "cds-custom-current-selectable-tile-selections";
779
+ }
780
+ }, S.styles = I, S);
781
+ o([B("click")], h.prototype, "_handleTileSelect", null);
782
+ o([B("keydown")], h.prototype, "_handleKeydown", void 0);
783
+ o([B("focusin")], h.prototype, "_handleFocus", void 0);
784
+ o([i({
785
+ reflect: !0,
786
+ attribute: "fieldset-class-name"
787
+ })], h.prototype, "fieldsetClassName", void 0);
788
+ o([i({
789
+ reflect: !0,
790
+ type: Boolean
791
+ })], h.prototype, "disabled", void 0);
792
+ o([i()], h.prototype, "currentRadioSelection", void 0);
793
+ o([i()], h.prototype, "currentSelections", void 0);
794
+ o([i()], h.prototype, "radioTiles", void 0);
795
+ o([i()], h.prototype, "selectableTiles", void 0);
796
+ h = o([_("cds-custom-tile-group")], h);
797
+ const be = `/**
884
798
  * @license
885
799
  *
886
800
  * Copyright IBM Corp. 2025
@@ -888,66 +802,66 @@ const ue = `/**
888
802
  * This source code is licensed under the Apache-2.0 license found in the
889
803
  * LICENSE file in the root directory of this source tree.
890
804
  */.automation-global-header__logout-tile{block-size:10rem;inline-size:25rem}.automation-global-header__logout-tile--brand{font-size:var(--cds-heading-05-font-size, 2rem);font-weight:var(--cds-heading-05-font-weight, 400);line-height:var(--cds-heading-05-line-height, 1.25);letter-spacing:var(--cds-heading-05-letter-spacing, 0);margin-inline-end:.75rem}.automation-global-header__logout-tile--product{font-size:var(--cds-heading-05-font-size, 2rem);font-weight:var(--cds-heading-05-font-weight, 400);line-height:var(--cds-heading-05-line-height, 1.25);letter-spacing:var(--cds-heading-05-letter-spacing, 0);font-weight:700}.automation-global-header__logout-tile--description{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0);font-weight:400;margin-block-start:.25rem}.automation-global-header__logout-tile--button{position:absolute;inset-block-end:0;inset-inline-end:0}.automation-global-header__logout-tile--button a{inline-size:11rem}.automation-global-header__logout-tile--button button{inline-size:15rem}`;
891
- var me = Object.defineProperty, he = Object.getOwnPropertyDescriptor, $ = (a, e, t, s) => {
892
- for (var o = s > 1 ? void 0 : s ? he(e, t) : e, d = a.length - 1, r; d >= 0; d--)
893
- (r = a[d]) && (o = (s ? r(e, t, o) : r(o)) || o);
894
- return s && o && me(e, t, o), o;
805
+ var pe = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, $ = (b, e, t, s) => {
806
+ for (var c = s > 1 ? void 0 : s ? ge(e, t) : e, l = b.length - 1, d; l >= 0; l--)
807
+ (d = b[l]) && (c = (s ? d(e, t, c) : d(c)) || c);
808
+ return s && c && pe(e, t, c), c;
895
809
  };
896
- const { stablePrefix: be } = E, C = `${P}__logout-tile`;
897
- let k = class extends v {
810
+ const { stablePrefix: ve } = P, M = `${U}__logout-tile`;
811
+ let v = class extends p {
898
812
  constructor() {
899
813
  super(), this.brandCompany = "", this.brandProduct = "", this.logoutText = "", this.buttonLabel = "", this.loginHref = "";
900
814
  }
901
815
  render() {
902
- return m`<cds-custom-tile class="${C}">
816
+ return r`<cds-custom-tile class="${M}">
903
817
  <div>
904
- <span class="${C}--brand">${this.brandCompany}</span>
905
- <span class="${C}--product">${this.brandProduct}</span>
818
+ <span class="${M}--brand">${this.brandCompany}</span>
819
+ <span class="${M}--product">${this.brandProduct}</span>
906
820
  </div>
907
- <div class="${C}--description">${this.logoutText}</div>
908
- <div class="${C}--button">
821
+ <div class="${M}--description">${this.logoutText}</div>
822
+ <div class="${M}--button">
909
823
  <cds-custom-button size="xl" href="${this.loginHref}">
910
- ${this.buttonLabel} ${W("ArrowRight", 16, "icon")}
824
+ ${this.buttonLabel} ${Q("ArrowRight", 16, "icon")}
911
825
  </cds-custom-button>
912
826
  </div>
913
827
  </cds-custom-tile>`;
914
828
  }
915
829
  };
916
- k.styles = R`
917
- ${O([ue])}
830
+ v.styles = A`
831
+ ${K([be])}
918
832
  `;
919
833
  $([
920
- l({ type: String })
921
- ], k.prototype, "brandCompany", 2);
834
+ i({ type: String })
835
+ ], v.prototype, "brandCompany", 2);
922
836
  $([
923
- l({ type: String })
924
- ], k.prototype, "brandProduct", 2);
837
+ i({ type: String })
838
+ ], v.prototype, "brandProduct", 2);
925
839
  $([
926
- l({ type: String })
927
- ], k.prototype, "logoutText", 2);
840
+ i({ type: String })
841
+ ], v.prototype, "logoutText", 2);
928
842
  $([
929
- l({ type: String })
930
- ], k.prototype, "buttonLabel", 2);
843
+ i({ type: String })
844
+ ], v.prototype, "buttonLabel", 2);
931
845
  $([
932
- l({ type: String })
933
- ], k.prototype, "loginHref", 2);
934
- k = $([
935
- B(`${be}-global-header-logout-tile`)
936
- ], k);
937
- var pe = Object.getOwnPropertyDescriptor, ge = (a, e, t, s) => {
938
- for (var o = s > 1 ? void 0 : s ? pe(e, t) : e, d = a.length - 1, r; d >= 0; d--)
939
- (r = a[d]) && (o = r(o) || o);
940
- return o;
846
+ i({ type: String })
847
+ ], v.prototype, "loginHref", 2);
848
+ v = $([
849
+ E(`${ve}-global-header-logout-tile`)
850
+ ], v);
851
+ var fe = Object.getOwnPropertyDescriptor, ye = (b, e, t, s) => {
852
+ for (var c = s > 1 ? void 0 : s ? fe(e, t) : e, l = b.length - 1, d; l >= 0; l--)
853
+ (d = b[l]) && (c = d(c) || c);
854
+ return c;
941
855
  };
942
- const { stablePrefix: ve } = E;
943
- let F = class extends Y {
856
+ const { stablePrefix: ke } = P;
857
+ let O = class extends se {
944
858
  };
945
- F = ge([
946
- B(`${ve}-global-header`)
947
- ], F);
859
+ O = ye([
860
+ E(`${ke}-global-header`)
861
+ ], O);
948
862
  export {
949
- j as CommonHeader,
950
- He as HybridIpaasHeader,
951
- M as LogoutHeader,
952
- k as LogoutTile
863
+ G as CommonHeader,
864
+ Ce as HybridIpaasHeader,
865
+ V as LogoutHeader,
866
+ v as LogoutTile
953
867
  };