@carbon-labs/wc-global-header 0.83.0 → 0.85.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.
package/es/wc-global-header.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { C as
|
|
2
|
-
import { b as
|
|
3
|
-
var
|
|
1
|
+
import { C as se, e as u, r as K, i as F, n as d, j as v, A as X, t as Z, s as q, d as i, f as x, F as U, g as V, o as b, h as Y, k as L, _ as oe, a as W, c as ce, H as D, l as ie } from "./HybridIpaasHeader-B9TJK70q.mjs";
|
|
2
|
+
import { b as De } from "./HybridIpaasHeader-B9TJK70q.mjs";
|
|
3
|
+
var le = {
|
|
4
4
|
elem: "svg",
|
|
5
5
|
attrs: {
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -25,7 +25,7 @@ var W = {
|
|
|
25
25
|
],
|
|
26
26
|
name: "ai-label",
|
|
27
27
|
size: 24
|
|
28
|
-
},
|
|
28
|
+
}, ae = {
|
|
29
29
|
elem: "svg",
|
|
30
30
|
attrs: {
|
|
31
31
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -40,7 +40,7 @@ var W = {
|
|
|
40
40
|
}],
|
|
41
41
|
name: "checkbox",
|
|
42
42
|
size: 16
|
|
43
|
-
},
|
|
43
|
+
}, de = {
|
|
44
44
|
elem: "svg",
|
|
45
45
|
attrs: {
|
|
46
46
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -62,7 +62,7 @@ var W = {
|
|
|
62
62
|
}],
|
|
63
63
|
name: "checkbox--checked--filled",
|
|
64
64
|
size: 16
|
|
65
|
-
},
|
|
65
|
+
}, ne = {
|
|
66
66
|
elem: "svg",
|
|
67
67
|
attrs: {
|
|
68
68
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -84,6 +84,54 @@ var W = {
|
|
|
84
84
|
}],
|
|
85
85
|
name: "checkmark--filled",
|
|
86
86
|
size: 16
|
|
87
|
+
}, re = {
|
|
88
|
+
elem: "svg",
|
|
89
|
+
attrs: {
|
|
90
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
91
|
+
viewBox: "0 0 32 32",
|
|
92
|
+
fill: "currentColor",
|
|
93
|
+
width: 16,
|
|
94
|
+
height: 16
|
|
95
|
+
},
|
|
96
|
+
content: [{
|
|
97
|
+
elem: "path",
|
|
98
|
+
attrs: { d: "M2,16H2A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm23.15,7.75L8.25,6.85a12,12,0,0,1,16.9,16.9ZM8.24,25.16A12,12,0,0,1,6.84,8.27L23.73,25.16a12,12,0,0,1-15.49,0Z" }
|
|
99
|
+
}],
|
|
100
|
+
name: "error",
|
|
101
|
+
size: 16
|
|
102
|
+
}, ue = {
|
|
103
|
+
elem: "svg",
|
|
104
|
+
attrs: {
|
|
105
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
106
|
+
viewBox: "0 0 32 32",
|
|
107
|
+
fill: "currentColor",
|
|
108
|
+
width: 16,
|
|
109
|
+
height: 16
|
|
110
|
+
},
|
|
111
|
+
content: [{
|
|
112
|
+
elem: "path",
|
|
113
|
+
attrs: { d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" }
|
|
114
|
+
}],
|
|
115
|
+
name: "radio-button",
|
|
116
|
+
size: 16
|
|
117
|
+
}, me = {
|
|
118
|
+
elem: "svg",
|
|
119
|
+
attrs: {
|
|
120
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
121
|
+
viewBox: "0 0 32 32",
|
|
122
|
+
fill: "currentColor",
|
|
123
|
+
width: 16,
|
|
124
|
+
height: 16
|
|
125
|
+
},
|
|
126
|
+
content: [{
|
|
127
|
+
elem: "path",
|
|
128
|
+
attrs: { d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" }
|
|
129
|
+
}, {
|
|
130
|
+
elem: "path",
|
|
131
|
+
attrs: { d: "M16,10a6,6,0,1,0,6,6A6,6,0,0,0,16,10Z" }
|
|
132
|
+
}],
|
|
133
|
+
name: "radio-button--checked",
|
|
134
|
+
size: 16
|
|
87
135
|
};
|
|
88
136
|
/**
|
|
89
137
|
* @license
|
|
@@ -93,9 +141,9 @@ var W = {
|
|
|
93
141
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
94
142
|
* LICENSE file in the root directory of this source tree.
|
|
95
143
|
*/
|
|
96
|
-
class
|
|
144
|
+
class he extends se {
|
|
97
145
|
}
|
|
98
|
-
const
|
|
146
|
+
const be = `/**
|
|
99
147
|
* @license
|
|
100
148
|
*
|
|
101
149
|
* Copyright IBM Corp. 2025
|
|
@@ -103,12 +151,12 @@ const ce = `/**
|
|
|
103
151
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
104
152
|
* LICENSE file in the root directory of this source tree.
|
|
105
153
|
*/.automation-global-header__logout-header{padding-block:1rem}`;
|
|
106
|
-
var
|
|
107
|
-
for (var c =
|
|
108
|
-
(
|
|
109
|
-
return
|
|
154
|
+
var pe = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, J = (l, e, t, o) => {
|
|
155
|
+
for (var c = o > 1 ? void 0 : o ? ge(e, t) : e, a = l.length - 1, n; a >= 0; a--)
|
|
156
|
+
(n = l[a]) && (c = (o ? n(e, t, c) : n(c)) || c);
|
|
157
|
+
return o && c && pe(e, t, c), c;
|
|
110
158
|
};
|
|
111
|
-
const { stablePrefix:
|
|
159
|
+
const { stablePrefix: ve } = q, fe = `${X}__logout-header`, ye = u`
|
|
112
160
|
<svg
|
|
113
161
|
width="45"
|
|
114
162
|
height="18"
|
|
@@ -120,29 +168,29 @@ const { stablePrefix: le } = P, de = `${U}__logout-header`, ae = r`
|
|
|
120
168
|
fill="#161616" />
|
|
121
169
|
</svg>
|
|
122
170
|
`;
|
|
123
|
-
let
|
|
171
|
+
let $ = class extends v {
|
|
124
172
|
constructor() {
|
|
125
173
|
super(...arguments), this.brandCompany = "";
|
|
126
174
|
}
|
|
127
175
|
render() {
|
|
128
|
-
return
|
|
176
|
+
return u` <cds-custom-header class="${fe}">
|
|
129
177
|
<cds-custom-header-name>
|
|
130
|
-
${this.brandCompany === "IBM" ?
|
|
178
|
+
${this.brandCompany === "IBM" ? ye : this.brandCompany}
|
|
131
179
|
</cds-custom-header-name>
|
|
132
180
|
</cds-custom-header>`;
|
|
133
181
|
}
|
|
134
182
|
};
|
|
135
|
-
|
|
136
|
-
${K([
|
|
183
|
+
$.styles = F`
|
|
184
|
+
${K([be])}
|
|
137
185
|
`;
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
],
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
],
|
|
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
|
|
186
|
+
J([
|
|
187
|
+
d({ type: String })
|
|
188
|
+
], $.prototype, "brandCompany", 2);
|
|
189
|
+
$ = J([
|
|
190
|
+
Z(`${ve}-global-header-logout-banner`)
|
|
191
|
+
], $);
|
|
192
|
+
var H = F(['.cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--link *,.cds-custom--link :after,.cds-custom--link :before,:host(cds-custom-tile) ::slotted(.cds-custom--link) *,:host(cds-custom-tile) ::slotted(.cds-custom--link) :after,:host(cds-custom-tile) ::slotted(.cds-custom--link) :before{box-sizing:inherit}.cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--link:hover,:host(cds-custom-tile) :hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited,:host(cds-custom-tile) :visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds-custom--link:visited:hover,:host(cds-custom-tile) :visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--link--disabled *,.cds-custom--link--disabled :after,.cds-custom--link--disabled :before,.cds-custom--link--disabled:hover *,.cds-custom--link--disabled:hover :after,.cds-custom--link--disabled:hover :before{box-sizing:inherit}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds-custom--link.cds-custom--link--visited,.cds-custom--link.cds-custom--link--visited:visited,:host(cds-custom-tile) .cds-custom--link--visited::slotted(.cds-custom--link){color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds-custom--link.cds-custom--link--visited:hover,.cds-custom--link.cds-custom--link--visited:visited:hover,:host(cds-custom-tile) .cds-custom--link--visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline,:host(cds-custom-tile) .cds-custom--link--inline::slotted(.cds-custom--link){display:inline;text-decoration:underline}.cds-custom--link--disabled.cds-custom--link--inline{text-decoration:underline}.cds-custom--link--sm,.cds-custom--link--sm.cds-custom--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds-custom--link--lg,.cds-custom--link--lg.cds-custom--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds-custom--link__icon{display:inline-flex;align-items:center;block-size:1lh;line-height:inherit;margin-inline-start:.5rem;vertical-align:text-bottom}.cds-custom--link--lg .cds-custom--link__icon>svg{block-size:1.25rem;inline-size:1.25rem}.cds-custom--link--lg .cds-custom--link__icon{block-size:1.25rem}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--tile-group html,:host(cds-custom-tile-group) html{font-size:100%}.cds-custom--tile-group body,:host(cds-custom-tile-group) body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--tile-group code,:host(cds-custom-tile-group) code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--tile-group strong,:host(cds-custom-tile-group) strong{font-weight:600}.cds-custom--tile,:host(cds-custom-expandable-tile),:host(cds-custom-tile){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));position:relative;display:block;padding:var(--cds-layout-density-padding-inline-local);background-color:var(--cds-layer);min-block-size:4rem;min-inline-size:8rem;outline:2px solid transparent;outline-offset:-2px}.cds-custom--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile:focus{outline-style:dotted}}.cds-custom--tile--light,:host(cds-custom-expandable-tile[color-scheme=light]),:host(cds-custom-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--tile--clickable *,.cds-custom--tile--clickable :after,.cds-custom--tile--clickable :before,.cds-custom--tile--selectable *,.cds-custom--tile--selectable :after,.cds-custom--tile--selectable :before,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable *,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :after,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :before{box-sizing:inherit}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);padding:var(--cds-layout-density-padding-inline-local);cursor:pointer;transition:.15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--clickable:hover,.cds-custom--tile--selectable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--clickable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--clickable:focus{outline-style:dotted}}.cds-custom--tile--clickable:focus{text-decoration:none}.cds-custom--tile--clickable:focus .cds-custom--tile__checkmark,.cds-custom--tile--clickable:hover .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--expandable::-moz-focus-inner{border:0}.cds-custom--tile--clickable:active,.cds-custom--tile--clickable:hover,.cds-custom--tile--clickable:visited,.cds-custom--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable.cds-custom--link--disabled,.cds-custom--tile--clickable:hover.cds-custom--link--disabled{display:block;padding:var(--cds-layout-density-padding-inline-local);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--tile--clickable .cds-custom--tile--icon,.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){position:absolute;block-size:1.25rem;inline-size:1.25rem;inset-block-end:.75rem;inset-inline-end:.75rem}.cds-custom--tile--clickable .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){fill:var(--cds-icon-interactive,#0f62fe)}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable.cds-custom--link--disabled ::slotted([slot=icon]){display:none}.cds-custom--tile--selectable{border:1px solid transparent;padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem)}.cds-custom--tile__checkmark{position:absolute;border:none;background:transparent;block-size:1rem;inset-block-start:var(--cds-layout-density-padding-inline-local);inset-inline-end:var(--cds-layout-density-padding-inline-local);transition:.11s cubic-bezier(.2,0,.38,.9);opacity:0}.cds-custom--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds-custom--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile__checkmark:focus{outline-style:dotted}}.cds-custom--tile__checkmark--persistent{opacity:1}.cds-custom--tile__chevron,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron{position:absolute;display:flex;align-items:center;justify-content:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0}.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{transition:none}}.cds-custom--tile__chevron--interactive{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--tile__chevron--interactive *,.cds-custom--tile__chevron--interactive :after,.cds-custom--tile__chevron--interactive :before{box-sizing:inherit}.cds-custom--tile__chevron--interactive::-moz-focus-inner{border:0}.cds-custom--tile__chevron--interactive{position:absolute;display:flex;align-items:center;justify-content:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0}.cds-custom--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds-custom--tile--expandable,:host(cds-custom-expandable-tile){position:relative;overflow:hidden;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;inline-size:100%;text-align:start;transition:max-height .15s cubic-bezier(.2,0,.38,.9);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds-custom--tile--expandable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive{border:none;cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:focus{outline:none}.cds-custom--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--expandable--interactive:focus{outline-style:dotted}}.cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds-custom--tile--is-expanded,:host(cds-custom-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--is-expanded .cds-custom--tile__chevron svg,:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile__chevron svg{transform:rotate(180deg)}.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){overflow-y:auto}}.cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds-custom--tile--is-selected .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--is-selected .cds-custom--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile-content{block-size:100%;inline-size:100%}.cds-custom--tile-input{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline-style:dotted}}.cds-custom--tile--disabled.cds-custom--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--tile--disabled.cds-custom--tile--selectable.cds-custom--tile--light{background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--disabled.cds-custom--tile--is-selected{border-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--tile--disabled .cds-custom--tile__checkmark svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon,.cds-custom--tile--expandable>div>.cds-custom--ai-label,.cds-custom--tile--expandable>div>.cds-custom--slug,.cds-custom--tile--expandable>div>.cds-custom--tile--inner-decorator>*,.cds-custom--tile>.cds-custom--ai-label,.cds-custom--tile>.cds-custom--slug,.cds-custom--tile>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>.cds-custom--slug,:host(cds-custom-expandable-tile)>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>div>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>div>.cds-custom--slug,:host(cds-custom-expandable-tile)>div>.cds-custom--tile--inner-decorator>*,:host(cds-custom-tile)>.cds-custom--ai-label,:host(cds-custom-tile)>.cds-custom--slug,:host(cds-custom-tile)>.cds-custom--tile--inner-decorator>*{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--tile--inner-decorator>*{inset-inline-end:1rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9);inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--tile--inner-decorator>*{pointer-events:none}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile,.cds-custom--tile--slug.cds-custom--tile{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--expandable:hover,.cds-custom--tile--slug.cds-custom--tile--expandable:hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}.cds-custom--tile--decorator.cds-custom--tile--clickable:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:after,.cds-custom--tile--decorator.cds-custom--tile--selectable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:before{position:absolute;display:block;block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--clickable:before,.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--selectable:before,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--clickable:hover:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:before,.cds-custom--tile--slug.cds-custom--tile--clickable:hover:before,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:before{opacity:1}.cds-custom--tile--decorator.cds-custom--tile--clickable:focus,.cds-custom--tile--decorator.cds-custom--tile--selectable:focus,.cds-custom--tile--slug.cds-custom--tile--clickable:focus,.cds-custom--tile--slug.cds-custom--tile--selectable:focus,.cds-custom--tile-input:focus+.cds-custom--tile--decorator.cds-custom--tile,.cds-custom--tile-input:focus+.cds-custom--tile--slug.cds-custom--tile{outline-offset:-1px}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator .cds-custom--ai-label).cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:after,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:after{opacity:0}.cds-custom--tile--decorator.cds-custom--tile--is-selected:after,.cds-custom--tile--slug.cds-custom--tile--is-selected:after{opacity:1}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator).cds-custom--tile--is-selected,.cds-custom--tile--slug.cds-custom--tile--is-selected{border-color:var(--cds-border-inverse,#161616)}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content{position:relative;cursor:pointer}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--is-selected .cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile--inner-decorator>:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--ai-label:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--slug:has(>.cds-custom--popover--open){z-index:2}.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--expandable:has(.cds-custom--ai-label>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--slug>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open),:has(.cds-custom--ai-label>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--slug>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open):host(cds-custom-expandable-tile){overflow:visible}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon rect{stroke:var(--cds-icon-primary,#161616)}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon path{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile--decorator-rounded,.cds-custom--tile--decorator-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:before,.cds-custom--tile--slug-rounded,.cds-custom--tile--slug-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:before,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]),:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]),:host(cds-custom-radio-tile[ai-label][has-rounded-corners]),:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]),:host(cds-custom-tile[ai-label][has-rounded-corners]){border-radius:.5rem}.cds-custom--tile--decorator-rounded .cds-custom--tile__chevron,.cds-custom--tile--slug-rounded .cds-custom--tile__chevron,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-custom-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-tile-group){background:transparent}:host(cds-custom-tile-group) fieldset{border:none}:host(cds-custom-clickable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:grid;outline:none}:host(cds-custom-clickable-tile) .cds-custom--link--disabled{display:block;padding:density("padding-inline");background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-custom-clickable-tile) .cds-custom--tile,:host(cds-custom-clickable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile) :host(cds-custom-tile){padding:1rem;outline:.125rem solid transparent}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{display:block;transition:.15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline-style:dotted}}:host(cds-custom-clickable-tile) .cds-custom--link__icon{display:block}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]){pointer-events:none}:host(cds-custom-radio-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;position:relative;display:block;margin-block-end:.5rem;outline:none}:host(cds-custom-radio-tile) .cds-custom--tile,:host(cds-custom-radio-tile) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-selectable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;position:relative;display:block;outline:none}:host(cds-custom-selectable-tile) .cds-custom--tile,:host(cds-custom-selectable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-radio-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark{opacity:1}:host(cds-custom-radio-tile[enable-v12-tile-radio-icons]) .cds-custom--tile__checkmark{opacity:1}:host(cds-custom-radio-tile[enable-v12-tile-radio-icons]) ::slotted([slot=ai-label]){inset-inline-end:2.5rem}:host(cds-custom-clickable-tile) ::slotted(*),:host(cds-custom-radio-tile) ::slotted(:not([slot])),:host(cds-custom-selectable-tile) ::slotted(:not([slot])){position:relative;z-index:1;cursor:pointer}:host(cds-custom-expandable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-above-the-fold-content){display:block}:host(cds-custom-expandable-tile) .cds-custom-ce--expandable-tile--below-the-fold-content{max-block-size:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[expanded]) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(cds-custom-expandable-tile[with-interactive]){cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[with-interactive]):hover{background-color:var(--cds-layer)}:host(cds-custom-expandable-tile[with-interactive]):focus{outline:none}:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline-style:dotted}}:host(cds-custom-expandable-tile:not([with-interactive])) .cds-custom--tile__chevron{border:none;background:none;cursor:pointer;outline:none}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-expandable-tile[ai-label]),:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile,:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-tile[ai-label]){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=decorator]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]),:host(cds-custom-expandable-tile) ::slotted([slot=ai-label]),:host(cds-custom-expandable-tile) ::slotted([slot=decorator]),:host(cds-custom-expandable-tile) ::slotted([slot=slug]),:host(cds-custom-radio-tile) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile) ::slotted([slot=decorator]),:host(cds-custom-radio-tile) ::slotted([slot=slug]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]),:host(cds-custom-tile) ::slotted([slot=ai-label]),:host(cds-custom-tile) ::slotted([slot=decorator]),:host(cds-custom-tile) ::slotted([slot=slug]){position:absolute;inset-block-start:1rem;inset-inline-end:1rem}:host(cds-custom-radio-tile[selected]) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile[selected]) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]){inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[ai-label]):hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{position:absolute;display:block;block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:hover:before{opacity:1}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark{z-index:1}:host(cds-custom-radio-tile[ai-label]),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-expandable-tile[ai-label]){overflow:visible}:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}:host(cds-custom-clickable-tile[enable-tile-contrast]) .cds-custom--tile--clickable{box-sizing:border-box;border:1px solid var(--cds-border-tile)}:host(cds-custom-clickable-tile[enable-tile-contrast]) .cds-custom--link--disabled{box-sizing:border-box;border:1px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-selectable-tile[enable-tile-contrast]) .cds-custom--tile--selectable{border:1px solid var(--cds-border-tile)}:host(cds-custom-selectable-tile[enable-tile-contrast]) .cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-selectable-tile[enable-tile-contrast]) .cds-custom--tile--disabled{border:1px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-expandable-tile[enable-tile-contrast]) .cds-custom--tile__chevron--interactive{border:1px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-expandable-tile[enable-tile-contrast]:not([with-interactive])){border:1px solid var(--cds-border-tile)}:host(cds-custom-radio-tile[enable-tile-contrast]) .cds-custom--tile--selectable{box-sizing:border-box;border:1px solid var(--cds-border-tile)}:host(cds-custom-radio-tile[enable-tile-contrast]) .cds-custom--tile--is-selected{box-sizing:border-box;border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-radio-tile[enable-tile-contrast]) .cds-custom--tile--disabled{box-sizing:border-box;border:1px solid var(--cds-border-disabled,#c6c6c6)}']), A;
|
|
193
|
+
let M = (A = class extends v {
|
|
146
194
|
constructor(...e) {
|
|
147
195
|
super(...e), this._hasAILabel = !1, this.colorScheme = "", this.hasRoundedCorners = !1;
|
|
148
196
|
}
|
|
@@ -150,14 +198,14 @@ let R = (w = class extends p {
|
|
|
150
198
|
* Handles `slotchange` event.
|
|
151
199
|
*/
|
|
152
200
|
_handleSlotChange({ target: e }) {
|
|
153
|
-
const t = e.assignedNodes().filter((
|
|
201
|
+
const t = e.assignedNodes().filter((o) => o.matches !== void 0 ? o.matches(this.constructor.aiLabelItem) || o.matches(this.constructor.slugItem) : !1);
|
|
154
202
|
t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
|
|
155
203
|
}
|
|
156
204
|
updated() {
|
|
157
205
|
this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
|
|
158
206
|
}
|
|
159
207
|
render() {
|
|
160
|
-
return
|
|
208
|
+
return u` <slot></slot
|
|
161
209
|
><slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
|
|
162
210
|
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot
|
|
163
211
|
><slot name="slug" @slotchange="${this._handleSlotChange}"></slot>`;
|
|
@@ -176,42 +224,42 @@ let R = (w = class extends p {
|
|
|
176
224
|
static get aiLabelItem() {
|
|
177
225
|
return "cds-custom-ai-label";
|
|
178
226
|
}
|
|
179
|
-
},
|
|
180
|
-
|
|
227
|
+
}, A.styles = H, A);
|
|
228
|
+
i([d({
|
|
181
229
|
attribute: "color-scheme",
|
|
182
230
|
reflect: !0
|
|
183
|
-
})],
|
|
184
|
-
|
|
231
|
+
})], M.prototype, "colorScheme", void 0);
|
|
232
|
+
i([d({
|
|
185
233
|
type: Boolean,
|
|
186
234
|
attribute: "has-rounded-corners"
|
|
187
|
-
})],
|
|
188
|
-
|
|
189
|
-
var
|
|
190
|
-
const
|
|
235
|
+
})], M.prototype, "hasRoundedCorners", void 0);
|
|
236
|
+
M = i([x("cds-custom-tile")], M);
|
|
237
|
+
var xe = F([".cds-custom--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--link *,.cds-custom--link :after,.cds-custom--link :before{box-sizing:inherit}.cds-custom--link{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--link:hover{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{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--link--disabled *,.cds-custom--link--disabled :after,.cds-custom--link--disabled :before,.cds-custom--link--disabled:hover *,.cds-custom--link--disabled:hover :after,.cds-custom--link--disabled:hover :before{box-sizing:inherit}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds-custom--link.cds-custom--link--visited,.cds-custom--link.cds-custom--link--visited:visited{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);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds-custom--link--lg,.cds-custom--link--lg.cds-custom--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds-custom--link__icon{display:inline-flex;align-items:center;block-size:1lh;line-height:inherit;margin-inline-start:.5rem;vertical-align:text-bottom}.cds-custom--link--lg .cds-custom--link__icon>svg{block-size:1.25rem;inline-size:1.25rem}.cds-custom--link--lg .cds-custom--link__icon{block-size:1.25rem}:host(cds-custom-link){outline:none}:host(cds-custom-link) .cds-custom--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.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}"]);
|
|
238
|
+
const ke = {
|
|
191
239
|
MEDIUM: "md"
|
|
192
240
|
};
|
|
193
|
-
var
|
|
194
|
-
let
|
|
241
|
+
var k;
|
|
242
|
+
let r = (k = class extends U(v) {
|
|
195
243
|
constructor(...e) {
|
|
196
|
-
super(...e), this._hasIcon = !1, this.disabled = !1, this.inline = !1, this.size =
|
|
244
|
+
super(...e), this._hasIcon = !1, this.disabled = !1, this.inline = !1, this.size = ke.MEDIUM, this.visited = !1;
|
|
197
245
|
}
|
|
198
246
|
/**
|
|
199
247
|
* Handles `slotchange` event.
|
|
200
248
|
*/
|
|
201
249
|
_handleSlotChange({ target: e }) {
|
|
202
|
-
const { name: t } = e,
|
|
203
|
-
this[t === "icon" ? "_hasIcon" : ""] =
|
|
250
|
+
const { name: t } = e, o = e.assignedNodes().some((c) => c.nodeType !== Node.TEXT_NODE || c.textContent.trim());
|
|
251
|
+
this[t === "icon" ? "_hasIcon" : ""] = o, this.requestUpdate();
|
|
204
252
|
}
|
|
205
253
|
/**
|
|
206
254
|
* The CSS class list for the link node.
|
|
207
255
|
*/
|
|
208
256
|
get _classes() {
|
|
209
|
-
const { disabled: e, size: t, inline:
|
|
210
|
-
return
|
|
257
|
+
const { disabled: e, size: t, inline: o, visited: c, _hasIcon: a } = this;
|
|
258
|
+
return V({
|
|
211
259
|
"cds-custom--link": !0,
|
|
212
260
|
"cds-custom--link--disabled": e,
|
|
213
|
-
"cds-custom--link--icon":
|
|
214
|
-
"cds-custom--link--inline":
|
|
261
|
+
"cds-custom--link--icon": a,
|
|
262
|
+
"cds-custom--link--inline": o,
|
|
215
263
|
[`cds-custom--link--${t}`]: t,
|
|
216
264
|
"cds-custom--link--visited": c
|
|
217
265
|
});
|
|
@@ -221,7 +269,7 @@ let a = (f = class extends D(p) {
|
|
|
221
269
|
*/
|
|
222
270
|
_renderInner() {
|
|
223
271
|
const { _hasIcon: e, _handleSlotChange: t } = this;
|
|
224
|
-
return
|
|
272
|
+
return u`
|
|
225
273
|
<slot @slotchange="${t}"></slot>
|
|
226
274
|
<span ?hidden="${!e}" class="${"cds-custom"}--link__icon">
|
|
227
275
|
<slot name="icon" @slotchange="${t}"></slot>
|
|
@@ -233,7 +281,7 @@ let a = (f = class extends D(p) {
|
|
|
233
281
|
*/
|
|
234
282
|
_renderDisabledLink() {
|
|
235
283
|
const { _classes: e } = this;
|
|
236
|
-
return
|
|
284
|
+
return u`
|
|
237
285
|
<p id="link" part="link" class="${e}">${this._renderInner()}</p>
|
|
238
286
|
`;
|
|
239
287
|
}
|
|
@@ -241,21 +289,21 @@ let a = (f = class extends D(p) {
|
|
|
241
289
|
* @returns The link content.
|
|
242
290
|
*/
|
|
243
291
|
_renderLink() {
|
|
244
|
-
const { download: e, href: t, hreflang:
|
|
245
|
-
return
|
|
292
|
+
const { download: e, href: t, hreflang: o, linkRole: c, ping: a, rel: n, target: f, type: h, _classes: E } = this;
|
|
293
|
+
return u`
|
|
246
294
|
<a
|
|
247
295
|
tabindex="0"
|
|
248
296
|
id="link"
|
|
249
|
-
role="${
|
|
250
|
-
class="${
|
|
297
|
+
role="${b(c)}"
|
|
298
|
+
class="${E}"
|
|
251
299
|
part="link"
|
|
252
|
-
download="${
|
|
253
|
-
href="${
|
|
254
|
-
hreflang="${
|
|
255
|
-
ping="${
|
|
256
|
-
rel="${
|
|
257
|
-
target="${
|
|
258
|
-
type="${
|
|
300
|
+
download="${b(e)}"
|
|
301
|
+
href="${b(t)}"
|
|
302
|
+
hreflang="${b(o)}"
|
|
303
|
+
ping="${b(a)}"
|
|
304
|
+
rel="${b(n)}"
|
|
305
|
+
target="${b(f)}"
|
|
306
|
+
type="${b(h)}">
|
|
259
307
|
${this._renderInner()}
|
|
260
308
|
</a>
|
|
261
309
|
`;
|
|
@@ -264,47 +312,287 @@ let a = (f = class extends D(p) {
|
|
|
264
312
|
const { disabled: e } = this;
|
|
265
313
|
return e ? this._renderDisabledLink() : this._renderLink();
|
|
266
314
|
}
|
|
267
|
-
},
|
|
268
|
-
...
|
|
315
|
+
}, k.shadowRootOptions = {
|
|
316
|
+
...v.shadowRootOptions,
|
|
269
317
|
delegatesFocus: !0
|
|
270
|
-
},
|
|
271
|
-
|
|
272
|
-
|
|
318
|
+
}, k.styles = xe, k);
|
|
319
|
+
i([Y("#link")], r.prototype, "_linkNode", void 0);
|
|
320
|
+
i([d({
|
|
273
321
|
type: Boolean,
|
|
274
322
|
reflect: !0
|
|
275
|
-
})],
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
323
|
+
})], r.prototype, "disabled", void 0);
|
|
324
|
+
i([d({ reflect: !0 })], r.prototype, "download", void 0);
|
|
325
|
+
i([d({ reflect: !0 })], r.prototype, "href", void 0);
|
|
326
|
+
i([d({ reflect: !0 })], r.prototype, "hreflang", void 0);
|
|
327
|
+
i([d({
|
|
280
328
|
type: Boolean,
|
|
281
329
|
reflect: !0
|
|
282
|
-
})],
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
330
|
+
})], r.prototype, "inline", void 0);
|
|
331
|
+
i([d({ attribute: "link-role" })], r.prototype, "linkRole", void 0);
|
|
332
|
+
i([d({ reflect: !0 })], r.prototype, "ping", void 0);
|
|
333
|
+
i([d({ reflect: !0 })], r.prototype, "rel", void 0);
|
|
334
|
+
i([d({ reflect: !0 })], r.prototype, "size", void 0);
|
|
335
|
+
i([d({ reflect: !0 })], r.prototype, "target", void 0);
|
|
336
|
+
i([d({ reflect: !0 })], r.prototype, "type", void 0);
|
|
337
|
+
i([d({
|
|
290
338
|
type: Boolean,
|
|
291
339
|
reflect: !0
|
|
292
|
-
})],
|
|
293
|
-
|
|
294
|
-
var
|
|
295
|
-
|
|
340
|
+
})], r.prototype, "visited", void 0);
|
|
341
|
+
r = i([x("cds-custom-link")], r);
|
|
342
|
+
var _e = r;
|
|
343
|
+
const s = {};
|
|
344
|
+
try {
|
|
345
|
+
process.env.CARBON_ENABLE_CSS_CUSTOM_PROPERTIES && process.env.CARBON_ENABLE_CSS_CUSTOM_PROPERTIES === "true" ? s.enableCssCustomProperties = !0 : s.enableCssCustomProperties = !1, process.env.CARBON_ENABLE_CSS_GRID && process.env.CARBON_ENABLE_CSS_GRID === "true" ? s.enableCssGrid = !0 : s.enableCssGrid = !1, process.env.CARBON_ENABLE_V11_RELEASE ? process.env.CARBON_ENABLE_V11_RELEASE === "true" ? s.enableV11Release = !0 : s.enableV11Release = !1 : s.enableV11Release = !0, process.env.CARBON_ENABLE_EXPERIMENTAL_TILE_CONTRAST && process.env.CARBON_ENABLE_EXPERIMENTAL_TILE_CONTRAST === "true" ? s.enableExperimentalTileContrast = !0 : s.enableExperimentalTileContrast = !1, process.env.CARBON_ENABLE_TILE_CONTRAST && process.env.CARBON_ENABLE_TILE_CONTRAST === "true" ? s.enableTileContrast = !0 : s.enableTileContrast = !1, process.env.CARBON_ENABLE_V12_TILE_DEFAULT_ICONS && process.env.CARBON_ENABLE_V12_TILE_DEFAULT_ICONS === "true" ? s.enableV12TileDefaultIcons = !0 : s.enableV12TileDefaultIcons = !1, process.env.CARBON_ENABLE_V12_TILE_RADIO_ICONS && process.env.CARBON_ENABLE_V12_TILE_RADIO_ICONS === "true" ? s.enableV12TileRadioIcons = !0 : s.enableV12TileRadioIcons = !1, process.env.CARBON_ENABLE_V12_OVERFLOWMENU && process.env.CARBON_ENABLE_V12_OVERFLOWMENU === "true" ? s.enableV12Overflowmenu = !0 : s.enableV12Overflowmenu = !1, process.env.CARBON_ENABLE_TREEVIEW_CONTROLLABLE && process.env.CARBON_ENABLE_TREEVIEW_CONTROLLABLE === "true" ? s.enableTreeviewControllable = !0 : s.enableTreeviewControllable = !1, process.env.CARBON_ENABLE_V12_STRUCTURED_LIST_VISIBLE_ICONS && process.env.CARBON_ENABLE_V12_STRUCTURED_LIST_VISIBLE_ICONS === "true" ? s.enableV12StructuredListVisibleIcons = !0 : s.enableV12StructuredListVisibleIcons = !1, process.env.CARBON_ENABLE_EXPERIMENTAL_FOCUS_WRAP_WITHOUT_SENTINELS && process.env.CARBON_ENABLE_EXPERIMENTAL_FOCUS_WRAP_WITHOUT_SENTINELS === "true" ? s.enableExperimentalFocusWrapWithoutSentinels = !0 : s.enableExperimentalFocusWrapWithoutSentinels = !1, process.env.CARBON_ENABLE_FOCUS_WRAP_WITHOUT_SENTINELS && process.env.CARBON_ENABLE_FOCUS_WRAP_WITHOUT_SENTINELS === "true" ? s.enableFocusWrapWithoutSentinels = !0 : s.enableFocusWrapWithoutSentinels = !1, process.env.CARBON_ENABLE_DIALOG_ELEMENT && process.env.CARBON_ENABLE_DIALOG_ELEMENT === "true" ? s.enableDialogElement = !0 : s.enableDialogElement = !1, process.env.CARBON_ENABLE_V12_DYNAMIC_FLOATING_STYLES && process.env.CARBON_ENABLE_V12_DYNAMIC_FLOATING_STYLES === "true" ? s.enableV12DynamicFloatingStyles = !0 : s.enableV12DynamicFloatingStyles = !1, process.env.CARBON_ENABLE_V12_TOGGLE_REDUCED_LABEL_SPACING && process.env.CARBON_ENABLE_V12_TOGGLE_REDUCED_LABEL_SPACING === "true" ? s.enableV12ToggleReducedLabelSpacing = !0 : s.enableV12ToggleReducedLabelSpacing = !1, process.env.CARBON_ENABLE_ENHANCED_FILE_UPLOADER && process.env.CARBON_ENABLE_ENHANCED_FILE_UPLOADER === "true" ? s.enableEnhancedFileUploader = !0 : s.enableEnhancedFileUploader = !1, process.env.CARBON_ENABLE_PRESENCE && process.env.CARBON_ENABLE_PRESENCE === "true" ? s.enablePresence = !0 : s.enablePresence = !1;
|
|
346
|
+
} catch {
|
|
347
|
+
s.enableCssCustomProperties = !1, s.enableCssGrid = !1, s.enableV11Release = !0, s.enableExperimentalTileContrast = !1, s.enableTileContrast = !1, s.enableV12TileDefaultIcons = !1, s.enableV12TileRadioIcons = !1, s.enableV12Overflowmenu = !1, s.enableTreeviewControllable = !1, s.enableV12StructuredListVisibleIcons = !1, s.enableExperimentalFocusWrapWithoutSentinels = !1, s.enableFocusWrapWithoutSentinels = !1, s.enableDialogElement = !1, s.enableV12DynamicFloatingStyles = !1, s.enableV12ToggleReducedLabelSpacing = !1, s.enableEnhancedFileUploader = !1, s.enablePresence = !1;
|
|
348
|
+
}
|
|
349
|
+
const we = [
|
|
350
|
+
{
|
|
351
|
+
name: "enable-css-custom-properties",
|
|
352
|
+
description: "Describe what the flag does",
|
|
353
|
+
enabled: s.enableCssCustomProperties
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
name: "enable-css-grid",
|
|
357
|
+
description: `Enable CSS Grid Layout in the Grid and Column React components
|
|
358
|
+
`,
|
|
359
|
+
enabled: s.enableCssGrid
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
name: "enable-v11-release",
|
|
363
|
+
description: `Enable the features and functionality for the v11 Release
|
|
364
|
+
`,
|
|
365
|
+
enabled: s.enableV11Release
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
name: "enable-experimental-tile-contrast",
|
|
369
|
+
description: `Deprecated, use enable-tile-contrast instead
|
|
370
|
+
`,
|
|
371
|
+
enabled: s.enableExperimentalTileContrast
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
name: "enable-tile-contrast",
|
|
375
|
+
description: `Enable the experimental tile improved contrast styles
|
|
376
|
+
`,
|
|
377
|
+
enabled: s.enableTileContrast
|
|
378
|
+
},
|
|
379
|
+
{
|
|
380
|
+
name: "enable-v12-tile-default-icons",
|
|
381
|
+
description: `Enable rendering of default icons in the tile components
|
|
382
|
+
`,
|
|
383
|
+
enabled: s.enableV12TileDefaultIcons
|
|
384
|
+
},
|
|
385
|
+
{
|
|
386
|
+
name: "enable-v12-tile-radio-icons",
|
|
387
|
+
description: `Enable rendering of radio icons in the RadioTile component
|
|
388
|
+
`,
|
|
389
|
+
enabled: s.enableV12TileRadioIcons
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
name: "enable-v12-overflowmenu",
|
|
393
|
+
description: `Enable the use of the v12 OverflowMenu leveraging the Menu subcomponents
|
|
394
|
+
`,
|
|
395
|
+
enabled: s.enableV12Overflowmenu
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
name: "enable-treeview-controllable",
|
|
399
|
+
description: `Enable the new TreeView controllable API
|
|
400
|
+
`,
|
|
401
|
+
enabled: s.enableTreeviewControllable
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
name: "enable-v12-structured-list-visible-icons",
|
|
405
|
+
description: `Enable rendering of radio icons in the StructuredList component
|
|
406
|
+
`,
|
|
407
|
+
enabled: s.enableV12StructuredListVisibleIcons
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
name: "enable-experimental-focus-wrap-without-sentinels",
|
|
411
|
+
description: `Deprecated, use enable-focus-wrap-without-sentinels instead
|
|
412
|
+
`,
|
|
413
|
+
enabled: s.enableExperimentalFocusWrapWithoutSentinels
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
name: "enable-focus-wrap-without-sentinels",
|
|
417
|
+
description: `Enable the new focus wrap behavior that doesn't use sentinel nodes
|
|
418
|
+
`,
|
|
419
|
+
enabled: s.enableFocusWrapWithoutSentinels
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
name: "enable-dialog-element",
|
|
423
|
+
description: `Enable components to utilize the native dialog element
|
|
424
|
+
`,
|
|
425
|
+
enabled: s.enableDialogElement
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
name: "enable-v12-dynamic-floating-styles",
|
|
429
|
+
description: `Enable dynamic setting of floating styles for components like Popover, Tooltip, etc.
|
|
430
|
+
`,
|
|
431
|
+
enabled: s.enableV12DynamicFloatingStyles
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
name: "enable-v12-toggle-reduced-label-spacing",
|
|
435
|
+
description: `Enable a reduced spacing between the toggle control and its label
|
|
436
|
+
`,
|
|
437
|
+
enabled: s.enableV12ToggleReducedLabelSpacing
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
name: "enable-enhanced-file-uploader",
|
|
441
|
+
description: `Enable enhanced functionality for the FileUploader component, including richer callback data and expanded trigger events for onChange and onDelete.
|
|
442
|
+
`,
|
|
443
|
+
enabled: s.enableEnhancedFileUploader
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
name: "enable-presence",
|
|
447
|
+
description: `Enable components to remain unmounted in closed state and mount in open state.
|
|
448
|
+
`,
|
|
449
|
+
enabled: s.enablePresence
|
|
450
|
+
}
|
|
451
|
+
];
|
|
452
|
+
var ze = class {
|
|
453
|
+
constructor(l) {
|
|
454
|
+
this.flags = /* @__PURE__ */ new Map(), l && Object.keys(l).forEach((e) => {
|
|
455
|
+
this.flags.set(e, l[e]);
|
|
456
|
+
});
|
|
457
|
+
}
|
|
458
|
+
/**
|
|
459
|
+
* Check to see if a flag exists
|
|
460
|
+
*/
|
|
461
|
+
checkForFlag(l) {
|
|
462
|
+
if (!this.flags.has(l)) throw new Error(`Unable to find a feature flag with the name: \`${l}\``);
|
|
463
|
+
}
|
|
464
|
+
/**
|
|
465
|
+
* Add a feature flag
|
|
466
|
+
*/
|
|
467
|
+
add(l, e) {
|
|
468
|
+
if (this.flags.has(l)) throw new Error(`The feature flag: ${l} already exists`);
|
|
469
|
+
this.flags.set(l, e);
|
|
470
|
+
}
|
|
471
|
+
/**
|
|
472
|
+
* Enable a feature flag
|
|
473
|
+
*/
|
|
474
|
+
enable(l) {
|
|
475
|
+
this.checkForFlag(l), this.flags.set(l, !0);
|
|
476
|
+
}
|
|
477
|
+
/**
|
|
478
|
+
* Disable a feature flag
|
|
479
|
+
*/
|
|
480
|
+
disable(l) {
|
|
481
|
+
this.checkForFlag(l), this.flags.set(l, !1);
|
|
482
|
+
}
|
|
483
|
+
/**
|
|
484
|
+
* Merge the given feature flags with the current set of feature flags.
|
|
485
|
+
* Duplicate keys will be set to the value in the given feature flags.
|
|
486
|
+
*/
|
|
487
|
+
merge(l) {
|
|
488
|
+
Object.keys(l).forEach((e) => {
|
|
489
|
+
this.flags.set(e, l[e]);
|
|
490
|
+
});
|
|
491
|
+
}
|
|
492
|
+
mergeWithScope(l) {
|
|
493
|
+
for (const [e, t] of l.flags)
|
|
494
|
+
this.flags.has(e) || this.flags.set(e, t);
|
|
495
|
+
}
|
|
496
|
+
/**
|
|
497
|
+
* Check if a feature flag is enabled
|
|
498
|
+
*/
|
|
499
|
+
enabled(l) {
|
|
500
|
+
return this.checkForFlag(l), this.flags.get(l) ?? !1;
|
|
501
|
+
}
|
|
502
|
+
};
|
|
503
|
+
const Q = (l) => new ze(l), Ce = () => {
|
|
504
|
+
const l = Q();
|
|
505
|
+
for (const e of we) l.add(e.name, e.enabled);
|
|
506
|
+
return l;
|
|
507
|
+
}, m = Ce();
|
|
508
|
+
m.add.bind(m);
|
|
509
|
+
m.enable.bind(m);
|
|
510
|
+
m.disable.bind(m);
|
|
511
|
+
m.enabled.bind(m);
|
|
512
|
+
m.merge.bind(m);
|
|
513
|
+
var S;
|
|
514
|
+
const Ee = (l, e) => Object.prototype.hasOwnProperty.call(l, e);
|
|
515
|
+
var _;
|
|
516
|
+
let P = (_ = class extends v {
|
|
517
|
+
static get observedAttributes() {
|
|
518
|
+
return Object.keys(S.flagComponentMap);
|
|
519
|
+
}
|
|
520
|
+
constructor() {
|
|
521
|
+
super(), this.scope = m, this.flags = {}, this.attachShadow({ mode: "open" });
|
|
522
|
+
}
|
|
523
|
+
connectedCallback() {
|
|
524
|
+
super.connectedCallback(), this.updateScope();
|
|
525
|
+
}
|
|
526
|
+
attributeChangedCallback(e, t, o) {
|
|
527
|
+
var n;
|
|
528
|
+
const c = o !== null && o !== "false";
|
|
529
|
+
this.flags[e] = c;
|
|
530
|
+
const a = Ee(S.flagComponentMap, e) ? S.flagComponentMap[e] : "unknown";
|
|
531
|
+
((n = this.firstElementChild) == null ? void 0 : n.tagName) === a && this.firstElementChild.setAttribute(e, ""), this.updateScope();
|
|
532
|
+
}
|
|
533
|
+
getParentScope() {
|
|
534
|
+
let e = this.parentNode;
|
|
535
|
+
for (; e; ) {
|
|
536
|
+
if (e instanceof S) return e.getScope();
|
|
537
|
+
e = e.parentNode;
|
|
538
|
+
}
|
|
539
|
+
return null;
|
|
540
|
+
}
|
|
541
|
+
updateScope() {
|
|
542
|
+
const e = Q(this.flags), t = this.getParentScope() || m;
|
|
543
|
+
t && e.mergeWithScope(t), this.scope = e;
|
|
544
|
+
}
|
|
545
|
+
render() {
|
|
546
|
+
return u` <slot></slot> `;
|
|
547
|
+
}
|
|
548
|
+
isFeatureFlagEnabled(e) {
|
|
549
|
+
return Object.prototype.hasOwnProperty.call(this.flags, e) ? this.flags[e] : this.scope.enabled(e);
|
|
550
|
+
}
|
|
551
|
+
getScope() {
|
|
552
|
+
return this.scope;
|
|
553
|
+
}
|
|
554
|
+
}, S = _, _.flagComponentMap = {
|
|
555
|
+
"enable-v12-tile-default-icons": "CDS-CLICKABLE-TILE",
|
|
556
|
+
"enable-v12-tile-radio-icons": "CDS-TILE",
|
|
557
|
+
"enable-v12-overflowmenu": "CDS-OVERFLOW-MENU",
|
|
558
|
+
"enable-treeview-controllable": "CDS-TREEVIEW",
|
|
559
|
+
"enable-experimental-focus-wrap-without-sentinels": "CDS-FOCUS-WRAP",
|
|
560
|
+
"enable-focus-wrap-without-sentinels": "CDS-FOCUS-WRAP",
|
|
561
|
+
"enable-dialog-element": "CDS-MODAL",
|
|
562
|
+
"enable-v12-dynamic-floating-styles": "CDS-FLOATING",
|
|
563
|
+
"enable-v12-toggle-reduced-label-spacing": "CDS-TOGGLE"
|
|
564
|
+
}, _);
|
|
565
|
+
P = S = i([x("feature-flags")], P);
|
|
566
|
+
function Se(l) {
|
|
567
|
+
let e = l.parentNode;
|
|
568
|
+
for (; e; ) {
|
|
569
|
+
if (e instanceof ShadowRoot) {
|
|
570
|
+
e = e.host;
|
|
571
|
+
continue;
|
|
572
|
+
}
|
|
573
|
+
if (e instanceof P) return e;
|
|
574
|
+
e = e.parentNode;
|
|
575
|
+
}
|
|
576
|
+
return null;
|
|
577
|
+
}
|
|
578
|
+
function ee(l, e) {
|
|
579
|
+
var t;
|
|
580
|
+
return ((t = Se(e)) == null ? void 0 : t.isFeatureFlagEnabled(l)) ?? !1;
|
|
581
|
+
}
|
|
582
|
+
var T;
|
|
583
|
+
let z = (T = class extends _e {
|
|
296
584
|
constructor(...e) {
|
|
297
585
|
super(...e), this.colorScheme = "", this.linkRole = "button", this.hasRoundedCorners = !1, this.aiLabel = !1, this.slug = !1;
|
|
298
586
|
}
|
|
299
587
|
get _classes() {
|
|
300
|
-
const { colorScheme: e, disabled: t, hasRoundedCorners:
|
|
301
|
-
return
|
|
588
|
+
const { colorScheme: e, disabled: t, hasRoundedCorners: o, aiLabel: c, slug: a } = this;
|
|
589
|
+
return V({
|
|
302
590
|
"cds-custom--link": !0,
|
|
303
591
|
"cds-custom--link--disabled": t,
|
|
304
592
|
"cds-custom--tile": !0,
|
|
305
593
|
"cds-custom--tile--clickable": !0,
|
|
306
594
|
[`cds-custom--tile--${e}`]: e,
|
|
307
|
-
"cds-custom--tile--slug-rounded": (c ||
|
|
595
|
+
"cds-custom--tile--slug-rounded": (c || a) && o
|
|
308
596
|
});
|
|
309
597
|
}
|
|
310
598
|
/**
|
|
@@ -320,10 +608,12 @@ let k = (C = class extends ue {
|
|
|
320
608
|
* @returns The inner content.
|
|
321
609
|
*/
|
|
322
610
|
_renderInner() {
|
|
323
|
-
|
|
611
|
+
const e = ee("enable-v12-tile-default-icons", this) && !this._hasIcon ? this.disabled ? L(re, { class: "cds-custom--tile--disabled-icon" }) : L(oe, { class: "cds-custom--tile--icon" }) : "";
|
|
612
|
+
return u`
|
|
324
613
|
${super._renderInner()}
|
|
325
|
-
${this.aiLabel || this.slug ?
|
|
614
|
+
${this.aiLabel || this.slug ? L(le, { class: "cds-custom--tile--ai-label-icon" }) : ""}
|
|
326
615
|
<slot name="decorator"></slot>
|
|
616
|
+
${e}
|
|
327
617
|
`;
|
|
328
618
|
}
|
|
329
619
|
/**
|
|
@@ -340,24 +630,24 @@ let k = (C = class extends ue {
|
|
|
340
630
|
static get aiLabelItem() {
|
|
341
631
|
return "cds-custom-ai-label";
|
|
342
632
|
}
|
|
343
|
-
},
|
|
344
|
-
|
|
633
|
+
}, T.styles = H, T);
|
|
634
|
+
i([d({
|
|
345
635
|
attribute: "color-scheme",
|
|
346
636
|
reflect: !0
|
|
347
|
-
})],
|
|
348
|
-
|
|
349
|
-
|
|
637
|
+
})], z.prototype, "colorScheme", void 0);
|
|
638
|
+
i([d({ attribute: "link-role" })], z.prototype, "linkRole", void 0);
|
|
639
|
+
i([d({
|
|
350
640
|
type: Boolean,
|
|
351
641
|
attribute: "has-rounded-corners"
|
|
352
|
-
})],
|
|
353
|
-
|
|
642
|
+
})], z.prototype, "hasRoundedCorners", void 0);
|
|
643
|
+
i([d({
|
|
354
644
|
type: Boolean,
|
|
355
645
|
attribute: "ai-label"
|
|
356
|
-
})],
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
var
|
|
360
|
-
let
|
|
646
|
+
})], z.prototype, "aiLabel", void 0);
|
|
647
|
+
i([d({ type: Boolean })], z.prototype, "slug", void 0);
|
|
648
|
+
z = i([x("cds-custom-clickable-tile")], z);
|
|
649
|
+
var R;
|
|
650
|
+
let C = (R = class extends W(U(v)) {
|
|
361
651
|
constructor(...e) {
|
|
362
652
|
super(...e), this._belowTheContentHeight = 0, this._hasAILabel = !1, this._handleClick = () => {
|
|
363
653
|
this.withInteractive || this._handleExpand();
|
|
@@ -367,9 +657,9 @@ let x = (H = class extends F(D(p)) {
|
|
|
367
657
|
* Handles `slotchange` event.
|
|
368
658
|
*/
|
|
369
659
|
_handleSlotChange({ target: e }) {
|
|
370
|
-
const t = e.assignedNodes().filter((
|
|
371
|
-
var c,
|
|
372
|
-
return
|
|
660
|
+
const t = e.assignedNodes().filter((o) => {
|
|
661
|
+
var c, a;
|
|
662
|
+
return o.matches !== void 0 ? o.matches((c = this.constructor) == null ? void 0 : c.aiLabelItem) || o.matches((a = this.constructor) == null ? void 0 : a.slugItem) : !1;
|
|
373
663
|
});
|
|
374
664
|
t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
|
|
375
665
|
}
|
|
@@ -379,7 +669,7 @@ let x = (H = class extends F(D(p)) {
|
|
|
379
669
|
* @param event The event.
|
|
380
670
|
*/
|
|
381
671
|
_handleSlotChangeBelowTheFoldContent(e) {
|
|
382
|
-
if (this._belowTheContentHeight = e.target.assignedNodes().reduce((t,
|
|
672
|
+
if (this._belowTheContentHeight = e.target.assignedNodes().reduce((t, o) => t + (o.offsetHeight ?? 0), 0), !this._belowTheContentHeight) {
|
|
383
673
|
const t = getComputedStyle(this.querySelector("cds-custom-tile-below-the-fold-content"));
|
|
384
674
|
this._belowTheContentHeight = parseInt(t.height, 10);
|
|
385
675
|
}
|
|
@@ -392,24 +682,24 @@ let x = (H = class extends F(D(p)) {
|
|
|
392
682
|
bubbles: !0,
|
|
393
683
|
composed: !0,
|
|
394
684
|
detail: { expanded: e }
|
|
395
|
-
},
|
|
685
|
+
}, o = this.constructor, c = new CustomEvent(o.eventBeforeToggle, {
|
|
396
686
|
...t,
|
|
397
687
|
cancelable: !0
|
|
398
688
|
});
|
|
399
689
|
if (this.dispatchEvent(c)) {
|
|
400
690
|
this.expanded = e;
|
|
401
|
-
const
|
|
402
|
-
this.dispatchEvent(
|
|
691
|
+
const a = new CustomEvent(o.eventToggle, t);
|
|
692
|
+
this.dispatchEvent(a);
|
|
403
693
|
}
|
|
404
694
|
}
|
|
405
695
|
updated() {
|
|
406
696
|
this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
|
|
407
697
|
}
|
|
408
698
|
render() {
|
|
409
|
-
const { expanded: e, withInteractive: t, _belowTheContentHeight:
|
|
410
|
-
return
|
|
699
|
+
const { expanded: e, withInteractive: t, _belowTheContentHeight: o, _handleSlotChangeBelowTheFoldContent: c } = this;
|
|
700
|
+
return u`
|
|
411
701
|
<button
|
|
412
|
-
class="${
|
|
702
|
+
class="${V({
|
|
413
703
|
"cds-custom--tile__chevron": !0,
|
|
414
704
|
"cds-custom--tile__chevron--interactive": t
|
|
415
705
|
})}"
|
|
@@ -418,7 +708,7 @@ let x = (H = class extends F(D(p)) {
|
|
|
418
708
|
tabindex="0"
|
|
419
709
|
@click="${t ? this._handleExpand : ""}"
|
|
420
710
|
aria-expanded="${String(e)}">
|
|
421
|
-
${
|
|
711
|
+
${L(ce, { id: "icon" })}
|
|
422
712
|
</button>
|
|
423
713
|
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
424
714
|
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
@@ -427,7 +717,7 @@ let x = (H = class extends F(D(p)) {
|
|
|
427
717
|
<div><slot name="above-the-fold-content"></slot></div>
|
|
428
718
|
<div
|
|
429
719
|
class="${"cds-custom"}-ce--expandable-tile--below-the-fold-content"
|
|
430
|
-
style="${
|
|
720
|
+
style="${b(e ? `max-height: ${o}px` : void 0)}">
|
|
431
721
|
<slot @slotchange="${c}"></slot>
|
|
432
722
|
</div>
|
|
433
723
|
</div>
|
|
@@ -460,28 +750,28 @@ let x = (H = class extends F(D(p)) {
|
|
|
460
750
|
static get eventToggle() {
|
|
461
751
|
return "cds-custom-expandable-tile-toggled";
|
|
462
752
|
}
|
|
463
|
-
},
|
|
464
|
-
|
|
465
|
-
|
|
753
|
+
}, R.styles = H, R);
|
|
754
|
+
i([D("click")], C.prototype, "_handleClick", void 0);
|
|
755
|
+
i([d({
|
|
466
756
|
attribute: "color-scheme",
|
|
467
757
|
reflect: !0
|
|
468
|
-
})],
|
|
469
|
-
|
|
758
|
+
})], C.prototype, "colorScheme", void 0);
|
|
759
|
+
i([d({
|
|
470
760
|
type: Boolean,
|
|
471
761
|
reflect: !0
|
|
472
|
-
})],
|
|
473
|
-
|
|
762
|
+
})], C.prototype, "expanded", void 0);
|
|
763
|
+
i([d({
|
|
474
764
|
type: Boolean,
|
|
475
765
|
attribute: "has-rounded-corners"
|
|
476
|
-
})],
|
|
477
|
-
|
|
766
|
+
})], C.prototype, "hasRoundedCorners", void 0);
|
|
767
|
+
i([d({
|
|
478
768
|
type: Boolean,
|
|
479
769
|
reflect: !0,
|
|
480
770
|
attribute: "with-interactive"
|
|
481
|
-
})],
|
|
482
|
-
|
|
483
|
-
var
|
|
484
|
-
let
|
|
771
|
+
})], C.prototype, "withInteractive", void 0);
|
|
772
|
+
C = i([x("cds-custom-expandable-tile")], C);
|
|
773
|
+
var w;
|
|
774
|
+
let p = (w = class extends W(U(v)) {
|
|
485
775
|
constructor(...e) {
|
|
486
776
|
super(...e), this._inputType = "checkbox", this._hasAILabel = !1, this._handleClick = () => {
|
|
487
777
|
this.selected = !this.selected;
|
|
@@ -492,18 +782,18 @@ let m = (y = class extends F(D(p)) {
|
|
|
492
782
|
detail: { selected: this.selected }
|
|
493
783
|
}));
|
|
494
784
|
}, this._handleKeydown = (t) => {
|
|
495
|
-
var c,
|
|
496
|
-
const { key:
|
|
497
|
-
(
|
|
785
|
+
var c, a;
|
|
786
|
+
const { key: o } = t;
|
|
787
|
+
(o === " " || o === "Enter") && !((c = t.target) != null && c.matches(this.constructor.aiLabelItem)) && !((a = t.target) != null && a.matches(this.constructor.slugItem)) && (this.selected = !this.selected);
|
|
498
788
|
}, this.colorScheme = "", this.disabled = !1, this.hasRoundedCorners = !1, this.selected = !1;
|
|
499
789
|
}
|
|
500
790
|
/**
|
|
501
791
|
* Handles `slotchange` event.
|
|
502
792
|
*/
|
|
503
793
|
_handleSlotChange({ target: e }) {
|
|
504
|
-
const t = e.assignedNodes().filter((
|
|
505
|
-
var c,
|
|
506
|
-
return
|
|
794
|
+
const t = e.assignedNodes().filter((o) => {
|
|
795
|
+
var c, a;
|
|
796
|
+
return o.matches !== void 0 ? o.matches((c = this.constructor) == null ? void 0 : c.aiLabelItem) || o.matches((a = this.constructor) == null ? void 0 : a.slugItem) : !1;
|
|
507
797
|
});
|
|
508
798
|
t.length > 0 && (this._hasAILabel = !!t, t[0].setAttribute("size", "xs")), this.requestUpdate();
|
|
509
799
|
}
|
|
@@ -524,7 +814,7 @@ let m = (y = class extends F(D(p)) {
|
|
|
524
814
|
*/
|
|
525
815
|
_renderIcon() {
|
|
526
816
|
const { selected: e, checkmarkLabel: t } = this;
|
|
527
|
-
return
|
|
817
|
+
return L(e ? de : ae, {
|
|
528
818
|
"aria-label": t || void 0,
|
|
529
819
|
class: "cds-custom--selectable-tile__icon"
|
|
530
820
|
});
|
|
@@ -533,23 +823,23 @@ let m = (y = class extends F(D(p)) {
|
|
|
533
823
|
this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
|
|
534
824
|
}
|
|
535
825
|
render() {
|
|
536
|
-
const { colorScheme: e, disabled: t, hasRoundedCorners:
|
|
537
|
-
return
|
|
826
|
+
const { colorScheme: e, disabled: t, hasRoundedCorners: o, name: c, selected: a, value: n, _handleChange: f, _hasAILabel: h } = this;
|
|
827
|
+
return u`
|
|
538
828
|
<div
|
|
539
|
-
class=${
|
|
829
|
+
class=${V({
|
|
540
830
|
"cds-custom--tile": !0,
|
|
541
831
|
"cds-custom--tile--disabled": t,
|
|
542
832
|
"cds-custom--tile--selectable": !0,
|
|
543
|
-
"cds-custom--tile--is-selected":
|
|
833
|
+
"cds-custom--tile--is-selected": a,
|
|
544
834
|
[`cds-custom--tile--${e}`]: e,
|
|
545
|
-
"cds-custom--tile--slug-rounded":
|
|
835
|
+
"cds-custom--tile--slug-rounded": h && o
|
|
546
836
|
})}
|
|
547
837
|
role="checkbox"
|
|
548
|
-
aria-checked=${
|
|
549
|
-
@change=${
|
|
838
|
+
aria-checked=${a}
|
|
839
|
+
@change=${f}
|
|
550
840
|
tabindex=${t ? void 0 : 0}
|
|
551
841
|
name=${c}
|
|
552
|
-
value=${
|
|
842
|
+
value=${n}
|
|
553
843
|
@click=${t ? void 0 : this._handleClick}
|
|
554
844
|
@keydown=${this._handleKeydown}>
|
|
555
845
|
<span
|
|
@@ -585,45 +875,48 @@ let m = (y = class extends F(D(p)) {
|
|
|
585
875
|
static get eventChange() {
|
|
586
876
|
return "cds-custom-selectable-tile-changed";
|
|
587
877
|
}
|
|
588
|
-
},
|
|
589
|
-
...
|
|
878
|
+
}, w.shadowRootOptions = {
|
|
879
|
+
...v.shadowRootOptions,
|
|
590
880
|
delegatesFocus: !0
|
|
591
|
-
},
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
881
|
+
}, w.styles = H, w);
|
|
882
|
+
i([Y("input")], p.prototype, "_inputNode", void 0);
|
|
883
|
+
i([d({ attribute: "checkmark-label" })], p.prototype, "checkmarkLabel", void 0);
|
|
884
|
+
i([d({
|
|
595
885
|
attribute: "color-scheme",
|
|
596
886
|
reflect: !0
|
|
597
|
-
})],
|
|
598
|
-
|
|
887
|
+
})], p.prototype, "colorScheme", void 0);
|
|
888
|
+
i([d({
|
|
599
889
|
type: Boolean,
|
|
600
890
|
reflect: !0
|
|
601
|
-
})],
|
|
602
|
-
|
|
891
|
+
})], p.prototype, "disabled", void 0);
|
|
892
|
+
i([d({
|
|
603
893
|
type: Boolean,
|
|
604
894
|
attribute: "has-rounded-corners"
|
|
605
|
-
})],
|
|
606
|
-
|
|
607
|
-
|
|
895
|
+
})], p.prototype, "hasRoundedCorners", void 0);
|
|
896
|
+
i([d()], p.prototype, "name", void 0);
|
|
897
|
+
i([d({
|
|
608
898
|
type: Boolean,
|
|
609
899
|
reflect: !0
|
|
610
|
-
})],
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
var
|
|
614
|
-
let
|
|
900
|
+
})], p.prototype, "selected", void 0);
|
|
901
|
+
i([d()], p.prototype, "value", void 0);
|
|
902
|
+
p = i([x("cds-custom-selectable-tile")], p);
|
|
903
|
+
var Le = p;
|
|
904
|
+
let G = class extends Le {
|
|
615
905
|
constructor(...e) {
|
|
616
|
-
super(...e), this._handleKeydown = (t) => {
|
|
906
|
+
super(...e), this._hasRadioButtonIcons = !1, this._handleKeydown = (t) => {
|
|
617
907
|
(t.key === " " || t.key === "Enter") && t.preventDefault();
|
|
618
908
|
};
|
|
619
909
|
}
|
|
910
|
+
connectedCallback() {
|
|
911
|
+
super.connectedCallback(), this._hasRadioButtonIcons = ee("enable-v12-tile-radio-icons", this), this._hasRadioButtonIcons ? this.setAttribute("enable-v12-tile-radio-icons", "") : this.removeAttribute("enable-v12-tile-radio-icons");
|
|
912
|
+
}
|
|
620
913
|
/**
|
|
621
914
|
* Handles `change` event on the `<input>` in the shadow DOM.
|
|
622
915
|
*/
|
|
623
916
|
_handleChange() {
|
|
624
917
|
this.selected = !0;
|
|
625
|
-
const { selected: e, name: t } = this, { eventRadioChange:
|
|
626
|
-
this.dispatchEvent(new CustomEvent(
|
|
918
|
+
const { selected: e, name: t } = this, { eventRadioChange: o } = this.constructor;
|
|
919
|
+
this.dispatchEvent(new CustomEvent(o, {
|
|
627
920
|
bubbles: !0,
|
|
628
921
|
composed: !0,
|
|
629
922
|
detail: {
|
|
@@ -632,33 +925,38 @@ let N = class extends me {
|
|
|
632
925
|
}
|
|
633
926
|
}));
|
|
634
927
|
}
|
|
928
|
+
_renderIcon() {
|
|
929
|
+
const { selected: e, checkmarkLabel: t, _hasRadioButtonIcons: o } = this;
|
|
930
|
+
let c;
|
|
931
|
+
return o ? c = e ? me : ue : c = ne, L(c, {
|
|
932
|
+
class: "cds-custom--tile__checkmark",
|
|
933
|
+
title: t
|
|
934
|
+
});
|
|
935
|
+
}
|
|
635
936
|
render() {
|
|
636
|
-
const { colorScheme: e,
|
|
937
|
+
const { colorScheme: e, disabled: t, hasRoundedCorners: o, name: c, selected: a, value: n, _handleChange: f, _handleKeydown: h, _hasAILabel: E } = this, O = V({
|
|
637
938
|
"cds-custom--tile": !0,
|
|
638
939
|
"cds-custom--tile--selectable": !0,
|
|
639
940
|
"cds-custom--tile--radio": !0,
|
|
640
|
-
"cds-custom--tile--disabled":
|
|
641
|
-
"cds-custom--tile--is-selected":
|
|
941
|
+
"cds-custom--tile--disabled": t,
|
|
942
|
+
"cds-custom--tile--is-selected": a,
|
|
642
943
|
[`cds-custom--tile--${e}`]: e,
|
|
643
|
-
"cds-custom--tile--slug-rounded":
|
|
944
|
+
"cds-custom--tile--slug-rounded": E && o
|
|
644
945
|
});
|
|
645
|
-
return
|
|
946
|
+
return u`
|
|
646
947
|
<input
|
|
647
948
|
type="radio"
|
|
648
949
|
id="input"
|
|
649
950
|
class="${"cds-custom"}--tile-input"
|
|
650
|
-
?disabled="${
|
|
651
|
-
tabindex="${
|
|
652
|
-
name="${
|
|
653
|
-
value="${
|
|
654
|
-
.checked=${
|
|
655
|
-
@change=${
|
|
656
|
-
@keydown="${
|
|
657
|
-
<label part="label" for="input" class="${
|
|
658
|
-
${
|
|
659
|
-
class: "cds-custom--tile__checkmark",
|
|
660
|
-
title: t
|
|
661
|
-
})}
|
|
951
|
+
?disabled="${t}"
|
|
952
|
+
tabindex="${a ? 0 : -1}"
|
|
953
|
+
name="${b(c)}"
|
|
954
|
+
value="${b(n)}"
|
|
955
|
+
.checked=${a}
|
|
956
|
+
@change=${t ? void 0 : f}
|
|
957
|
+
@keydown="${t ? void 0 : h}" />
|
|
958
|
+
<label part="label" for="input" class="${O}">
|
|
959
|
+
${this._renderIcon()}
|
|
662
960
|
<div class="${"cds-custom"}--tile-content"><slot></slot></div>
|
|
663
961
|
</label>
|
|
664
962
|
<slot name="decorator"></slot>
|
|
@@ -672,8 +970,8 @@ let N = class extends me {
|
|
|
672
970
|
return "cds-custom-radio-tile-selected";
|
|
673
971
|
}
|
|
674
972
|
};
|
|
675
|
-
|
|
676
|
-
const
|
|
973
|
+
G = i([x("cds-custom-radio-tile")], G);
|
|
974
|
+
const Ae = {
|
|
677
975
|
ArrowUp: -1,
|
|
678
976
|
Up: -1,
|
|
679
977
|
ArrowLeft: -1,
|
|
@@ -683,22 +981,22 @@ const he = {
|
|
|
683
981
|
ArrowRight: 1,
|
|
684
982
|
Right: 1
|
|
685
983
|
};
|
|
686
|
-
var
|
|
687
|
-
let
|
|
984
|
+
var I;
|
|
985
|
+
let g = (I = class extends W(v) {
|
|
688
986
|
constructor(...e) {
|
|
689
987
|
super(...e), this._handleKeydown = (t) => {
|
|
690
|
-
const { target:
|
|
691
|
-
if (
|
|
692
|
-
const
|
|
693
|
-
|
|
988
|
+
const { target: o, key: c } = t, { radioTiles: a, selectableTiles: n } = this, f = Ae[c];
|
|
989
|
+
if (o != null && o.matches("cds-custom-ai-label")) return;
|
|
990
|
+
const h = a.length ? a : n, E = [...h].findIndex((te) => te == o) + f, O = E !== -1 ? h[E % h.length] : h[h.length - 1];
|
|
991
|
+
f ? (t.preventDefault(), this.radioTiles.length ? this._handleKeydownRadio(O) : this._handleKeydownSelectable(t, O)) : (c === " " || c === "Enter") && this._handleKeydownSelectable(t);
|
|
694
992
|
}, this._handleFocus = (t) => {
|
|
695
|
-
const { relatedTarget:
|
|
696
|
-
c != null && c.matches("cds-custom-ai-label") || this.radioTiles.length && (this.currentRadioSelection ? !(
|
|
993
|
+
const { relatedTarget: o, target: c } = t;
|
|
994
|
+
c != null && c.matches("cds-custom-ai-label") || this.radioTiles.length && (this.currentRadioSelection ? !(o != null && o.matches(this.constructor.selectorRadioTile)) && c !== this.currentRadioSelection && this.currentRadioSelection.focus() : (c.toggleAttribute("selected"), this.currentRadioSelection = c));
|
|
697
995
|
}, this.currentSelections = [];
|
|
698
996
|
}
|
|
699
997
|
_handleRadioClick(e) {
|
|
700
|
-
const { target: t } = e, { currentRadioSelection:
|
|
701
|
-
t.matches("cds-custom-ai-label") || (
|
|
998
|
+
const { target: t } = e, { currentRadioSelection: o } = this, { eventCurrentRadioTileSelection: c } = this.constructor;
|
|
999
|
+
t.matches("cds-custom-ai-label") || (o ? o !== t && (o.toggleAttribute("selected"), this.currentRadioSelection = t) : this.currentRadioSelection = t, this.dispatchEvent(new CustomEvent(c, {
|
|
702
1000
|
bubbles: !0,
|
|
703
1001
|
composed: !0,
|
|
704
1002
|
detail: { target: t }
|
|
@@ -718,8 +1016,8 @@ let h = (S = class extends F(p) {
|
|
|
718
1016
|
* @param nextSibling to focus on
|
|
719
1017
|
*/
|
|
720
1018
|
_handleKeydownRadio(e) {
|
|
721
|
-
const { currentRadioSelection: t } = this, { eventCurrentRadioTileSelection:
|
|
722
|
-
t && t.toggleAttribute("selected"), e.focus(), e.toggleAttribute("selected"), this.currentRadioSelection = e, this.dispatchEvent(new CustomEvent(
|
|
1019
|
+
const { currentRadioSelection: t } = this, { eventCurrentRadioTileSelection: o } = this.constructor;
|
|
1020
|
+
t && t.toggleAttribute("selected"), e.focus(), e.toggleAttribute("selected"), this.currentRadioSelection = e, this.dispatchEvent(new CustomEvent(o, {
|
|
723
1021
|
bubbles: !0,
|
|
724
1022
|
composed: !0,
|
|
725
1023
|
detail: { nextSibling: e }
|
|
@@ -732,8 +1030,8 @@ let h = (S = class extends F(p) {
|
|
|
732
1030
|
* @param nextSibling to focus on
|
|
733
1031
|
*/
|
|
734
1032
|
_handleKeydownSelectable(e, t) {
|
|
735
|
-
const { target:
|
|
736
|
-
t ? t.focus() : (c.includes(
|
|
1033
|
+
const { target: o } = e, { currentSelections: c } = this, { eventCurrentSelectableTilesSelection: a } = this.constructor;
|
|
1034
|
+
t ? t.focus() : (c.includes(o) ? c.splice(c.indexOf(o), 1) : c.push(o), this.dispatchEvent(new CustomEvent(a, {
|
|
737
1035
|
bubbles: !0,
|
|
738
1036
|
composed: !0,
|
|
739
1037
|
detail: { currentSelections: c }
|
|
@@ -746,7 +1044,7 @@ let h = (S = class extends F(p) {
|
|
|
746
1044
|
}
|
|
747
1045
|
render() {
|
|
748
1046
|
const { fieldsetClassName: e, disabled: t } = this;
|
|
749
|
-
return
|
|
1047
|
+
return u`
|
|
750
1048
|
<fieldset class="${e}" ?disabled=${t}>
|
|
751
1049
|
<slot name="legend" class="${"cds-custom"}--label"></slot>
|
|
752
1050
|
<slot></slot>
|
|
@@ -777,24 +1075,24 @@ let h = (S = class extends F(p) {
|
|
|
777
1075
|
static get eventCurrentSelectableTilesSelection() {
|
|
778
1076
|
return "cds-custom-current-selectable-tile-selections";
|
|
779
1077
|
}
|
|
780
|
-
},
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
1078
|
+
}, I.styles = H, I);
|
|
1079
|
+
i([D("click")], g.prototype, "_handleTileSelect", null);
|
|
1080
|
+
i([D("keydown")], g.prototype, "_handleKeydown", void 0);
|
|
1081
|
+
i([D("focusin")], g.prototype, "_handleFocus", void 0);
|
|
1082
|
+
i([d({
|
|
785
1083
|
reflect: !0,
|
|
786
1084
|
attribute: "fieldset-class-name"
|
|
787
|
-
})],
|
|
788
|
-
|
|
1085
|
+
})], g.prototype, "fieldsetClassName", void 0);
|
|
1086
|
+
i([d({
|
|
789
1087
|
reflect: !0,
|
|
790
1088
|
type: Boolean
|
|
791
|
-
})],
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
const
|
|
1089
|
+
})], g.prototype, "disabled", void 0);
|
|
1090
|
+
i([d()], g.prototype, "currentRadioSelection", void 0);
|
|
1091
|
+
i([d()], g.prototype, "currentSelections", void 0);
|
|
1092
|
+
i([d()], g.prototype, "radioTiles", void 0);
|
|
1093
|
+
i([d()], g.prototype, "selectableTiles", void 0);
|
|
1094
|
+
g = i([x("cds-custom-tile-group")], g);
|
|
1095
|
+
const Te = `/**
|
|
798
1096
|
* @license
|
|
799
1097
|
*
|
|
800
1098
|
* Copyright IBM Corp. 2025
|
|
@@ -802,66 +1100,66 @@ const be = `/**
|
|
|
802
1100
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
803
1101
|
* LICENSE file in the root directory of this source tree.
|
|
804
1102
|
*/.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}`;
|
|
805
|
-
var
|
|
806
|
-
for (var c =
|
|
807
|
-
(
|
|
808
|
-
return
|
|
1103
|
+
var Re = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, N = (l, e, t, o) => {
|
|
1104
|
+
for (var c = o > 1 ? void 0 : o ? Ie(e, t) : e, a = l.length - 1, n; a >= 0; a--)
|
|
1105
|
+
(n = l[a]) && (c = (o ? n(e, t, c) : n(c)) || c);
|
|
1106
|
+
return o && c && Re(e, t, c), c;
|
|
809
1107
|
};
|
|
810
|
-
const { stablePrefix:
|
|
811
|
-
let
|
|
1108
|
+
const { stablePrefix: Ne } = q, B = `${X}__logout-tile`;
|
|
1109
|
+
let y = class extends v {
|
|
812
1110
|
constructor() {
|
|
813
1111
|
super(), this.brandCompany = "", this.brandProduct = "", this.logoutText = "", this.buttonLabel = "", this.loginHref = "";
|
|
814
1112
|
}
|
|
815
1113
|
render() {
|
|
816
|
-
return
|
|
1114
|
+
return u`<cds-custom-tile class="${B}">
|
|
817
1115
|
<div>
|
|
818
|
-
<span class="${
|
|
819
|
-
<span class="${
|
|
1116
|
+
<span class="${B}--brand">${this.brandCompany}</span>
|
|
1117
|
+
<span class="${B}--product">${this.brandProduct}</span>
|
|
820
1118
|
</div>
|
|
821
|
-
<div class="${
|
|
822
|
-
<div class="${
|
|
1119
|
+
<div class="${B}--description">${this.logoutText}</div>
|
|
1120
|
+
<div class="${B}--button">
|
|
823
1121
|
<cds-custom-button size="xl" href="${this.loginHref}">
|
|
824
|
-
${this.buttonLabel} ${
|
|
1122
|
+
${this.buttonLabel} ${ie("ArrowRight", 16, "icon")}
|
|
825
1123
|
</cds-custom-button>
|
|
826
1124
|
</div>
|
|
827
1125
|
</cds-custom-tile>`;
|
|
828
1126
|
}
|
|
829
1127
|
};
|
|
830
|
-
|
|
831
|
-
${K([
|
|
1128
|
+
y.styles = F`
|
|
1129
|
+
${K([Te])}
|
|
832
1130
|
`;
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
],
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
],
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
],
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
],
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
],
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
],
|
|
851
|
-
var
|
|
852
|
-
for (var c =
|
|
853
|
-
(
|
|
1131
|
+
N([
|
|
1132
|
+
d({ type: String })
|
|
1133
|
+
], y.prototype, "brandCompany", 2);
|
|
1134
|
+
N([
|
|
1135
|
+
d({ type: String })
|
|
1136
|
+
], y.prototype, "brandProduct", 2);
|
|
1137
|
+
N([
|
|
1138
|
+
d({ type: String })
|
|
1139
|
+
], y.prototype, "logoutText", 2);
|
|
1140
|
+
N([
|
|
1141
|
+
d({ type: String })
|
|
1142
|
+
], y.prototype, "buttonLabel", 2);
|
|
1143
|
+
N([
|
|
1144
|
+
d({ type: String })
|
|
1145
|
+
], y.prototype, "loginHref", 2);
|
|
1146
|
+
y = N([
|
|
1147
|
+
Z(`${Ne}-global-header-logout-tile`)
|
|
1148
|
+
], y);
|
|
1149
|
+
var Be = Object.getOwnPropertyDescriptor, Ve = (l, e, t, o) => {
|
|
1150
|
+
for (var c = o > 1 ? void 0 : o ? Be(e, t) : e, a = l.length - 1, n; a >= 0; a--)
|
|
1151
|
+
(n = l[a]) && (c = n(c) || c);
|
|
854
1152
|
return c;
|
|
855
1153
|
};
|
|
856
|
-
const { stablePrefix:
|
|
857
|
-
let
|
|
1154
|
+
const { stablePrefix: He } = q;
|
|
1155
|
+
let j = class extends he {
|
|
858
1156
|
};
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
],
|
|
1157
|
+
j = Ve([
|
|
1158
|
+
Z(`${He}-global-header`)
|
|
1159
|
+
], j);
|
|
862
1160
|
export {
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
1161
|
+
se as CommonHeader,
|
|
1162
|
+
De as HybridIpaasHeader,
|
|
1163
|
+
$ as LogoutHeader,
|
|
1164
|
+
y as LogoutTile
|
|
867
1165
|
};
|