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