@alleninstitute/cortex-ui 0.2.0 → 0.3.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/README.md +52 -8
- package/dist/cjs/cortex-ui.cjs.js +3 -3
- package/dist/cjs/cui-divider.cjs.entry.js +49 -0
- package/dist/cjs/cui-icon.cjs.entry.js +100 -0
- package/dist/cjs/cui-progress.cjs.entry.js +4 -4
- package/dist/cjs/cui-tag.cjs.entry.js +4 -4
- package/dist/cjs/index-RBrlguTk.js +1565 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/cui-divider/cui-divider.css +100 -0
- package/dist/collection/components/cui-divider/cui-divider.js +150 -0
- package/dist/collection/components/cui-icon/cui-icon.css +134 -0
- package/dist/collection/components/cui-icon/cui-icon.js +239 -0
- package/dist/collection/components/cui-progress/cui-progress.css +12 -12
- package/dist/collection/components/cui-progress/cui-progress.js +2 -2
- package/dist/collection/components/cui-tag/cui-tag.css +19 -19
- package/dist/collection/components/cui-tag/cui-tag.js +5 -5
- package/dist/components/cui-divider.d.ts +11 -0
- package/dist/components/cui-divider.js +1 -0
- package/dist/components/cui-icon.d.ts +11 -0
- package/dist/components/cui-icon.js +1 -0
- package/dist/components/cui-progress.js +1 -1
- package/dist/components/cui-tag.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/cortex-ui/cortex-ui.css +1 -1
- package/dist/cortex-ui/cortex-ui.esm.js +1 -1
- package/dist/cortex-ui/p-0e66a721.entry.js +1 -0
- package/dist/cortex-ui/p-1af73c5a.entry.js +1 -0
- package/dist/cortex-ui/p-2d2004f0.entry.js +1 -0
- package/dist/cortex-ui/p-8925abbe.entry.js +1 -0
- package/dist/cortex-ui/p-BZmInLSX.js +3 -0
- package/dist/esm/cortex-ui.js +4 -4
- package/dist/esm/cui-divider.entry.js +47 -0
- package/dist/esm/cui-icon.entry.js +98 -0
- package/dist/esm/cui-progress.entry.js +4 -4
- package/dist/esm/cui-tag.entry.js +4 -4
- package/dist/esm/index-BZmInLSX.js +1557 -0
- package/dist/esm/loader.js +3 -3
- package/dist/fonts/AllenInstituteHeadline-Bold.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-BoldItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-Italic.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-Light.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-LightItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-Medium.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-MediumItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-Regular.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-Semibold.woff2 +0 -0
- package/dist/fonts/AllenInstituteHeadline-SemiboldItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-Bold.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-BoldItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-Italic.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-Light.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-LightItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-Medium.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-MediumItalic.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-Regular.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-Semibold.woff2 +0 -0
- package/dist/fonts/AllenInstituteText-SemiboldItalic.woff2 +0 -0
- package/dist/fonts.css +186 -0
- package/dist/types/components/cui-divider/cui-divider.d.ts +38 -0
- package/dist/types/components/cui-icon/cui-icon.d.ts +76 -0
- package/dist/types/components/cui-tag/cui-tag.d.ts +1 -1
- package/dist/types/components.d.ts +235 -6
- package/dist/types/stencil-public-runtime.d.ts +11 -0
- package/package.json +31 -22
- package/dist/cjs/index-CJFDVa2g.js +0 -1415
- package/dist/collection/stories/assets/accessibility.svg +0 -1
- package/dist/collection/stories/assets/discord.svg +0 -1
- package/dist/collection/stories/assets/github.svg +0 -1
- package/dist/collection/stories/assets/tutorials.svg +0 -1
- package/dist/collection/stories/assets/youtube.svg +0 -1
- package/dist/cortex-ui/p-371566cd.entry.js +0 -1
- package/dist/cortex-ui/p-60c5b038.entry.js +0 -1
- package/dist/cortex-ui/p-DbXnQj5f.js +0 -2
- package/dist/esm/index-DbXnQj5f.js +0 -1408
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
*/
|
|
8
8
|
:host {
|
|
9
9
|
display: block;
|
|
10
|
-
--cui-progress-track-color: var(--cui-base-bg-
|
|
11
|
-
--cui-progress-indicator-color: var(--cui-accent);
|
|
10
|
+
--cui-progress-track-color: var(--cui-base-bg-level-2);
|
|
11
|
+
--cui-progress-indicator-color: var(--cui-accent-surface-primary-default);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
:host([hidden]) {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
font-family: var(--cui-font-family-base);
|
|
20
20
|
display: flex;
|
|
21
21
|
align-items: center;
|
|
22
|
-
gap: var(--cui-spacing-
|
|
22
|
+
gap: var(--cui-spacing-s);
|
|
23
23
|
}
|
|
24
24
|
.cui-progress__bar {
|
|
25
25
|
flex: 1 1 auto;
|
|
@@ -28,22 +28,22 @@
|
|
|
28
28
|
border: none;
|
|
29
29
|
-webkit-appearance: none;
|
|
30
30
|
appearance: none;
|
|
31
|
-
border-radius: var(--cui-radius-full);
|
|
31
|
+
border-radius: var(--cui-border-radius-full);
|
|
32
32
|
background-color: var(--cui-progress-track-color);
|
|
33
|
-
box-shadow: inset 0 0 0 var(--cui-border-width-
|
|
33
|
+
box-shadow: inset 0 0 0 var(--cui-border-width-s) var(--cui-base-border-secondary);
|
|
34
34
|
}
|
|
35
35
|
.cui-progress__bar::-webkit-progress-bar {
|
|
36
|
-
border-radius: var(--cui-radius-full);
|
|
36
|
+
border-radius: var(--cui-border-radius-full);
|
|
37
37
|
background-color: var(--cui-progress-track-color);
|
|
38
|
-
box-shadow: inset 0 0 0 var(--cui-border-width-
|
|
38
|
+
box-shadow: inset 0 0 0 var(--cui-border-width-s) var(--cui-base-border-secondary);
|
|
39
39
|
}
|
|
40
40
|
.cui-progress__bar::-webkit-progress-value {
|
|
41
|
-
border-radius: var(--cui-radius-full);
|
|
41
|
+
border-radius: var(--cui-border-radius-full);
|
|
42
42
|
background-color: var(--cui-progress-indicator-color);
|
|
43
43
|
transition: width var(--cui-transition-base);
|
|
44
44
|
}
|
|
45
45
|
.cui-progress__bar::-moz-progress-bar {
|
|
46
|
-
border-radius: var(--cui-radius-full);
|
|
46
|
+
border-radius: var(--cui-border-radius-full);
|
|
47
47
|
background-color: var(--cui-progress-indicator-color);
|
|
48
48
|
}
|
|
49
49
|
.cui-progress__bar:indeterminate {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
.cui-progress__value {
|
|
68
68
|
flex: 0 0 auto;
|
|
69
69
|
color: var(--cui-base-text-secondary);
|
|
70
|
-
font-size: var(--cui-font-size-
|
|
70
|
+
font-size: var(--cui-font-size-s);
|
|
71
71
|
font-weight: var(--cui-font-weight-medium);
|
|
72
72
|
font-variant-numeric: tabular-nums;
|
|
73
73
|
}
|
|
@@ -75,10 +75,10 @@
|
|
|
75
75
|
height: var(--cui-spacing-xs);
|
|
76
76
|
}
|
|
77
77
|
.cui-progress--medium .cui-progress__bar {
|
|
78
|
-
height: var(--cui-spacing-
|
|
78
|
+
height: var(--cui-spacing-s);
|
|
79
79
|
}
|
|
80
80
|
.cui-progress--large .cui-progress__bar {
|
|
81
|
-
height: var(--cui-spacing-
|
|
81
|
+
height: var(--cui-spacing-m);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
@keyframes cui-progress-sweep {
|
|
@@ -44,10 +44,10 @@ export class CuiProgress {
|
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
46
|
const { indeterminate, showValue } = this;
|
|
47
|
-
return (h("div", { key: '
|
|
47
|
+
return (h("div", { key: '546c0fb27b6e91a1d153d01ae154c272be633b14', part: "base", class: {
|
|
48
48
|
'cui-progress': true,
|
|
49
49
|
[`cui-progress--${this.size}`]: true,
|
|
50
|
-
} }, h("progress", { key: '
|
|
50
|
+
} }, h("progress", { key: '313a769b9ea6c2059816e40c744a74749a55c07b', part: "bar", class: "cui-progress__bar", "aria-label": this.label, max: this.resolvedMax, value: indeterminate ? undefined : this.clampedValue }), showValue && !indeterminate && (h("span", { key: '1a2edab01738734b397b426d826cfa2dcd4cf89b', part: "value", class: "cui-progress__value" }, Math.round(this.percent), "%"))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "cui-progress"; }
|
|
53
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,43 +7,43 @@
|
|
|
7
7
|
display: inline-flex;
|
|
8
8
|
align-items: center;
|
|
9
9
|
justify-content: center;
|
|
10
|
-
border-radius: var(--cui-radius-
|
|
10
|
+
border-radius: var(--cui-border-radius-m);
|
|
11
11
|
font-weight: var(--cui-font-weight-semibold);
|
|
12
12
|
white-space: nowrap;
|
|
13
13
|
}
|
|
14
14
|
.cui-tag--small {
|
|
15
|
-
padding: var(--cui-spacing-xxs) var(--cui-spacing-
|
|
15
|
+
padding: var(--cui-spacing-xxs) var(--cui-spacing-s);
|
|
16
16
|
font-size: var(--cui-font-size-xs);
|
|
17
17
|
}
|
|
18
18
|
.cui-tag--medium {
|
|
19
|
-
padding: var(--cui-spacing-xs) var(--cui-spacing-
|
|
20
|
-
font-size: var(--cui-font-size-
|
|
19
|
+
padding: var(--cui-spacing-xs) var(--cui-spacing-m);
|
|
20
|
+
font-size: var(--cui-font-size-s);
|
|
21
21
|
}
|
|
22
|
-
.cui-tag--
|
|
23
|
-
background-color: var(--cui-accent-
|
|
24
|
-
color: var(--cui-accent-text);
|
|
22
|
+
.cui-tag--accent {
|
|
23
|
+
background-color: var(--cui-accent-surface-secondary-default);
|
|
24
|
+
color: var(--cui-accent-text-secondary-default);
|
|
25
25
|
}
|
|
26
26
|
.cui-tag--highlight {
|
|
27
|
-
background-color: var(--cui-highlight-
|
|
28
|
-
color: var(--cui-highlight-text);
|
|
27
|
+
background-color: var(--cui-highlight-surface-secondary-default);
|
|
28
|
+
color: var(--cui-highlight-text-secondary-default);
|
|
29
29
|
}
|
|
30
30
|
.cui-tag--info {
|
|
31
|
-
background-color: var(--cui-info-
|
|
32
|
-
color: var(--cui-info-text);
|
|
31
|
+
background-color: var(--cui-info-surface-secondary-default);
|
|
32
|
+
color: var(--cui-info-text-secondary-default);
|
|
33
33
|
}
|
|
34
34
|
.cui-tag--negative {
|
|
35
|
-
background-color: var(--cui-negative-
|
|
36
|
-
color: var(--cui-negative-text);
|
|
35
|
+
background-color: var(--cui-negative-surface-secondary-default);
|
|
36
|
+
color: var(--cui-negative-text-secondary-default);
|
|
37
37
|
}
|
|
38
38
|
.cui-tag--neutral {
|
|
39
|
-
background-color: var(--cui-neutral-
|
|
40
|
-
color: var(--cui-neutral-text);
|
|
39
|
+
background-color: var(--cui-neutral-surface-secondary-default);
|
|
40
|
+
color: var(--cui-neutral-text-secondary-default);
|
|
41
41
|
}
|
|
42
42
|
.cui-tag--positive {
|
|
43
|
-
background-color: var(--cui-positive-
|
|
44
|
-
color: var(--cui-positive-text);
|
|
43
|
+
background-color: var(--cui-positive-surface-secondary-default);
|
|
44
|
+
color: var(--cui-positive-text-secondary-default);
|
|
45
45
|
}
|
|
46
46
|
.cui-tag--warning {
|
|
47
|
-
background-color: var(--cui-warning-
|
|
48
|
-
color: var(--cui-warning-text);
|
|
47
|
+
background-color: var(--cui-warning-surface-secondary-default);
|
|
48
|
+
color: var(--cui-warning-text-secondary-default);
|
|
49
49
|
}
|
|
@@ -8,11 +8,11 @@ import { h } from "@stencil/core";
|
|
|
8
8
|
export class CuiTag {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.label = '';
|
|
11
|
-
this.variant = '
|
|
11
|
+
this.variant = 'neutral';
|
|
12
12
|
this.size = 'medium';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("span", { key: '
|
|
15
|
+
return (h("span", { key: '35b8ea2176d1923abcda801fee775a9cd46a2fec', class: {
|
|
16
16
|
'cui-tag': true,
|
|
17
17
|
[`cui-tag--${this.variant}`]: true,
|
|
18
18
|
[`cui-tag--${this.size}`]: true,
|
|
@@ -56,8 +56,8 @@ export class CuiTag {
|
|
|
56
56
|
"type": "string",
|
|
57
57
|
"mutable": false,
|
|
58
58
|
"complexType": {
|
|
59
|
-
"original": "'
|
|
60
|
-
"resolved": "\"
|
|
59
|
+
"original": "'accent' | 'highlight' | 'info' | 'negative' | 'neutral' | 'positive' | 'warning'",
|
|
60
|
+
"resolved": "\"accent\" | \"highlight\" | \"info\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"",
|
|
61
61
|
"references": {}
|
|
62
62
|
},
|
|
63
63
|
"required": false,
|
|
@@ -70,7 +70,7 @@ export class CuiTag {
|
|
|
70
70
|
"setter": false,
|
|
71
71
|
"reflect": false,
|
|
72
72
|
"attribute": "variant",
|
|
73
|
-
"defaultValue": "'
|
|
73
|
+
"defaultValue": "'neutral'"
|
|
74
74
|
},
|
|
75
75
|
"size": {
|
|
76
76
|
"type": "string",
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface CuiDivider extends Components.CuiDivider, HTMLElement {}
|
|
4
|
+
export const CuiDivider: {
|
|
5
|
+
prototype: CuiDivider;
|
|
6
|
+
new (): CuiDivider;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as i,p as r,H as d,h as e}from"./index.js";const a=r(class extends d{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.spacing="medium",this.variant="base",this.importance="primary"}render(){return e("hr",{key:"d33f3260a5f708f379428a7d338e6329248f23ff",part:"base",class:{"cui-divider":!0,["cui-divider--"+this.orientation]:!0,["cui-divider--"+this.variant]:!0,["cui-divider--"+this.importance]:!0},"aria-orientation":"vertical"===this.orientation?"vertical":void 0})}static get style(){return":host{display:block;--cui-divider-gap:var(--cui-spacing-m);margin-block:var(--cui-divider-gap)}:host([hidden]){display:none}:host([spacing=none]){--cui-divider-gap:0}:host([spacing=small]){--cui-divider-gap:var(--cui-spacing-s)}:host([spacing=large]){--cui-divider-gap:var(--cui-spacing-l)}:host([orientation=vertical]){display:inline-flex;align-self:stretch;min-height:var(--cui-spacing-l);margin-block:0;margin-inline:var(--cui-divider-gap)}.cui-divider{box-sizing:border-box;margin:0;border:none}.cui-divider--horizontal{width:100%;height:var(--cui-border-width-s)}.cui-divider--vertical{width:var(--cui-border-width-s);height:auto;align-self:stretch}.cui-divider--base{background-color:var(--cui-base-divider-primary)}.cui-divider--base.cui-divider--secondary{background-color:var(--cui-base-divider-secondary)}.cui-divider--accent{background-color:var(--cui-accent-divider-primary-default)}.cui-divider--accent.cui-divider--secondary{background-color:var(--cui-accent-divider-secondary-default)}.cui-divider--highlight{background-color:var(--cui-highlight-divider-primary-default)}.cui-divider--highlight.cui-divider--secondary{background-color:var(--cui-highlight-divider-secondary-default)}.cui-divider--info{background-color:var(--cui-info-divider-primary-default)}.cui-divider--info.cui-divider--secondary{background-color:var(--cui-info-divider-secondary-default)}.cui-divider--negative{background-color:var(--cui-negative-divider-primary-default)}.cui-divider--negative.cui-divider--secondary{background-color:var(--cui-negative-divider-secondary-default)}.cui-divider--neutral{background-color:var(--cui-neutral-divider-primary-default)}.cui-divider--neutral.cui-divider--secondary{background-color:var(--cui-neutral-divider-secondary-default)}.cui-divider--positive{background-color:var(--cui-positive-divider-primary-default)}.cui-divider--positive.cui-divider--secondary{background-color:var(--cui-positive-divider-secondary-default)}.cui-divider--warning{background-color:var(--cui-warning-divider-primary-default)}.cui-divider--warning.cui-divider--secondary{background-color:var(--cui-warning-divider-secondary-default)}"}},[1,"cui-divider",{orientation:[513],spacing:[513],variant:[1],importance:[1]}]);function c(){"undefined"!=typeof customElements&&["cui-divider"].forEach((r=>{"cui-divider"===r&&(customElements.get(i(r))||customElements.define(i(r),a))}))}c();const o=a,n=c;export{o as CuiDivider,n as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface CuiIcon extends Components.CuiIcon, HTMLElement {}
|
|
4
|
+
export const CuiIcon: {
|
|
5
|
+
prototype: CuiIcon;
|
|
6
|
+
new (): CuiIcon;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as i,p as c,H as o,h as n}from"./index.js";const a=c(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.variant="base",this.importance="secondary",this.size="m"}connectedCallback(){this.syncGlyph(),this.syncAria()}onIconChange(){this.syncGlyph()}onLabelChange(){this.syncAria()}syncGlyph(){var i;const c=this.el.querySelector(":scope > [data-cui-icon-glyph]");c&&"I"!==c.tagName&&c.remove();let o=this.el.querySelector(":scope > i[data-cui-icon-glyph]");o||(o=document.createElement("i"),o.setAttribute("data-cui-icon-glyph",""),o.setAttribute("aria-hidden","true"),this.el.appendChild(o)),o.className=null!==(i=this.icon)&&void 0!==i?i:""}syncAria(){var i;const c=null===(i=this.label)||void 0===i?void 0:i.trim();if(c)return this.el.setAttribute("role","img"),this.el.setAttribute("aria-label",c),void this.el.removeAttribute("aria-hidden");this.el.setAttribute("aria-hidden","true"),this.el.removeAttribute("role"),this.el.removeAttribute("aria-label")}render(){return n("span",{key:"76b54ef28027419bfbb5500c5cf4a88a7d01131e",part:"base",class:{"cui-icon":!0,["cui-icon--"+this.variant]:!0,["cui-icon--"+this.importance]:!0,["cui-icon--"+this.size]:!0}},n("slot",{key:"8c4d13ffa3b1cfe3e4d7d47c29127784d62381ff"}))}get el(){return this}static get watchers(){return{icon:[{onIconChange:0}],label:[{onLabelChange:0}]}}static get style(){return'@charset "UTF-8";:host{display:inline-flex}:host([hidden]){display:none}.cui-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}::slotted(:not([data-cui-icon-glyph])){display:none}.cui-icon--xxs{font-size:var(--cui-icon-size, var(--cui-font-size-xxs))}.cui-icon--xs{font-size:var(--cui-icon-size, var(--cui-font-size-xs))}.cui-icon--s{font-size:var(--cui-icon-size, var(--cui-font-size-s))}.cui-icon--m{font-size:var(--cui-icon-size, var(--cui-font-size-m))}.cui-icon--l{font-size:var(--cui-icon-size, var(--cui-font-size-l))}.cui-icon--xl{font-size:var(--cui-icon-size, var(--cui-font-size-xl))}.cui-icon--xxl{font-size:var(--cui-icon-size, var(--cui-font-size-xxl))}.cui-icon--display-s{font-size:var(--cui-icon-size, var(--cui-font-size-display-s))}.cui-icon--display-m{font-size:var(--cui-icon-size, var(--cui-font-size-display-m))}.cui-icon--display-l{font-size:var(--cui-icon-size, var(--cui-font-size-display-l))}.cui-icon--base.cui-icon--primary{color:var(--cui-icon-color, var(--cui-base-text-primary))}.cui-icon--base.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-base-text-secondary))}.cui-icon--accent.cui-icon--primary{color:var(--cui-icon-color, var(--cui-accent-text-primary-default))}.cui-icon--accent.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-accent-text-secondary-default))}.cui-icon--highlight.cui-icon--primary{color:var(--cui-icon-color, var(--cui-highlight-text-primary-default))}.cui-icon--highlight.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-highlight-text-secondary-default))}.cui-icon--info.cui-icon--primary{color:var(--cui-icon-color, var(--cui-info-text-primary-default))}.cui-icon--info.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-info-text-secondary-default))}.cui-icon--negative.cui-icon--primary{color:var(--cui-icon-color, var(--cui-negative-text-primary-default))}.cui-icon--negative.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-negative-text-secondary-default))}.cui-icon--neutral.cui-icon--primary{color:var(--cui-icon-color, var(--cui-neutral-text-primary-default))}.cui-icon--neutral.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-neutral-text-secondary-default))}.cui-icon--positive.cui-icon--primary{color:var(--cui-icon-color, var(--cui-positive-text-primary-default))}.cui-icon--positive.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-positive-text-secondary-default))}.cui-icon--warning.cui-icon--primary{color:var(--cui-icon-color, var(--cui-warning-text-primary-default))}.cui-icon--warning.cui-icon--secondary{color:var(--cui-icon-color, var(--cui-warning-text-secondary-default))}'}},[257,"cui-icon",{icon:[1],variant:[1],importance:[1],size:[1],label:[1]},void 0,{icon:[{onIconChange:0}],label:[{onLabelChange:0}]}]);function e(){"undefined"!=typeof customElements&&["cui-icon"].forEach((c=>{"cui-icon"===c&&(customElements.get(i(c))||customElements.define(i(c),a))}))}e();const r=a,t=e;export{r as CuiIcon,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as r,p as e,H as s,h as i}from"./index.js";const a=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.value=0,this.max=100,this.indeterminate=!1,this.size="medium",this.showValue=!1}get resolvedMax(){return Number.isFinite(this.max)&&this.max>0?this.max:100}get clampedValue(){return Number.isFinite(this.value)?Math.min(Math.max(this.value,0),this.resolvedMax):0}get percent(){return this.clampedValue/this.resolvedMax*100}render(){const{indeterminate:r,showValue:e}=this;return i("div",{key:"
|
|
1
|
+
import{t as r,p as e,H as s,h as i}from"./index.js";const a=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.value=0,this.max=100,this.indeterminate=!1,this.size="medium",this.showValue=!1}get resolvedMax(){return Number.isFinite(this.max)&&this.max>0?this.max:100}get clampedValue(){return Number.isFinite(this.value)?Math.min(Math.max(this.value,0),this.resolvedMax):0}get percent(){return this.clampedValue/this.resolvedMax*100}render(){const{indeterminate:r,showValue:e}=this;return i("div",{key:"546c0fb27b6e91a1d153d01ae154c272be633b14",part:"base",class:{"cui-progress":!0,["cui-progress--"+this.size]:!0}},i("progress",{key:"313a769b9ea6c2059816e40c744a74749a55c07b",part:"bar",class:"cui-progress__bar","aria-label":this.label,max:this.resolvedMax,value:r?void 0:this.clampedValue}),e&&!r&&i("span",{key:"1a2edab01738734b397b426d826cfa2dcd4cf89b",part:"value",class:"cui-progress__value"},Math.round(this.percent),"%"))}static get style(){return":host{display:block;--cui-progress-track-color:var(--cui-base-bg-level-2);--cui-progress-indicator-color:var(--cui-accent-surface-primary-default)}:host([hidden]){display:none}.cui-progress{font-family:var(--cui-font-family-base);display:flex;align-items:center;gap:var(--cui-spacing-s)}.cui-progress__bar{flex:1 1 auto;display:block;width:100%;border:none;-webkit-appearance:none;appearance:none;border-radius:var(--cui-border-radius-full);background-color:var(--cui-progress-track-color);box-shadow:inset 0 0 0 var(--cui-border-width-s) var(--cui-base-border-secondary)}.cui-progress__bar::-webkit-progress-bar{border-radius:var(--cui-border-radius-full);background-color:var(--cui-progress-track-color);box-shadow:inset 0 0 0 var(--cui-border-width-s) var(--cui-base-border-secondary)}.cui-progress__bar::-webkit-progress-value{border-radius:var(--cui-border-radius-full);background-color:var(--cui-progress-indicator-color);transition:width var(--cui-transition-base)}.cui-progress__bar::-moz-progress-bar{border-radius:var(--cui-border-radius-full);background-color:var(--cui-progress-indicator-color)}.cui-progress__bar:indeterminate{background-image:linear-gradient(to right, var(--cui-progress-indicator-color), var(--cui-progress-indicator-color));background-repeat:no-repeat;background-size:40% 100%;animation:cui-progress-sweep 1.5s linear infinite}.cui-progress__bar:indeterminate::-webkit-progress-bar{background-image:linear-gradient(to right, var(--cui-progress-indicator-color), var(--cui-progress-indicator-color));background-repeat:no-repeat;background-size:40% 100%;animation:cui-progress-sweep 1.5s linear infinite}.cui-progress__bar:indeterminate::-webkit-progress-value{display:none}.cui-progress__bar:indeterminate::-moz-progress-bar{background-color:transparent}.cui-progress__value{flex:0 0 auto;color:var(--cui-base-text-secondary);font-size:var(--cui-font-size-s);font-weight:var(--cui-font-weight-medium);font-variant-numeric:tabular-nums}.cui-progress--small .cui-progress__bar{height:var(--cui-spacing-xs)}.cui-progress--medium .cui-progress__bar{height:var(--cui-spacing-s)}.cui-progress--large .cui-progress__bar{height:var(--cui-spacing-m)}@keyframes cui-progress-sweep{from{background-position-x:-66.67%}to{background-position-x:166.67%}}@media (prefers-reduced-motion: reduce){.cui-progress__bar::-webkit-progress-value{transition:none}.cui-progress__bar:indeterminate{animation-duration:3s}.cui-progress__bar:indeterminate::-webkit-progress-bar{animation-duration:3s}}"}},[1,"cui-progress",{label:[1],value:[2],max:[2],indeterminate:[4],size:[1],showValue:[4,"show-value"]}]);function o(){"undefined"!=typeof customElements&&["cui-progress"].forEach((e=>{"cui-progress"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))}o();const t=a,c=o;export{t as CuiProgress,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as a,p as c,H as t,h as e}from"./index.js";const i=c(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.label="",this.variant="neutral",this.size="medium"}render(){return e("span",{key:"35b8ea2176d1923abcda801fee775a9cd46a2fec",class:{"cui-tag":!0,["cui-tag--"+this.variant]:!0,["cui-tag--"+this.size]:!0}},this.label)}static get style(){return":host{display:inline-block}.cui-tag{font-family:var(--cui-font-family-base);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cui-border-radius-m);font-weight:var(--cui-font-weight-semibold);white-space:nowrap}.cui-tag--small{padding:var(--cui-spacing-xxs) var(--cui-spacing-s);font-size:var(--cui-font-size-xs)}.cui-tag--medium{padding:var(--cui-spacing-xs) var(--cui-spacing-m);font-size:var(--cui-font-size-s)}.cui-tag--accent{background-color:var(--cui-accent-surface-secondary-default);color:var(--cui-accent-text-secondary-default)}.cui-tag--highlight{background-color:var(--cui-highlight-surface-secondary-default);color:var(--cui-highlight-text-secondary-default)}.cui-tag--info{background-color:var(--cui-info-surface-secondary-default);color:var(--cui-info-text-secondary-default)}.cui-tag--negative{background-color:var(--cui-negative-surface-secondary-default);color:var(--cui-negative-text-secondary-default)}.cui-tag--neutral{background-color:var(--cui-neutral-surface-secondary-default);color:var(--cui-neutral-text-secondary-default)}.cui-tag--positive{background-color:var(--cui-positive-surface-secondary-default);color:var(--cui-positive-text-secondary-default)}.cui-tag--warning{background-color:var(--cui-warning-surface-secondary-default);color:var(--cui-warning-text-secondary-default)}"}},[1,"cui-tag",{label:[1],variant:[1],size:[1]}]);function r(){"undefined"!=typeof customElements&&["cui-tag"].forEach((c=>{"cui-tag"===c&&(customElements.get(a(c))||customElements.define(a(c),i))}))}r();const u=i,o=r;export{u as CuiTag,o as defineCustomElement}
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const i=":root{--cui-light-blue-100:#ededff;--cui-light-blue-200:#ddddfe;--cui-light-blue-300:#bcbcfe;--cui-light-blue-400:#9898fc;--cui-light-blue-500:#7070ff;--cui-light-blue-600:#4c4cd9;--cui-light-blue-700:#30309f;--cui-light-blue-800:#121265;--cui-light-blue-900:#070756;--cui-light-gray-50:#ffffff;--cui-light-gray-75:#fafafa;--cui-light-gray-100:#f3f3f3;--cui-light-gray-200:#e5e5e5;--cui-light-gray-300:#c3c3c3;--cui-light-gray-400:#a3a3a3;--cui-light-gray-500:#828282;--cui-light-gray-600:#5b5b5b;--cui-light-gray-700:#3b3b3b;--cui-light-gray-800:#1b1b1b;--cui-light-gray-900:#101010;--cui-light-green-100:#d1fbf8;--cui-light-green-200:#b1f5f1;--cui-light-green-300:#7de0d9;--cui-light-green-400:#39d0c6;--cui-light-green-500:#02b1a5;--cui-light-green-600:#01867e;--cui-light-green-700:#015751;--cui-light-green-800:#042825;--cui-light-green-900:#011917;--cui-light-purple-100:#f0e7fd;--cui-light-purple-200:#e4d7fa;--cui-light-purple-300:#ccb4f2;--cui-light-purple-400:#a980ec;--cui-light-purple-500:#874fe2;--cui-light-purple-600:#743fca;--cui-light-purple-700:#4e2294;--cui-light-purple-800:#260f4c;--cui-light-purple-900:#1d0544;--cui-light-red-100:#fee6f0;--cui-light-red-200:#fad1e2;--cui-light-red-300:#ecabc5;--cui-light-red-400:#dc709b;--cui-light-red-500:#e0387c;--cui-light-red-600:#cd2568;--cui-light-red-700:#9b0b44;--cui-light-red-800:#4c0521;--cui-light-red-900:#2f0214;--cui-light-yellow-100:#fdefca;--cui-light-yellow-200:#fce197;--cui-light-yellow-300:#f6cf62;--cui-light-yellow-400:#e1ac1c;--cui-light-yellow-500:#d39c00;--cui-light-yellow-600:#926c04;--cui-light-yellow-700:#594202;--cui-light-yellow-800:#402f02;--cui-light-yellow-900:#2f2200;--cui-light-shadow-100:rgba(16, 16, 16, 0.05);--cui-light-shadow-200:rgba(16, 16, 16, 0.1);--cui-light-shadow-300:rgba(16, 16, 16, 0.15);--cui-dark-blue-100:#070756;--cui-dark-blue-200:#121265;--cui-dark-blue-300:#30309f;--cui-dark-blue-400:#4c4cd9;--cui-dark-blue-500:#7070ff;--cui-dark-blue-600:#9898fc;--cui-dark-blue-700:#bcbcfe;--cui-dark-blue-800:#ddddfe;--cui-dark-blue-900:#ededff;--cui-dark-gray-50:#101010;--cui-dark-gray-75:#1b1b1b;--cui-dark-gray-100:#3b3b3b;--cui-dark-gray-200:#5b5b5b;--cui-dark-gray-300:#828282;--cui-dark-gray-400:#a3a3a3;--cui-dark-gray-500:#c3c3c3;--cui-dark-gray-600:#e5e5e5;--cui-dark-gray-700:#f3f3f3;--cui-dark-gray-800:#fafafa;--cui-dark-gray-900:#ffffff;--cui-dark-green-100:#011917;--cui-dark-green-200:#042825;--cui-dark-green-300:#015751;--cui-dark-green-400:#01867e;--cui-dark-green-500:#02b1a5;--cui-dark-green-600:#39d0c6;--cui-dark-green-700:#7de0d9;--cui-dark-green-800:#b1f5f1;--cui-dark-green-900:#d1fbf8;--cui-dark-purple-100:#151530;--cui-dark-purple-200:#260f4c;--cui-dark-purple-300:#4e2294;--cui-dark-purple-400:#743fca;--cui-dark-purple-500:#874fe2;--cui-dark-purple-600:#a980ec;--cui-dark-purple-700:#ccb4f2;--cui-dark-purple-800:#e4d7fa;--cui-dark-purple-900:#f0e7fd;--cui-dark-red-100:#2f0214;--cui-dark-red-200:#4c0521;--cui-dark-red-300:#9b0b44;--cui-dark-red-400:#cd2568;--cui-dark-red-500:#e0387c;--cui-dark-red-600:#dc709b;--cui-dark-red-700:#ecabc5;--cui-dark-red-800:#fad1e2;--cui-dark-red-900:#fee6f0;--cui-dark-yellow-100:#2f2200;--cui-dark-yellow-200:#402f02;--cui-dark-yellow-300:#594202;--cui-dark-yellow-400:#926c04;--cui-dark-yellow-500:#d39c00;--cui-dark-yellow-600:#e1ac1c;--cui-dark-yellow-700:#f6cf62;--cui-dark-yellow-800:#fce197;--cui-dark-yellow-900:#fdefca;--cui-dark-shadow-100:rgba(0, 0, 0, 0.4);--cui-dark-shadow-200:rgba(0, 0, 0, 0.5);--cui-dark-shadow-300:rgba(0, 0, 0, 0.6);--cui-blue-100:var(--cui-light-blue-100);--cui-blue-200:var(--cui-light-blue-200);--cui-blue-300:var(--cui-light-blue-300);--cui-blue-400:var(--cui-light-blue-400);--cui-blue-500:var(--cui-light-blue-500);--cui-blue-600:var(--cui-light-blue-600);--cui-blue-700:var(--cui-light-blue-700);--cui-blue-800:var(--cui-light-blue-800);--cui-blue-900:var(--cui-light-blue-900);--cui-gray-50:var(--cui-light-gray-50);--cui-gray-75:var(--cui-light-gray-75);--cui-gray-100:var(--cui-light-gray-100);--cui-gray-200:var(--cui-light-gray-200);--cui-gray-300:var(--cui-light-gray-300);--cui-gray-400:var(--cui-light-gray-400);--cui-gray-500:var(--cui-light-gray-500);--cui-gray-600:var(--cui-light-gray-600);--cui-gray-700:var(--cui-light-gray-700);--cui-gray-800:var(--cui-light-gray-800);--cui-gray-900:var(--cui-light-gray-900);--cui-green-100:var(--cui-light-green-100);--cui-green-200:var(--cui-light-green-200);--cui-green-300:var(--cui-light-green-300);--cui-green-400:var(--cui-light-green-400);--cui-green-500:var(--cui-light-green-500);--cui-green-600:var(--cui-light-green-600);--cui-green-700:var(--cui-light-green-700);--cui-green-800:var(--cui-light-green-800);--cui-green-900:var(--cui-light-green-900);--cui-purple-100:var(--cui-light-purple-100);--cui-purple-200:var(--cui-light-purple-200);--cui-purple-300:var(--cui-light-purple-300);--cui-purple-400:var(--cui-light-purple-400);--cui-purple-500:var(--cui-light-purple-500);--cui-purple-600:var(--cui-light-purple-600);--cui-purple-700:var(--cui-light-purple-700);--cui-purple-800:var(--cui-light-purple-800);--cui-purple-900:var(--cui-light-purple-900);--cui-red-100:var(--cui-light-red-100);--cui-red-200:var(--cui-light-red-200);--cui-red-300:var(--cui-light-red-300);--cui-red-400:var(--cui-light-red-400);--cui-red-500:var(--cui-light-red-500);--cui-red-600:var(--cui-light-red-600);--cui-red-700:var(--cui-light-red-700);--cui-red-800:var(--cui-light-red-800);--cui-red-900:var(--cui-light-red-900);--cui-yellow-100:var(--cui-light-yellow-100);--cui-yellow-200:var(--cui-light-yellow-200);--cui-yellow-300:var(--cui-light-yellow-300);--cui-yellow-400:var(--cui-light-yellow-400);--cui-yellow-500:var(--cui-light-yellow-500);--cui-yellow-600:var(--cui-light-yellow-600);--cui-yellow-700:var(--cui-light-yellow-700);--cui-yellow-800:var(--cui-light-yellow-800);--cui-yellow-900:var(--cui-light-yellow-900);--cui-shadow-color-100:var(--cui-light-shadow-100);--cui-shadow-color-200:var(--cui-light-shadow-200);--cui-shadow-color-300:var(--cui-light-shadow-300);--cui-base-bg:var(--cui-gray-50);--cui-base-bg-lvl-1:var(--cui-gray-75);--cui-base-bg-lvl-2:var(--cui-gray-100);--cui-base-bg-hover:var(--cui-gray-100);--cui-base-bg-active:var(--cui-gray-200);--cui-base-bg-selected:var(--cui-blue-100);--cui-base-text-primary:var(--cui-gray-900);--cui-base-text-secondary:var(--cui-gray-700);--cui-base-text-inverted:var(--cui-gray-50);--cui-base-border:var(--cui-gray-200);--cui-accent:var(--cui-blue-500);--cui-accent-hover:var(--cui-blue-600);--cui-accent-active:var(--cui-blue-700);--cui-accent-bg:var(--cui-blue-100);--cui-accent-bg-hover:var(--cui-blue-200);--cui-accent-bg-active:var(--cui-blue-300);--cui-accent-bg-selected:var(--cui-blue-200);--cui-accent-border:var(--cui-blue-300);--cui-accent-border-hover:var(--cui-blue-600);--cui-accent-text:var(--cui-blue-800);--cui-positive:var(--cui-green-500);--cui-positive-hover:var(--cui-green-600);--cui-positive-active:var(--cui-green-700);--cui-positive-bg:var(--cui-green-100);--cui-positive-bg-hover:var(--cui-green-200);--cui-positive-bg-active:var(--cui-green-300);--cui-positive-bg-selected:var(--cui-green-200);--cui-positive-border:var(--cui-green-300);--cui-positive-border-hover:var(--cui-green-600);--cui-positive-text:var(--cui-green-800);--cui-warning:var(--cui-yellow-500);--cui-warning-hover:var(--cui-yellow-600);--cui-warning-active:var(--cui-yellow-700);--cui-warning-bg:var(--cui-yellow-100);--cui-warning-bg-hover:var(--cui-yellow-200);--cui-warning-bg-active:var(--cui-yellow-300);--cui-warning-bg-selected:var(--cui-yellow-200);--cui-warning-border:var(--cui-yellow-300);--cui-warning-border-hover:var(--cui-yellow-600);--cui-warning-text:var(--cui-yellow-800);--cui-negative:var(--cui-red-500);--cui-negative-hover:var(--cui-red-600);--cui-negative-active:var(--cui-red-700);--cui-negative-bg:var(--cui-red-100);--cui-negative-bg-hover:var(--cui-red-200);--cui-negative-bg-active:var(--cui-red-300);--cui-negative-bg-selected:var(--cui-red-200);--cui-negative-border:var(--cui-red-300);--cui-negative-border-hover:var(--cui-red-600);--cui-negative-text:var(--cui-red-800);--cui-neutral:var(--cui-gray-500);--cui-neutral-hover:var(--cui-gray-600);--cui-neutral-active:var(--cui-gray-700);--cui-neutral-bg:var(--cui-gray-100);--cui-neutral-bg-hover:var(--cui-gray-200);--cui-neutral-bg-active:var(--cui-gray-300);--cui-neutral-bg-selected:var(--cui-gray-200);--cui-neutral-border:var(--cui-gray-300);--cui-neutral-border-hover:var(--cui-gray-600);--cui-neutral-text:var(--cui-gray-800);--cui-highlight:var(--cui-purple-500);--cui-highlight-hover:var(--cui-purple-600);--cui-highlight-active:var(--cui-purple-700);--cui-highlight-bg:var(--cui-purple-100);--cui-highlight-bg-hover:var(--cui-purple-200);--cui-highlight-bg-active:var(--cui-purple-300);--cui-highlight-bg-selected:var(--cui-purple-200);--cui-highlight-border:var(--cui-purple-300);--cui-highlight-border-hover:var(--cui-purple-600);--cui-highlight-text:var(--cui-purple-800);--cui-info:var(--cui-blue-500);--cui-info-hover:var(--cui-blue-600);--cui-info-active:var(--cui-blue-700);--cui-info-bg:var(--cui-blue-100);--cui-info-bg-hover:var(--cui-blue-200);--cui-info-bg-active:var(--cui-blue-300);--cui-info-bg-selected:var(--cui-blue-200);--cui-info-border:var(--cui-blue-300);--cui-info-border-hover:var(--cui-blue-600);--cui-info-text:var(--cui-blue-800);--cui-disabled-bg:var(--cui-gray-100);--cui-disabled-border:var(--cui-gray-300);--cui-disabled-text:var(--cui-gray-500);--cui-disabled-opacity:0.5;--cui-focus-ring:var(--cui-blue-600);--cui-focus-ring-width:2px;--cui-focus-ring-offset:2px;--cui-font-family-base:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--cui-font-family-mono:'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace;--cui-font-size-xxs:10px;--cui-font-size-xs:12px;--cui-font-size-sm:14px;--cui-font-size-md:16px;--cui-font-size-lg:18px;--cui-font-size-xl:24px;--cui-font-size-xxl:32px;--cui-font-size-display-sm:40px;--cui-font-size-display-md:48px;--cui-font-size-display-lg:60px;--cui-font-weight-normal:400;--cui-font-weight-medium:500;--cui-font-weight-semibold:600;--cui-font-weight-bold:700;--cui-line-height-tight:1.2;--cui-line-height-base:1.4;--cui-line-height-loose:1.6;--cui-letter-spacing-tight:-0.02em;--cui-letter-spacing-base:0;--cui-letter-spacing-wide:0.04em;--cui-spacing-xxs:2px;--cui-spacing-xs:4px;--cui-spacing-sm:8px;--cui-spacing-md:12px;--cui-spacing-lg:20px;--cui-spacing-xl:32px;--cui-spacing-xxl:48px;--cui-radius-none:0;--cui-radius-xs:2px;--cui-radius-sm:4px;--cui-radius-md:6px;--cui-radius-lg:8px;--cui-radius-full:9999px;--cui-border-width-sm:1px;--cui-border-width-md:2px;--cui-border-width-lg:4px;--cui-control-height-sm:28px;--cui-control-height-md:36px;--cui-control-height-lg:44px;--cui-control-padding-sm:var(--cui-spacing-sm);--cui-control-padding-md:var(--cui-spacing-md);--cui-control-padding-lg:var(--cui-spacing-lg);--cui-shadow-sm:0 1px 2px var(--cui-shadow-color-100);--cui-shadow-md:0 2px 4px var(--cui-shadow-color-200);--cui-shadow-lg:0 4px 12px var(--cui-shadow-color-300);--cui-transition-fast:160ms ease;--cui-transition-base:240ms ease;--cui-transition-slow:320ms ease}:root[data-theme=dark]{--cui-blue-100:var(--cui-dark-blue-100);--cui-blue-200:var(--cui-dark-blue-200);--cui-blue-300:var(--cui-dark-blue-300);--cui-blue-400:var(--cui-dark-blue-400);--cui-blue-500:var(--cui-dark-blue-500);--cui-blue-600:var(--cui-dark-blue-600);--cui-blue-700:var(--cui-dark-blue-700);--cui-blue-800:var(--cui-dark-blue-800);--cui-blue-900:var(--cui-dark-blue-900);--cui-gray-50:var(--cui-dark-gray-50);--cui-gray-75:var(--cui-dark-gray-75);--cui-gray-100:var(--cui-dark-gray-100);--cui-gray-200:var(--cui-dark-gray-200);--cui-gray-300:var(--cui-dark-gray-300);--cui-gray-400:var(--cui-dark-gray-400);--cui-gray-500:var(--cui-dark-gray-500);--cui-gray-600:var(--cui-dark-gray-600);--cui-gray-700:var(--cui-dark-gray-700);--cui-gray-800:var(--cui-dark-gray-800);--cui-gray-900:var(--cui-dark-gray-900);--cui-green-100:var(--cui-dark-green-100);--cui-green-200:var(--cui-dark-green-200);--cui-green-300:var(--cui-dark-green-300);--cui-green-400:var(--cui-dark-green-400);--cui-green-500:var(--cui-dark-green-500);--cui-green-600:var(--cui-dark-green-600);--cui-green-700:var(--cui-dark-green-700);--cui-green-800:var(--cui-dark-green-800);--cui-green-900:var(--cui-dark-green-900);--cui-purple-100:var(--cui-dark-purple-100);--cui-purple-200:var(--cui-dark-purple-200);--cui-purple-300:var(--cui-dark-purple-300);--cui-purple-400:var(--cui-dark-purple-400);--cui-purple-500:var(--cui-dark-purple-500);--cui-purple-600:var(--cui-dark-purple-600);--cui-purple-700:var(--cui-dark-purple-700);--cui-purple-800:var(--cui-dark-purple-800);--cui-purple-900:var(--cui-dark-purple-900);--cui-red-100:var(--cui-dark-red-100);--cui-red-200:var(--cui-dark-red-200);--cui-red-300:var(--cui-dark-red-300);--cui-red-400:var(--cui-dark-red-400);--cui-red-500:var(--cui-dark-red-500);--cui-red-600:var(--cui-dark-red-600);--cui-red-700:var(--cui-dark-red-700);--cui-red-800:var(--cui-dark-red-800);--cui-red-900:var(--cui-dark-red-900);--cui-yellow-100:var(--cui-dark-yellow-100);--cui-yellow-200:var(--cui-dark-yellow-200);--cui-yellow-300:var(--cui-dark-yellow-300);--cui-yellow-400:var(--cui-dark-yellow-400);--cui-yellow-500:var(--cui-dark-yellow-500);--cui-yellow-600:var(--cui-dark-yellow-600);--cui-yellow-700:var(--cui-dark-yellow-700);--cui-yellow-800:var(--cui-dark-yellow-800);--cui-yellow-900:var(--cui-dark-yellow-900);--cui-shadow-color-100:var(--cui-dark-shadow-100);--cui-shadow-color-200:var(--cui-dark-shadow-200);--cui-shadow-color-300:var(--cui-dark-shadow-300);--cui-base-text-secondary:var(--cui-gray-600);--cui-shadow-sm:0 0 0 var(--cui-border-width-sm) var(--cui-gray-100), 0 1px 2px var(--cui-shadow-color-100);--cui-shadow-md:0 0 0 var(--cui-border-width-sm) var(--cui-gray-100), 0 2px 4px var(--cui-shadow-color-200);--cui-shadow-lg:0 0 0 var(--cui-border-width-sm) var(--cui-gray-100), 0 4px 12px var(--cui-shadow-color-300)}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--cui-font-family-base);font-size:var(--cui-font-size-md);line-height:var(--cui-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--cui-base-text-secondary);background:var(--cui-base-bg)}a{color:var(--cui-accent-text)}";function e(i,e,r){const c="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;i&&i!==c;){const c=Object.getOwnPropertyDescriptor(i,e);if(c&&(!r||c.get))return c;i=Object.getPrototypeOf(i)}}var r,c=(i,r)=>{var c;Object.entries(null!=(c=r.u.i)?c:{}).map((([c,[u]])=>{if(31&u||32&u){const u=i[c],a=e(Object.getPrototypeOf(i),c,!0)||Object.getOwnPropertyDescriptor(i,c);a&&Object.defineProperty(i,c,{get(){return a.get.call(this)},set(i){a.set.call(this,i)},configurable:!0,enumerable:!0}),r.l.has(c)?i[c]=r.l.get(c):void 0!==u&&(i[c]=u)}}))},u=i=>{if(i.__stencil__getHostRef)return i.__stencil__getHostRef()},a=(i,e)=>(0,console.error)(i,e),l=new Map,t="undefined"!=typeof window?window:{},n=t.HTMLElement||class{},o={t:0,o:"",jmp:i=>i(),raf:i=>requestAnimationFrame(i),ael:(i,e,r,c)=>i.addEventListener(e,r,c),rel:(i,e,r,c)=>i.removeEventListener(e,r,c),ce:(i,e)=>new CustomEvent(i,e)},g=(()=>{try{return!!t.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(i){}return!1})(),d=!!g&&(()=>!!t.document&&Object.getOwnPropertyDescriptor(t.document.adoptedStyleSheets,"length").writable)(),s=!1,v=[],h=[],p=(i,e)=>r=>{i.push(r),s||(s=!0,e&&4&o.t?y(b):o.raf(b))},f=i=>{for(let e=0;e<i.length;e++)try{i[e](performance.now())}catch(i){a(i)}i.length=0},b=()=>{f(v),f(h),(s=v.length>0)&&o.raf(b)},y=i=>Promise.resolve(void 0).then(i),w=p(h,!0),k=i=>{const e=new URL(i,o.o);return e.origin!==t.location.origin?e.href:e.pathname},m=i=>o.o=i;function x(){var e;const c=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(e=function(i){if(!g)return;const e=new CSSStyleSheet;return e.replaceSync(i),e}(i))?e:null),r)d?c.adoptedStyleSheets.push(r):c.adoptedStyleSheets=[...c.adoptedStyleSheets,r];else if(!g){const e=document.createElement("style");e.innerHTML=i,c.prepend(e)}}var $,j=new WeakMap,S=i=>"sc-"+i.v,O=i=>"object"==(i=typeof i)||"function"===i,M=(i,e,...r)=>{let c=null,u=null,a=!1,l=!1;const t=[],n=e=>{for(let r=0;r<e.length;r++)c=e[r],Array.isArray(c)?n(c):null!=c&&"boolean"!=typeof c&&((a="function"!=typeof i&&!O(c))&&(c+=""),a&&l?t[t.length-1].h+=c:t.push(a?z(null,c):c),l=a)};if(n(r),e){e.key&&(u=e.key);{const i=e.className||e.class;i&&(e.class="object"!=typeof i?i:Object.keys(i).filter((e=>i[e])).join(" "))}}const o=z(i,null);return o.p=e,t.length>0&&(o.k=t),o.m=u,o},z=(i,e)=>({t:0,$:i,h:null!=e?e:null,j:null,k:null,p:null,m:null}),C={},E=(i,e)=>null==i||O(i)?i:4&e?"false"!==i&&(""===i||!!i):2&e?"string"==typeof i?parseFloat(i):"number"==typeof i?i:NaN:1&e?i+"":i,F=(i,e,r,c,a,l)=>{if(r===c)return;let t=((i,e)=>e in i)(i,e);if(e.toLowerCase(),"class"===e){const e=i.classList,u=U(r);let a=U(c);e.remove(...u.filter((i=>i&&!a.includes(i)))),e.add(...a.filter((i=>i&&!u.includes(i))))}else if("key"===e);else{if("a"===e[0]&&e.startsWith("attr:")){const r=e.slice(5);let a;{const e=u(i);if(e&&e.u&&e.u.i){const i=e.u.i[r];i&&i[1]&&(a=i[1])}}return a||(a=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==c||!1===c?!1===c&&""!==i.getAttribute(a)||i.removeAttribute(a):i.setAttribute(a,!0===c?"":c))}if("p"===e[0]&&e.startsWith("prop:")){const r=e.slice(5);try{i[r]=c}catch(i){}return}{const u=O(c);if((t||u&&null!==c)&&!a)try{if(i.tagName.includes("-"))i[e]!==c&&(i[e]=c);else{const u=null==c?"":c;"list"===e?t=!1:null!=r&&i[e]===u||("function"==typeof i.__lookupSetter__(e)?i[e]=u:i.setAttribute(e,u))}}catch(i){}null==c||!1===c?!1===c&&""!==i.getAttribute(e)||i.removeAttribute(e):(!t||4&l||a)&&!u&&1===i.nodeType&&i.setAttribute(e,c=!0===c?"":c)}}},N=/\s/,U=i=>("object"==typeof i&&i&&"baseVal"in i&&(i=i.baseVal),i&&"string"==typeof i?i.split(N):[]),A=(i,e,r)=>{const c=11===e.j.nodeType&&e.j.host?e.j.host:e.j,u=i&&i.p||{},a=e.p||{};for(const i of H(Object.keys(u)))i in a||F(c,i,u[i],void 0,r,e.t);for(const i of H(Object.keys(a)))F(c,i,u[i],a[i],r,e.t)};function H(i){return i.includes("ref")?[...i.filter((i=>"ref"!==i)),"ref"]:i}var L=!1,_=(i,e,r)=>{const c=e.k[r];let u,a,l=0;if(null!=c.h)u=c.j=t.document.createTextNode(c.h);else{if(!t.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(u=c.j=t.document.createElement(c.$),A(null,c,L),c.k){const e="template"===c.$?u.content:u;for(l=0;l<c.k.length;++l)a=_(i,c,l),a&&e.appendChild(a)}}return u["s-hn"]=$,u},D=(i,e,r,c,u,a)=>{let l,t=i;for(t.shadowRoot&&t.tagName===$&&(t=t.shadowRoot),"template"===r.$&&(t=t.content);u<=a;++u)c[u]&&(l=_(null,r,u),l&&(c[u].j=l,V(t,l,e)))},P=(i,e,r)=>{for(let c=e;c<=r;++c){const e=i[c];if(e){const i=e.j;i&&i.remove()}}},R=(i,e,r=!1)=>i.$===e.$&&(r?(r&&!i.m&&e.m&&(i.m=e.m),!0):i.m===e.m),W=(i,e,r=!1)=>{const c=e.j=i.j,u=i.k,a=e.k,l=e.h;null==l?(A(i,e,L),null!==u&&null!==a?((i,e,r,c,u=!1)=>{let a,l,t=0,n=0,o=0,g=0,d=e.length-1,s=e[0],v=e[d],h=c.length-1,p=c[0],f=c[h];const b="template"===r.$?i.content:i;for(;t<=d&&n<=h;)if(null==s)s=e[++t];else if(null==v)v=e[--d];else if(null==p)p=c[++n];else if(null==f)f=c[--h];else if(R(s,p,u))W(s,p,u),s=e[++t],p=c[++n];else if(R(v,f,u))W(v,f,u),v=e[--d],f=c[--h];else if(R(s,f,u))W(s,f,u),V(b,s.j,v.j.nextSibling),s=e[++t],f=c[--h];else if(R(v,p,u))W(v,p,u),V(b,v.j,s.j),v=e[--d],p=c[++n];else{for(o=-1,g=t;g<=d;++g)if(e[g]&&null!==e[g].m&&e[g].m===p.m){o=g;break}o>=0?(l=e[o],l.$!==p.$?a=_(e&&e[n],r,o):(W(l,p,u),e[o]=void 0,a=l.j),p=c[++n]):(a=_(e&&e[n],r,n),p=c[++n]),a&&V(s.j.parentNode,a,s.j)}t>d?D(i,null==c[h+1]?null:c[h+1].j,r,c,n,h):n>h&&P(e,t,d)})(c,u,e,a,r):null!==a?(null!==i.h&&(c.textContent=""),D(c,null,e,a,0,a.length-1)):!r&&null!==u&&P(u,0,u.length-1)):i.h!==l&&(c.data=l)},V=(i,e,r)=>i.__insertBefore?i.__insertBefore(e,r):null==i?void 0:i.insertBefore(e,r),q=(i,e,r=!1)=>{const c=i.$hostElement$,u=i.S||z(null,null),a=(i=>i&&i.$===C)(e)?e:M(null,null,e);if($=c.tagName,r&&a.p)for(const i of Object.keys(a.p))c.hasAttribute(i)&&!["key","ref","style","class"].includes(i)&&(a.p[i]=c[i]);a.$=null,a.t|=4,i.S=a,a.j=u.j=c.shadowRoot||c,W(u,a,r)},T=(i,e)=>{if(e&&!i.O&&e["s-p"]){const r=e["s-p"].push(new Promise((c=>i.O=()=>{e["s-p"].splice(r-1,1),c()})))}},B=(i,e)=>{if(i.t|=16,4&i.t)return void(i.t|=512);T(i,i.M);const r=()=>I(i,e);if(!e)return w(r);queueMicrotask((()=>{r()}))},I=(i,e)=>{const r=i.$hostElement$,c=r;if(!c)throw Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let u;return u=X(c,e?"componentWillLoad":"componentWillUpdate",void 0,r),u=Y(u,(()=>X(c,"componentWillRender",void 0,r))),Y(u,(()=>G(i,c,e)))},Y=(i,e)=>Z(i)?i.then(e).catch((i=>{console.error(i),e()})):e(),Z=i=>i instanceof Promise||i&&i.then&&"function"==typeof i.then,G=async(i,e,r)=>{var c;const u=i.$hostElement$,a=u["s-rc"];r&&(i=>{const e=i.u,r=i.$hostElement$,c=e.t,u=((i,e)=>{var r,c,u;const a=S(e),n=l.get(a);if(!t.document)return a;if(i=11===i.nodeType?i:t.document,n)if("string"==typeof n){let u,l=j.get(i=i.head||i);if(l||j.set(i,l=new Set),!l.has(a)){u=t.document.createElement("style"),u.textContent=n;const s=null!=(r=o.C)?r:function(){var i,e,r;return null!=(r=null==(e=null==(i=t.document.head)?void 0:i.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?r:void 0}();if(null!=s&&u.setAttribute("nonce",s),!(1&e.t))if("HEAD"===i.nodeName){const e=i.querySelectorAll("link[rel=preconnect]"),r=e.length>0?e[e.length-1].nextSibling:i.querySelector("style");i.insertBefore(u,(null==r?void 0:r.parentNode)===i?r:null)}else if("host"in i)if(g){const e=new(null!=(c=i.defaultView)?c:i.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(n),d?i.adoptedStyleSheets.unshift(e):i.adoptedStyleSheets=[e,...i.adoptedStyleSheets]}else{const e=i.querySelector("style");e?e.textContent=n+e.textContent:i.prepend(u)}else i.append(u);1&e.t&&i.insertBefore(u,null),4&e.t&&(u.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(a)}}else{let e=j.get(i);if(e||j.set(i,e=new Set),!e.has(a)){const r=null!=(u=i.defaultView)?u:i.ownerDocument.defaultView;let c;if(n.constructor===r.CSSStyleSheet)c=n;else{c=new r.CSSStyleSheet;for(let i=0;i<n.cssRules.length;i++)c.insertRule(n.cssRules[i].cssText,i)}d?i.adoptedStyleSheets.push(c):i.adoptedStyleSheets=[...i.adoptedStyleSheets,c],e.add(a)}}return a})(r.shadowRoot?r.shadowRoot:r.getRootNode(),e);10&c&&(r["s-sc"]=u,r.classList.add(u+"-h"))})(i);J(i,e,u,r),a&&(a.map((i=>i())),u["s-rc"]=void 0);{const e=null!=(c=u["s-p"])?c:[],r=()=>K(i);0===e.length?r():(Promise.all(e).then(r).catch(r),i.t|=4,e.length=0)}},J=(i,e,r,c)=>{try{e=e.render(),i.t&=-17,i.t|=2,q(i,e,c)}catch(e){a(e,i.$hostElement$)}return null},K=i=>{const e=i.$hostElement$,r=e,c=i.M;X(r,"componentDidRender",void 0,e),64&i.t?X(r,"componentDidUpdate",void 0,e):(i.t|=64,ii(e),X(r,"componentDidLoad",void 0,e),i.F(e),c||Q()),i.O&&(i.O(),i.O=void 0),512&i.t&&y((()=>B(i,!1))),i.t&=-517},Q=()=>{y((()=>(i=>{const e=o.ce("appload",{detail:{namespace:"cortex-ui"}});return i.dispatchEvent(e),e})(t)))},X=(i,e,r,c)=>{if(i&&i[e])try{return i[e](r)}catch(i){a(i,c)}},ii=i=>i.classList.add("hydrated"),ei=(i,e,r,c)=>{const a=u(i);if(!a)return;const l=i,t=a.l.get(e),n=a.t,o=l;if((r=E(r,c.i[e][0]))!==t&&(!Number.isNaN(t)||!Number.isNaN(r))&&(a.l.set(e,r),2&n)){if(o.componentShouldUpdate&&!1===o.componentShouldUpdate(r,t,e)&&!(16&n))return;16&n||B(a,!1)}},ri=(i,r)=>{var c,a;const l=i.prototype;if(r.i){const t=Object.entries(null!=(c=r.i)?c:{});t.map((([i,[c]])=>{if(31&c||32&c){const{get:a,set:t}=e(l,i)||{};a&&(r.i[i][0]|=2048),t&&(r.i[i][0]|=4096),Object.defineProperty(l,i,{get(){return a?a.apply(this):((i,e)=>u(this).l.get(e))(0,i)},configurable:!0,enumerable:!0}),Object.defineProperty(l,i,{set(e){const a=u(this);if(a){if(t)return void 0===(32&c?this[i]:a.$hostElement$[i])&&a.l.get(i)&&(e=a.l.get(i)),t.call(this,E(e,c)),void ei(this,i,e=32&c?this[i]:a.$hostElement$[i],r);ei(this,i,e,r)}}})}}));{const e=new Map;l.attributeChangedCallback=function(i,c,a){o.jmp((()=>{var n;const o=e.get(i),g=u(this);if(this.hasOwnProperty(o),l.hasOwnProperty(o)&&"number"==typeof this[o]&&this[o]==a)return;if(null==o){const e=null==g?void 0:g.t;if(g&&e&&!(8&e)&&a!==c){const u=this,l=null==(n=r.N)?void 0:n[i];null==l||l.forEach((r=>{const[[l,t]]=Object.entries(r);null!=u[l]&&(128&e||1&t)&&u[l].call(u,a,c,i)}))}return}const d=t.find((([i])=>i===o)),s=d&&4&d[1][0],v=s&&null===a&&void 0===this[o];s&&(a=null!==a&&"false"!==a);const h=Object.getOwnPropertyDescriptor(l,o);v||a==this[o]||h.get&&!h.set||(this[o]=a)}))},i.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=r.N)?a:{}),...t.filter((([i,e])=>31&e[0])).map((([i,r])=>{const c=r[1]||i;return e.set(c,i),c}))]))}}return i},ci=(i,e)=>{const r={t:e[0],v:e[1]};try{r.i=e[2];const t=i.prototype.connectedCallback,n=i.prototype.disconnectedCallback;return Object.assign(i.prototype,{__hasHostListenerAttached:!1,__registerHost(){((i,e)=>{const r={t:0,$hostElement$:i,u:e,l:new Map,U:new Map};r.A=new Promise((i=>r.F=i)),i["s-p"]=[],i["s-rc"]=[];const u=r;i.__stencil__getHostRef=()=>u,512&e.t&&c(i,r)})(this,r)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!u(this))return;this.__hasHostListenerAttached=!0}(i=>{if(!(1&o.t)){const e=u(i);if(!e)return;const r=e.u,c=()=>{};if(1&e.t)(null==e?void 0:e.H)||(null==e?void 0:e.A)&&e.A.then((()=>{}));else{e.t|=1;{let r=i;for(;r=r.parentNode||r.host;)if(r["s-p"]){T(e,e.M=r);break}}r.i&&Object.entries(r.i).map((([e,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(i,e)){const r=i[e];delete i[e],i[e]=r}})),(async(i,e,r)=>{let c;try{if(!(32&e.t)&&(e.t|=32,c=i.constructor,customElements.whenDefined(i.localName).then((()=>e.t|=128)),c&&c.style)){let i;"string"==typeof c.style&&(i=c.style);const e=S(r);if(!l.has(e)){const c=()=>{};((i,e,r)=>{let c=l.get(i);g&&r?(c=c||new CSSStyleSheet,"string"==typeof c?c=e:c.replaceSync(e)):c=e,l.set(i,c)})(e,i,!!(1&r.t)),c()}}const u=e.M,a=()=>B(e,!0);u&&u["s-rc"]?u["s-rc"].push(a):a()}catch(r){a(r,i),e.O&&(e.O(),e.O=void 0),e.F&&e.F(i)}})(i,e,r)}c()}})(this),t&&t.call(this)},disconnectedCallback(){(async i=>{j.has(i)&&j.delete(i),i.shadowRoot&&j.has(i.shadowRoot)&&j.delete(i.shadowRoot)})(this),n&&n.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(this,r)}}),Object.defineProperty(i,"is",{value:r.v,configurable:!0}),ri(i,r)}catch(e){return a(e),i}},ui=i=>o.C=i,ai=i=>Object.assign(o,i),li=new WeakMap;function ti(i,e){let r=li.get(e);r||(r={t:0,u:{t:0,v:e.tagName},$hostElement$:e},li.set(e,r)),q(r,i)}function ni(i){return i}export{n as H,k as getAssetPath,M as h,ci as p,ti as render,m as setAssetPath,ui as setNonce,ai as setPlatformOptions,ni as t}
|
|
1
|
+
const r=":root{--cui-color-brand-maroon-25:#fff5f9;--cui-color-brand-maroon-50:#feebf2;--cui-color-brand-maroon-75:#fcdfe9;--cui-color-brand-maroon-100:#fbd6e3;--cui-color-brand-maroon-150:#f2c5d5;--cui-color-brand-maroon-200:#efb8cc;--cui-color-brand-maroon-250:#eaa3be;--cui-color-brand-maroon-300:#e38cac;--cui-color-brand-maroon-400:#dc7098;--cui-color-brand-maroon-500:#dc427a;--cui-color-brand-maroon-600:#cd2563;--cui-color-brand-maroon-700:#b50d4b;--cui-color-brand-maroon-750:#9b0b40;--cui-color-brand-maroon-800:#770831;--cui-color-brand-maroon-850:#5f0727;--cui-color-brand-maroon-900:#4c051f;--cui-color-brand-maroon-925:#3e0419;--cui-color-brand-maroon-950:#2b0312;--cui-color-brand-maroon-975:#18010a;--cui-color-brand-maroon-official:#cd0f55;--cui-color-brand-orange-25:#fff9f5;--cui-color-brand-orange-50:#ffeee0;--cui-color-brand-orange-75:#ffe2cc;--cui-color-brand-orange-100:#ffd9bd;--cui-color-brand-orange-150:#ffcba3;--cui-color-brand-orange-200:#ffbf8f;--cui-color-brand-orange-250:#ffae70;--cui-color-brand-orange-300:#ff913d;--cui-color-brand-orange-400:#ff7d1a;--cui-color-brand-orange-500:#d65c00;--cui-color-brand-orange-600:#a84900;--cui-color-brand-orange-700:#803700;--cui-color-brand-orange-750:#6b2e00;--cui-color-brand-orange-800:#522300;--cui-color-brand-orange-850:#421d00;--cui-color-brand-orange-900:#331600;--cui-color-brand-orange-925:#2e1400;--cui-color-brand-orange-950:#1f0d00;--cui-color-brand-orange-975:#140a00;--cui-color-brand-orange-official:#ff6e00;--cui-color-brand-ochre-25:#fffcf5;--cui-color-brand-ochre-50:#fff4db;--cui-color-brand-ochre-75:#ffe5ad;--cui-color-brand-ochre-100:#ffdf99;--cui-color-brand-ochre-150:#ffd270;--cui-color-brand-ochre-200:#ffc852;--cui-color-brand-ochre-250:#ffbe33;--cui-color-brand-ochre-300:#f5a700;--cui-color-brand-ochre-400:#d69200;--cui-color-brand-ochre-500:#ad7600;--cui-color-brand-ochre-600:#855a00;--cui-color-brand-ochre-700:#664600;--cui-color-brand-ochre-750:#573b00;--cui-color-brand-ochre-800:#422d00;--cui-color-brand-ochre-850:#382600;--cui-color-brand-ochre-900:#291c00;--cui-color-brand-ochre-925:#241800;--cui-color-brand-ochre-950:#1a1100;--cui-color-brand-ochre-975:#140e00;--cui-color-brand-ochre-official:#dc9600;--cui-color-brand-yellow-25:#fffef5;--cui-color-brand-yellow-50:#fffacc;--cui-color-brand-yellow-75:#fff380;--cui-color-brand-yellow-100:#ffee47;--cui-color-brand-yellow-150:#ffe800;--cui-color-brand-yellow-200:#f5df00;--cui-color-brand-yellow-250:#e5d100;--cui-color-brand-yellow-300:#d1be00;--cui-color-brand-yellow-400:#b8a700;--cui-color-brand-yellow-500:#948600;--cui-color-brand-yellow-600:#756b00;--cui-color-brand-yellow-700:#574f00;--cui-color-brand-yellow-750:#474100;--cui-color-brand-yellow-800:#383300;--cui-color-brand-yellow-850:#2e2a00;--cui-color-brand-yellow-900:#242000;--cui-color-brand-yellow-925:#1f1c00;--cui-color-brand-yellow-950:#1a1700;--cui-color-brand-yellow-975:#141300;--cui-color-brand-yellow-official:#ffeb23;--cui-color-brand-green-25:#fcffe6;--cui-color-brand-green-50:#f5feb3;--cui-color-brand-green-75:#ecfd68;--cui-color-brand-green-100:#e5fc36;--cui-color-brand-green-150:#dffc03;--cui-color-brand-green-200:#d6f203;--cui-color-brand-green-250:#c9e303;--cui-color-brand-green-300:#b7ce03;--cui-color-brand-green-400:#a1b502;--cui-color-brand-green-500:#7d8d02;--cui-color-brand-green-600:#626f01;--cui-color-brand-green-700:#4c5601;--cui-color-brand-green-750:#3e4701;--cui-color-brand-green-800:#313701;--cui-color-brand-green-850:#282d01;--cui-color-brand-green-900:#1f2300;--cui-color-brand-green-925:#1b1e00;--cui-color-brand-green-950:#161900;--cui-color-brand-green-975:#121400;--cui-color-brand-green-official:#d1ec03;--cui-color-brand-teal-25:#f6fefd;--cui-color-brand-teal-50:#e3fcfa;--cui-color-brand-teal-75:#cdf9f6;--cui-color-brand-teal-100:#b8eeeb;--cui-color-brand-teal-150:#a9eae6;--cui-color-brand-teal-200:#98e6e2;--cui-color-brand-teal-250:#7de0da;--cui-color-brand-teal-300:#5ed9d2;--cui-color-brand-teal-400:#39d0c7;--cui-color-brand-teal-500:#02b1a7;--cui-color-brand-teal-600:#01867e;--cui-color-brand-teal-700:#016a64;--cui-color-brand-teal-750:#015752;--cui-color-brand-teal-800:#01423e;--cui-color-brand-teal-850:#013734;--cui-color-brand-teal-900:#042826;--cui-color-brand-teal-925:#042523;--cui-color-brand-teal-950:#011918;--cui-color-brand-teal-975:#011312;--cui-color-brand-teal-official:#00a59b;--cui-color-brand-blue-25:#fafaff;--cui-color-brand-blue-50:#f0f0ff;--cui-color-brand-blue-75:#e6e6fe;--cui-color-brand-blue-100:#ddddfe;--cui-color-brand-blue-150:#d2d2fe;--cui-color-brand-blue-200:#c8c8fe;--cui-color-brand-blue-250:#bcbcfe;--cui-color-brand-blue-300:#ababfd;--cui-color-brand-blue-400:#9898fc;--cui-color-brand-blue-500:#7070ff;--cui-color-brand-blue-600:#4c4cd9;--cui-color-brand-blue-700:#3b3bc4;--cui-color-brand-blue-750:#30309f;--cui-color-brand-blue-800:#26267d;--cui-color-brand-blue-850:#1f1f66;--cui-color-brand-blue-900:#16164a;--cui-color-brand-blue-925:#141443;--cui-color-brand-blue-950:#0e0e2f;--cui-color-brand-blue-975:#070718;--cui-color-brand-blue-official:#6464ff;--cui-color-brand-violet-25:#fff5fe;--cui-color-brand-violet-50:#f6f1fe;--cui-color-brand-violet-75:#ede4fc;--cui-color-brand-violet-100:#e5d7fa;--cui-color-brand-violet-150:#decff7;--cui-color-brand-violet-200:#d6c2f4;--cui-color-brand-violet-250:#ccb4f2;--cui-color-brand-violet-300:#c1a2f1;--cui-color-brand-violet-400:#b28cee;--cui-color-brand-violet-500:#9766e6;--cui-color-brand-violet-600:#753fca;--cui-color-brand-violet-700:#622bbb;--cui-color-brand-violet-750:#4e2294;--cui-color-brand-violet-800:#3f1c78;--cui-color-brand-violet-850:#341764;--cui-color-brand-violet-900:#27114b;--cui-color-brand-violet-925:#210e3e;--cui-color-brand-violet-950:#180a2e;--cui-color-brand-violet-975:#0f071d;--cui-color-brand-violet-official:#8246e1;--cui-color-brand-rose-25:#fff5fe;--cui-color-brand-rose-50:#ffebfc;--cui-color-brand-rose-75:#ffdbfb;--cui-color-brand-rose-100:#ffd1f9;--cui-color-brand-rose-150:#ffc2f7;--cui-color-brand-rose-200:#ffadf5;--cui-color-brand-rose-250:#ff99f2;--cui-color-brand-rose-300:#ff80ef;--cui-color-brand-rose-400:#ff61eb;--cui-color-brand-rose-500:#ff2ee5;--cui-color-brand-rose-600:#eb00cd;--cui-color-brand-rose-700:#bd00a5;--cui-color-brand-rose-750:#940081;--cui-color-brand-rose-800:#7a006b;--cui-color-brand-rose-850:#660059;--cui-color-brand-rose-900:#4d0043;--cui-color-brand-rose-925:#3d0036;--cui-color-brand-rose-950:#2e0028;--cui-color-brand-rose-975:#1a0016;--cui-color-brand-rose-official:#ff00df;--cui-color-gray-0:#ffffff;--cui-color-gray-25:#f8f8f8;--cui-color-gray-50:#f1f1f1;--cui-color-gray-75:#e9e9e9;--cui-color-gray-100:#e2e2e2;--cui-color-gray-150:#d4d4d4;--cui-color-gray-200:#c6c6c6;--cui-color-gray-250:#b9b9b9;--cui-color-gray-300:#ababab;--cui-color-gray-400:#919191;--cui-color-gray-500:#777777;--cui-color-gray-600:#5e5e5e;--cui-color-gray-700:#474747;--cui-color-gray-750:#3b3b3b;--cui-color-gray-800:#303030;--cui-color-gray-850:#262626;--cui-color-gray-900:#1b1b1b;--cui-color-gray-925:#171717;--cui-color-gray-950:#111111;--cui-color-gray-975:#090909;--cui-color-gray-1000:#000000;--cui-color-red-25:#fef6f6;--cui-color-red-50:#fcedee;--cui-color-red-75:#fae0e1;--cui-color-red-100:#f8d3d4;--cui-color-red-150:#f7cacb;--cui-color-red-200:#f4b8b9;--cui-color-red-250:#f1a7a8;--cui-color-red-300:#ee9192;--cui-color-red-400:#ea7678;--cui-color-red-500:#e34f51;--cui-color-red-600:#dc2326;--cui-color-red-700:#b91d20;--cui-color-red-750:#8d1618;--cui-color-red-800:#731214;--cui-color-red-850:#610f11;--cui-color-red-900:#470b0c;--cui-color-red-925:#39090a;--cui-color-red-950:#2c0708;--cui-color-red-975:#160304;--cui-color-green-25:#f6fefa;--cui-color-green-50:#e5fbef;--cui-color-green-75:#d3f8e4;--cui-color-green-100:#bdf5d6;--cui-color-green-150:#a2f0c6;--cui-color-green-200:#88ecb5;--cui-color-green-250:#6de8a5;--cui-color-green-300:#4fe392;--cui-color-green-400:#23dc76;--cui-color-green-500:#1cb05f;--cui-color-green-600:#158447;--cui-color-green-700:#116e3b;--cui-color-green-750:#0e582f;--cui-color-green-800:#0a4223;--cui-color-green-850:#09391f;--cui-color-green-900:#072c18;--cui-color-green-925:#062313;--cui-color-green-950:#041a0e;--cui-color-green-975:#020d07;--cui-color-blue-25:#f6fafe;--cui-color-blue-50:#edf5fc;--cui-color-blue-75:#dcebf9;--cui-color-blue-100:#cee4f7;--cui-color-blue-150:#b8d7f4;--cui-color-blue-200:#9ec8f0;--cui-color-blue-250:#8cbeed;--cui-color-blue-300:#76b2ea;--cui-color-blue-400:#57a0e5;--cui-color-blue-500:#348ddf;--cui-color-blue-600:#1c68b0;--cui-color-blue-700:#175692;--cui-color-blue-750:#124473;--cui-color-blue-800:#0f375d;--cui-color-blue-850:#0c2c4b;--cui-color-blue-900:#092239;--cui-color-blue-925:#081d31;--cui-color-blue-950:#061523;--cui-color-blue-975:#030d16;--cui-shadow-color-50:rgba(0, 0, 0, 0.05);--cui-shadow-color-100:rgba(0, 0, 0, 0.1);--cui-shadow-color-150:rgba(0, 0, 0, 0.15);--cui-shadow-color-800:rgba(0, 0, 0, 0.8);--cui-shadow-color-900:rgba(0, 0, 0, 0.9);--cui-shadow-color-1000:rgba(0, 0, 0, 1);--cui-base-bg-main:var(--cui-color-gray-0);--cui-base-bg-level-1:var(--cui-base-bg-main);--cui-base-bg-level-2:var(--cui-color-gray-25);--cui-base-bg-level-3:var(--cui-color-gray-50);--cui-base-divider-primary:var(--cui-color-gray-150);--cui-base-divider-secondary:var(--cui-color-gray-100);--cui-base-text-primary:var(--cui-color-gray-850);--cui-base-text-secondary:var(--cui-color-gray-750);--cui-base-border-primary:var(--cui-color-gray-500);--cui-base-border-secondary:var(--cui-color-gray-400);--cui-accent-surface-primary-default:var(--cui-color-brand-blue-600);--cui-accent-surface-primary-hover:var(--cui-color-brand-blue-700);--cui-accent-surface-primary-active:var(--cui-color-brand-blue-800);--cui-accent-surface-primary-selected:var(--cui-color-brand-blue-750);--cui-accent-surface-primary-disabled:var(--cui-color-brand-blue-75);--cui-accent-surface-secondary-default:var(--cui-color-brand-blue-100);--cui-accent-surface-secondary-hover:var(--cui-color-brand-blue-150);--cui-accent-surface-secondary-active:var(--cui-color-brand-blue-250);--cui-accent-surface-secondary-selected:var(--cui-color-brand-blue-200);--cui-accent-surface-secondary-disabled:var(--cui-color-brand-blue-50);--cui-accent-text-primary-default:var(--cui-color-gray-0);--cui-accent-text-primary-hover:var(--cui-color-gray-0);--cui-accent-text-primary-active:var(--cui-color-gray-0);--cui-accent-text-primary-selected:var(--cui-color-gray-0);--cui-accent-text-primary-disabled:var(--cui-color-brand-blue-500);--cui-accent-text-secondary-default:var(--cui-color-brand-blue-800);--cui-accent-text-secondary-hover:var(--cui-color-brand-blue-850);--cui-accent-text-secondary-active:var(--cui-color-brand-blue-900);--cui-accent-text-secondary-selected:var(--cui-color-brand-blue-900);--cui-accent-text-secondary-disabled:var(--cui-color-brand-blue-500);--cui-accent-border-primary-default:var(--cui-color-brand-blue-700);--cui-accent-border-primary-hover:var(--cui-color-brand-blue-750);--cui-accent-border-primary-active:var(--cui-accent-surface-primary-active);--cui-accent-border-primary-selected:var(--cui-accent-surface-primary-selected);--cui-accent-border-primary-disabled:var(--cui-accent-surface-primary-disabled);--cui-accent-border-secondary-default:var(--cui-color-brand-blue-600);--cui-accent-border-secondary-hover:var(--cui-color-brand-blue-700);--cui-accent-border-secondary-active:var(--cui-accent-surface-secondary-active);--cui-accent-border-secondary-selected:var(--cui-accent-surface-secondary-selected);--cui-accent-border-secondary-disabled:var(--cui-accent-surface-secondary-disabled);--cui-accent-divider-primary-default:var(--cui-color-brand-blue-300);--cui-accent-divider-primary-hover:var(--cui-color-brand-blue-250);--cui-accent-divider-primary-active:var(--cui-color-brand-blue-200);--cui-accent-divider-primary-selected:var(--cui-color-brand-blue-200);--cui-accent-divider-primary-disabled:var(--cui-color-brand-blue-700);--cui-accent-divider-secondary-default:var(--cui-color-brand-blue-400);--cui-accent-divider-secondary-hover:var(--cui-color-brand-blue-500);--cui-accent-divider-secondary-active:var(--cui-color-brand-blue-600);--cui-accent-divider-secondary-selected:var(--cui-color-brand-blue-500);--cui-accent-divider-secondary-disabled:var(--cui-color-brand-blue-150);--cui-positive-surface-primary-default:var(--cui-color-brand-teal-700);--cui-positive-surface-primary-hover:var(--cui-color-brand-teal-750);--cui-positive-surface-primary-active:var(--cui-color-brand-teal-850);--cui-positive-surface-primary-selected:var(--cui-color-brand-teal-800);--cui-positive-surface-primary-disabled:var(--cui-color-brand-teal-75);--cui-positive-surface-secondary-default:var(--cui-color-brand-teal-100);--cui-positive-surface-secondary-hover:var(--cui-color-brand-teal-150);--cui-positive-surface-secondary-active:var(--cui-color-brand-teal-250);--cui-positive-surface-secondary-selected:var(--cui-color-brand-teal-200);--cui-positive-surface-secondary-disabled:var(--cui-color-brand-teal-50);--cui-positive-text-primary-default:var(--cui-color-gray-0);--cui-positive-text-primary-hover:var(--cui-color-gray-0);--cui-positive-text-primary-active:var(--cui-color-gray-0);--cui-positive-text-primary-selected:var(--cui-color-gray-0);--cui-positive-text-primary-disabled:var(--cui-color-brand-teal-500);--cui-positive-text-secondary-default:var(--cui-color-brand-teal-800);--cui-positive-text-secondary-hover:var(--cui-color-brand-teal-850);--cui-positive-text-secondary-active:var(--cui-color-brand-teal-900);--cui-positive-text-secondary-selected:var(--cui-color-brand-teal-900);--cui-positive-text-secondary-disabled:var(--cui-color-brand-teal-500);--cui-positive-border-primary-default:var(--cui-color-brand-teal-700);--cui-positive-border-primary-hover:var(--cui-color-brand-teal-750);--cui-positive-border-primary-active:var(--cui-positive-surface-primary-active);--cui-positive-border-primary-selected:var(--cui-positive-surface-primary-selected);--cui-positive-border-primary-disabled:var(--cui-positive-surface-primary-disabled);--cui-positive-border-secondary-default:var(--cui-color-brand-teal-600);--cui-positive-border-secondary-hover:var(--cui-color-brand-teal-700);--cui-positive-border-secondary-active:var(--cui-positive-surface-secondary-active);--cui-positive-border-secondary-selected:var(--cui-positive-surface-secondary-selected);--cui-positive-border-secondary-disabled:var(--cui-positive-surface-secondary-disabled);--cui-positive-divider-primary-default:var(--cui-color-brand-teal-300);--cui-positive-divider-primary-hover:var(--cui-color-brand-teal-250);--cui-positive-divider-primary-active:var(--cui-color-brand-teal-200);--cui-positive-divider-primary-selected:var(--cui-color-brand-teal-200);--cui-positive-divider-primary-disabled:var(--cui-color-brand-teal-700);--cui-positive-divider-secondary-default:var(--cui-color-brand-teal-400);--cui-positive-divider-secondary-hover:var(--cui-color-brand-teal-500);--cui-positive-divider-secondary-active:var(--cui-color-brand-teal-600);--cui-positive-divider-secondary-selected:var(--cui-color-brand-teal-500);--cui-positive-divider-secondary-disabled:var(--cui-color-brand-teal-150);--cui-negative-surface-primary-default:var(--cui-color-brand-maroon-official);--cui-negative-surface-primary-hover:var(--cui-color-brand-maroon-700);--cui-negative-surface-primary-active:var(--cui-color-brand-maroon-800);--cui-negative-surface-primary-selected:var(--cui-color-brand-maroon-750);--cui-negative-surface-primary-disabled:var(--cui-color-brand-maroon-75);--cui-negative-surface-secondary-default:var(--cui-color-brand-maroon-100);--cui-negative-surface-secondary-hover:var(--cui-color-brand-maroon-150);--cui-negative-surface-secondary-active:var(--cui-color-brand-maroon-250);--cui-negative-surface-secondary-selected:var(--cui-color-brand-maroon-200);--cui-negative-surface-secondary-disabled:var(--cui-color-brand-maroon-50);--cui-negative-text-primary-default:var(--cui-color-gray-0);--cui-negative-text-primary-hover:var(--cui-color-gray-0);--cui-negative-text-primary-active:var(--cui-color-gray-0);--cui-negative-text-primary-selected:var(--cui-color-gray-0);--cui-negative-text-primary-disabled:var(--cui-color-brand-maroon-500);--cui-negative-text-secondary-default:var(--cui-color-brand-maroon-800);--cui-negative-text-secondary-hover:var(--cui-color-brand-maroon-850);--cui-negative-text-secondary-active:var(--cui-color-brand-maroon-900);--cui-negative-text-secondary-selected:var(--cui-color-brand-maroon-900);--cui-negative-text-secondary-disabled:var(--cui-color-brand-maroon-500);--cui-negative-border-primary-default:var(--cui-color-brand-maroon-700);--cui-negative-border-primary-hover:var(--cui-color-brand-maroon-750);--cui-negative-border-primary-active:var(--cui-negative-surface-primary-active);--cui-negative-border-primary-selected:var(--cui-negative-surface-primary-selected);--cui-negative-border-primary-disabled:var(--cui-negative-surface-primary-disabled);--cui-negative-border-secondary-default:var(--cui-color-brand-maroon-600);--cui-negative-border-secondary-hover:var(--cui-color-brand-maroon-700);--cui-negative-border-secondary-active:var(--cui-negative-surface-secondary-active);--cui-negative-border-secondary-selected:var(--cui-negative-surface-secondary-selected);--cui-negative-border-secondary-disabled:var(--cui-negative-surface-secondary-disabled);--cui-negative-divider-primary-default:var(--cui-color-brand-maroon-300);--cui-negative-divider-primary-hover:var(--cui-color-brand-maroon-250);--cui-negative-divider-primary-active:var(--cui-color-brand-maroon-200);--cui-negative-divider-primary-selected:var(--cui-color-brand-maroon-200);--cui-negative-divider-primary-disabled:var(--cui-color-brand-maroon-700);--cui-negative-divider-secondary-default:var(--cui-color-brand-maroon-400);--cui-negative-divider-secondary-hover:var(--cui-color-brand-maroon-500);--cui-negative-divider-secondary-active:var(--cui-color-brand-maroon-600);--cui-negative-divider-secondary-selected:var(--cui-color-brand-maroon-500);--cui-negative-divider-secondary-disabled:var(--cui-color-brand-maroon-150);--cui-warning-surface-primary-default:var(--cui-color-brand-ochre-official);--cui-warning-surface-primary-hover:var(--cui-color-brand-ochre-300);--cui-warning-surface-primary-active:var(--cui-color-brand-ochre-200);--cui-warning-surface-primary-selected:var(--cui-color-brand-ochre-250);--cui-warning-surface-primary-disabled:var(--cui-color-brand-ochre-75);--cui-warning-surface-secondary-default:var(--cui-color-brand-ochre-100);--cui-warning-surface-secondary-hover:var(--cui-color-brand-ochre-150);--cui-warning-surface-secondary-active:var(--cui-color-brand-ochre-250);--cui-warning-surface-secondary-selected:var(--cui-color-brand-ochre-200);--cui-warning-surface-secondary-disabled:var(--cui-color-brand-ochre-50);--cui-warning-text-primary-default:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-hover:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-active:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-selected:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-disabled:var(--cui-color-brand-ochre-500);--cui-warning-text-secondary-default:var(--cui-color-brand-ochre-800);--cui-warning-text-secondary-hover:var(--cui-color-brand-ochre-850);--cui-warning-text-secondary-active:var(--cui-color-brand-ochre-900);--cui-warning-text-secondary-selected:var(--cui-color-brand-ochre-900);--cui-warning-text-secondary-disabled:var(--cui-color-brand-ochre-500);--cui-warning-border-primary-default:var(--cui-color-brand-ochre-700);--cui-warning-border-primary-hover:var(--cui-color-brand-ochre-750);--cui-warning-border-primary-active:var(--cui-warning-surface-primary-active);--cui-warning-border-primary-selected:var(--cui-warning-surface-primary-selected);--cui-warning-border-primary-disabled:var(--cui-warning-surface-primary-disabled);--cui-warning-border-secondary-default:var(--cui-color-brand-ochre-600);--cui-warning-border-secondary-hover:var(--cui-color-brand-ochre-700);--cui-warning-border-secondary-active:var(--cui-warning-surface-secondary-active);--cui-warning-border-secondary-selected:var(--cui-warning-surface-secondary-selected);--cui-warning-border-secondary-disabled:var(--cui-warning-surface-secondary-disabled);--cui-warning-divider-primary-default:var(--cui-color-brand-ochre-700);--cui-warning-divider-primary-hover:var(--cui-color-brand-ochre-750);--cui-warning-divider-primary-active:var(--cui-color-brand-ochre-800);--cui-warning-divider-primary-selected:var(--cui-color-brand-ochre-750);--cui-warning-divider-primary-disabled:var(--cui-color-brand-ochre-300);--cui-warning-divider-secondary-default:var(--cui-color-brand-ochre-400);--cui-warning-divider-secondary-hover:var(--cui-color-brand-ochre-500);--cui-warning-divider-secondary-active:var(--cui-color-brand-ochre-600);--cui-warning-divider-secondary-selected:var(--cui-color-brand-ochre-500);--cui-warning-divider-secondary-disabled:var(--cui-color-brand-ochre-150);--cui-info-surface-primary-default:var(--cui-color-blue-600);--cui-info-surface-primary-hover:var(--cui-color-blue-700);--cui-info-surface-primary-active:var(--cui-color-blue-800);--cui-info-surface-primary-selected:var(--cui-color-blue-750);--cui-info-surface-primary-disabled:var(--cui-color-blue-75);--cui-info-surface-secondary-default:var(--cui-color-blue-100);--cui-info-surface-secondary-hover:var(--cui-color-blue-150);--cui-info-surface-secondary-active:var(--cui-color-blue-250);--cui-info-surface-secondary-selected:var(--cui-color-blue-200);--cui-info-surface-secondary-disabled:var(--cui-color-blue-50);--cui-info-text-primary-default:var(--cui-color-gray-0);--cui-info-text-primary-hover:var(--cui-color-gray-0);--cui-info-text-primary-active:var(--cui-color-gray-0);--cui-info-text-primary-selected:var(--cui-color-gray-0);--cui-info-text-primary-disabled:var(--cui-color-blue-500);--cui-info-text-secondary-default:var(--cui-color-blue-800);--cui-info-text-secondary-hover:var(--cui-color-blue-850);--cui-info-text-secondary-active:var(--cui-color-blue-900);--cui-info-text-secondary-selected:var(--cui-color-blue-900);--cui-info-text-secondary-disabled:var(--cui-color-blue-500);--cui-info-border-primary-default:var(--cui-color-blue-700);--cui-info-border-primary-hover:var(--cui-color-blue-750);--cui-info-border-primary-active:var(--cui-info-surface-primary-active);--cui-info-border-primary-selected:var(--cui-info-surface-primary-selected);--cui-info-border-primary-disabled:var(--cui-info-surface-primary-disabled);--cui-info-border-secondary-default:var(--cui-color-blue-600);--cui-info-border-secondary-hover:var(--cui-color-blue-700);--cui-info-border-secondary-active:var(--cui-info-surface-secondary-active);--cui-info-border-secondary-selected:var(--cui-info-surface-secondary-selected);--cui-info-border-secondary-disabled:var(--cui-info-surface-secondary-disabled);--cui-info-divider-primary-default:var(--cui-color-blue-300);--cui-info-divider-primary-hover:var(--cui-color-blue-250);--cui-info-divider-primary-active:var(--cui-color-blue-200);--cui-info-divider-primary-selected:var(--cui-color-blue-200);--cui-info-divider-primary-disabled:var(--cui-color-blue-700);--cui-info-divider-secondary-default:var(--cui-color-blue-400);--cui-info-divider-secondary-hover:var(--cui-color-blue-500);--cui-info-divider-secondary-active:var(--cui-color-blue-600);--cui-info-divider-secondary-selected:var(--cui-color-blue-500);--cui-info-divider-secondary-disabled:var(--cui-color-blue-150);--cui-neutral-surface-primary-default:var(--cui-color-gray-600);--cui-neutral-surface-primary-hover:var(--cui-color-gray-700);--cui-neutral-surface-primary-active:var(--cui-color-gray-800);--cui-neutral-surface-primary-selected:var(--cui-color-gray-750);--cui-neutral-surface-primary-disabled:var(--cui-color-gray-75);--cui-neutral-surface-secondary-default:var(--cui-color-gray-100);--cui-neutral-surface-secondary-hover:var(--cui-color-gray-150);--cui-neutral-surface-secondary-active:var(--cui-color-gray-250);--cui-neutral-surface-secondary-selected:var(--cui-color-gray-200);--cui-neutral-surface-secondary-disabled:var(--cui-color-gray-50);--cui-neutral-text-primary-default:var(--cui-color-gray-0);--cui-neutral-text-primary-hover:var(--cui-color-gray-0);--cui-neutral-text-primary-active:var(--cui-color-gray-0);--cui-neutral-text-primary-selected:var(--cui-color-gray-0);--cui-neutral-text-primary-disabled:var(--cui-color-gray-500);--cui-neutral-text-secondary-default:var(--cui-color-gray-800);--cui-neutral-text-secondary-hover:var(--cui-color-gray-850);--cui-neutral-text-secondary-active:var(--cui-color-gray-900);--cui-neutral-text-secondary-selected:var(--cui-color-gray-900);--cui-neutral-text-secondary-disabled:var(--cui-color-gray-500);--cui-neutral-border-primary-default:var(--cui-color-gray-700);--cui-neutral-border-primary-hover:var(--cui-color-gray-750);--cui-neutral-border-primary-active:var(--cui-neutral-surface-primary-active);--cui-neutral-border-primary-selected:var(--cui-neutral-surface-primary-selected);--cui-neutral-border-primary-disabled:var(--cui-neutral-surface-primary-disabled);--cui-neutral-border-secondary-default:var(--cui-color-gray-600);--cui-neutral-border-secondary-hover:var(--cui-color-gray-700);--cui-neutral-border-secondary-active:var(--cui-neutral-surface-secondary-active);--cui-neutral-border-secondary-selected:var(--cui-neutral-surface-secondary-selected);--cui-neutral-border-secondary-disabled:var(--cui-neutral-surface-secondary-disabled);--cui-neutral-divider-primary-default:var(--cui-color-gray-300);--cui-neutral-divider-primary-hover:var(--cui-color-gray-250);--cui-neutral-divider-primary-active:var(--cui-color-gray-200);--cui-neutral-divider-primary-selected:var(--cui-color-gray-200);--cui-neutral-divider-primary-disabled:var(--cui-color-gray-700);--cui-neutral-divider-secondary-default:var(--cui-color-gray-400);--cui-neutral-divider-secondary-hover:var(--cui-color-gray-500);--cui-neutral-divider-secondary-active:var(--cui-color-gray-600);--cui-neutral-divider-secondary-selected:var(--cui-color-gray-500);--cui-neutral-divider-secondary-disabled:var(--cui-color-gray-150);--cui-highlight-surface-primary-default:var(--cui-color-brand-violet-official);--cui-highlight-surface-primary-hover:var(--cui-color-brand-violet-600);--cui-highlight-surface-primary-active:var(--cui-color-brand-violet-750);--cui-highlight-surface-primary-selected:var(--cui-color-brand-violet-700);--cui-highlight-surface-primary-disabled:var(--cui-color-brand-violet-75);--cui-highlight-surface-secondary-default:var(--cui-color-brand-violet-100);--cui-highlight-surface-secondary-hover:var(--cui-color-brand-violet-150);--cui-highlight-surface-secondary-active:var(--cui-color-brand-violet-250);--cui-highlight-surface-secondary-selected:var(--cui-color-brand-violet-200);--cui-highlight-surface-secondary-disabled:var(--cui-color-brand-violet-50);--cui-highlight-text-primary-default:var(--cui-color-gray-0);--cui-highlight-text-primary-hover:var(--cui-color-gray-0);--cui-highlight-text-primary-active:var(--cui-color-gray-0);--cui-highlight-text-primary-selected:var(--cui-color-gray-0);--cui-highlight-text-primary-disabled:var(--cui-color-brand-violet-500);--cui-highlight-text-secondary-default:var(--cui-color-brand-violet-800);--cui-highlight-text-secondary-hover:var(--cui-color-brand-violet-850);--cui-highlight-text-secondary-active:var(--cui-color-brand-violet-900);--cui-highlight-text-secondary-selected:var(--cui-color-brand-violet-900);--cui-highlight-text-secondary-disabled:var(--cui-color-brand-violet-500);--cui-highlight-border-primary-default:var(--cui-color-brand-violet-700);--cui-highlight-border-primary-hover:var(--cui-color-brand-violet-750);--cui-highlight-border-primary-active:var(--cui-highlight-surface-primary-active);--cui-highlight-border-primary-selected:var(--cui-highlight-surface-primary-selected);--cui-highlight-border-primary-disabled:var(--cui-highlight-surface-primary-disabled);--cui-highlight-border-secondary-default:var(--cui-color-brand-violet-600);--cui-highlight-border-secondary-hover:var(--cui-color-brand-violet-700);--cui-highlight-border-secondary-active:var(--cui-highlight-surface-secondary-active);--cui-highlight-border-secondary-selected:var(--cui-highlight-surface-secondary-selected);--cui-highlight-border-secondary-disabled:var(--cui-highlight-surface-secondary-disabled);--cui-highlight-divider-primary-default:var(--cui-color-brand-violet-300);--cui-highlight-divider-primary-hover:var(--cui-color-brand-violet-250);--cui-highlight-divider-primary-active:var(--cui-color-brand-violet-200);--cui-highlight-divider-primary-selected:var(--cui-color-brand-violet-200);--cui-highlight-divider-primary-disabled:var(--cui-color-brand-violet-700);--cui-highlight-divider-secondary-default:var(--cui-color-brand-violet-400);--cui-highlight-divider-secondary-hover:var(--cui-color-brand-violet-500);--cui-highlight-divider-secondary-active:var(--cui-color-brand-violet-600);--cui-highlight-divider-secondary-selected:var(--cui-color-brand-violet-500);--cui-highlight-divider-secondary-disabled:var(--cui-color-brand-violet-150);--cui-focus-ring:var(--cui-color-blue-600);--cui-focus-ring-width:2px;--cui-focus-ring-offset:2px;--cui-font-family-base:'Allen Institute Text', system-ui, sans-serif;--cui-font-family-headline:'Allen Institute Headline', 'Allen Institute Text', system-ui, sans-serif;--cui-font-family-mono:'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace;--cui-font-size-xxs:10px;--cui-font-size-xs:11px;--cui-font-size-s:12px;--cui-font-size-m:14px;--cui-font-size-l:18px;--cui-font-size-xl:24px;--cui-font-size-xxl:32px;--cui-font-size-display-s:40px;--cui-font-size-display-m:48px;--cui-font-size-display-l:60px;--cui-font-weight-light:300;--cui-font-weight-normal:400;--cui-font-weight-medium:500;--cui-font-weight-semibold:600;--cui-font-weight-bold:700;--cui-line-height-tight:1.2;--cui-line-height-base:1.4;--cui-line-height-loose:1.6;--cui-letter-spacing-tight:-0.02em;--cui-letter-spacing-base:0;--cui-letter-spacing-wide:0.04em;--cui-spacing-xxxs:1px;--cui-spacing-xxs:2px;--cui-spacing-xs:4px;--cui-spacing-s:8px;--cui-spacing-m:12px;--cui-spacing-l:16px;--cui-spacing-xl:24px;--cui-spacing-xxl:32px;--cui-spacing-xxxl:48px;--cui-border-radius-none:0;--cui-border-radius-s:2px;--cui-border-radius-m:4px;--cui-border-radius-l:6px;--cui-border-radius-xl:8px;--cui-border-radius-full:9999px;--cui-border-width-xs:0.5px;--cui-border-width-s:1px;--cui-border-width-m:2px;--cui-border-width-l:4px;--cui-border-width-xl:8px;--cui-control-height-xs:16px;--cui-control-height-s:20px;--cui-control-height-m:24px;--cui-control-height-l:36px;--cui-control-height-xl:48px;--cui-control-padding-xs:var(--cui-spacing-xxxs) var(--cui-spacing-xxs);--cui-control-padding-s:var(--cui-spacing-xxs) var(--cui-spacing-xs);--cui-control-padding-m:var(--cui-spacing-xs) var(--cui-spacing-s);--cui-control-padding-l:var(--cui-spacing-s) var(--cui-spacing-m);--cui-control-padding-xl:var(--cui-spacing-m) var(--cui-spacing-l);--cui-shadow-s:0 1px 2px var(--cui-shadow-color-50);--cui-shadow-m:0 2px 4px var(--cui-shadow-color-100);--cui-shadow-l:0 4px 12px var(--cui-shadow-color-150);--cui-transition-fast:160ms ease;--cui-transition-base:240ms ease;--cui-transition-slow:320ms ease}:root[data-theme=dark]{--cui-base-bg-main:var(--cui-color-gray-950);--cui-base-bg-level-1:var(--cui-base-bg-main);--cui-base-bg-level-2:var(--cui-color-gray-925);--cui-base-bg-level-3:var(--cui-color-gray-900);--cui-base-divider-primary:var(--cui-color-gray-700);--cui-base-divider-secondary:var(--cui-color-gray-800);--cui-base-text-primary:var(--cui-color-gray-150);--cui-base-text-secondary:var(--cui-color-gray-400);--cui-base-border-primary:var(--cui-color-gray-400);--cui-base-border-secondary:var(--cui-color-gray-500);--cui-accent-surface-primary-default:var(--cui-color-brand-blue-400);--cui-accent-surface-primary-hover:var(--cui-color-brand-blue-300);--cui-accent-surface-primary-active:var(--cui-color-brand-blue-200);--cui-accent-surface-primary-selected:var(--cui-color-brand-blue-250);--cui-accent-surface-primary-disabled:var(--cui-color-brand-blue-850);--cui-accent-surface-secondary-default:var(--cui-color-brand-blue-900);--cui-accent-surface-secondary-hover:var(--cui-color-brand-blue-850);--cui-accent-surface-secondary-active:var(--cui-color-brand-blue-750);--cui-accent-surface-secondary-selected:var(--cui-color-brand-blue-800);--cui-accent-surface-secondary-disabled:var(--cui-color-brand-blue-950);--cui-accent-text-primary-default:var(--cui-color-brand-blue-975);--cui-accent-text-primary-hover:var(--cui-color-brand-blue-975);--cui-accent-text-primary-active:var(--cui-color-brand-blue-975);--cui-accent-text-primary-selected:var(--cui-color-brand-blue-975);--cui-accent-text-primary-disabled:var(--cui-color-brand-blue-500);--cui-accent-text-secondary-default:var(--cui-color-brand-blue-200);--cui-accent-text-secondary-hover:var(--cui-color-brand-blue-150);--cui-accent-text-secondary-active:var(--cui-color-brand-blue-100);--cui-accent-text-secondary-selected:var(--cui-color-brand-blue-100);--cui-accent-text-secondary-disabled:var(--cui-color-brand-blue-600);--cui-accent-border-primary-default:var(--cui-color-brand-blue-300);--cui-accent-border-primary-hover:var(--cui-color-brand-blue-250);--cui-accent-border-primary-active:var(--cui-accent-surface-primary-active);--cui-accent-border-primary-selected:var(--cui-accent-surface-primary-selected);--cui-accent-border-primary-disabled:var(--cui-accent-surface-primary-disabled);--cui-accent-border-secondary-default:var(--cui-color-brand-blue-500);--cui-accent-border-secondary-hover:var(--cui-color-brand-blue-400);--cui-accent-border-secondary-active:var(--cui-accent-surface-secondary-active);--cui-accent-border-secondary-selected:var(--cui-accent-surface-secondary-selected);--cui-accent-border-secondary-disabled:var(--cui-accent-surface-secondary-disabled);--cui-accent-divider-primary-default:var(--cui-color-brand-blue-700);--cui-accent-divider-primary-hover:var(--cui-color-brand-blue-750);--cui-accent-divider-primary-active:var(--cui-color-brand-blue-800);--cui-accent-divider-primary-selected:var(--cui-color-brand-blue-750);--cui-accent-divider-primary-disabled:var(--cui-color-brand-blue-300);--cui-accent-divider-secondary-default:var(--cui-color-brand-blue-700);--cui-accent-divider-secondary-hover:var(--cui-color-brand-blue-600);--cui-accent-divider-secondary-active:var(--cui-color-brand-blue-500);--cui-accent-divider-secondary-selected:var(--cui-color-brand-blue-600);--cui-accent-divider-secondary-disabled:var(--cui-color-brand-blue-850);--cui-positive-surface-primary-default:var(--cui-color-brand-teal-400);--cui-positive-surface-primary-hover:var(--cui-color-brand-teal-300);--cui-positive-surface-primary-active:var(--cui-color-brand-teal-200);--cui-positive-surface-primary-selected:var(--cui-color-brand-teal-250);--cui-positive-surface-primary-disabled:var(--cui-color-brand-teal-850);--cui-positive-surface-secondary-default:var(--cui-color-brand-teal-900);--cui-positive-surface-secondary-hover:var(--cui-color-brand-teal-850);--cui-positive-surface-secondary-active:var(--cui-color-brand-teal-750);--cui-positive-surface-secondary-selected:var(--cui-color-brand-teal-800);--cui-positive-surface-secondary-disabled:var(--cui-color-brand-teal-950);--cui-positive-text-primary-default:var(--cui-color-brand-teal-975);--cui-positive-text-primary-hover:var(--cui-color-brand-teal-975);--cui-positive-text-primary-active:var(--cui-color-brand-teal-975);--cui-positive-text-primary-selected:var(--cui-color-brand-teal-975);--cui-positive-text-primary-disabled:var(--cui-color-brand-teal-500);--cui-positive-text-secondary-default:var(--cui-color-brand-teal-200);--cui-positive-text-secondary-hover:var(--cui-color-brand-teal-150);--cui-positive-text-secondary-active:var(--cui-color-brand-teal-100);--cui-positive-text-secondary-selected:var(--cui-color-brand-teal-100);--cui-positive-text-secondary-disabled:var(--cui-color-brand-teal-600);--cui-positive-border-primary-default:var(--cui-color-brand-teal-300);--cui-positive-border-primary-hover:var(--cui-color-brand-teal-250);--cui-positive-border-primary-active:var(--cui-positive-surface-primary-active);--cui-positive-border-primary-selected:var(--cui-positive-surface-primary-selected);--cui-positive-border-primary-disabled:var(--cui-positive-surface-primary-disabled);--cui-positive-border-secondary-default:var(--cui-color-brand-teal-500);--cui-positive-border-secondary-hover:var(--cui-color-brand-teal-400);--cui-positive-border-secondary-active:var(--cui-positive-surface-secondary-active);--cui-positive-border-secondary-selected:var(--cui-positive-surface-secondary-selected);--cui-positive-border-secondary-disabled:var(--cui-positive-surface-secondary-disabled);--cui-positive-divider-primary-default:var(--cui-color-brand-teal-700);--cui-positive-divider-primary-hover:var(--cui-color-brand-teal-750);--cui-positive-divider-primary-active:var(--cui-color-brand-teal-800);--cui-positive-divider-primary-selected:var(--cui-color-brand-teal-750);--cui-positive-divider-primary-disabled:var(--cui-color-brand-teal-300);--cui-positive-divider-secondary-default:var(--cui-color-brand-teal-700);--cui-positive-divider-secondary-hover:var(--cui-color-brand-teal-600);--cui-positive-divider-secondary-active:var(--cui-color-brand-teal-500);--cui-positive-divider-secondary-selected:var(--cui-color-brand-teal-600);--cui-positive-divider-secondary-disabled:var(--cui-color-brand-teal-850);--cui-negative-surface-primary-default:var(--cui-color-brand-maroon-400);--cui-negative-surface-primary-hover:var(--cui-color-brand-maroon-300);--cui-negative-surface-primary-active:var(--cui-color-brand-maroon-200);--cui-negative-surface-primary-selected:var(--cui-color-brand-maroon-250);--cui-negative-surface-primary-disabled:var(--cui-color-brand-maroon-850);--cui-negative-surface-secondary-default:var(--cui-color-brand-maroon-900);--cui-negative-surface-secondary-hover:var(--cui-color-brand-maroon-850);--cui-negative-surface-secondary-active:var(--cui-color-brand-maroon-750);--cui-negative-surface-secondary-selected:var(--cui-color-brand-maroon-800);--cui-negative-surface-secondary-disabled:var(--cui-color-brand-maroon-950);--cui-negative-text-primary-default:var(--cui-color-brand-maroon-975);--cui-negative-text-primary-hover:var(--cui-color-brand-maroon-975);--cui-negative-text-primary-active:var(--cui-color-brand-maroon-975);--cui-negative-text-primary-selected:var(--cui-color-brand-maroon-975);--cui-negative-text-primary-disabled:var(--cui-color-brand-maroon-500);--cui-negative-text-secondary-default:var(--cui-color-brand-maroon-200);--cui-negative-text-secondary-hover:var(--cui-color-brand-maroon-150);--cui-negative-text-secondary-active:var(--cui-color-brand-maroon-100);--cui-negative-text-secondary-selected:var(--cui-color-brand-maroon-100);--cui-negative-text-secondary-disabled:var(--cui-color-brand-maroon-600);--cui-negative-border-primary-default:var(--cui-color-brand-maroon-300);--cui-negative-border-primary-hover:var(--cui-color-brand-maroon-250);--cui-negative-border-primary-active:var(--cui-negative-surface-primary-active);--cui-negative-border-primary-selected:var(--cui-negative-surface-primary-selected);--cui-negative-border-primary-disabled:var(--cui-negative-surface-primary-disabled);--cui-negative-border-secondary-default:var(--cui-color-brand-maroon-500);--cui-negative-border-secondary-hover:var(--cui-color-brand-maroon-400);--cui-negative-border-secondary-active:var(--cui-negative-surface-secondary-active);--cui-negative-border-secondary-selected:var(--cui-negative-surface-secondary-selected);--cui-negative-border-secondary-disabled:var(--cui-negative-surface-secondary-disabled);--cui-negative-divider-primary-default:var(--cui-color-brand-maroon-700);--cui-negative-divider-primary-hover:var(--cui-color-brand-maroon-750);--cui-negative-divider-primary-active:var(--cui-color-brand-maroon-800);--cui-negative-divider-primary-selected:var(--cui-color-brand-maroon-750);--cui-negative-divider-primary-disabled:var(--cui-color-brand-maroon-300);--cui-negative-divider-secondary-default:var(--cui-color-brand-maroon-700);--cui-negative-divider-secondary-hover:var(--cui-color-brand-maroon-600);--cui-negative-divider-secondary-active:var(--cui-color-brand-maroon-500);--cui-negative-divider-secondary-selected:var(--cui-color-brand-maroon-600);--cui-negative-divider-secondary-disabled:var(--cui-color-brand-maroon-850);--cui-warning-surface-primary-default:var(--cui-color-brand-ochre-400);--cui-warning-surface-primary-hover:var(--cui-color-brand-ochre-300);--cui-warning-surface-primary-active:var(--cui-color-brand-ochre-200);--cui-warning-surface-primary-selected:var(--cui-color-brand-ochre-250);--cui-warning-surface-primary-disabled:var(--cui-color-brand-ochre-850);--cui-warning-surface-secondary-default:var(--cui-color-brand-ochre-900);--cui-warning-surface-secondary-hover:var(--cui-color-brand-ochre-850);--cui-warning-surface-secondary-active:var(--cui-color-brand-ochre-750);--cui-warning-surface-secondary-selected:var(--cui-color-brand-ochre-800);--cui-warning-surface-secondary-disabled:var(--cui-color-brand-ochre-950);--cui-warning-text-primary-default:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-hover:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-active:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-selected:var(--cui-color-brand-ochre-975);--cui-warning-text-primary-disabled:var(--cui-color-brand-ochre-500);--cui-warning-text-secondary-default:var(--cui-color-brand-ochre-200);--cui-warning-text-secondary-hover:var(--cui-color-brand-ochre-150);--cui-warning-text-secondary-active:var(--cui-color-brand-ochre-100);--cui-warning-text-secondary-selected:var(--cui-color-brand-ochre-100);--cui-warning-text-secondary-disabled:var(--cui-color-brand-ochre-600);--cui-warning-border-primary-default:var(--cui-color-brand-ochre-300);--cui-warning-border-primary-hover:var(--cui-color-brand-ochre-250);--cui-warning-border-primary-active:var(--cui-warning-surface-primary-active);--cui-warning-border-primary-selected:var(--cui-warning-surface-primary-selected);--cui-warning-border-primary-disabled:var(--cui-warning-surface-primary-disabled);--cui-warning-border-secondary-default:var(--cui-color-brand-ochre-500);--cui-warning-border-secondary-hover:var(--cui-color-brand-ochre-400);--cui-warning-border-secondary-active:var(--cui-warning-surface-secondary-active);--cui-warning-border-secondary-selected:var(--cui-warning-surface-secondary-selected);--cui-warning-border-secondary-disabled:var(--cui-warning-surface-secondary-disabled);--cui-warning-divider-primary-default:var(--cui-color-brand-ochre-700);--cui-warning-divider-primary-hover:var(--cui-color-brand-ochre-750);--cui-warning-divider-primary-active:var(--cui-color-brand-ochre-800);--cui-warning-divider-primary-selected:var(--cui-color-brand-ochre-750);--cui-warning-divider-primary-disabled:var(--cui-color-brand-ochre-300);--cui-warning-divider-secondary-default:var(--cui-color-brand-ochre-700);--cui-warning-divider-secondary-hover:var(--cui-color-brand-ochre-600);--cui-warning-divider-secondary-active:var(--cui-color-brand-ochre-500);--cui-warning-divider-secondary-selected:var(--cui-color-brand-ochre-600);--cui-warning-divider-secondary-disabled:var(--cui-color-brand-ochre-850);--cui-info-surface-primary-default:var(--cui-color-blue-400);--cui-info-surface-primary-hover:var(--cui-color-blue-300);--cui-info-surface-primary-active:var(--cui-color-blue-200);--cui-info-surface-primary-selected:var(--cui-color-blue-250);--cui-info-surface-primary-disabled:var(--cui-color-blue-850);--cui-info-surface-secondary-default:var(--cui-color-blue-900);--cui-info-surface-secondary-hover:var(--cui-color-blue-850);--cui-info-surface-secondary-active:var(--cui-color-blue-750);--cui-info-surface-secondary-selected:var(--cui-color-blue-800);--cui-info-surface-secondary-disabled:var(--cui-color-blue-950);--cui-info-text-primary-default:var(--cui-color-blue-975);--cui-info-text-primary-hover:var(--cui-color-blue-975);--cui-info-text-primary-active:var(--cui-color-blue-975);--cui-info-text-primary-selected:var(--cui-color-blue-975);--cui-info-text-primary-disabled:var(--cui-color-blue-500);--cui-info-text-secondary-default:var(--cui-color-blue-200);--cui-info-text-secondary-hover:var(--cui-color-blue-150);--cui-info-text-secondary-active:var(--cui-color-blue-100);--cui-info-text-secondary-selected:var(--cui-color-blue-100);--cui-info-text-secondary-disabled:var(--cui-color-blue-600);--cui-info-border-primary-default:var(--cui-color-blue-300);--cui-info-border-primary-hover:var(--cui-color-blue-250);--cui-info-border-primary-active:var(--cui-info-surface-primary-active);--cui-info-border-primary-selected:var(--cui-info-surface-primary-selected);--cui-info-border-primary-disabled:var(--cui-info-surface-primary-disabled);--cui-info-border-secondary-default:var(--cui-color-blue-500);--cui-info-border-secondary-hover:var(--cui-color-blue-400);--cui-info-border-secondary-active:var(--cui-info-surface-secondary-active);--cui-info-border-secondary-selected:var(--cui-info-surface-secondary-selected);--cui-info-border-secondary-disabled:var(--cui-info-surface-secondary-disabled);--cui-info-divider-primary-default:var(--cui-color-blue-700);--cui-info-divider-primary-hover:var(--cui-color-blue-750);--cui-info-divider-primary-active:var(--cui-color-blue-800);--cui-info-divider-primary-selected:var(--cui-color-blue-750);--cui-info-divider-primary-disabled:var(--cui-color-blue-300);--cui-info-divider-secondary-default:var(--cui-color-blue-700);--cui-info-divider-secondary-hover:var(--cui-color-blue-600);--cui-info-divider-secondary-active:var(--cui-color-blue-500);--cui-info-divider-secondary-selected:var(--cui-color-blue-600);--cui-info-divider-secondary-disabled:var(--cui-color-blue-850);--cui-neutral-surface-primary-default:var(--cui-color-gray-400);--cui-neutral-surface-primary-hover:var(--cui-color-gray-300);--cui-neutral-surface-primary-active:var(--cui-color-gray-200);--cui-neutral-surface-primary-selected:var(--cui-color-gray-250);--cui-neutral-surface-primary-disabled:var(--cui-color-gray-850);--cui-neutral-surface-secondary-default:var(--cui-color-gray-900);--cui-neutral-surface-secondary-hover:var(--cui-color-gray-850);--cui-neutral-surface-secondary-active:var(--cui-color-gray-750);--cui-neutral-surface-secondary-selected:var(--cui-color-gray-800);--cui-neutral-surface-secondary-disabled:var(--cui-color-gray-950);--cui-neutral-text-primary-default:var(--cui-color-gray-975);--cui-neutral-text-primary-hover:var(--cui-color-gray-975);--cui-neutral-text-primary-active:var(--cui-color-gray-975);--cui-neutral-text-primary-selected:var(--cui-color-gray-975);--cui-neutral-text-primary-disabled:var(--cui-color-gray-500);--cui-neutral-text-secondary-default:var(--cui-color-gray-200);--cui-neutral-text-secondary-hover:var(--cui-color-gray-150);--cui-neutral-text-secondary-active:var(--cui-color-gray-100);--cui-neutral-text-secondary-selected:var(--cui-color-gray-100);--cui-neutral-text-secondary-disabled:var(--cui-color-gray-600);--cui-neutral-border-primary-default:var(--cui-color-gray-300);--cui-neutral-border-primary-hover:var(--cui-color-gray-250);--cui-neutral-border-primary-active:var(--cui-neutral-surface-primary-active);--cui-neutral-border-primary-selected:var(--cui-neutral-surface-primary-selected);--cui-neutral-border-primary-disabled:var(--cui-neutral-surface-primary-disabled);--cui-neutral-border-secondary-default:var(--cui-color-gray-500);--cui-neutral-border-secondary-hover:var(--cui-color-gray-400);--cui-neutral-border-secondary-active:var(--cui-neutral-surface-secondary-active);--cui-neutral-border-secondary-selected:var(--cui-neutral-surface-secondary-selected);--cui-neutral-border-secondary-disabled:var(--cui-neutral-surface-secondary-disabled);--cui-neutral-divider-primary-default:var(--cui-color-gray-700);--cui-neutral-divider-primary-hover:var(--cui-color-gray-750);--cui-neutral-divider-primary-active:var(--cui-color-gray-800);--cui-neutral-divider-primary-selected:var(--cui-color-gray-750);--cui-neutral-divider-primary-disabled:var(--cui-color-gray-300);--cui-neutral-divider-secondary-default:var(--cui-color-gray-700);--cui-neutral-divider-secondary-hover:var(--cui-color-gray-600);--cui-neutral-divider-secondary-active:var(--cui-color-gray-500);--cui-neutral-divider-secondary-selected:var(--cui-color-gray-600);--cui-neutral-divider-secondary-disabled:var(--cui-color-gray-850);--cui-highlight-surface-primary-default:var(--cui-color-brand-violet-400);--cui-highlight-surface-primary-hover:var(--cui-color-brand-violet-300);--cui-highlight-surface-primary-active:var(--cui-color-brand-violet-200);--cui-highlight-surface-primary-selected:var(--cui-color-brand-violet-250);--cui-highlight-surface-primary-disabled:var(--cui-color-brand-violet-850);--cui-highlight-surface-secondary-default:var(--cui-color-brand-violet-900);--cui-highlight-surface-secondary-hover:var(--cui-color-brand-violet-850);--cui-highlight-surface-secondary-active:var(--cui-color-brand-violet-750);--cui-highlight-surface-secondary-selected:var(--cui-color-brand-violet-800);--cui-highlight-surface-secondary-disabled:var(--cui-color-brand-violet-950);--cui-highlight-text-primary-default:var(--cui-color-brand-violet-975);--cui-highlight-text-primary-hover:var(--cui-color-brand-violet-975);--cui-highlight-text-primary-active:var(--cui-color-brand-violet-975);--cui-highlight-text-primary-selected:var(--cui-color-brand-violet-975);--cui-highlight-text-primary-disabled:var(--cui-color-brand-violet-500);--cui-highlight-text-secondary-default:var(--cui-color-brand-violet-200);--cui-highlight-text-secondary-hover:var(--cui-color-brand-violet-150);--cui-highlight-text-secondary-active:var(--cui-color-brand-violet-100);--cui-highlight-text-secondary-selected:var(--cui-color-brand-violet-100);--cui-highlight-text-secondary-disabled:var(--cui-color-brand-violet-600);--cui-highlight-border-primary-default:var(--cui-color-brand-violet-300);--cui-highlight-border-primary-hover:var(--cui-color-brand-violet-250);--cui-highlight-border-primary-active:var(--cui-highlight-surface-primary-active);--cui-highlight-border-primary-selected:var(--cui-highlight-surface-primary-selected);--cui-highlight-border-primary-disabled:var(--cui-highlight-surface-primary-disabled);--cui-highlight-border-secondary-default:var(--cui-color-brand-violet-500);--cui-highlight-border-secondary-hover:var(--cui-color-brand-violet-400);--cui-highlight-border-secondary-active:var(--cui-highlight-surface-secondary-active);--cui-highlight-border-secondary-selected:var(--cui-highlight-surface-secondary-selected);--cui-highlight-border-secondary-disabled:var(--cui-highlight-surface-secondary-disabled);--cui-highlight-divider-primary-default:var(--cui-color-brand-violet-700);--cui-highlight-divider-primary-hover:var(--cui-color-brand-violet-750);--cui-highlight-divider-primary-active:var(--cui-color-brand-violet-800);--cui-highlight-divider-primary-selected:var(--cui-color-brand-violet-750);--cui-highlight-divider-primary-disabled:var(--cui-color-brand-violet-300);--cui-highlight-divider-secondary-default:var(--cui-color-brand-violet-700);--cui-highlight-divider-secondary-hover:var(--cui-color-brand-violet-600);--cui-highlight-divider-secondary-active:var(--cui-color-brand-violet-500);--cui-highlight-divider-secondary-selected:var(--cui-color-brand-violet-600);--cui-highlight-divider-secondary-disabled:var(--cui-color-brand-violet-850);--cui-focus-ring:var(--cui-color-blue-500);--cui-shadow-s:0 0 0 var(--cui-border-width-s) var(--cui-color-gray-400), 0 1px 2px var(--cui-shadow-color-800);--cui-shadow-m:0 0 0 var(--cui-border-width-s) var(--cui-color-gray-400), 0 2px 4px var(--cui-shadow-color-900);--cui-shadow-l:0 0 0 var(--cui-border-width-s) var(--cui-color-gray-400), 0 4px 12px var(--cui-shadow-color-1000)}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--cui-font-family-base);font-size:var(--cui-font-size-m);line-height:var(--cui-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--cui-base-text-secondary);background:var(--cui-base-bg-main)}a{color:var(--cui-accent-text-secondary-default)}";function c(r,c,e){const i="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;r&&r!==i;){const i=Object.getOwnPropertyDescriptor(r,c);if(i&&(!e||i.get))return i;r=Object.getPrototypeOf(r)}}var e,i=(r,e)=>{var i;Object.entries(null!=(i=e.o.i)?i:{}).map((([i,[a]])=>{if(31&a||32&a){const a=r[i],o=c(Object.getPrototypeOf(r),i,!0)||Object.getOwnPropertyDescriptor(r,i);o&&Object.defineProperty(r,i,{get(){return o.get.call(this)},set(r){o.set.call(this,r)},configurable:!0,enumerable:!0}),e.u.has(i)?r[i]=e.u.get(i):void 0!==a&&(r[i]=a)}}))},a=r=>{if(r.__stencil__getHostRef)return r.__stencil__getHostRef()},o=(r,c)=>(0,console.error)(r,c),u=new Map,l="undefined"!=typeof window?window:{},d=l.HTMLElement||class{},n={l:0,t:"",jmp:r=>r(),raf:r=>requestAnimationFrame(r),ael:(r,c,e,i)=>r.addEventListener(c,e,i),rel:(r,c,e,i)=>r.removeEventListener(c,e,i),ce:(r,c)=>new CustomEvent(r,c)},t=(()=>{try{return!!l.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(r){}return!1})(),s=!!t&&(()=>!!l.document&&Object.getOwnPropertyDescriptor(l.document.adoptedStyleSheets,"length").writable)(),v=!1,b=[],y=[],f=()=>{var r;return(null==(r=l.document)?void 0:r.hidden)?m(p):n.raf(p)},g=(r,c)=>e=>{r.push(e),v||(v=!0,c&&4&n.l?m(p):f())},h=r=>{for(let c=0;c<r.length;c++)try{r[c](performance.now())}catch(r){o(r)}r.length=0},p=()=>{h(b),h(y),(v=b.length>0)&&f()},m=r=>Promise.resolve(void 0).then(r),x=g(y,!0),w=r=>{const c=new URL(r,n.t);return c.origin!==l.location.origin?c.href:c.pathname},$=r=>n.t=r;function j(){var c;const i=this.attachShadow({mode:"open"});if(void 0===e&&(e=null!=(c=function(r){if(!t)return;const c=new CSSStyleSheet;return c.replaceSync(r),c}(r))?c:null),e)s?i.adoptedStyleSheets.push(e):i.adoptedStyleSheets=[...i.adoptedStyleSheets,e];else if(!t){const c=document.createElement("style");c.innerHTML=r,i.prepend(c)}}var O,S=new WeakMap,k=r=>"sc-"+r.v,M=r=>"object"==(r=typeof r)||"function"===r,z=(r,c,...e)=>{let i=null,a=null,u=!1,l=!1;const d=[],n=c=>{for(let e=0;e<c.length;e++)if(i=c[e],Array.isArray(i))n(i);else if(null!=i&&"boolean"!=typeof i){if(u="function"!=typeof r&&!M(i))i+="";else if("function"!=typeof r&&void 0===i.l){o("Invalid vNode child");continue}u&&l?d[d.length-1].h+=i:d.push(u?A(null,i):i),l=u}};if(n(e),c){c.key&&(a=c.key);{const r=c.className||c.class;r&&(c.class="object"!=typeof r?r:Object.keys(r).filter((c=>r[c])).join(" "))}}const t=A(r,null);return t.p=c,d.length>0&&(t.m=d),t.$=a,t},A=(r,c)=>({l:0,j:r,h:null!=c?c:null,O:null,m:null,p:null,$:null}),C={},E=r=>{if(!r)return;const c=Object.keys(r);if(0===c.length)return;let e=!1;for(const i of c){if(e)break;for(const c of r[i])if("string"==typeof c){e=!0;break}}if(!e)return r;const i={};for(const e of c)i[e]=r[e].map((r=>"string"==typeof r?{[r]:0}:r));return i},N=(r,c)=>null==r||M(r)?r:4&c?"false"!==r&&(""===r||!!r):2&c?"string"==typeof r?parseFloat(r):"number"==typeof r?r:NaN:1&c?r+"":r,F=(r,c,e,i,o,u)=>{if(e===i)return;let l=((r,c)=>c in r)(r,c);if(c.toLowerCase(),"class"===c){const c=r.classList,a=L(e);let o=L(i);c.remove(...a.filter((r=>r&&!o.includes(r)))),c.add(...o.filter((r=>r&&!a.includes(r))))}else if("key"===c);else{if("a"===c[0]&&c.startsWith("attr:")){const e=c.slice(5);let o;{const c=a(r);if(c&&c.o&&c.o.i){const r=c.o.i[e];r&&r[1]&&(o=r[1])}}return o||(o=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==i||!1===i?!1===i&&""!==r.getAttribute(o)||r.removeAttribute(o):r.setAttribute(o,!0===i?"":i))}if("p"===c[0]&&c.startsWith("prop:")){const e=c.slice(5);try{r[e]=i}catch(r){}return}{const a=M(i);if((l||a&&null!==i)&&!o)try{if(r.tagName.includes("-"))r[c]!==i&&(r[c]=i);else{const a=null==i?"":i;"list"===c?l=!1:null!=e&&r[c]===a||("function"==typeof r.__lookupSetter__(c)?r[c]=a:r.setAttribute(c,a))}}catch(r){}null==i||!1===i?!1===i&&""!==r.getAttribute(c)||r.removeAttribute(c):(!l||4&u||o)&&!a&&1===r.nodeType&&r.setAttribute(c,i=!0===i?"":i)}}},H=/\s/,L=r=>("object"==typeof r&&r&&"baseVal"in r&&(r=r.baseVal),r&&"string"==typeof r?r.split(H):[]),_=(r,c,e)=>{const i=11===c.O.nodeType&&c.O.host?c.O.host:c.O,a=r&&r.p||{},o=c.p||{};for(const r of D(Object.keys(a)))r in o||F(i,r,a[r],void 0,e,c.l);for(const r of D(Object.keys(o)))F(i,r,a[r],o[r],e,c.l)};function D(r){return r.includes("ref")?[...r.filter((r=>"ref"!==r)),"ref"]:r}var P=!1,T=!1,U=(r,c,e)=>{const i=c.m[e];let a,o,u=0;if(null!=i.h)a=i.O=l.document.createTextNode(i.h);else{if(!l.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(a=i.O=l.document.createElement(i.j),_(null,i,T),i.m){const c="template"===i.j?a.content:a;for(u=0;u<i.m.length;++u)o=U(r,i,u),o&&c.appendChild(o)}}return a["s-hn"]=O,a},W=(r,c,e,i,a,o)=>{let u,l=r;for(l.shadowRoot&&l.tagName===O&&(l=l.shadowRoot),"template"===e.j&&(l=l.content);a<=o;++a)i[a]&&(u=U(null,e,a),u&&(i[a].O=u,q(l,u,c)))},I=(r,c,e)=>{for(let i=c;i<=e;++i){const c=r[i];if(c){const r=c.O;r&&r.remove()}}},R=(r,c,e=!1)=>r.j===c.j&&(e?(e&&!r.$&&c.$&&(r.$=c.$),!0):r.$===c.$),V=(r,c,e=!1)=>{const i=c.O=r.O,a=r.m,o=c.m,u=c.h;null==u?("slot"!==c.j||P||r.S!==c.S&&(c.O["s-sn"]=c.S||"",(r=>{n.l|=1;const c=r.closest(O.toLowerCase());if(null!=c){const e=Array.from(c.__childNodes||c.childNodes).find((r=>r["s-cr"])),i=Array.from(r.__childNodes||r.childNodes);for(const r of e?i.reverse():i)null!=r["s-sh"]&&(q(c,r,null!=e?e:null),r["s-sh"]=void 0)}n.l&=-2})(c.O.parentElement)),_(r,c,T),null!==a&&null!==o?((r,c,e,i,a=!1)=>{let o,u,l=0,d=0,n=0,t=0,s=c.length-1,v=c[0],b=c[s],y=i.length-1,f=i[0],g=i[y];const h="template"===e.j?r.content:r;for(;l<=s&&d<=y;)if(null==v)v=c[++l];else if(null==b)b=c[--s];else if(null==f)f=i[++d];else if(null==g)g=i[--y];else if(R(v,f,a))V(v,f,a),v=c[++l],f=i[++d];else if(R(b,g,a))V(b,g,a),b=c[--s],g=i[--y];else if(R(v,g,a))V(v,g,a),q(h,v.O,b.O.nextSibling),v=c[++l],g=i[--y];else if(R(b,f,a))V(b,f,a),q(h,b.O,v.O),b=c[--s],f=i[++d];else{for(n=-1,t=l;t<=s;++t)if(c[t]&&null!==c[t].$&&c[t].$===f.$){n=t;break}n>=0?(u=c[n],u.j!==f.j?o=U(c&&c[d],e,n):(V(u,f,a),c[n]=void 0,o=u.O),f=i[++d]):(o=U(c&&c[d],e,d),f=i[++d]),o&&q(v.O.parentNode,o,v.O)}l>s?W(r,null==i[y+1]?null:i[y+1].O,e,i,d,y):d>y&&I(c,l,s)})(i,a,c,o,e):null!==o?(null!==r.h&&(i.textContent=""),W(i,null,c,o,0,o.length-1)):!e&&null!==a&&I(a,0,a.length-1)):r.h!==u&&(i.data=u)},q=(r,c,e)=>r.__insertBefore?r.__insertBefore(c,e):null==r?void 0:r.insertBefore(c,e),Y=(r,c,e=!1)=>{const i=r.$hostElement$,a=r.o,o=r.k||A(null,null),u=(r=>r&&r.j===C)(c)?c:z(null,null,c);if(O=i.tagName,a.M&&(u.p=u.p||{},a.M.forEach((([r,c])=>{u.p[c]=i[r]}))),e&&u.p)for(const r of Object.keys(u.p))i.hasAttribute(r)&&!["key","ref","style","class"].includes(r)&&(u.p[r]=i[r]);u.j=null,u.l|=4,r.k=u,u.O=o.O=i.shadowRoot||i,P=!(!(1&a.l)||128&a.l),V(o,u,e)},Z=(r,c)=>{if(c&&!r.A&&c["s-p"]){const e=c["s-p"].push(new Promise((i=>r.A=()=>{c["s-p"].splice(e-1,1),i()})))}},B=(r,c)=>{if(r.l|=16,4&r.l)return void(r.l|=512);Z(r,r.C);const e=()=>G(r,c);if(!c)return x(e);queueMicrotask((()=>{e()}))},G=(r,c)=>{const e=r.$hostElement$,i=e;if(!i)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return a=er(i,c?"componentWillLoad":"componentWillUpdate",void 0,e),a=J(a,(()=>er(i,"componentWillRender",void 0,e))),J(a,(()=>Q(r,i,c)))},J=(r,c)=>K(r)?r.then(c).catch((r=>{console.error(r),c()})):c(),K=r=>r instanceof Promise||r&&r.then&&"function"==typeof r.then,Q=async(r,c,e)=>{var i;const a=r.$hostElement$,o=a["s-rc"];e&&(r=>{const c=r.o,e=r.$hostElement$,i=c.l,a=((r,c)=>{var e,i,a;const o=k(c),d=u.get(o);if(!l.document)return o;if(r=11===r.nodeType?r:l.document,d)if("string"==typeof d){let a,u=S.get(r=r.head||r);if(u||S.set(r,u=new Set),!u.has(o)){a=l.document.createElement("style"),a.textContent=d;const v=null!=(e=n.N)?e:function(){var r,c,e;return null!=(e=null==(c=null==(r=l.document.head)?void 0:r.querySelector('meta[name="csp-nonce"]'))?void 0:c.getAttribute("content"))?e:void 0}();if(null!=v&&a.setAttribute("nonce",v),!(1&c.l))if("HEAD"===r.nodeName){const c=r.querySelectorAll("link[rel=preconnect]"),e=c.length>0?c[c.length-1].nextSibling:r.querySelector("style");r.insertBefore(a,(null==e?void 0:e.parentNode)===r?e:null)}else if("host"in r)if(t){const c=new(null!=(i=r.defaultView)?i:r.ownerDocument.defaultView).CSSStyleSheet;c.replaceSync(d),s?r.adoptedStyleSheets.unshift(c):r.adoptedStyleSheets=[c,...r.adoptedStyleSheets]}else{const c=r.querySelector("style");c?c.textContent=d+c.textContent:r.prepend(a)}else r.append(a);1&c.l&&r.insertBefore(a,null),4&c.l&&(a.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),u&&u.add(o)}}else{let c=S.get(r);if(c||S.set(r,c=new Set),!c.has(o)){const e=null!=(a=r.defaultView)?a:r.ownerDocument.defaultView;let i;if(d.constructor===e.CSSStyleSheet)i=d;else{i=new e.CSSStyleSheet;for(let r=0;r<d.cssRules.length;r++)i.insertRule(d.cssRules[r].cssText,r)}s?r.adoptedStyleSheets.push(i):r.adoptedStyleSheets=[...r.adoptedStyleSheets,i],c.add(o)}}return o})(e.shadowRoot?e.shadowRoot:e.getRootNode(),c);10&i&&(e["s-sc"]=a,e.classList.add(a+"-h"))})(r);X(r,c,a,e),o&&(o.map((r=>r())),a["s-rc"]=void 0);{const c=null!=(i=a["s-p"])?i:[],e=()=>rr(r);0===c.length?e():(Promise.all(c).then(e).catch(e),r.l|=4,c.length=0)}},X=(r,c,e,i)=>{try{c=c.render(),r.l&=-17,r.l|=2,Y(r,c,i)}catch(c){o(c,r.$hostElement$)}return null},rr=r=>{const c=r.$hostElement$,e=c,i=r.C;er(e,"componentDidRender",void 0,c),64&r.l?er(e,"componentDidUpdate",void 0,c):(r.l|=64,ir(c),er(e,"componentDidLoad",void 0,c),r.F(c),i||cr()),r.A&&(r.A(),r.A=void 0),512&r.l&&m((()=>B(r,!1))),r.l&=-517},cr=()=>{m((()=>(r=>{const c=n.ce("appload",{detail:{namespace:"cortex-ui"}});return r.dispatchEvent(c),c})(l)))},er=(r,c,e,i)=>{if(r&&r[c])try{return r[c](e)}catch(r){o(r,i)}},ir=r=>r.classList.add("hydrated"),ar=(r,c,e,i)=>{const u=a(r);if(!u)return;const l=r,d=u.u.get(c),n=u.l,t=l;if(!((e=N(e,i.i[c][0]))===d||Number.isNaN(d)&&Number.isNaN(e))){if(u.u.set(c,e),i.H){const r=i.H[c];r&&r.map((r=>{try{const[[i,a]]=Object.entries(r);(128&n||1&a)&&(t?t[i](e,d,c):u.L.push((()=>{u._[i](e,d,c)})))}catch(r){o(r,l)}}))}if(2&n){if(t.componentShouldUpdate&&!1===t.componentShouldUpdate(e,d,c)&&!(16&n))return;16&n||B(u,!1)}}},or=(r,e)=>{var i,o;const u=r.prototype;{r.watchers&&!e.H&&(e.H=E(r.watchers)),r.deserializers&&!e.D&&(e.D=r.deserializers),r.serializers&&!e.P&&(e.P=r.serializers);const l=Object.entries(null!=(i=e.i)?i:{});l.map((([r,[i]])=>{if(31&i||32&i){const{get:o,set:l}=c(u,r)||{};o&&(e.i[r][0]|=2048),l&&(e.i[r][0]|=4096),Object.defineProperty(u,r,{get(){return o?o.apply(this):((r,c)=>a(this).u.get(c))(0,r)},configurable:!0,enumerable:!0}),Object.defineProperty(u,r,{set(c){const o=a(this);if(o){if(l)return void 0===(32&i?this[r]:o.$hostElement$[r])&&o.u.get(r)&&(c=o.u.get(r)),l.call(this,N(c,i)),void ar(this,r,c=32&i?this[r]:o.$hostElement$[r],e);ar(this,r,c,e)}}})}}));{const c=new Map;u.attributeChangedCallback=function(r,i,o){n.jmp((()=>{var d;const n=c.get(r),t=a(this);if(this.hasOwnProperty(n),u.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==o)return;if(null==n){const c=null==t?void 0:t.l;if(t&&c&&!(8&c)&&o!==i){const a=this,u=null==(d=e.H)?void 0:d[r];null==u||u.forEach((e=>{const[[u,l]]=Object.entries(e);null!=a[u]&&(128&c||1&l)&&a[u].call(a,o,i,r)}))}return}const s=l.find((([r])=>r===n)),v=s&&4&s[1][0],b=v&&null===o&&void 0===this[n];v&&(o=null!==o&&"false"!==o);const y=Object.getOwnPropertyDescriptor(u,n);b||o==this[n]||y.get&&!y.set||(this[n]=o)}))},r.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=e.H)?o:{}),...l.filter((([r,c])=>31&c[0])).map((([r,i])=>{var a;const o=i[1]||r;return c.set(o,r),512&i[0]&&(null==(a=e.M)||a.push([r,o])),o}))]))}}return r},ur=async(r,c,e)=>{let i;try{if(!(32&c.l)&&(c.l|=32,c.l&=-1025,i=r.constructor,customElements.whenDefined(r.localName).then((()=>c.l|=128)),i&&i.style)){let r;"string"==typeof i.style&&(r=i.style);const c=k(e);if(!u.has(c)){const i=()=>{};((r,c,e)=>{let i=u.get(r);t&&e?(i=i||new CSSStyleSheet,"string"==typeof i?i=c:i.replaceSync(c)):i=c,u.set(r,i)})(c,r,!!(1&e.l)),i()}}const a=c.C,o=()=>B(c,!0);a&&a["s-rc"]?a["s-rc"].push(o):o()}catch(e){o(e,r),c.A&&(c.A(),c.A=void 0),!c.F||1024&c.l||c.F(r)}},lr=(r,c)=>{const e={l:c[0],v:c[1]};try{e.i=c[2],e.H=E(r.H),e.D=r.D,e.P=r.P,e.M=[];const o=r.prototype.connectedCallback,u=r.prototype.disconnectedCallback;return Object.assign(r.prototype,{__hasHostListenerAttached:!1,__registerHost(){((r,c)=>{const e={l:0,$hostElement$:r,o:c,u:new Map,T:new Map};e.U=new Promise((r=>e.F=r)),r["s-p"]=[],r["s-rc"]=[];const a=e;r.__stencil__getHostRef=()=>a,512&c.l&&i(r,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!a(this))return;this.__hasHostListenerAttached=!0}(r=>{if(!(1&n.l)){const c=a(r);if(!c)return;const e=c.o,i=()=>{};if(1&c.l)(null==c?void 0:c._)||(1024&c.l?setTimeout((()=>ur(r,c,e)),1e3):(null==c?void 0:c.U)&&c.U.then((()=>{})));else{c.l|=1;{let e=r;for(;e=e.parentNode||e.host;)if(e["s-p"]){Z(c,c.C=e);break}}e.i&&Object.entries(e.i).map((([c,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(r,c)){const e=r[c];delete r[c],r[c]=e}})),ur(r,c,e)}i()}})(this),o&&o.call(this)},disconnectedCallback(){(async r=>{S.has(r)&&S.delete(r),r.shadowRoot&&S.has(r.shadowRoot)&&S.delete(r.shadowRoot)})(this),u&&u.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${e.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,e)}}),Object.defineProperty(r,"is",{value:e.v,configurable:!0}),or(r,e)}catch(c){return o(c),r}},dr=r=>n.N=r,nr=r=>Object.assign(n,r),tr=new WeakMap;function sr(r,c){let e=tr.get(c);e||(e={l:0,o:{l:0,v:c.tagName},$hostElement$:c},tr.set(c,e)),Y(e,r)}function vr(r){return r}export{d as H,w as getAssetPath,z as h,lr as p,sr as render,$ as setAssetPath,dr as setNonce,nr as setPlatformOptions,vr as t}
|