welcome-ui 10.3.4 → 10.4.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/dist/Badge.css +1 -1
- package/dist/Badge.js +23 -22
- package/dist/Swiper.js +2 -0
- package/dist/Tabs.css +1 -1
- package/dist/Tabs.js +108 -108
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/theme.css +1 -1
- package/dist/types/components/Badge/types.d.ts +1 -1
- package/dist/types/components/Tooltip/types.d.ts +1 -1
- package/dist/types/theme/generated/variables.d.ts +2 -0
- package/package.json +1 -1
package/dist/Badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_ex7gf_2{align-items:center;display:inline-flex;justify-content:center;background-color:var(--backgroundColor);border-radius:var(--borderRadius);color:var(--color);height:var(--height);max-height:var(--maxHeight);min-width:var(--minWidth);padding-block:var(--paddingBlock);padding-inline:var(--paddingInline);width:var(--width)}._size-lg_ex7gf_18{--borderRadius: var(--badge-border-radius-lg);--maxHeight: var(--badge-size-max-height-lg);--minWidth: var(--badge-size-min-width-lg);--paddingBlock: var(--badge-padding-block-lg);--paddingInline: var(--badge-padding-inline-lg)}._size-md_ex7gf_25{--borderRadius: var(--badge-border-radius-md);--maxHeight: var(--badge-size-max-height-md);--minWidth: var(--badge-size-min-width-md);--paddingBlock: var(--badge-padding-block-md);--paddingInline: var(--badge-padding-inline-md)}._size-sm_ex7gf_32{--borderRadius: var(--badge-border-radius-sm);--height: var(--badge-size-height);--width: var(--badge-size-width)}._variant-brand_ex7gf_37{--backgroundColor: var(--badge-color-background-brand);--color: var(--badge-color-text-brand)}._variant-neutral_ex7gf_41{--backgroundColor: var(--badge-color-background-neutral);--color: var(--badge-color-text-neutral)}._variant-warm_ex7gf_45{--backgroundColor: var(--badge-color-background-warm);--color: var(--badge-color-text-warm)}._variant-blue_ex7gf_49{--backgroundColor: var(--badge-color-background-blue);--color: var(--badge-color-text-blue)}._variant-red_ex7gf_53{--backgroundColor: var(--badge-color-background-red);--color: var(--badge-color-text-red)}}
|
package/dist/Badge.js
CHANGED
|
@@ -1,34 +1,35 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Badge.css';
|
|
3
3
|
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import { Text as
|
|
6
|
-
import { c } from "./index-PAaZGbyz.js";
|
|
7
|
-
const
|
|
8
|
-
root:
|
|
9
|
-
"size-lg": "_size-
|
|
10
|
-
"size-md": "_size-
|
|
11
|
-
"size-sm": "_size-
|
|
12
|
-
"variant-brand": "_variant-
|
|
13
|
-
"variant-neutral": "_variant-
|
|
14
|
-
"variant-warm": "_variant-
|
|
15
|
-
"variant-blue": "_variant-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
4
|
+
import { forwardRef as g } from "react";
|
|
5
|
+
import { Text as d } from "./Text.js";
|
|
6
|
+
import { c as b } from "./index-PAaZGbyz.js";
|
|
7
|
+
const f = "_root_ex7gf_2", v = {
|
|
8
|
+
root: f,
|
|
9
|
+
"size-lg": "_size-lg_ex7gf_18",
|
|
10
|
+
"size-md": "_size-md_ex7gf_25",
|
|
11
|
+
"size-sm": "_size-sm_ex7gf_32",
|
|
12
|
+
"variant-brand": "_variant-brand_ex7gf_37",
|
|
13
|
+
"variant-neutral": "_variant-neutral_ex7gf_41",
|
|
14
|
+
"variant-warm": "_variant-warm_ex7gf_45",
|
|
15
|
+
"variant-blue": "_variant-blue_ex7gf_49",
|
|
16
|
+
"variant-red": "_variant-red_ex7gf_53"
|
|
17
|
+
}, x = b(v), c = g(
|
|
18
|
+
({ children: a, className: t, size: e = "md", variant: s = "warm", withNumberAbbreviation: i, ...n }, o) => {
|
|
19
|
+
const _ = Number.isInteger(a) && i && a > 99 ? "99+" : a, m = e === "lg" ? "label-md-strong" : "label-sm-strong", l = e === "sm";
|
|
19
20
|
return /* @__PURE__ */ r(
|
|
20
21
|
"div",
|
|
21
22
|
{
|
|
22
|
-
...
|
|
23
|
-
className:
|
|
24
|
-
ref:
|
|
25
|
-
children: !l && /* @__PURE__ */ r(
|
|
23
|
+
...n,
|
|
24
|
+
className: x("root", `variant-${s}`, `size-${e}`, t),
|
|
25
|
+
ref: o,
|
|
26
|
+
children: !l && /* @__PURE__ */ r(d, { variant: m, children: _ })
|
|
26
27
|
}
|
|
27
28
|
);
|
|
28
29
|
}
|
|
29
30
|
);
|
|
30
|
-
|
|
31
|
+
c.displayName = "Badge";
|
|
31
32
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
c as Badge,
|
|
34
|
+
v as badgeClasses
|
|
34
35
|
};
|
package/dist/Swiper.js
CHANGED
|
@@ -169,10 +169,12 @@ const wo = /* @__PURE__ */ so(ho), yo = {
|
|
|
169
169
|
"--badge-color-background-blue": "#27a5d0",
|
|
170
170
|
"--badge-color-background-brand": "#ffcd00",
|
|
171
171
|
"--badge-color-background-neutral": "#000000",
|
|
172
|
+
"--badge-color-background-red": "#e1003a",
|
|
172
173
|
"--badge-color-background-warm": "#eae4de",
|
|
173
174
|
"--badge-color-text-blue": "#ffffff",
|
|
174
175
|
"--badge-color-text-brand": "#000000",
|
|
175
176
|
"--badge-color-text-neutral": "#ffffff",
|
|
177
|
+
"--badge-color-text-red": "#ffffff",
|
|
176
178
|
"--badge-color-text-warm": "#1e1c1a",
|
|
177
179
|
"--badge-padding-block-lg": "4px",
|
|
178
180
|
"--badge-padding-block-md": "2px",
|
package/dist/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_ijogm_2{display:flex;align-items:center;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease-in-out;cursor:pointer;border-radius:var(--radius-md);transition-duration:var(--duration-medium);font-weight:var(--font-weight-medium);gap:var(--tabGap);max-height:var(--tabItemMaxHeight);padding-block:var(--tabPaddingBlock);padding-inline:var(--tabPaddingInline);font-size:var(--tabFontSize);background-color:var(--tabItemBackgroundColor, var(--tab-color-background-unchecked-default));color:var(--tabItemColor, var(--tab-color-text-unchecked-default));box-shadow:inset 0 0 0 var(--tabItemBorderSize, var(--tab-border-width-unchecked)) var(--tabItemBorderColor, var(--tab-color-border-unchecked-default)),var(--tabItemBoxShadow, var(--elevation-10))}._root_ijogm_2:focus{outline:none!important;--tabItemColor: var(--tab-color-text-unchecked-pressed);--tabItemBackgroundColor: var(--tab-color-background-unchecked-pressed);--tabItemBorderColor: var(--tab-color-border-unchecked-pressed)}._root_ijogm_2:focus[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default)}._root_ijogm_2[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default);--tabItemBorderSize: var(--tab-border-width-checked)}._root_ijogm_2[aria-selected=true]:hover{--tabItemColor: var(--tab-color-text-checked-hover);--tabItemBackgroundColor: var(--tab-color-background-checked-hover);--tabItemBorderColor: var(--tab-color-border-checked-hover);--tabItemBorderSize: var(--tab-border-width-checked);--tabItemBoxShadow: var(--elevation-20)}._root_ijogm_2[aria-disabled=true]{cursor:not-allowed;--tabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._root_ijogm_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabItemColor: var(--tab-color-text-unchecked-hover);--tabItemBackgroundColor: var(--tab-color-background-unchecked-hover);--tabItemBorderColor: var(--tab-color-border-unchecked-hover);--tabItemBoxShadow: var(--elevation-20)}._size-lg_ijogm_58{--tabItemMaxHeight: var(--tab-size-max-height-lg);--tabPaddingBlock: var(--tab-padding-block-lg);--tabPaddingInline: var(--tab-padding-inline-lg);--tabFontSize: var(--font-size-sm);--tabGap: var(--tab-gap-content-lg)}._size-md_ijogm_65{--tabItemMaxHeight: var(--tab-size-max-height-md);--tabPaddingBlock: var(--tab-padding-block-md);--tabPaddingInline: var(--tab-padding-inline-md);--tabFontSize: var(--font-size-xs);--tabGap: var(--tab-gap-content-md)}._folder-icon_ijogm_75{color:var(--tabIconColor)}._folder-icon-blue_ijogm_78{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_ijogm_81{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_ijogm_84{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_ijogm_87{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_ijogm_90{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_ijogm_93{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_ijogm_96{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_ijogm_99{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_ijogm_102{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_ijogm_105{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_ijogm_108{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_ijogm_111{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_ijogm_114{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_ijogm_117{--tabIconColor: var(--color-beige-60)}._tab-list_ijogm_123{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_ijogm_123._size-lg_ijogm_58{--tabsGap: var(--tab-gap-content-lg)}._tab-list_ijogm_123._size-md_ijogm_65{--tabsGap: var(--tab-gap-content-md)}}
|
package/dist/Tabs.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
import './Tabs.css';
|
|
3
3
|
import { jsx as h, jsxs as L } from "react/jsx-runtime";
|
|
4
4
|
import { T as V, b as A, a as F } from "./tab-panel-BFzjhpJq.js";
|
|
5
|
-
import
|
|
5
|
+
import T, { createContext as C, useMemo as R, forwardRef as O } from "react";
|
|
6
6
|
import { c as w } from "./index-PAaZGbyz.js";
|
|
7
|
-
import { m as W, o as y, c as K, s as
|
|
7
|
+
import { m as W, o as y, c as K, s as p, d as m, g as Q, u as E, a as j, b as U } from "./Q5W46E73-ClIlNE6g.js";
|
|
8
8
|
import { Badge as D } from "./Badge.js";
|
|
9
9
|
import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
10
10
|
import { Icon as H } from "./Icon.js";
|
|
11
11
|
import { P as J, b as X } from "./JMU4N4M5-BRPvDp3v.js";
|
|
12
12
|
import { C as Y, a as Z } from "./WZWDIE3S-DDipnVYO.js";
|
|
13
|
-
import { b as ee, x as
|
|
13
|
+
import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
|
|
14
14
|
import { c as te, a as oe, u as ae } from "./IQYAUKXT-CMV5f3NE.js";
|
|
15
15
|
import { a as se } from "./CVCFNOHX-CeUlkMgT.js";
|
|
16
|
-
var
|
|
16
|
+
var ie = ee(
|
|
17
17
|
[X, Z],
|
|
18
18
|
[J, Y]
|
|
19
|
-
),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
function
|
|
19
|
+
), re = ie.useContext;
|
|
20
|
+
C(!1);
|
|
21
|
+
C(null);
|
|
22
|
+
function le({
|
|
23
23
|
composite: e,
|
|
24
24
|
combobox: a,
|
|
25
25
|
...t
|
|
26
26
|
} = {}) {
|
|
27
|
-
const
|
|
27
|
+
const r = [
|
|
28
28
|
"items",
|
|
29
29
|
"renderedItems",
|
|
30
30
|
"moves",
|
|
@@ -35,110 +35,110 @@ function ie({
|
|
|
35
35
|
"focusLoop",
|
|
36
36
|
"focusShift",
|
|
37
37
|
"focusWrap"
|
|
38
|
-
],
|
|
38
|
+
], l = W(
|
|
39
39
|
t.store,
|
|
40
|
-
y(e,
|
|
41
|
-
y(a,
|
|
42
|
-
),
|
|
40
|
+
y(e, r),
|
|
41
|
+
y(a, r)
|
|
42
|
+
), i = l == null ? void 0 : l.getState(), d = te({
|
|
43
43
|
...t,
|
|
44
|
-
store:
|
|
44
|
+
store: l,
|
|
45
45
|
// We need to explicitly set the default value of `includesBaseElement` to
|
|
46
46
|
// `false` since we don't want the composite store to default it to `true`
|
|
47
47
|
// when the activeId state is null, which could be the case when rendering
|
|
48
48
|
// combobox with tab.
|
|
49
|
-
includesBaseElement:
|
|
49
|
+
includesBaseElement: v(
|
|
50
50
|
t.includesBaseElement,
|
|
51
|
-
|
|
51
|
+
i == null ? void 0 : i.includesBaseElement,
|
|
52
52
|
!1
|
|
53
53
|
),
|
|
54
|
-
orientation:
|
|
54
|
+
orientation: v(
|
|
55
55
|
t.orientation,
|
|
56
|
-
|
|
56
|
+
i == null ? void 0 : i.orientation,
|
|
57
57
|
"horizontal"
|
|
58
58
|
),
|
|
59
|
-
focusLoop:
|
|
60
|
-
}),
|
|
59
|
+
focusLoop: v(t.focusLoop, i == null ? void 0 : i.focusLoop, !0)
|
|
60
|
+
}), b = oe(), I = {
|
|
61
61
|
...d.getState(),
|
|
62
|
-
selectedId:
|
|
62
|
+
selectedId: v(
|
|
63
63
|
t.selectedId,
|
|
64
|
-
|
|
64
|
+
i == null ? void 0 : i.selectedId,
|
|
65
65
|
t.defaultSelectedId
|
|
66
66
|
),
|
|
67
|
-
selectOnMove:
|
|
67
|
+
selectOnMove: v(
|
|
68
68
|
t.selectOnMove,
|
|
69
|
-
|
|
69
|
+
i == null ? void 0 : i.selectOnMove,
|
|
70
70
|
!0
|
|
71
71
|
)
|
|
72
|
-
}, o = K(I, d,
|
|
73
|
-
|
|
72
|
+
}, o = K(I, d, l);
|
|
73
|
+
p(
|
|
74
74
|
o,
|
|
75
|
-
() =>
|
|
75
|
+
() => m(o, ["moves"], () => {
|
|
76
76
|
const { activeId: s, selectOnMove: n } = o.getState();
|
|
77
77
|
if (!n || !s) return;
|
|
78
78
|
const c = d.item(s);
|
|
79
79
|
c && (c.dimmed || c.disabled || o.setState("selectedId", c.id));
|
|
80
80
|
})
|
|
81
81
|
);
|
|
82
|
-
let
|
|
83
|
-
|
|
82
|
+
let u = !0;
|
|
83
|
+
p(
|
|
84
84
|
o,
|
|
85
85
|
() => Q(o, ["selectedId"], (s, n) => {
|
|
86
|
-
if (!
|
|
87
|
-
|
|
86
|
+
if (!u) {
|
|
87
|
+
u = !0;
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
90
90
|
e && s.selectedId === n.selectedId || o.setState("activeId", s.selectedId);
|
|
91
91
|
})
|
|
92
|
-
),
|
|
92
|
+
), p(
|
|
93
93
|
o,
|
|
94
|
-
() =>
|
|
94
|
+
() => m(o, ["selectedId", "renderedItems"], (s) => {
|
|
95
95
|
if (s.selectedId !== void 0) return;
|
|
96
96
|
const { activeId: n, renderedItems: c } = o.getState(), f = d.item(n);
|
|
97
97
|
if (f && !f.disabled && !f.dimmed)
|
|
98
98
|
o.setState("selectedId", f.id);
|
|
99
99
|
else {
|
|
100
100
|
const k = c.find(
|
|
101
|
-
(
|
|
101
|
+
(g) => !g.disabled && !g.dimmed
|
|
102
102
|
);
|
|
103
103
|
o.setState("selectedId", k == null ? void 0 : k.id);
|
|
104
104
|
}
|
|
105
105
|
})
|
|
106
|
-
),
|
|
106
|
+
), p(
|
|
107
107
|
o,
|
|
108
|
-
() =>
|
|
108
|
+
() => m(o, ["renderedItems"], (s) => {
|
|
109
109
|
const n = s.renderedItems;
|
|
110
110
|
if (n.length)
|
|
111
|
-
return
|
|
111
|
+
return m(b, ["renderedItems"], (c) => {
|
|
112
112
|
const f = c.renderedItems;
|
|
113
|
-
f.some((
|
|
114
|
-
if (
|
|
113
|
+
f.some((g) => !g.tabId) && f.forEach((g, B) => {
|
|
114
|
+
if (g.tabId) return;
|
|
115
115
|
const x = n[B];
|
|
116
|
-
x &&
|
|
116
|
+
x && b.renderItem({ ...g, tabId: x.id });
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
119
|
})
|
|
120
120
|
);
|
|
121
121
|
let _ = null;
|
|
122
|
-
return
|
|
122
|
+
return p(o, () => {
|
|
123
123
|
const s = () => {
|
|
124
124
|
_ = o.getState().selectedId;
|
|
125
125
|
}, n = () => {
|
|
126
|
-
|
|
126
|
+
u = !1, o.setState("selectedId", _);
|
|
127
127
|
};
|
|
128
128
|
if (e && "setSelectElement" in e)
|
|
129
|
-
return
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
return z(
|
|
130
|
+
m(e, ["value"], s),
|
|
131
|
+
m(e, ["mounted"], n)
|
|
132
132
|
);
|
|
133
133
|
if (a)
|
|
134
|
-
return
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
return z(
|
|
135
|
+
m(a, ["selectedValue"], s),
|
|
136
|
+
m(a, ["mounted"], n)
|
|
137
137
|
);
|
|
138
138
|
}), {
|
|
139
139
|
...d,
|
|
140
140
|
...o,
|
|
141
|
-
panels:
|
|
141
|
+
panels: b,
|
|
142
142
|
setSelectedId: (s) => o.setState("selectedId", s),
|
|
143
143
|
select: (s) => {
|
|
144
144
|
o.setState("selectedId", s), d.move(s);
|
|
@@ -146,49 +146,49 @@ function ie({
|
|
|
146
146
|
};
|
|
147
147
|
}
|
|
148
148
|
function ne(e, a, t) {
|
|
149
|
-
|
|
150
|
-
const [
|
|
151
|
-
return
|
|
152
|
-
R(() => ({ ...e, panels:
|
|
149
|
+
P(a, [t.composite, t.combobox]), e = ae(e, a, t), j(e, t, "selectedId", "setSelectedId"), j(e, t, "selectOnMove");
|
|
150
|
+
const [r, l] = E(() => e.panels, {});
|
|
151
|
+
return P(l, [e, l]), Object.assign(
|
|
152
|
+
R(() => ({ ...e, panels: r }), [e, r]),
|
|
153
153
|
{ composite: t.composite, combobox: t.combobox }
|
|
154
154
|
);
|
|
155
155
|
}
|
|
156
156
|
function Fe(e = {}) {
|
|
157
|
-
const a = se(), t =
|
|
157
|
+
const a = se(), t = re() || a;
|
|
158
158
|
e = {
|
|
159
159
|
...e,
|
|
160
160
|
composite: e.composite !== void 0 ? e.composite : t,
|
|
161
161
|
combobox: e.combobox !== void 0 ? e.combobox : a
|
|
162
162
|
};
|
|
163
|
-
const [
|
|
164
|
-
return ne(
|
|
163
|
+
const [r, l] = E(le, e);
|
|
164
|
+
return ne(r, l, e);
|
|
165
165
|
}
|
|
166
|
-
const
|
|
166
|
+
const N = T.createContext(null);
|
|
167
167
|
function ce() {
|
|
168
|
-
const e =
|
|
168
|
+
const e = T.useContext(N);
|
|
169
169
|
return (e == null ? void 0 : e.size) || "lg";
|
|
170
170
|
}
|
|
171
|
-
const de = "
|
|
171
|
+
const de = "_root_ijogm_2", S = {
|
|
172
172
|
root: de,
|
|
173
|
-
"size-lg": "_size-
|
|
174
|
-
"size-md": "_size-
|
|
175
|
-
"folder-icon": "_folder-
|
|
176
|
-
"folder-icon-blue": "_folder-icon-
|
|
177
|
-
"folder-icon-blue-active": "_folder-icon-blue-
|
|
178
|
-
"folder-icon-green": "_folder-icon-
|
|
179
|
-
"folder-icon-green-active": "_folder-icon-green-
|
|
180
|
-
"folder-icon-orange": "_folder-icon-
|
|
181
|
-
"folder-icon-orange-active": "_folder-icon-orange-
|
|
182
|
-
"folder-icon-pink": "_folder-icon-
|
|
183
|
-
"folder-icon-pink-active": "_folder-icon-pink-
|
|
184
|
-
"folder-icon-teal": "_folder-icon-
|
|
185
|
-
"folder-icon-teal-active": "_folder-icon-teal-
|
|
186
|
-
"folder-icon-violet": "_folder-icon-
|
|
187
|
-
"folder-icon-violet-active": "_folder-icon-violet-
|
|
188
|
-
"folder-icon-warm": "_folder-icon-
|
|
189
|
-
"folder-icon-warm-active": "_folder-icon-warm-
|
|
190
|
-
"tab-list": "_tab-
|
|
191
|
-
},
|
|
173
|
+
"size-lg": "_size-lg_ijogm_58",
|
|
174
|
+
"size-md": "_size-md_ijogm_65",
|
|
175
|
+
"folder-icon": "_folder-icon_ijogm_75",
|
|
176
|
+
"folder-icon-blue": "_folder-icon-blue_ijogm_78",
|
|
177
|
+
"folder-icon-blue-active": "_folder-icon-blue-active_ijogm_81",
|
|
178
|
+
"folder-icon-green": "_folder-icon-green_ijogm_84",
|
|
179
|
+
"folder-icon-green-active": "_folder-icon-green-active_ijogm_87",
|
|
180
|
+
"folder-icon-orange": "_folder-icon-orange_ijogm_90",
|
|
181
|
+
"folder-icon-orange-active": "_folder-icon-orange-active_ijogm_93",
|
|
182
|
+
"folder-icon-pink": "_folder-icon-pink_ijogm_96",
|
|
183
|
+
"folder-icon-pink-active": "_folder-icon-pink-active_ijogm_99",
|
|
184
|
+
"folder-icon-teal": "_folder-icon-teal_ijogm_102",
|
|
185
|
+
"folder-icon-teal-active": "_folder-icon-teal-active_ijogm_105",
|
|
186
|
+
"folder-icon-violet": "_folder-icon-violet_ijogm_108",
|
|
187
|
+
"folder-icon-violet-active": "_folder-icon-violet-active_ijogm_111",
|
|
188
|
+
"folder-icon-warm": "_folder-icon-warm_ijogm_114",
|
|
189
|
+
"folder-icon-warm-active": "_folder-icon-warm-active_ijogm_117",
|
|
190
|
+
"tab-list": "_tab-list_ijogm_123"
|
|
191
|
+
}, me = [
|
|
192
192
|
"angle-left-b",
|
|
193
193
|
"angle-right-b",
|
|
194
194
|
"angle-up",
|
|
@@ -205,7 +205,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
205
205
|
"angle-double-right",
|
|
206
206
|
"angle-left",
|
|
207
207
|
"angle-right"
|
|
208
|
-
],
|
|
208
|
+
], ue = [
|
|
209
209
|
"asterisk",
|
|
210
210
|
"info-circle",
|
|
211
211
|
"chart-line",
|
|
@@ -261,7 +261,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
261
261
|
"share",
|
|
262
262
|
"bulk",
|
|
263
263
|
"bulk-active"
|
|
264
|
-
], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"],
|
|
264
|
+
], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"], ge = [
|
|
265
265
|
"music",
|
|
266
266
|
"rocket",
|
|
267
267
|
"file-alt",
|
|
@@ -345,7 +345,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
345
345
|
"certified",
|
|
346
346
|
// (not unicons, personal mashup)
|
|
347
347
|
"plug"
|
|
348
|
-
],
|
|
348
|
+
], be = [
|
|
349
349
|
"play",
|
|
350
350
|
"play-solid",
|
|
351
351
|
"stop-circle-solid",
|
|
@@ -451,7 +451,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
451
451
|
"redo",
|
|
452
452
|
"play",
|
|
453
453
|
"ban"
|
|
454
|
-
],
|
|
454
|
+
], pe = ["folder", "folder-open", "folder-full", "file", "image"], ve = [
|
|
455
455
|
"bold",
|
|
456
456
|
"arrow",
|
|
457
457
|
"brackets-curly",
|
|
@@ -505,15 +505,15 @@ const de = "_root_cdobv_2", S = {
|
|
|
505
505
|
"medium"
|
|
506
506
|
// (not unicons)
|
|
507
507
|
], Ie = ["symbol", "wttj"], ke = ["flag-fr", "flag-en", "flag-us"], we = [
|
|
508
|
-
...me,
|
|
509
508
|
...ue,
|
|
509
|
+
...me,
|
|
510
510
|
..._e,
|
|
511
511
|
...fe,
|
|
512
|
-
...ge,
|
|
513
|
-
...ke,
|
|
514
512
|
...pe,
|
|
515
|
-
...
|
|
513
|
+
...ke,
|
|
516
514
|
...ve,
|
|
515
|
+
...ge,
|
|
516
|
+
...be,
|
|
517
517
|
...Ie,
|
|
518
518
|
...he
|
|
519
519
|
], Se = (e) => we.includes(e), xe = w(S);
|
|
@@ -521,60 +521,60 @@ function ye({
|
|
|
521
521
|
icon: e,
|
|
522
522
|
iconColor: a,
|
|
523
523
|
isActive: t,
|
|
524
|
-
size:
|
|
524
|
+
size: r
|
|
525
525
|
}) {
|
|
526
526
|
return e ? typeof e != "string" || !Se(e) ? e : /* @__PURE__ */ h(
|
|
527
527
|
H,
|
|
528
528
|
{
|
|
529
529
|
className: a ? xe("folder-icon", `folder-icon-${a}${t ? "-active" : ""}`) : void 0,
|
|
530
530
|
name: e,
|
|
531
|
-
size:
|
|
531
|
+
size: r
|
|
532
532
|
}
|
|
533
533
|
) : null;
|
|
534
534
|
}
|
|
535
|
-
const
|
|
536
|
-
({ as: e, badge: a, children: t, className:
|
|
537
|
-
const
|
|
538
|
-
icon:
|
|
539
|
-
iconColor:
|
|
535
|
+
const je = w(S), $ = G(
|
|
536
|
+
({ as: e, badge: a, children: t, className: r, icon: l, iconColor: i = "violet", id: d, store: b, ...I }, o) => {
|
|
537
|
+
const u = ce(), { selectedId: _ } = U(b), s = _ === d, n = ye({
|
|
538
|
+
icon: l,
|
|
539
|
+
iconColor: i,
|
|
540
540
|
isActive: s,
|
|
541
|
-
size:
|
|
541
|
+
size: u
|
|
542
542
|
}), c = s ? "neutral" : "warm";
|
|
543
543
|
return /* @__PURE__ */ L(
|
|
544
544
|
V,
|
|
545
545
|
{
|
|
546
|
-
className:
|
|
546
|
+
className: je("root", `size-${u}`, r),
|
|
547
547
|
id: d,
|
|
548
548
|
ref: o,
|
|
549
549
|
render: e ? /* @__PURE__ */ h(e, {}) : void 0,
|
|
550
|
-
store:
|
|
550
|
+
store: b,
|
|
551
551
|
...I,
|
|
552
552
|
children: [
|
|
553
553
|
n,
|
|
554
554
|
t,
|
|
555
|
-
a ? /* @__PURE__ */ h(D, { size:
|
|
555
|
+
a ? /* @__PURE__ */ h(D, { size: u, variant: c, children: a }) : null
|
|
556
556
|
]
|
|
557
557
|
}
|
|
558
558
|
);
|
|
559
559
|
}
|
|
560
560
|
);
|
|
561
|
-
|
|
562
|
-
const
|
|
563
|
-
|
|
564
|
-
const
|
|
565
|
-
({ children: e, className: a, size: t = "lg", store:
|
|
561
|
+
$.displayName = "Tabs.Tab";
|
|
562
|
+
const M = O(({ children: e, ...a }, t) => /* @__PURE__ */ h(A, { ref: t, ...a, children: e }));
|
|
563
|
+
M.displayName = "Tabs.Panel";
|
|
564
|
+
const ze = w(S), q = O(
|
|
565
|
+
({ children: e, className: a, size: t = "lg", store: r, ...l }, i) => /* @__PURE__ */ h(
|
|
566
566
|
F,
|
|
567
567
|
{
|
|
568
|
-
className:
|
|
569
|
-
ref:
|
|
570
|
-
store:
|
|
571
|
-
...
|
|
572
|
-
children: /* @__PURE__ */ h(
|
|
568
|
+
className: ze("tab-list", `size-${t}`, a),
|
|
569
|
+
ref: i,
|
|
570
|
+
store: r,
|
|
571
|
+
...l,
|
|
572
|
+
children: /* @__PURE__ */ h(N.Provider, { value: { size: t }, children: e })
|
|
573
573
|
}
|
|
574
574
|
)
|
|
575
575
|
);
|
|
576
576
|
q.displayName = "Tabs";
|
|
577
|
-
const Re = Object.assign(q, { Panel:
|
|
577
|
+
const Re = Object.assign(q, { Panel: M, Tab: $ });
|
|
578
578
|
export {
|
|
579
579
|
Re as Tabs,
|
|
580
580
|
q as TabsComponent,
|
package/dist/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_1r2b3_2{display:flex;flex-direction:column;gap:var(--tooltip-gap-content);background-color:var(--tooltip-color-background);border:var(--tooltip-border-width) solid var(--tooltip-color-border);border-radius:var(--tooltip-border-radius);box-sizing:border-box;color:var(--tooltip-color-text);max-width:12.5rem;padding:var(--tooltip-padding-block) var(--tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_1r2b3_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_1r2b3_24{display:inline}}
|
package/dist/Tooltip.js
CHANGED
|
@@ -159,7 +159,7 @@ function Te(t = {}) {
|
|
|
159
159
|
const [e, o] = te(Se, t);
|
|
160
160
|
return he(e, o, t);
|
|
161
161
|
}
|
|
162
|
-
const be = "
|
|
162
|
+
const be = "_root_1r2b3_2", ye = "_childItem_1r2b3_24", Ee = {
|
|
163
163
|
root: be,
|
|
164
164
|
childItem: ye
|
|
165
165
|
}, E = se(Ee), Pe = ae(
|
package/dist/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --grid-pattern: repeating-linear-gradient(0,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)),repeating-linear-gradient(90deg,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)); --accordion-padding-block-content: 16px; --accordion-padding-gap-content: 8px; --accordion-padding-gap-subtitle: 4px; --accordion-padding-gap-tags: 4px; --accordion-padding-size-icon-lg: 16px; --accordion-padding-size-icon-md: 16px; --accordion-padding-size-max-height-lg: 32px; --accordion-padding-size-max-height-md: 24px; --accordion-subtitle-color-text-default: #212121; --accordion-title-color-background: rgba(255,255,255,0); --accordion-title-color-icon-default: #000000; --accordion-title-color-text-default: #000000; --alert-border-radius: 8px; --alert-border-width-ai: 2px; --alert-color-background-ai: #ffffff; --alert-color-background-brand: #fff8d9; --alert-color-background-danger: #fbdedc; --alert-color-background-information: #e0f5ff; --alert-color-background-success: #e7fbd3; --alert-color-background-warning: #ffebce; --alert-color-icon-default: rgba(0,0,0,.26); --alert-color-text-ai-body: #212121; --alert-color-text-ai-title: #000000; --alert-color-text-brand-body: #423500; --alert-color-text-brand-title: #000000; --alert-color-text-danger-body: #450101; --alert-color-text-danger-title: #000000; --alert-color-text-information-body: #00202b; --alert-color-text-information-title: #000000; --alert-color-text-success-body: #142603; --alert-color-text-success-title: #000000; --alert-color-text-warning-body: #382303; --alert-color-text-warning-title: #000000; --alert-gap-actions-lg: 12px; --alert-gap-actions-md: 8px; --alert-gap-content-lg: 12px; --alert-gap-content-md: 8px; --alert-icon-border-radius: 8px; --alert-icon-color-background-brand: #ffe166; --alert-icon-color-background-danger: #fdb3ae; --alert-icon-color-background-information: #9bdef7; --alert-icon-color-background-success: #cfebb0; --alert-icon-color-background-warning: #ffbb59; --alert-icon-color-icon-ai: #ffffff; --alert-icon-color-icon-brand: #423500; --alert-icon-color-icon-danger: #450101; --alert-icon-color-icon-information: #00202b; --alert-icon-color-icon-success: #142603; --alert-icon-color-icon-warning: #382303; --alert-icon-padding-block: 4px; --alert-icon-padding-inline: 4px; --alert-padding-block-lg: 32px; --alert-padding-block-md: 16px; --alert-padding-inline-lg: 32px; --alert-padding-inline-md: 16px; --alert-size-icon: 24px; --avatar-border-radius: calc(infinity * 1px); --avatar-color-background-initials-blue: #55c3e9; --avatar-color-background-initials-green: #bade94; --avatar-color-background-initials-orange: #ff9868; --avatar-color-background-initials-pink: #f696c8; --avatar-color-background-initials-teal: #00c7ae; --avatar-color-background-initials-violet: #acacff; --avatar-color-background-placeholder: #f6f3ef; --avatar-color-icon-placeholder: #a7a096; --avatar-color-text-initials-blue: #013c50; --avatar-color-text-initials-green: #2a4210; --avatar-color-text-initials-orange: #6d2605; --avatar-color-text-initials-pink: #5c2944; --avatar-color-text-initials-teal: #053731; --avatar-color-text-initials-violet: #3c2e63; --avatar-size-lg: 64px; --avatar-size-md: 48px; --avatar-size-sm: 32px; --avatar-size-xs: 24px; --badge-border-radius-lg: 8px; --badge-border-radius-md: 4px; --badge-border-radius-sm: calc(infinity * 1px); --badge-color-background-blue: #27a5d0; --badge-color-background-brand: #ffcd00; --badge-color-background-neutral: #000000; --badge-color-background-warm: #eae4de; --badge-color-text-blue: #ffffff; --badge-color-text-brand: #000000; --badge-color-text-neutral: #ffffff; --badge-color-text-warm: #1e1c1a; --badge-padding-block-lg: 4px; --badge-padding-block-md: 2px; --badge-padding-inline-lg: 4px; --badge-padding-inline-md: 4px; --badge-size-height: 8px; --badge-size-max-height-lg: 20px; --badge-size-max-height-md: 16px; --badge-size-min-width-lg: 20px; --badge-size-min-width-md: 16px; --badge-size-width: 8px; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-none: 0; --radius-none: 0; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-width-lg: 6px; --border-width-md: 4px; --border-width-sm: 2px; --border-width-xs: 1px; --breadcrumb-color-icon-active: #000000; --breadcrumb-color-icon-default: #605b55; --breadcrumb-color-icon-hover: #33302d; --breadcrumb-color-text-active: #000000; --breadcrumb-color-text-default: #605b55; --breadcrumb-color-text-hover: #33302d; --breadcrumb-gap-content: 4px; --breadcrumb-size-icon: 16px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0; --button-border-radius: 8px; --button-border-width-ai: 2px; --button-border-width-focused: 4px; --button-border-width-secondary: 1px; --button-color-background-primary-ai-default: #ffffff; --button-color-background-primary-ai-disabled: #f3f3f3; --button-color-background-primary-ai-focused: #ffffff; --button-color-background-primary-ai-hover: #ffffff; --button-color-background-primary-ai-pressed: #f3f3f3; --button-color-background-primary-danger-default: #a80029; --button-color-background-primary-danger-disabled: #f3f3f3; --button-color-background-primary-danger-focused: #a80029; --button-color-background-primary-danger-hover: #e1003a; --button-color-background-primary-danger-pressed: #ff6165; --button-color-background-primary-main-default: #ffcd00; --button-color-background-primary-main-disabled: #f3f3f3; --button-color-background-primary-main-focused: #ffcd00; --button-color-background-primary-main-hover: #e5b800; --button-color-background-primary-main-pressed: #ffe166; --button-color-background-primary-neutral-default: #000000; --button-color-background-primary-neutral-disabled: #f3f3f3; --button-color-background-primary-neutral-focused: #000000; --button-color-background-primary-neutral-hover: #212121; --button-color-background-primary-neutral-pressed: #444444; --button-color-background-secondary-danger-default: #ffffff; --button-color-background-secondary-danger-disabled: #f3f3f3; --button-color-background-secondary-danger-focused: #ffffff; --button-color-background-secondary-danger-hover: #ffffff; --button-color-background-secondary-danger-pressed: #fbdedc; --button-color-background-secondary-main-default: #ffffff; --button-color-background-secondary-main-disabled: #f3f3f3; --button-color-background-secondary-main-focused: #ffffff; --button-color-background-secondary-main-hover: #ffffff; --button-color-background-secondary-main-pressed: #f3f3f3; --button-color-background-tertiary-danger-default: rgba(0,0,0,0); --button-color-background-tertiary-danger-disabled: rgba(0,0,0,0); --button-color-background-tertiary-danger-focused: rgba(0,0,0,0); --button-color-background-tertiary-danger-hover: #fbdedc; --button-color-background-tertiary-danger-pressed: #fcc7c3; --button-color-background-tertiary-main-default: rgba(0,0,0,0); --button-color-background-tertiary-main-disabled: rgba(0,0,0,0); --button-color-background-tertiary-main-focused: rgba(0,0,0,0); --button-color-background-tertiary-main-hover: rgba(0,0,0,.05); --button-color-background-tertiary-main-pressed: rgba(0,0,0,.13); --button-color-border-focused: #ffe166; --button-color-border-secondary-danger-default: #a80029; --button-color-border-secondary-danger-focused: #a80029; --button-color-border-secondary-danger-hover: #e1003a; --button-color-border-secondary-danger-pressed: #fdb3ae; --button-color-border-secondary-main-default: #dedede; --button-color-border-secondary-main-focused: #dedede; --button-color-border-secondary-main-hover: #bdbdbd; --button-color-border-secondary-main-pressed: #dedede; --button-color-icon-primary-ai-default: #000000; --button-color-icon-primary-ai-disabled: #989898; --button-color-icon-primary-ai-focused: #000000; --button-color-icon-primary-ai-hover: #212121; --button-color-icon-primary-ai-pressed: #000000; --button-color-icon-primary-danger-default: #ffffff; --button-color-icon-primary-danger-disabled: #989898; --button-color-icon-primary-danger-focused: #ffffff; --button-color-icon-primary-danger-hover: #ffffff; --button-color-icon-primary-danger-pressed: #ffffff; --button-color-icon-primary-main-default: #000000; --button-color-icon-primary-main-disabled: #989898; --button-color-icon-primary-main-focused: #000000; --button-color-icon-primary-main-hover: #000000; --button-color-icon-primary-main-pressed: #423500; --button-color-icon-primary-neutral-default: #ffffff; --button-color-icon-primary-neutral-disabled: #989898; --button-color-icon-primary-neutral-focused: #ffffff; --button-color-icon-primary-neutral-hover: #ffffff; --button-color-icon-primary-neutral-pressed: #ffffff; --button-color-icon-secondary-danger-default: #75001a; --button-color-icon-secondary-danger-disabled: #989898; --button-color-icon-secondary-danger-focused: #75001a; --button-color-icon-secondary-danger-hover: #a80029; --button-color-icon-secondary-danger-pressed: #75001a; --button-color-icon-secondary-main-default: #000000; --button-color-icon-secondary-main-disabled: #989898; --button-color-icon-secondary-main-focused: #000000; --button-color-icon-secondary-main-hover: #212121; --button-color-icon-secondary-main-pressed: #000000; --button-color-icon-tertiary-danger-default: #a80029; --button-color-icon-tertiary-danger-disabled: #989898; --button-color-icon-tertiary-danger-focused: #a80029; --button-color-icon-tertiary-danger-hover: #e1003a; --button-color-icon-tertiary-danger-pressed: #450101; --button-color-icon-tertiary-main-default: #000000; --button-color-icon-tertiary-main-disabled: #989898; --button-color-icon-tertiary-main-focused: #000000; --button-color-icon-tertiary-main-hover: #212121; --button-color-icon-tertiary-main-pressed: #000000; --button-color-text-primary-ai-default: #000000; --button-color-text-primary-ai-disabled: #989898; --button-color-text-primary-ai-focused: #000000; --button-color-text-primary-ai-hover: #212121; --button-color-text-primary-ai-pressed: #000000; --button-color-text-primary-danger-default: #ffffff; --button-color-text-primary-danger-disabled: #989898; --button-color-text-primary-danger-focused: #ffffff; --button-color-text-primary-danger-hover: #ffffff; --button-color-text-primary-danger-pressed: #ffffff; --button-color-text-primary-main-default: #000000; --button-color-text-primary-main-disabled: #989898; --button-color-text-primary-main-focused: #000000; --button-color-text-primary-main-hover: #000000; --button-color-text-primary-main-pressed: #423500; --button-color-text-primary-neutral-default: #ffffff; --button-color-text-primary-neutral-disabled: #989898; --button-color-text-primary-neutral-focused: #ffffff; --button-color-text-primary-neutral-hover: #ffffff; --button-color-text-primary-neutral-pressed: #ffffff; --button-color-text-secondary-danger-default: #75001a; --button-color-text-secondary-danger-disabled: #989898; --button-color-text-secondary-danger-focused: #75001a; --button-color-text-secondary-danger-hover: #a80029; --button-color-text-secondary-danger-pressed: #75001a; --button-color-text-secondary-main-default: #000000; --button-color-text-secondary-main-disabled: #989898; --button-color-text-secondary-main-focused: #000000; --button-color-text-secondary-main-hover: #212121; --button-color-text-secondary-main-pressed: #000000; --button-color-text-tertiary-danger-default: #a80029; --button-color-text-tertiary-danger-disabled: #989898; --button-color-text-tertiary-danger-focused: #a80029; --button-color-text-tertiary-danger-hover: #e1003a; --button-color-text-tertiary-danger-pressed: #450101; --button-color-text-tertiary-main-default: #000000; --button-color-text-tertiary-main-disabled: #989898; --button-color-text-tertiary-main-focused: #000000; --button-color-text-tertiary-main-hover: #212121; --button-color-text-tertiary-main-pressed: #000000; --button-gap-content-lg: 8px; --button-gap-content-md: 4px; --button-gap-content-sm: 4px; --button-padding-block-lg: 12px; --button-padding-block-md: 8px; --button-padding-block-sm: 4px; --button-padding-inline-lg: 16px; --button-padding-inline-md: 12px; --button-padding-inline-sm: 8px; --button-size-icon-lg: 24px; --button-size-icon-md: 16px; --button-size-icon-sm: 16px; --button-size-max-height-lg: 42px; --button-size-max-height-md: 32px; --button-size-max-height-sm: 24px; --calendar-border-radius-cell: 8px; --calendar-border-radius-container: 12px; --calendar-border-width: 1px; --calendar-cell-height: 32px; --calendar-cell-width: 36px; --calendar-color-background-default: #ffffff; --calendar-color-background-disabled: #f3f3f3; --calendar-color-background-hover: #fbf9f7; --calendar-color-background-range: #fff1b2; --calendar-color-background-selected: #ffcd00; --calendar-color-border-default: #f6f3ef; --calendar-color-dot-today: #ffcd00; --calendar-color-text-disabled: #444444; --calendar-color-text-primary: #000000; --calendar-color-text-secondary: #585858; --calendar-color-text-selected: #000000; --calendar-color-text-today: #423500; --calendar-gap-row: 0; --calendar-gap-section: 8px; --calendar-padding-container: 12px; --calendar-weekday-cell-height: 28px; --card-action-dismiss-icon-default: #bdbdbd; --card-action-dismiss-icon-hover: #000000; --card-action-dismiss-padding-block-start-lg: 16px; --card-action-dismiss-padding-block-start-md: 12px; --card-action-dismiss-padding-block-start-sm: 8px; --card-action-dismiss-padding-inline-end-lg: 16px; --card-action-dismiss-padding-inline-end-md: 12px; --card-action-dismiss-padding-inline-end-sm: 8px; --card-action-dismiss-size-icon-lg: 32px; --card-action-dismiss-size-icon-md: 32px; --card-action-dismiss-size-icon-sm: 24px; --card-body-color-meta-text-default: #585858; --card-body-color-text-default: #212121; --card-border-radius: 8px; --card-color-background-default: #ffffff; --card-color-border-default: #f6f3ef; --card-color-border-hover: #eae4de; --card-color-icon-default: #585858; --card-color-icon-hover: #000000; --card-gap-actions: 8px; --card-gap-content-lg: 24px; --card-gap-content-md: 16px; --card-gap-content-sm: 8px; --card-gap-footer-lg: 24px; --card-gap-footer-md: 16px; --card-gap-footer-sm: 12px; --card-gap-title: 8px; --card-header-color-icon-default: #000000; --card-header-color-text-default: #000000; --card-padding-block-lg: 32px; --card-padding-block-md: 24px; --card-padding-block-sm: 16px; --card-padding-inline-lg: 32px; --card-padding-inline-md: 24px; --card-padding-inline-sm: 16px; --card-size-icon-lg: 24px; --checkbox-border-radius: 4px; --checkbox-border-width-default: 1px; --checkbox-border-width-focused: 2px; --checkbox-color-background-checked-default: #ffcd00; --checkbox-color-background-checked-hover: #ffe166; --checkbox-color-background-default: #eae4de; --checkbox-color-background-unchecked-default: #ffffff; --checkbox-color-border-disabled: #d2cbc3; --checkbox-color-border-error: #e1003a; --checkbox-color-border-focused: #ffe166; --checkbox-color-border-unchecked-default: #dedede; --checkbox-color-border-unchecked-hover: #bdbdbd; --checkbox-color-icon-default: #000000; --checkbox-color-icon-disabled: #a7a096; --checkbox-size-container: 16px; --checkbox-size-icon: 16px; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-violet-subtle: #e0e0ff; --color-background-brand-minimal: #fff8d9; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-brand-subtle: #fff1b2; --color-background-danger-minimal: #fbdedc; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-danger-subtle: #fcc7c3; --color-background-information-minimal: #e0f5ff; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-information-subtle: #bbeaff; --color-background-neutral-inverse: #ffffff; --color-background-neutral-inverse-fixed: #ffffff; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-primary: #000000; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-tertiary: #444444; --color-background-success-minimal: #e7fbd3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-transparent-black-minimal: rgba(0,0,0,.05); --color-background-transparent-black-none: rgba(0,0,0,0); --color-background-transparent-black-subtle: rgba(0,0,0,.26); --color-background-transparent-black-subtlest: rgba(0,0,0,.13); --color-background-transparent-white-minimal: rgba(255,255,255,.05); --color-background-transparent-white-none: rgba(255,255,255,0); --color-background-transparent-white-subtle: rgba(255,255,255,.26); --color-background-transparent-white-subtlest: rgba(255,255,255,.13); --color-background-warm-minimal: #fbf9f7; --color-background-warm-primary: #f6f3ef; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-warning-minimal: #ffebce; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-warning-subtle: #ffd495; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-border-brand-minimal: #fff8d9; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-brand-subtle: #fff1b2; --color-border-danger-minimal: #fbdedc; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-danger-subtle: #fcc7c3; --color-border-information-minimal: #e0f5ff; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-information-subtle: #bbeaff; --color-border-neutral-inverse: #ffffff; --color-border-neutral-inverse-fixed: #ffffff; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-primary: #000000; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-tertiary: #444444; --color-border-neutral-transparent-minimal: rgba(0,0,0,.03); --color-border-success-minimal: #e7fbd3; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-transparent-black-minimal: rgba(0,0,0,.03); --color-border-transparent-black-none: rgba(0,0,0,0); --color-border-transparent-black-subtle: rgba(0,0,0,.26); --color-border-transparent-black-subtlest: rgba(0,0,0,.13); --color-border-transparent-white-minimal: rgba(255,255,255,.05); --color-border-transparent-white-none: rgba(255,255,255,0); --color-border-transparent-white-subtle: rgba(255,255,255,.26); --color-border-transparent-white-subtlest: rgba(255,255,255,.13); --color-border-warm-minimal: #f6f3ef; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-warm-subtle: #eae4de; --color-border-warm-tertiary: #d2cbc3; --color-border-warning-minimal: #ffebce; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-warning-subtle: #ffd495; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-orange-minimal: #ff9868; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-brand-minimal: #ffcd00; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-tertiary: #846a01; --color-icon-danger-minimal: #ff9490; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-tertiary: #a80029; --color-icon-information-minimal: #55c3e9; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-tertiary: #025a79; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-primary: #000000; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-tertiary: #444444; --color-icon-success-minimal: #bade94; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-tertiary: #40611f; --color-icon-warm-minimal: #a7a096; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-subtle: #605b55; --color-icon-warm-tertiary: #4d4944; --color-icon-warning-minimal: #ff9f14; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-tertiary: #824f06; --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-green-minimal: #83ad57; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-tertiary: #40611f; --color-text-accent-orange-minimal: #e67b49; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-teal-minimal: #06a894; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-tertiary: #5a4890; --color-text-brand-minimal: #e5b800; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-subtle: #b69200; --color-text-brand-tertiary: #846a01; --color-text-danger-minimal: #ff6165; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-subtle: #e1003a; --color-text-danger-tertiary: #a80029; --color-text-information-minimal: #27a5d0; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-subtle: #057aa3; --color-text-information-tertiary: #025a79; --color-text-neutral-inverse: #ffffff; --color-text-neutral-inverse-fixed: #ffffff; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-primary: #000000; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-tertiary: #444444; --color-text-success-minimal: #83ad57; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-subtle: #5a8034; --color-text-success-tertiary: #40611f; --color-text-warm-minimal: #a7a096; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-subtle: #605b55; --color-text-warm-tertiary: #4d4944; --color-text-warning-minimal: #db860a; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-subtle: #a6670a; --color-text-warning-tertiary: #824f06; --color-transparent-10: rgba(0,0,0,.03); --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --drawer-body-color-background-default: #ffffff; --drawer-body-padding-block: 32px; --drawer-body-padding-inline: 32px; --drawer-border-radius: 8px; --drawer-border-width: 1px; --drawer-color-border-default: #f6f3ef; --drawer-color-border-hover: #eae4de; --drawer-color-icon-default: #000000; --drawer-color-text-description: #212121; --drawer-color-text-title: #000000; --drawer-size-width-lg: 900px; --drawer-size-width-md: 708px; --drawer-size-width-sm: 516px; --dropdown-menu-border-radius: 8px; --dropdown-menu-border-width: 1px; --dropdown-menu-color-background-default: #ffffff; --dropdown-menu-color-border-default: #f6f3ef; --dropdown-menu-color-border-hover: #eae4de; --dropdown-menu-divider-padding-block-lg: 8px; --dropdown-menu-divider-padding-block-md: 4px; --dropdown-menu-gap-content: 8px; --dropdown-menu-item-border-radius: 8px; --dropdown-menu-item-color-background-default: #ffffff; --dropdown-menu-item-color-background-disabled: #fbf9f7; --dropdown-menu-item-color-background-hover: #fff8d9; --dropdown-menu-item-color-icon-default: #000000; --dropdown-menu-item-color-icon-disabled: #605b55; --dropdown-menu-item-color-icon-hover: #423500; --dropdown-menu-item-color-text-content-default: #000000; --dropdown-menu-item-color-text-content-disabled: #605b55; --dropdown-menu-item-color-text-content-hover: #423500; --dropdown-menu-item-color-text-description-default: #444444; --dropdown-menu-item-color-text-description-disabled: #605b55; --dropdown-menu-item-color-text-description-hover: #604d00; --dropdown-menu-item-gap-content: 8px; --dropdown-menu-item-padding-block-lg: 12px; --dropdown-menu-item-padding-block-md: 8px; --dropdown-menu-item-padding-inline-lg: 16px; --dropdown-menu-item-padding-inline-md: 12px; --dropdown-menu-padding-block-lg: 8px; --dropdown-menu-padding-block-md: 8px; --dropdown-menu-padding-inline-lg: 8px; --dropdown-menu-padding-inline-md: 8px; --dropdown-menu-size-icon: 16px; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --field-gap-assistive: 4px; --field-gap-label: 8px; --file-drop-border-radius: 8px; --file-drop-border-width-default: 1px; --file-drop-gap-content: 16px; --file-drop-padding-block: 32px; --file-drop-padding-inline: 32px; --floating-action-bar-border-radius: 8px; --floating-action-bar-border-width: 1px; --floating-action-bar-color-background: #ffffff; --floating-action-bar-color-border: #f3f3f3; --floating-action-bar-gap-actions: 8px; --floating-action-bar-gap-items: 12px; --floating-action-bar-gap-pagination: 12px; --floating-action-bar-padding-block: 12px; --floating-action-bar-padding-inline: 16px; --floating-action-bar-size-max-height: 57px; --font-family-body: "Work Sans",sans-serif; --font-family-title: "welcome-font",sans-serif; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --font-line-height-lg: 150%; --font-line-height-md: 140%; --font-line-height-sm: 130%; --font-line-height-xs: 120%; --font-size-12: .75rem; --text-12: .75rem; --font-size-128: 8rem; --text-128: 8rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-weight-black: 900; --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semi-bold: 600; --growl-border-radius: 12px; --growl-border-width: 1px; --growl-color-background-default: #ffffff; --growl-color-border-default: #eae4de; --growl-color-border-hover: #d2cbc3; --growl-color-icon-default: #bdbdbd; --growl-color-icon-hover: #000000; --growl-color-text-body: #212121; --growl-color-text-title: #000000; --growl-gap-content: 16px; --growl-icon-border-radius: 16px; --growl-icon-color-background-error: #fbdedc; --growl-icon-color-background-information: #e0f5ff; --growl-icon-color-background-success: #e7fbd3; --growl-icon-color-background-warning: #ffebce; --growl-icon-color-icon-error: #a80029; --growl-icon-color-icon-information: #025a79; --growl-icon-color-icon-success: #40611f; --growl-icon-color-icon-warning: #824f06; --growl-icon-padding-block: 8px; --growl-icon-padding-inline: 8px; --growl-icon-size-icon: 24px; --growl-padding-block: 16px; --growl-padding-inline: 16px; --growl-size-icon: 24px; --height-16: 1rem; --height-2: .125rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --height-57: 3.5625rem; --height-8: .5rem; --hint-color-text-default: #585858; --hint-color-text-error: #a80029; --hint-color-text-success: #40611f; --hint-color-text-warning: #824f06; --input-border-radius: 8px; --input-border-width-default: 1px; --input-border-width-focused: 2px; --input-color-background-default: #ffffff; --input-color-background-disabled: #eae4de; --input-color-background-transparent: rgba(255,255,255,0); --input-color-border-active: #ffcd00; --input-color-border-default: #f3f3f3; --input-color-border-disabled: #d2cbc3; --input-color-border-error: #e1003a; --input-color-border-focused: #ffe166; --input-color-border-hover: #dedede; --input-color-border-hover-transparent: rgba(0,0,0,.13); --input-color-border-success: #5a8034; --input-color-border-warning: #a6670a; --input-color-icon-default: #000000; --input-color-icon-disabled: #a7a096; --input-color-icon-placeholder: #000000; --input-color-text-default: #000000; --input-color-text-disabled: #605b55; --input-color-text-placeholder: #989898; --input-gap-content: 8px; --input-max-height-lg: 42px; --input-max-height-md: 32px; --input-max-height-sm: 24px; --input-padding-block-lg: 12px; --input-padding-block-md: 8px; --input-padding-block-sm: 4px; --input-padding-inline-lg: 12px; --input-padding-inline-md: 12px; --input-padding-inline-sm: 8px; --input-password-color-background-default: #f3f3f3; --input-password-color-background-good: #83ad57; --input-password-color-background-strong: #83ad57; --input-password-color-background-too-weak: #a80029; --input-password-color-background-weak: #a6670a; --input-size-icon-root: 16px; --input-size-icon-select: 24px; --input-size-image: 16px; --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --label-color-icon-default: #444444; --label-color-icon-error: #e1003a; --label-color-icon-required: #e5b800; --label-color-icon-success: #5a8034; --label-color-icon-warning: #a6670a; --label-color-text-default: #585858; --label-gap-content: 4px; --label-size-leading: 16px; --label-size-required: 12px; --latency-color-background-bar: rgba(0,0,0,.05); --latency-color-background-progress: #ffcd00; --link-color-background-primary-hover: #ffcd00; --link-color-background-primary-visited-default: #fff8d9; --link-color-background-primary-visited-hover: #ffcd00; --link-color-background-secondary-hover: #000000; --link-color-background-secondary-visited-default: #dedede; --link-color-background-secondary-visited-hover: #000000; --link-color-icon-primary-default: #000000; --link-color-icon-primary-disabled: #a7a096; --link-color-icon-primary-hover: #000000; --link-color-icon-primary-visited-default: #604d00; --link-color-icon-primary-visited-hover: #000000; --link-color-icon-secondary-default: #000000; --link-color-icon-secondary-disabled: #989898; --link-color-icon-secondary-hover: #ffffff; --link-color-icon-secondary-visited-default: #444444; --link-color-icon-secondary-visited-hover: #ffffff; --link-color-text-primary-default: #000000; --link-color-text-primary-disabled: #605b55; --link-color-text-primary-hover: #000000; --link-color-text-primary-visited-default: #604d00; --link-color-text-primary-visited-hover: #000000; --link-color-text-secondary-default: #000000; --link-color-text-secondary-disabled: #585858; --link-color-text-secondary-hover: #ffffff; --link-color-text-secondary-visited-default: #444444; --link-color-text-secondary-visited-hover: #ffffff; --link-color-underline-primary-default: #ffcd00; --link-color-underline-primary-disabled: #eae4de; --link-color-underline-primary-visited-default: #ffcd00; --link-color-underline-primary-visited-hover: #ffcd00; --link-color-underline-secondary-default: #000000; --link-color-underline-secondary-disabled: #dedede; --link-color-underline-secondary-visited-default: #000000; --link-color-underline-secondary-visited-hover: #000000; --link-gap-content: 0; --link-gap-underline: -2px; --link-padding-inline-icon: 2px; --link-padding-inline-text: 2px; --link-size-icon-lg: 16px; --link-size-icon-md: 16px; --link-size-icon-sm: 16px; --link-size-icon-xs: 12px; --link-underline-size-height: 2px; --modal-border-radius: 12px; --modal-border-width: 1px; --modal-color-background-default: #ffffff; --modal-color-border-default: #eae4de; --modal-color-border-hover: #d2cbc3; --modal-color-icon-default: #000000; --modal-color-text-body: #212121; --modal-color-text-title: #000000; --modal-gap-content: 12px; --modal-padding-block: 24px; --modal-padding-inline: 24px; --modal-size-width-lg: 800px; --modal-size-width-md: 600px; --modal-size-width-sm: 450px; --pagination-border-radius: 8px; --pagination-border-width-checked: 2px; --pagination-border-width-unchecked: 1px; --pagination-color-background-checked-default: #ffe166; --pagination-color-background-checked-disabled: rgba(0,0,0,.13); --pagination-color-background-checked-hover: #ffe166; --pagination-color-background-checked-pressed: #ffcd00; --pagination-color-background-unchecked-default: #ffffff; --pagination-color-background-unchecked-disabled: rgba(0,0,0,.13); --pagination-color-background-unchecked-hover: #ffffff; --pagination-color-background-unchecked-pressed: rgba(0,0,0,.05); --pagination-color-border-checked-default: #ffcd00; --pagination-color-border-checked-hover: #e5b800; --pagination-color-border-checked-pressed: #e5b800; --pagination-color-border-unchecked-default: #f6f3ef; --pagination-color-border-unchecked-hover: #eae4de; --pagination-color-border-unchecked-pressed: rgba(0,0,0,.03); --pagination-color-icon-checked-default: #000000; --pagination-color-icon-checked-disabled: #585858; --pagination-color-icon-checked-hover: #423500; --pagination-color-icon-checked-pressed: #604d00; --pagination-color-icon-unchecked-default: #000000; --pagination-color-icon-unchecked-disabled: #585858; --pagination-color-icon-unchecked-hover: #212121; --pagination-color-icon-unchecked-pressed: #000000; --pagination-color-text-checked-default: #000000; --pagination-color-text-checked-disabled: #585858; --pagination-color-text-checked-hover: #423500; --pagination-color-text-checked-pressed: #604d00; --pagination-color-text-condensed-default: #000000; --pagination-color-text-unchecked-default: #000000; --pagination-color-text-unchecked-disabled: #585858; --pagination-color-text-unchecked-hover: #212121; --pagination-color-text-unchecked-pressed: #000000; --pagination-end-padding-inline-leading-lg: 16px; --pagination-end-padding-inline-leading-md: 12px; --pagination-end-padding-inline-trailing-lg: 8px; --pagination-end-padding-inline-trailing-md: 4px; --pagination-gap-content: 4px; --pagination-gap-pages: 8px; --pagination-padding-block-lg: 8px; --pagination-padding-block-md: 4px; --pagination-padding-inline-lg: 12px; --pagination-padding-inline-md: 12px; --pagination-size-icon: 24px; --pagination-size-max-height-lg: 40px; --pagination-size-max-height-md: 32px; --pagination-size-max-width-lg: 40px; --pagination-size-max-width-md: 32px; --pagination-size-min-height-lg: 40px; --pagination-size-min-height-md: 32px; --pagination-size-min-width-lg: 40px; --pagination-size-min-width-md: 32px; --pagination-start-padding-inline-leading-lg: 8px; --pagination-start-padding-inline-leading-md: 4px; --pagination-start-padding-inline-trailing-lg: 16px; --pagination-start-padding-inline-trailing-md: 12px; --pattern-grid-color-background-default: rgba(0,0,0,0); --pattern-grid-color-stroke-default: rgba(0,0,0,.03); --pattern-grid-size: 16px; --pattern-grid-stroke: 1px; --radio-border-radius: calc(infinity * 1px); --radio-border-width-checked: 2px; --radio-border-width-focused: 2px; --radio-border-width-unchecked: 1px; --radio-color-background-checked-default: #ffffff; --radio-color-background-checked-disabled: #eae4de; --radio-color-background-unchecked-default: #ffffff; --radio-color-background-unchecked-disabled: #eae4de; --radio-color-border-checked-default: #ffcd00; --radio-color-border-checked-disabled: #d2cbc3; --radio-color-border-checked-hover: #ffe166; --radio-color-border-focused: #ffe166; --radio-color-border-unchecked-default: #dedede; --radio-color-border-unchecked-disabled: #d2cbc3; --radio-color-border-unchecked-hover: #bdbdbd; --radio-indicator-border-radius: calc(infinity * 1px); --radio-indicator-color-background-default: #ffcd00; --radio-indicator-color-background-disabled: #d2cbc3; --radio-indicator-color-background-hover: #ffe166; --radio-indicator-size: 8px; --radio-size: 16px; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-8: .5rem; --size-80: 5rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --size-icon-lg: 1.5rem; --size-icon-md: 1rem; --size-icon-sm: .75rem; --size-icon-xl: 2rem; --size-icon-xs: .5rem; --slider-border-radius-bar: calc(infinity * 1px); --slider-border-radius-thumb: calc(infinity * 1px); --slider-border-width-bar: 1px; --slider-border-width-thumb: 2px; --slider-color-background-fill-default: #f6f3ef; --slider-color-selection-fill-default: #ffe166; --slider-color-selection-fill-disabled: #eae4de; --slider-color-thumb-border-default: #ffcd00; --slider-color-thumb-border-disabled: #d2cbc3; --slider-color-thumb-fill-default: #ffe166; --slider-color-thumb-fill-disabled: #eae4de; --slider-color-thumb-fill-hover: #fff1b2; --slider-color-thumb-fill-pressed: #ffcd00; --slider-indicator-border-radius: calc(infinity * 1px); --spacing-12: .75rem; --spacing-16: 1rem; --spacing-192: 12rem; --spacing-2: .125rem; --spacing-24: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-32: 2rem; --spacing-3xl: 3rem; --spacing-4: .25rem; --spacing-48: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-64: 4rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --spacing-8: .5rem; --spacing-96: 6rem; --spacing-lg: 1rem; --spacing-md: .75rem; --spacing-sm: .5rem; --spacing-xl: 1.5rem; --spacing-xs: .25rem; --stamp-border-radius-lg: 8px; --stamp-border-radius-md: 8px; --stamp-border-radius-sm: 4px; --stamp-border-width: 2px; --stamp-color-background-blue: #9bdef7; --stamp-color-background-brand: #ffe166; --stamp-color-background-green: #cfebb0; --stamp-color-background-orange: #ffb595; --stamp-color-background-red: #fdb3ae; --stamp-color-background-teal: #6fdbcd; --stamp-color-background-violet: #c9c9ff; --stamp-color-background-warm: #f6f3ef; --stamp-color-border-default: #ffffff; --stamp-color-icon-blue: #00202b; --stamp-color-icon-brand: #423500; --stamp-color-icon-green: #142603; --stamp-color-icon-orange: #451701; --stamp-color-icon-red: #450101; --stamp-color-icon-teal: #001b18; --stamp-color-icon-violet: #26194d; --stamp-color-icon-warm: #1e1c1a; --stamp-size-icon-lg: 24px; --stamp-size-icon-md: 16px; --stamp-size-icon-sm: 12px; --stamp-size-icon-xl: 48px; --stamp-size-lg: 48px; --stamp-size-md: 32px; --stamp-size-sm: 24px; --stamp-size-xl: 80px; --stepper-border-radius: 8px; --stepper-border-width-default: 1px; --stepper-color-background: #ffffff; --stepper-color-border-default: #eae4de; --stepper-color-border-hover: #d2cbc3; --stepper-color-icon-default: #444444; --stepper-gap-content: 8px; --stepper-padding-block: 8px; --stepper-padding-inline: 12px; --stepper-size-icon: 24px; --stepper-step-border-radius: 8px; --stepper-step-border-width-active: 2px; --stepper-step-color-background-checked-default: #ffe166; --stepper-step-color-background-checked-hover: #fff1b2; --stepper-step-color-background-unchecked-default: #ffffff; --stepper-step-color-background-unchecked-hover: #fff8d9; --stepper-step-color-border-checked-default: #ffcd00; --stepper-step-color-border-checked-hover: #ffe166; --stepper-step-color-icon-checked-default: #423500; --stepper-step-color-icon-checked-hover: #604d00; --stepper-step-color-icon-success: #40611f; --stepper-step-color-icon-unchecked-default: #444444; --stepper-step-color-icon-unchecked-hover: #000000; --stepper-step-color-text-checked-default: #423500; --stepper-step-color-text-checked-hover: #604d00; --stepper-step-color-text-unchecked-default: #585858; --stepper-step-color-text-unchecked-hover: #000000; --stepper-step-gap-content: 8px; --stepper-step-padding-block: 8px; --stepper-step-padding-inline: 12px; --stepper-step-size-icon: 16px; --sticky-note-border-radius: 2px; --sticky-note-border-width: 1px; --sticky-note-color-background-blue: #e0f5ff; --sticky-note-color-background-brand: #fff8d9; --sticky-note-color-background-green: #e7fbd3; --sticky-note-color-background-orange: #ffded0; --sticky-note-color-background-pink: #ffeaf5; --sticky-note-color-background-teal: #dbfaf6; --sticky-note-color-background-violet: #efefff; --sticky-note-color-border-default: rgba(0,0,0,.03); --sticky-note-color-text-body-blue: #00202b; --sticky-note-color-text-body-brand: #423500; --sticky-note-color-text-body-green: #142603; --sticky-note-color-text-body-orange: #451701; --sticky-note-color-text-body-pink: #3b142a; --sticky-note-color-text-body-teal: #001b18; --sticky-note-color-text-body-violet: #26194d; --sticky-note-color-text-title: #000000; --sticky-note-gap-content: 8px; --sticky-note-icon-border-radius: 8px; --sticky-note-icon-color-background-blue: #55c3e9; --sticky-note-icon-color-background-brand: #ffcd00; --sticky-note-icon-color-background-green: #bade94; --sticky-note-icon-color-background-orange: #ff9868; --sticky-note-icon-color-background-pink: #f696c8; --sticky-note-icon-color-background-teal: #00c7ae; --sticky-note-icon-color-background-violet: #acacff; --sticky-note-icon-color-icon-blue: #00202b; --sticky-note-icon-color-icon-brand: #423500; --sticky-note-icon-color-icon-green: #142603; --sticky-note-icon-color-icon-orange: #451701; --sticky-note-icon-color-icon-pink: #3b142a; --sticky-note-icon-color-icon-teal: #001b18; --sticky-note-icon-color-icon-violet: #26194d; --sticky-note-icon-padding-block: 4px; --sticky-note-icon-padding-inline: 4px; --sticky-note-icon-size-icon: 16px; --sticky-note-size-height-rectangle: 250px; --sticky-note-size-height-square: 250px; --sticky-note-size-icon: 24px; --sticky-note-size-width-rectangle: 350px; --sticky-note-size-width-square: 250px; --stroke-xs: 1px; --swiper-border-radius: 8px; --swiper-border-width: 1px; --swiper-color-background-default: #ffffff; --swiper-color-background-disabled: #f3f3f3; --swiper-color-background-focused: #f3f3f3; --swiper-color-background-hover: #ffffff; --swiper-color-background-pressed: #ffffff; --swiper-color-border-default: #dedede; --swiper-color-border-focused: #dedede; --swiper-color-border-hover: #bdbdbd; --swiper-color-border-pressed: #dedede; --swiper-color-border-pressed-outside: #ffe166; --swiper-color-icon-default: #000000; --swiper-color-icon-disabled: #989898; --swiper-gap-content: 8px; --swiper-padding-block-md: 12px; --swiper-padding-inline-lg: 16px; --swiper-size-icon: 16px; --swiper-size-max-height: 42px; --swiper-size-max-width: 42px; --swiper-size-min-height: 42px; --tab-border-radius: 8px; --tab-border-width-checked: 2px; --tab-border-width-unchecked: 1px; --tab-color-background-checked-default: #ffe166; --tab-color-background-checked-hover: #ffe166; --tab-color-background-checked-pressed: #ffcd00; --tab-color-background-unchecked-default: #ffffff; --tab-color-background-unchecked-hover: #ffffff; --tab-color-background-unchecked-pressed: #f3f3f3; --tab-color-border-checked-default: #ffcd00; --tab-color-border-checked-hover: #e5b800; --tab-color-border-checked-pressed: #e5b800; --tab-color-border-dashed-default: #eae4de; --tab-color-border-dashed-disabled: #d2cbc3; --tab-color-border-dashed-hover: #d2cbc3; --tab-color-border-dashed-pressed: #d2cbc3; --tab-color-border-unchecked-default: #f6f3ef; --tab-color-border-unchecked-hover: #eae4de; --tab-color-border-unchecked-pressed: #eae4de; --tab-color-text-checked-default: #000000; --tab-color-text-checked-hover: #423500; --tab-color-text-checked-pressed: #423500; --tab-color-text-dashed-default: #585858; --tab-color-text-dashed-hover: #585858; --tab-color-text-dashed-pressed: #585858; --tab-color-text-unchecked-default: #000000; --tab-color-text-unchecked-hover: #212121; --tab-color-text-unchecked-pressed: #000000; --tab-gap-content-lg: 8px; --tab-gap-content-md: 4px; --tab-gap-tabs-lg: 8px; --tab-gap-tabs-md: 4px; --tab-padding-block-lg: 12px; --tab-padding-block-md: 8px; --tab-padding-inline-lg: 16px; --tab-padding-inline-md: 12px; --tab-size-icon-lg: 24px; --tab-size-icon-md: 16px; --tab-size-max-height-lg: 40px; --tab-size-max-height-md: 32px; --table-cell-border-width: .5px; --table-cell-color-background-checked: #fff1b2; --table-cell-color-background-default: #ffffff; --table-cell-color-background-hover: #fff8d9; --table-cell-color-border-checked: #e5b800; --table-cell-color-border-default: #dedede; --table-cell-color-text-checked: #423500; --table-cell-color-text-default: #444444; --table-cell-gap: 8px; --table-cell-padding: 16px; --table-cell-size-checkbox: 48px; --table-header-border-width: .5px; --table-header-color-background-neutral: #ffffff; --table-header-color-background-warm: #f6f3ef; --table-header-color-border: #dedede; --table-header-color-icon-active: #000000; --table-header-color-icon-inactive: #585858; --table-header-color-text: #000000; --table-header-gap: 8px; --table-header-padding: 16px; --table-header-size-checkbox: 48px; --table-header-size-icon: 16px; --tabs-color-backgound: #ffffff; --tabs-color-border: #f6f3ef; --tag-border-radius: 8px; --tag-border-width-ai: 1px; --tag-border-width-default: 2px; --tag-border-width-root: 2px; --tag-color-background-blue-ai-default: #bbeaff; --tag-color-background-blue-ai-disabled: #e0f5ff; --tag-color-background-blue-ai-hover: #9bdef7; --tag-color-background-blue-dark-default: #55c3e9; --tag-color-background-blue-dark-disabled: #bbeaff; --tag-color-background-blue-dark-hover: #27a5d0; --tag-color-background-blue-default: #9bdef7; --tag-color-background-blue-disabled: #e0f5ff; --tag-color-background-blue-hover: #55c3e9; --tag-color-background-blue-light-default: #bbeaff; --tag-color-background-blue-light-disabled: #e0f5ff; --tag-color-background-blue-light-hover: #9bdef7; --tag-color-background-brand-ai-default: #fff1b2; --tag-color-background-brand-ai-disabled: #fff8d9; --tag-color-background-brand-ai-hover: #ffe166; --tag-color-background-brand-dark-default: #ffcd00; --tag-color-background-brand-dark-disabled: #fff1b2; --tag-color-background-brand-dark-hover: #e5b800; --tag-color-background-brand-default: #ffe166; --tag-color-background-brand-disabled: #fff8d9; --tag-color-background-brand-hover: #ffcd00; --tag-color-background-brand-light-default: #fff1b2; --tag-color-background-brand-light-disabled: #fff8d9; --tag-color-background-brand-light-hover: #ffe166; --tag-color-background-dash-default: #ffffff; --tag-color-background-dash-disabled: #f3f3f3; --tag-color-background-dash-hover: #ffffff; --tag-color-background-green-ai-default: #e7fbd3; --tag-color-background-green-ai-disabled: #e7fbd3; --tag-color-background-green-ai-hover: #cfebb0; --tag-color-background-green-dark-default: #bade94; --tag-color-background-green-dark-disabled: #e7fbd3; --tag-color-background-green-dark-hover: #9fc873; --tag-color-background-green-default: #cfebb0; --tag-color-background-green-disabled: #e7fbd3; --tag-color-background-green-hover: #bade94; --tag-color-background-green-light-default: #e7fbd3; --tag-color-background-green-light-disabled: #e7fbd3; --tag-color-background-green-light-hover: #cfebb0; --tag-color-background-orange-ai-default: #ffc9b2; --tag-color-background-orange-ai-disabled: #ffded0; --tag-color-background-orange-ai-hover: #ffb595; --tag-color-background-orange-dark-default: #ff9868; --tag-color-background-orange-dark-disabled: #ffc9b2; --tag-color-background-orange-dark-hover: #e67b49; --tag-color-background-orange-default: #ffb595; --tag-color-background-orange-disabled: #ffded0; --tag-color-background-orange-hover: #ff9868; --tag-color-background-orange-light-default: #ffc9b2; --tag-color-background-orange-light-disabled: #ffded0; --tag-color-background-orange-light-hover: #ffb595; --tag-color-background-pink-ai-default: #ffd5eb; --tag-color-background-pink-ai-disabled: #ffeaf5; --tag-color-background-pink-ai-hover: #feb7dc; --tag-color-background-pink-dark-default: #f696c8; --tag-color-background-pink-dark-disabled: #ffd5eb; --tag-color-background-pink-dark-hover: #d17ba8; --tag-color-background-pink-default: #feb7dc; --tag-color-background-pink-disabled: #ffeaf5; --tag-color-background-pink-hover: #f696c8; --tag-color-background-pink-light-default: #ffd5eb; --tag-color-background-pink-light-disabled: #ffeaf5; --tag-color-background-pink-light-hover: #feb7dc; --tag-color-background-red-ai-default: #fcc7c3; --tag-color-background-red-ai-disabled: #fbdedc; --tag-color-background-red-ai-hover: #fdb3ae; --tag-color-background-red-dark-default: #ff9490; --tag-color-background-red-dark-disabled: #fcc7c3; --tag-color-background-red-dark-hover: #ff6165; --tag-color-background-red-default: #fdb3ae; --tag-color-background-red-disabled: #fbdedc; --tag-color-background-red-hover: #ff9490; --tag-color-background-red-light-default: #fbdedc; --tag-color-background-red-light-disabled: #fbdedc; --tag-color-background-red-light-hover: #fcc7c3; --tag-color-background-teal-ai-default: #a5ece4; --tag-color-background-teal-ai-disabled: #dbfaf6; --tag-color-background-teal-ai-hover: #6fdbcd; --tag-color-background-teal-dark-default: #00c7ae; --tag-color-background-teal-dark-disabled: #a5ece4; --tag-color-background-teal-dark-hover: #06a894; --tag-color-background-teal-default: #6fdbcd; --tag-color-background-teal-disabled: #dbfaf6; --tag-color-background-teal-hover: #00c7ae; --tag-color-background-teal-light-default: #a5ece4; --tag-color-background-teal-light-disabled: #dbfaf6; --tag-color-background-teal-light-hover: #6fdbcd; --tag-color-background-violet-ai-default: #e0e0ff; --tag-color-background-violet-ai-disabled: #efefff; --tag-color-background-violet-ai-hover: #c9c9ff; --tag-color-background-violet-dark-default: #acacff; --tag-color-background-violet-dark-disabled: #e0e0ff; --tag-color-background-violet-dark-hover: #9587e8; --tag-color-background-violet-default: #c9c9ff; --tag-color-background-violet-disabled: #efefff; --tag-color-background-violet-hover: #acacff; --tag-color-background-violet-light-default: #e0e0ff; --tag-color-background-violet-light-disabled: #efefff; --tag-color-background-violet-light-hover: #c9c9ff; --tag-color-background-warm-ai-default: #fbf9f7; --tag-color-background-warm-ai-disabled: #f6f3ef; --tag-color-background-warm-ai-hover: #f6f3ef; --tag-color-background-warm-dark-default: #eae4de; --tag-color-background-warm-dark-disabled: #fbf9f7; --tag-color-background-warm-dark-hover: #d2cbc3; --tag-color-background-warm-default: #f6f3ef; --tag-color-background-warm-disabled: #f6f3ef; --tag-color-background-warm-hover: #eae4de; --tag-color-background-warm-light-default: #fbf9f7; --tag-color-background-warm-light-disabled: #f6f3ef; --tag-color-background-warm-light-hover: #f6f3ef; --tag-color-border-dash-default: #dedede; --tag-color-border-dash-disabled: #dedede; --tag-color-border-dash-hover: #bdbdbd; --tag-color-border-default: #ffffff; --tag-color-icon-blue-ai-default: #057aa3; --tag-color-icon-blue-ai-disabled: #057aa3; --tag-color-icon-blue-ai-hover: #025a79; --tag-color-icon-blue-dark-default: #00202b; --tag-color-icon-blue-dark-disabled: #057aa3; --tag-color-icon-blue-dark-hover: #00202b; --tag-color-icon-blue-default: #00202b; --tag-color-icon-blue-disabled: #057aa3; --tag-color-icon-blue-hover: #00202b; --tag-color-icon-blue-light-default: #057aa3; --tag-color-icon-blue-light-disabled: #057aa3; --tag-color-icon-blue-light-hover: #025a79; --tag-color-icon-brand-ai-default: #b69200; --tag-color-icon-brand-ai-disabled: #b69200; --tag-color-icon-brand-ai-hover: #846a01; --tag-color-icon-brand-dark-default: #423500; --tag-color-icon-brand-dark-disabled: #846a01; --tag-color-icon-brand-dark-hover: #423500; --tag-color-icon-brand-default: #423500; --tag-color-icon-brand-disabled: #846a01; --tag-color-icon-brand-hover: #423500; --tag-color-icon-brand-light-default: #b69200; --tag-color-icon-brand-light-disabled: #b69200; --tag-color-icon-brand-light-hover: #846a01; --tag-color-icon-dash-default: #000000; --tag-color-icon-dash-disabled: #585858; --tag-color-icon-dash-hover: #000000; --tag-color-icon-green-ai-default: #5a8034; --tag-color-icon-green-ai-disabled: #5a8034; --tag-color-icon-green-ai-hover: #40611f; --tag-color-icon-green-dark-default: #142603; --tag-color-icon-green-dark-disabled: #5a8034; --tag-color-icon-green-dark-hover: #142603; --tag-color-icon-green-default: #142603; --tag-color-icon-green-disabled: #5a8034; --tag-color-icon-green-hover: #142603; --tag-color-icon-green-light-default: #5a8034; --tag-color-icon-green-light-disabled: #5a8034; --tag-color-icon-green-light-hover: #40611f; --tag-color-icon-orange-ai-default: #c45927; --tag-color-icon-orange-ai-disabled: #c45927; --tag-color-icon-orange-ai-hover: #9f4217; --tag-color-icon-orange-dark-default: #451701; --tag-color-icon-orange-dark-disabled: #c45927; --tag-color-icon-orange-dark-hover: #451701; --tag-color-icon-orange-default: #451701; --tag-color-icon-orange-disabled: #c45927; --tag-color-icon-orange-hover: #451701; --tag-color-icon-orange-light-default: #c45927; --tag-color-icon-orange-light-disabled: #c45927; --tag-color-icon-orange-light-hover: #9f4217; --tag-color-icon-pink-ai-default: #b06089; --tag-color-icon-pink-ai-disabled: #b06089; --tag-color-icon-pink-ai-hover: #803c5f; --tag-color-icon-pink-dark-default: #3b142a; --tag-color-icon-pink-dark-disabled: #b06089; --tag-color-icon-pink-dark-hover: #3b142a; --tag-color-icon-pink-default: #3b142a; --tag-color-icon-pink-disabled: #b06089; --tag-color-icon-pink-hover: #3b142a; --tag-color-icon-pink-light-default: #b06089; --tag-color-icon-pink-light-disabled: #b06089; --tag-color-icon-pink-light-hover: #803c5f; --tag-color-icon-red-ai-default: #a80029; --tag-color-icon-red-ai-disabled: #a80029; --tag-color-icon-red-ai-hover: #75001a; --tag-color-icon-red-dark-default: #450101; --tag-color-icon-red-dark-disabled: #a80029; --tag-color-icon-red-dark-hover: #450101; --tag-color-icon-red-default: #450101; --tag-color-icon-red-disabled: #a80029; --tag-color-icon-red-hover: #450101; --tag-color-icon-red-light-default: #a80029; --tag-color-icon-red-light-disabled: #a80029; --tag-color-icon-red-light-hover: #75001a; --tag-color-icon-teal-ai-default: #0a7b6d; --tag-color-icon-teal-ai-disabled: #0a7b6d; --tag-color-icon-teal-ai-hover: #00544a; --tag-color-icon-teal-dark-default: #001b18; --tag-color-icon-teal-dark-disabled: #0a7b6d; --tag-color-icon-teal-dark-hover: #001b18; --tag-color-icon-teal-default: #001b18; --tag-color-icon-teal-disabled: #0a7b6d; --tag-color-icon-teal-hover: #001b18; --tag-color-icon-teal-light-default: #0a7b6d; --tag-color-icon-teal-light-disabled: #0a7b6d; --tag-color-icon-teal-light-hover: #00544a; --tag-color-icon-violet-ai-default: #8068c6; --tag-color-icon-violet-ai-disabled: #8068c6; --tag-color-icon-violet-ai-hover: #5a4890; --tag-color-icon-violet-dark-default: #26194d; --tag-color-icon-violet-dark-disabled: #8068c6; --tag-color-icon-violet-dark-hover: #26194d; --tag-color-icon-violet-default: #26194d; --tag-color-icon-violet-disabled: #8068c6; --tag-color-icon-violet-hover: #26194d; --tag-color-icon-violet-light-default: #8068c6; --tag-color-icon-violet-light-disabled: #8068c6; --tag-color-icon-violet-light-hover: #5a4890; --tag-color-icon-warm-ai-default: #a7a096; --tag-color-icon-warm-ai-disabled: #605b55; --tag-color-icon-warm-ai-hover: #605b55; --tag-color-icon-warm-dark-default: #1e1c1a; --tag-color-icon-warm-dark-disabled: #605b55; --tag-color-icon-warm-dark-hover: #1e1c1a; --tag-color-icon-warm-default: #1e1c1a; --tag-color-icon-warm-disabled: #605b55; --tag-color-icon-warm-hover: #1e1c1a; --tag-color-icon-warm-light-default: #a7a096; --tag-color-icon-warm-light-disabled: #605b55; --tag-color-icon-warm-light-hover: #605b55; --tag-color-text-blue-default: #00202b; --tag-color-text-blue-disabled: #057aa3; --tag-color-text-blue-hover: #00202b; --tag-color-text-brand-default: #423500; --tag-color-text-brand-disabled: #846a01; --tag-color-text-brand-hover: #423500; --tag-color-text-dash-default: #000000; --tag-color-text-dash-disabled: #585858; --tag-color-text-dash-hover: #000000; --tag-color-text-default: #ffffff; --tag-color-text-green-default: #142603; --tag-color-text-green-disabled: #5a8034; --tag-color-text-green-hover: #142603; --tag-color-text-orange-default: #451701; --tag-color-text-orange-disabled: #c45927; --tag-color-text-orange-hover: #451701; --tag-color-text-pink-default: #3b142a; --tag-color-text-pink-disabled: #b06089; --tag-color-text-pink-hover: #3b142a; --tag-color-text-red-default: #450101; --tag-color-text-red-disabled: #a80029; --tag-color-text-red-hover: #450101; --tag-color-text-teal-default: #001b18; --tag-color-text-teal-disabled: #0a7b6d; --tag-color-text-teal-hover: #001b18; --tag-color-text-violet-default: #26194d; --tag-color-text-violet-disabled: #8068c6; --tag-color-text-violet-hover: #26194d; --tag-color-text-warm-dark-default: #1e1c1a; --tag-color-text-warm-default: #1e1c1a; --tag-color-text-warm-disabled: #605b55; --tag-color-text-warm-hover: #1e1c1a; --tag-gap-content: 4px; --tag-padding-block-lg: 8px; --tag-padding-block-md: 4px; --tag-padding-inline-lg: 12px; --tag-padding-inline-md: 8px; --tag-size-icon: 16px; --tag-size-max-height-lg: 32px; --tag-size-max-height-md: 24px; --thickness-0-5: .5px; --thickness-1: 1px; --thickness-2: 2px; --thickness-3: 4px; --thickness-4: 6px; --toast-border-radius: 12px; --toast-border-width: 1px; --toast-color: #ffffff; --toast-color-background-default: #ffffff; --toast-color-border-default: #eae4de; --toast-color-border-hover: #d2cbc3; --toast-color-text-body: #212121; --toast-gap-content: 8px; --toast-icon-border-radius: 8px; --toast-icon-color-background-error: #fbdedc; --toast-icon-color-background-information: #e0f5ff; --toast-icon-color-background-success: #e7fbd3; --toast-icon-color-background-warning: #ffebce; --toast-icon-color-icon-error: #a80029; --toast-icon-color-icon-information: #025a79; --toast-icon-color-icon-success: #40611f; --toast-icon-color-icon-warning: #824f06; --toast-icon-padding-block: 4px; --toast-icon-padding-inline: 4px; --toast-icon-size-icon: 16px; --toast-padding-block: 8px; --toast-padding-inline: 12px; --toast-size-icon: 24px; --toggle-thumb-border-width: 1px; --toggle-thumb-color-background-default: #ffffff; --toggle-thumb-color-background-disabled: #a7a096; --toggle-thumb-color-background-hover: #ffffff; --toggle-thumb-color-border-default: #bdbdbd; --toggle-thumb-color-border-hover: #bdbdbd; --toggle-thumb-size-lg: 20px; --toggle-thumb-size-md: 16px; --toggle-thumb-size-sm: 12px; --toggle-track-border-radius: calc(infinity * 1px); --toggle-track-border-width-focused: 2px; --toggle-track-color-background-checked-default: #ffcd00; --toggle-track-color-background-checked-hover: #ffe166; --toggle-track-color-background-disabled: #eae4de; --toggle-track-color-background-unchecked-default: #ffffff; --toggle-track-color-border-checked-default: #e5b800; --toggle-track-color-border-checked-hover: #ffcd00; --toggle-track-color-border-disabled: #d2cbc3; --toggle-track-color-border-focused: #ffe166; --toggle-track-color-border-unchecked-default: #dedede; --toggle-track-color-border-unchecked-hover: #bdbdbd; --toggle-track-color-icon-default: #000000; --toggle-track-color-icon-disabled: #605b55; --toggle-track-color-icon-hover: #000000; --toggle-track-size-height-lg: 24px; --toggle-track-size-height-md: 20px; --toggle-track-size-height-sm: 16px; --toggle-track-size-icon-lg: 16px; --toggle-track-size-icon-md: 12px; --toggle-track-size-icon-sm: 8px; --toggle-track-size-width-lg: 44px; --toggle-track-size-width-md: 36px; --toggle-track-size-width-sm: 28px; --tooltip-border-radius: 8px; --tooltip-border-width: 1px; --tooltip-color-background: #212121; --tooltip-color-border: #bdbdbd; --tooltip-color-text: #ffffff; --tooltip-gap-content: 4px; --tooltip-padding-block: 8px; --tooltip-padding-inline: 12px; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --width-8: .5rem; --window-body-color-background-default: #ffffff; --window-body-padding-block-lg: 32px; --window-body-padding-block-md: 24px; --window-body-padding-block-sm: 12px; --window-body-padding-block-xl: 64px; --window-body-padding-block-xs: 8px; --window-body-padding-inline-lg: 32px; --window-body-padding-inline-md: 24px; --window-body-padding-inline-sm: 12px; --window-body-padding-inline-xl: 64px; --window-body-padding-inline-xs: 8px; --window-border-radius: 8px; --window-border-width: 1px; --window-color-border-default: #f6f3ef; --window-color-border-hover: #eae4de; --window-header-action-border-radius: 8px; --window-header-action-color-background-close-default: #ffffff; --window-header-action-color-background-close-hover: #fbdedc; --window-header-action-color-background-close-pressed: #fcc7c3; --window-header-action-color-background-common-default: #ffffff; --window-header-action-color-background-common-hover: #fff1b2; --window-header-action-color-background-common-pressed: #ffe166; --window-header-action-color-border-close-default: #f6f3ef; --window-header-action-color-icon-close-default: #75001a; --window-header-action-color-icon-close-hover: #a80029; --window-header-action-color-icon-close-pressed: #75001a; --window-header-action-color-icon-common-default: #585858; --window-header-action-color-icon-common-hover: #1e1c1a; --window-header-action-color-icon-common-pressed: #1e1c1a; --window-header-action-size-container: 24px; --window-header-action-size-icon: 16px; --window-header-color-background: #ffffff; --window-header-color-text-default: #000000; --window-header-gap-actions: 4px; --window-header-gap-content: 8px; --window-header-padding-block-xs: 4px; --window-header-padding-inline-xs: 4px; --window-header-size-min-height: 32px; --window-header-tab-border-width-active: 2px; --window-header-tab-color-background-active: #ffe166; --window-header-tab-color-background-default: #ffffff; --window-header-tab-color-background-hover: #fff1b2; --window-header-tab-color-border-default: #f6f3ef; --window-header-tab-color-icon-active: #423500; --window-header-tab-color-icon-default: #444444; --window-header-tab-color-icon-hover: #423500; --window-header-tab-color-text-active: #423500; --window-header-tab-color-text-default: #444444; --window-header-tab-color-text-hover: #423500; --wysiwyg-border-width-divider: 1px; --wysiwyg-color-background-divider: #f3f3f3; --wysiwyg-color-background-root: #ffffff; --wysiwyg-color-border: #f3f3f3; --wysiwyg-color-select-background-default: #ffffff; --wysiwyg-color-select-background-hover: #ffffff; --wysiwyg-color-select-background-pressed: #f3f3f3; --wysiwyg-color-select-background-selected: #ffe166; --wysiwyg-color-select-border-default: #ffffff; --wysiwyg-color-select-border-hover: #f3f3f3; --wysiwyg-color-select-border-pressed: #f3f3f3; --wysiwyg-color-select-border-selected: #ffcd00; --wysiwyg-color-select-icon-default: #000000; --wysiwyg-gap-categories: 8px; --wysiwyg-gap-content: 12px; --wysiwyg-main-border-radius: 4px; --wysiwyg-main-border-stroke: 1px; --wysiwyg-main-horizontal-gap-large: 8px; --wysiwyg-main-horizontal-gap-small: 4px; --wysiwyg-main-horizontal-padding: 8px; --wysiwyg-main-vertical-gap: 8px; --wysiwyg-main-vertical-padding: 8px; --wysiwyg-padding-block: 8px; --wysiwyg-padding-inline: 12px; --wysiwyg-select-border-radius: 8px; --wysiwyg-select-border-stroke: 1px; --wysiwyg-select-gap: 4px; --wysiwyg-select-height-max: 32px; --wysiwyg-select-height-min: 32px; --wysiwyg-select-horizontal-padding: 12px; --wysiwyg-select-icon: 16px; --wysiwyg-select-vertical-padding: 8px; --wysiwyg-select-width-max: 32px; --wysiwyg-size-icon: 24px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}}@layer base{h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}@utility bg-grid{background-position: -.5px .5px; background-image: var(--grid-pattern);}@utility bg-grid-*{background-position: -.5px .5px; background-image: var(--grid-pattern); background-color: --value(--color-background- *);}@utility bg-striped{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px);}@utility bg-striped-*{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),--value(--color-background- *);}
|
|
1
|
+
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --grid-pattern: repeating-linear-gradient(0,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)),repeating-linear-gradient(90deg,var(--pattern-grid-color-stroke-default) 0,var(--pattern-grid-color-stroke-default) var(--pattern-grid-stroke),transparent var(--pattern-grid-stroke),transparent var(--pattern-grid-size)); --accordion-padding-block-content: 16px; --accordion-padding-gap-content: 8px; --accordion-padding-gap-subtitle: 4px; --accordion-padding-gap-tags: 4px; --accordion-padding-size-icon-lg: 16px; --accordion-padding-size-icon-md: 16px; --accordion-padding-size-max-height-lg: 32px; --accordion-padding-size-max-height-md: 24px; --accordion-subtitle-color-text-default: #212121; --accordion-title-color-background: rgba(255,255,255,0); --accordion-title-color-icon-default: #000000; --accordion-title-color-text-default: #000000; --alert-border-radius: 8px; --alert-border-width-ai: 2px; --alert-color-background-ai: #ffffff; --alert-color-background-brand: #fff8d9; --alert-color-background-danger: #fbdedc; --alert-color-background-information: #e0f5ff; --alert-color-background-success: #e7fbd3; --alert-color-background-warning: #ffebce; --alert-color-icon-default: rgba(0,0,0,.26); --alert-color-text-ai-body: #212121; --alert-color-text-ai-title: #000000; --alert-color-text-brand-body: #423500; --alert-color-text-brand-title: #000000; --alert-color-text-danger-body: #450101; --alert-color-text-danger-title: #000000; --alert-color-text-information-body: #00202b; --alert-color-text-information-title: #000000; --alert-color-text-success-body: #142603; --alert-color-text-success-title: #000000; --alert-color-text-warning-body: #382303; --alert-color-text-warning-title: #000000; --alert-gap-actions-lg: 12px; --alert-gap-actions-md: 8px; --alert-gap-content-lg: 12px; --alert-gap-content-md: 8px; --alert-icon-border-radius: 8px; --alert-icon-color-background-brand: #ffe166; --alert-icon-color-background-danger: #fdb3ae; --alert-icon-color-background-information: #9bdef7; --alert-icon-color-background-success: #cfebb0; --alert-icon-color-background-warning: #ffbb59; --alert-icon-color-icon-ai: #ffffff; --alert-icon-color-icon-brand: #423500; --alert-icon-color-icon-danger: #450101; --alert-icon-color-icon-information: #00202b; --alert-icon-color-icon-success: #142603; --alert-icon-color-icon-warning: #382303; --alert-icon-padding-block: 4px; --alert-icon-padding-inline: 4px; --alert-padding-block-lg: 32px; --alert-padding-block-md: 16px; --alert-padding-inline-lg: 32px; --alert-padding-inline-md: 16px; --alert-size-icon: 24px; --avatar-border-radius: calc(infinity * 1px); --avatar-color-background-initials-blue: #55c3e9; --avatar-color-background-initials-green: #bade94; --avatar-color-background-initials-orange: #ff9868; --avatar-color-background-initials-pink: #f696c8; --avatar-color-background-initials-teal: #00c7ae; --avatar-color-background-initials-violet: #acacff; --avatar-color-background-placeholder: #f6f3ef; --avatar-color-icon-placeholder: #a7a096; --avatar-color-text-initials-blue: #013c50; --avatar-color-text-initials-green: #2a4210; --avatar-color-text-initials-orange: #6d2605; --avatar-color-text-initials-pink: #5c2944; --avatar-color-text-initials-teal: #053731; --avatar-color-text-initials-violet: #3c2e63; --avatar-size-lg: 64px; --avatar-size-md: 48px; --avatar-size-sm: 32px; --avatar-size-xs: 24px; --badge-border-radius-lg: 8px; --badge-border-radius-md: 4px; --badge-border-radius-sm: calc(infinity * 1px); --badge-color-background-blue: #27a5d0; --badge-color-background-brand: #ffcd00; --badge-color-background-neutral: #000000; --badge-color-background-red: #e1003a; --badge-color-background-warm: #eae4de; --badge-color-text-blue: #ffffff; --badge-color-text-brand: #000000; --badge-color-text-neutral: #ffffff; --badge-color-text-red: #ffffff; --badge-color-text-warm: #1e1c1a; --badge-padding-block-lg: 4px; --badge-padding-block-md: 2px; --badge-padding-inline-lg: 4px; --badge-padding-inline-md: 4px; --badge-size-height: 8px; --badge-size-max-height-lg: 20px; --badge-size-max-height-md: 16px; --badge-size-min-width-lg: 20px; --badge-size-min-width-md: 16px; --badge-size-width: 8px; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-none: 0; --radius-none: 0; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-width-lg: 6px; --border-width-md: 4px; --border-width-sm: 2px; --border-width-xs: 1px; --breadcrumb-color-icon-active: #000000; --breadcrumb-color-icon-default: #605b55; --breadcrumb-color-icon-hover: #33302d; --breadcrumb-color-text-active: #000000; --breadcrumb-color-text-default: #605b55; --breadcrumb-color-text-hover: #33302d; --breadcrumb-gap-content: 4px; --breadcrumb-size-icon: 16px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0; --button-border-radius: 8px; --button-border-width-ai: 2px; --button-border-width-focused: 4px; --button-border-width-secondary: 1px; --button-color-background-primary-ai-default: #ffffff; --button-color-background-primary-ai-disabled: #f3f3f3; --button-color-background-primary-ai-focused: #ffffff; --button-color-background-primary-ai-hover: #ffffff; --button-color-background-primary-ai-pressed: #f3f3f3; --button-color-background-primary-danger-default: #a80029; --button-color-background-primary-danger-disabled: #f3f3f3; --button-color-background-primary-danger-focused: #a80029; --button-color-background-primary-danger-hover: #e1003a; --button-color-background-primary-danger-pressed: #ff6165; --button-color-background-primary-main-default: #ffcd00; --button-color-background-primary-main-disabled: #f3f3f3; --button-color-background-primary-main-focused: #ffcd00; --button-color-background-primary-main-hover: #e5b800; --button-color-background-primary-main-pressed: #ffe166; --button-color-background-primary-neutral-default: #000000; --button-color-background-primary-neutral-disabled: #f3f3f3; --button-color-background-primary-neutral-focused: #000000; --button-color-background-primary-neutral-hover: #212121; --button-color-background-primary-neutral-pressed: #444444; --button-color-background-secondary-danger-default: #ffffff; --button-color-background-secondary-danger-disabled: #f3f3f3; --button-color-background-secondary-danger-focused: #ffffff; --button-color-background-secondary-danger-hover: #ffffff; --button-color-background-secondary-danger-pressed: #fbdedc; --button-color-background-secondary-main-default: #ffffff; --button-color-background-secondary-main-disabled: #f3f3f3; --button-color-background-secondary-main-focused: #ffffff; --button-color-background-secondary-main-hover: #ffffff; --button-color-background-secondary-main-pressed: #f3f3f3; --button-color-background-tertiary-danger-default: rgba(0,0,0,0); --button-color-background-tertiary-danger-disabled: rgba(0,0,0,0); --button-color-background-tertiary-danger-focused: rgba(0,0,0,0); --button-color-background-tertiary-danger-hover: #fbdedc; --button-color-background-tertiary-danger-pressed: #fcc7c3; --button-color-background-tertiary-main-default: rgba(0,0,0,0); --button-color-background-tertiary-main-disabled: rgba(0,0,0,0); --button-color-background-tertiary-main-focused: rgba(0,0,0,0); --button-color-background-tertiary-main-hover: rgba(0,0,0,.05); --button-color-background-tertiary-main-pressed: rgba(0,0,0,.13); --button-color-border-focused: #ffe166; --button-color-border-secondary-danger-default: #a80029; --button-color-border-secondary-danger-focused: #a80029; --button-color-border-secondary-danger-hover: #e1003a; --button-color-border-secondary-danger-pressed: #fdb3ae; --button-color-border-secondary-main-default: #dedede; --button-color-border-secondary-main-focused: #dedede; --button-color-border-secondary-main-hover: #bdbdbd; --button-color-border-secondary-main-pressed: #dedede; --button-color-icon-primary-ai-default: #000000; --button-color-icon-primary-ai-disabled: #989898; --button-color-icon-primary-ai-focused: #000000; --button-color-icon-primary-ai-hover: #212121; --button-color-icon-primary-ai-pressed: #000000; --button-color-icon-primary-danger-default: #ffffff; --button-color-icon-primary-danger-disabled: #989898; --button-color-icon-primary-danger-focused: #ffffff; --button-color-icon-primary-danger-hover: #ffffff; --button-color-icon-primary-danger-pressed: #ffffff; --button-color-icon-primary-main-default: #000000; --button-color-icon-primary-main-disabled: #989898; --button-color-icon-primary-main-focused: #000000; --button-color-icon-primary-main-hover: #000000; --button-color-icon-primary-main-pressed: #423500; --button-color-icon-primary-neutral-default: #ffffff; --button-color-icon-primary-neutral-disabled: #989898; --button-color-icon-primary-neutral-focused: #ffffff; --button-color-icon-primary-neutral-hover: #ffffff; --button-color-icon-primary-neutral-pressed: #ffffff; --button-color-icon-secondary-danger-default: #75001a; --button-color-icon-secondary-danger-disabled: #989898; --button-color-icon-secondary-danger-focused: #75001a; --button-color-icon-secondary-danger-hover: #a80029; --button-color-icon-secondary-danger-pressed: #75001a; --button-color-icon-secondary-main-default: #000000; --button-color-icon-secondary-main-disabled: #989898; --button-color-icon-secondary-main-focused: #000000; --button-color-icon-secondary-main-hover: #212121; --button-color-icon-secondary-main-pressed: #000000; --button-color-icon-tertiary-danger-default: #a80029; --button-color-icon-tertiary-danger-disabled: #989898; --button-color-icon-tertiary-danger-focused: #a80029; --button-color-icon-tertiary-danger-hover: #e1003a; --button-color-icon-tertiary-danger-pressed: #450101; --button-color-icon-tertiary-main-default: #000000; --button-color-icon-tertiary-main-disabled: #989898; --button-color-icon-tertiary-main-focused: #000000; --button-color-icon-tertiary-main-hover: #212121; --button-color-icon-tertiary-main-pressed: #000000; --button-color-text-primary-ai-default: #000000; --button-color-text-primary-ai-disabled: #989898; --button-color-text-primary-ai-focused: #000000; --button-color-text-primary-ai-hover: #212121; --button-color-text-primary-ai-pressed: #000000; --button-color-text-primary-danger-default: #ffffff; --button-color-text-primary-danger-disabled: #989898; --button-color-text-primary-danger-focused: #ffffff; --button-color-text-primary-danger-hover: #ffffff; --button-color-text-primary-danger-pressed: #ffffff; --button-color-text-primary-main-default: #000000; --button-color-text-primary-main-disabled: #989898; --button-color-text-primary-main-focused: #000000; --button-color-text-primary-main-hover: #000000; --button-color-text-primary-main-pressed: #423500; --button-color-text-primary-neutral-default: #ffffff; --button-color-text-primary-neutral-disabled: #989898; --button-color-text-primary-neutral-focused: #ffffff; --button-color-text-primary-neutral-hover: #ffffff; --button-color-text-primary-neutral-pressed: #ffffff; --button-color-text-secondary-danger-default: #75001a; --button-color-text-secondary-danger-disabled: #989898; --button-color-text-secondary-danger-focused: #75001a; --button-color-text-secondary-danger-hover: #a80029; --button-color-text-secondary-danger-pressed: #75001a; --button-color-text-secondary-main-default: #000000; --button-color-text-secondary-main-disabled: #989898; --button-color-text-secondary-main-focused: #000000; --button-color-text-secondary-main-hover: #212121; --button-color-text-secondary-main-pressed: #000000; --button-color-text-tertiary-danger-default: #a80029; --button-color-text-tertiary-danger-disabled: #989898; --button-color-text-tertiary-danger-focused: #a80029; --button-color-text-tertiary-danger-hover: #e1003a; --button-color-text-tertiary-danger-pressed: #450101; --button-color-text-tertiary-main-default: #000000; --button-color-text-tertiary-main-disabled: #989898; --button-color-text-tertiary-main-focused: #000000; --button-color-text-tertiary-main-hover: #212121; --button-color-text-tertiary-main-pressed: #000000; --button-gap-content-lg: 8px; --button-gap-content-md: 4px; --button-gap-content-sm: 4px; --button-padding-block-lg: 12px; --button-padding-block-md: 8px; --button-padding-block-sm: 4px; --button-padding-inline-lg: 16px; --button-padding-inline-md: 12px; --button-padding-inline-sm: 8px; --button-size-icon-lg: 24px; --button-size-icon-md: 16px; --button-size-icon-sm: 16px; --button-size-max-height-lg: 42px; --button-size-max-height-md: 32px; --button-size-max-height-sm: 24px; --calendar-border-radius-cell: 8px; --calendar-border-radius-container: 12px; --calendar-border-width: 1px; --calendar-cell-height: 32px; --calendar-cell-width: 36px; --calendar-color-background-default: #ffffff; --calendar-color-background-disabled: #f3f3f3; --calendar-color-background-hover: #fbf9f7; --calendar-color-background-range: #fff1b2; --calendar-color-background-selected: #ffcd00; --calendar-color-border-default: #f6f3ef; --calendar-color-dot-today: #ffcd00; --calendar-color-text-disabled: #444444; --calendar-color-text-primary: #000000; --calendar-color-text-secondary: #585858; --calendar-color-text-selected: #000000; --calendar-color-text-today: #423500; --calendar-gap-row: 0; --calendar-gap-section: 8px; --calendar-padding-container: 12px; --calendar-weekday-cell-height: 28px; --card-action-dismiss-icon-default: #bdbdbd; --card-action-dismiss-icon-hover: #000000; --card-action-dismiss-padding-block-start-lg: 16px; --card-action-dismiss-padding-block-start-md: 12px; --card-action-dismiss-padding-block-start-sm: 8px; --card-action-dismiss-padding-inline-end-lg: 16px; --card-action-dismiss-padding-inline-end-md: 12px; --card-action-dismiss-padding-inline-end-sm: 8px; --card-action-dismiss-size-icon-lg: 32px; --card-action-dismiss-size-icon-md: 32px; --card-action-dismiss-size-icon-sm: 24px; --card-body-color-meta-text-default: #585858; --card-body-color-text-default: #212121; --card-border-radius: 8px; --card-color-background-default: #ffffff; --card-color-border-default: #f6f3ef; --card-color-border-hover: #eae4de; --card-color-icon-default: #585858; --card-color-icon-hover: #000000; --card-gap-actions: 8px; --card-gap-content-lg: 24px; --card-gap-content-md: 16px; --card-gap-content-sm: 8px; --card-gap-footer-lg: 24px; --card-gap-footer-md: 16px; --card-gap-footer-sm: 12px; --card-gap-title: 8px; --card-header-color-icon-default: #000000; --card-header-color-text-default: #000000; --card-padding-block-lg: 32px; --card-padding-block-md: 24px; --card-padding-block-sm: 16px; --card-padding-inline-lg: 32px; --card-padding-inline-md: 24px; --card-padding-inline-sm: 16px; --card-size-icon-lg: 24px; --checkbox-border-radius: 4px; --checkbox-border-width-default: 1px; --checkbox-border-width-focused: 2px; --checkbox-color-background-checked-default: #ffcd00; --checkbox-color-background-checked-hover: #ffe166; --checkbox-color-background-default: #eae4de; --checkbox-color-background-unchecked-default: #ffffff; --checkbox-color-border-disabled: #d2cbc3; --checkbox-color-border-error: #e1003a; --checkbox-color-border-focused: #ffe166; --checkbox-color-border-unchecked-default: #dedede; --checkbox-color-border-unchecked-hover: #bdbdbd; --checkbox-color-icon-default: #000000; --checkbox-color-icon-disabled: #a7a096; --checkbox-size-container: 16px; --checkbox-size-icon: 16px; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-violet-subtle: #e0e0ff; --color-background-brand-minimal: #fff8d9; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-brand-subtle: #fff1b2; --color-background-danger-minimal: #fbdedc; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-danger-subtle: #fcc7c3; --color-background-information-minimal: #e0f5ff; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-information-subtle: #bbeaff; --color-background-neutral-inverse: #ffffff; --color-background-neutral-inverse-fixed: #ffffff; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-primary: #000000; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-tertiary: #444444; --color-background-success-minimal: #e7fbd3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-transparent-black-minimal: rgba(0,0,0,.05); --color-background-transparent-black-none: rgba(0,0,0,0); --color-background-transparent-black-subtle: rgba(0,0,0,.26); --color-background-transparent-black-subtlest: rgba(0,0,0,.13); --color-background-transparent-white-minimal: rgba(255,255,255,.05); --color-background-transparent-white-none: rgba(255,255,255,0); --color-background-transparent-white-subtle: rgba(255,255,255,.26); --color-background-transparent-white-subtlest: rgba(255,255,255,.13); --color-background-warm-minimal: #fbf9f7; --color-background-warm-primary: #f6f3ef; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-warning-minimal: #ffebce; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-warning-subtle: #ffd495; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-border-brand-minimal: #fff8d9; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-brand-subtle: #fff1b2; --color-border-danger-minimal: #fbdedc; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-danger-subtle: #fcc7c3; --color-border-information-minimal: #e0f5ff; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-information-subtle: #bbeaff; --color-border-neutral-inverse: #ffffff; --color-border-neutral-inverse-fixed: #ffffff; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-primary: #000000; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-tertiary: #444444; --color-border-neutral-transparent-minimal: rgba(0,0,0,.03); --color-border-success-minimal: #e7fbd3; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-transparent-black-minimal: rgba(0,0,0,.03); --color-border-transparent-black-none: rgba(0,0,0,0); --color-border-transparent-black-subtle: rgba(0,0,0,.26); --color-border-transparent-black-subtlest: rgba(0,0,0,.13); --color-border-transparent-white-minimal: rgba(255,255,255,.05); --color-border-transparent-white-none: rgba(255,255,255,0); --color-border-transparent-white-subtle: rgba(255,255,255,.26); --color-border-transparent-white-subtlest: rgba(255,255,255,.13); --color-border-warm-minimal: #f6f3ef; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-warm-subtle: #eae4de; --color-border-warm-tertiary: #d2cbc3; --color-border-warning-minimal: #ffebce; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-warning-subtle: #ffd495; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-orange-minimal: #ff9868; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-brand-minimal: #ffcd00; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-tertiary: #846a01; --color-icon-danger-minimal: #ff9490; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-tertiary: #a80029; --color-icon-information-minimal: #55c3e9; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-tertiary: #025a79; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-primary: #000000; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-tertiary: #444444; --color-icon-success-minimal: #bade94; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-tertiary: #40611f; --color-icon-warm-minimal: #a7a096; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-subtle: #605b55; --color-icon-warm-tertiary: #4d4944; --color-icon-warning-minimal: #ff9f14; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-tertiary: #824f06; --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-green-minimal: #83ad57; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-tertiary: #40611f; --color-text-accent-orange-minimal: #e67b49; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-teal-minimal: #06a894; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-tertiary: #5a4890; --color-text-brand-minimal: #e5b800; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-subtle: #b69200; --color-text-brand-tertiary: #846a01; --color-text-danger-minimal: #ff6165; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-subtle: #e1003a; --color-text-danger-tertiary: #a80029; --color-text-information-minimal: #27a5d0; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-subtle: #057aa3; --color-text-information-tertiary: #025a79; --color-text-neutral-inverse: #ffffff; --color-text-neutral-inverse-fixed: #ffffff; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-primary: #000000; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-tertiary: #444444; --color-text-success-minimal: #83ad57; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-subtle: #5a8034; --color-text-success-tertiary: #40611f; --color-text-warm-minimal: #a7a096; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-subtle: #605b55; --color-text-warm-tertiary: #4d4944; --color-text-warning-minimal: #db860a; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-subtle: #a6670a; --color-text-warning-tertiary: #824f06; --color-transparent-10: rgba(0,0,0,.03); --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --drawer-body-color-background-default: #ffffff; --drawer-body-padding-block: 32px; --drawer-body-padding-inline: 32px; --drawer-border-radius: 8px; --drawer-border-width: 1px; --drawer-color-border-default: #f6f3ef; --drawer-color-border-hover: #eae4de; --drawer-color-icon-default: #000000; --drawer-color-text-description: #212121; --drawer-color-text-title: #000000; --drawer-size-width-lg: 900px; --drawer-size-width-md: 708px; --drawer-size-width-sm: 516px; --dropdown-menu-border-radius: 8px; --dropdown-menu-border-width: 1px; --dropdown-menu-color-background-default: #ffffff; --dropdown-menu-color-border-default: #f6f3ef; --dropdown-menu-color-border-hover: #eae4de; --dropdown-menu-divider-padding-block-lg: 8px; --dropdown-menu-divider-padding-block-md: 4px; --dropdown-menu-gap-content: 8px; --dropdown-menu-item-border-radius: 8px; --dropdown-menu-item-color-background-default: #ffffff; --dropdown-menu-item-color-background-disabled: #fbf9f7; --dropdown-menu-item-color-background-hover: #fff8d9; --dropdown-menu-item-color-icon-default: #000000; --dropdown-menu-item-color-icon-disabled: #605b55; --dropdown-menu-item-color-icon-hover: #423500; --dropdown-menu-item-color-text-content-default: #000000; --dropdown-menu-item-color-text-content-disabled: #605b55; --dropdown-menu-item-color-text-content-hover: #423500; --dropdown-menu-item-color-text-description-default: #444444; --dropdown-menu-item-color-text-description-disabled: #605b55; --dropdown-menu-item-color-text-description-hover: #604d00; --dropdown-menu-item-gap-content: 8px; --dropdown-menu-item-padding-block-lg: 12px; --dropdown-menu-item-padding-block-md: 8px; --dropdown-menu-item-padding-inline-lg: 16px; --dropdown-menu-item-padding-inline-md: 12px; --dropdown-menu-padding-block-lg: 8px; --dropdown-menu-padding-block-md: 8px; --dropdown-menu-padding-inline-lg: 8px; --dropdown-menu-padding-inline-md: 8px; --dropdown-menu-size-icon: 16px; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --field-gap-assistive: 4px; --field-gap-label: 8px; --file-drop-border-radius: 8px; --file-drop-border-width-default: 1px; --file-drop-gap-content: 16px; --file-drop-padding-block: 32px; --file-drop-padding-inline: 32px; --floating-action-bar-border-radius: 8px; --floating-action-bar-border-width: 1px; --floating-action-bar-color-background: #ffffff; --floating-action-bar-color-border: #f3f3f3; --floating-action-bar-gap-actions: 8px; --floating-action-bar-gap-items: 12px; --floating-action-bar-gap-pagination: 12px; --floating-action-bar-padding-block: 12px; --floating-action-bar-padding-inline: 16px; --floating-action-bar-size-max-height: 57px; --font-family-body: "Work Sans",sans-serif; --font-family-title: "welcome-font",sans-serif; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --font-line-height-lg: 150%; --font-line-height-md: 140%; --font-line-height-sm: 130%; --font-line-height-xs: 120%; --font-size-12: .75rem; --text-12: .75rem; --font-size-128: 8rem; --text-128: 8rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-weight-black: 900; --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semi-bold: 600; --growl-border-radius: 12px; --growl-border-width: 1px; --growl-color-background-default: #ffffff; --growl-color-border-default: #eae4de; --growl-color-border-hover: #d2cbc3; --growl-color-icon-default: #bdbdbd; --growl-color-icon-hover: #000000; --growl-color-text-body: #212121; --growl-color-text-title: #000000; --growl-gap-content: 16px; --growl-icon-border-radius: 16px; --growl-icon-color-background-error: #fbdedc; --growl-icon-color-background-information: #e0f5ff; --growl-icon-color-background-success: #e7fbd3; --growl-icon-color-background-warning: #ffebce; --growl-icon-color-icon-error: #a80029; --growl-icon-color-icon-information: #025a79; --growl-icon-color-icon-success: #40611f; --growl-icon-color-icon-warning: #824f06; --growl-icon-padding-block: 8px; --growl-icon-padding-inline: 8px; --growl-icon-size-icon: 24px; --growl-padding-block: 16px; --growl-padding-inline: 16px; --growl-size-icon: 24px; --height-16: 1rem; --height-2: .125rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --height-57: 3.5625rem; --height-8: .5rem; --hint-color-text-default: #585858; --hint-color-text-error: #a80029; --hint-color-text-success: #40611f; --hint-color-text-warning: #824f06; --input-border-radius: 8px; --input-border-width-default: 1px; --input-border-width-focused: 2px; --input-color-background-default: #ffffff; --input-color-background-disabled: #eae4de; --input-color-background-transparent: rgba(255,255,255,0); --input-color-border-active: #ffcd00; --input-color-border-default: #f3f3f3; --input-color-border-disabled: #d2cbc3; --input-color-border-error: #e1003a; --input-color-border-focused: #ffe166; --input-color-border-hover: #dedede; --input-color-border-hover-transparent: rgba(0,0,0,.13); --input-color-border-success: #5a8034; --input-color-border-warning: #a6670a; --input-color-icon-default: #000000; --input-color-icon-disabled: #a7a096; --input-color-icon-placeholder: #000000; --input-color-text-default: #000000; --input-color-text-disabled: #605b55; --input-color-text-placeholder: #989898; --input-gap-content: 8px; --input-max-height-lg: 42px; --input-max-height-md: 32px; --input-max-height-sm: 24px; --input-padding-block-lg: 12px; --input-padding-block-md: 8px; --input-padding-block-sm: 4px; --input-padding-inline-lg: 12px; --input-padding-inline-md: 12px; --input-padding-inline-sm: 8px; --input-password-color-background-default: #f3f3f3; --input-password-color-background-good: #83ad57; --input-password-color-background-strong: #83ad57; --input-password-color-background-too-weak: #a80029; --input-password-color-background-weak: #a6670a; --input-size-icon-root: 16px; --input-size-icon-select: 24px; --input-size-image: 16px; --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --label-color-icon-default: #444444; --label-color-icon-error: #e1003a; --label-color-icon-required: #e5b800; --label-color-icon-success: #5a8034; --label-color-icon-warning: #a6670a; --label-color-text-default: #585858; --label-gap-content: 4px; --label-size-leading: 16px; --label-size-required: 12px; --latency-color-background-bar: rgba(0,0,0,.05); --latency-color-background-progress: #ffcd00; --link-color-background-primary-hover: #ffcd00; --link-color-background-primary-visited-default: #fff8d9; --link-color-background-primary-visited-hover: #ffcd00; --link-color-background-secondary-hover: #000000; --link-color-background-secondary-visited-default: #dedede; --link-color-background-secondary-visited-hover: #000000; --link-color-icon-primary-default: #000000; --link-color-icon-primary-disabled: #a7a096; --link-color-icon-primary-hover: #000000; --link-color-icon-primary-visited-default: #604d00; --link-color-icon-primary-visited-hover: #000000; --link-color-icon-secondary-default: #000000; --link-color-icon-secondary-disabled: #989898; --link-color-icon-secondary-hover: #ffffff; --link-color-icon-secondary-visited-default: #444444; --link-color-icon-secondary-visited-hover: #ffffff; --link-color-text-primary-default: #000000; --link-color-text-primary-disabled: #605b55; --link-color-text-primary-hover: #000000; --link-color-text-primary-visited-default: #604d00; --link-color-text-primary-visited-hover: #000000; --link-color-text-secondary-default: #000000; --link-color-text-secondary-disabled: #585858; --link-color-text-secondary-hover: #ffffff; --link-color-text-secondary-visited-default: #444444; --link-color-text-secondary-visited-hover: #ffffff; --link-color-underline-primary-default: #ffcd00; --link-color-underline-primary-disabled: #eae4de; --link-color-underline-primary-visited-default: #ffcd00; --link-color-underline-primary-visited-hover: #ffcd00; --link-color-underline-secondary-default: #000000; --link-color-underline-secondary-disabled: #dedede; --link-color-underline-secondary-visited-default: #000000; --link-color-underline-secondary-visited-hover: #000000; --link-gap-content: 0; --link-gap-underline: -2px; --link-padding-inline-icon: 2px; --link-padding-inline-text: 2px; --link-size-icon-lg: 16px; --link-size-icon-md: 16px; --link-size-icon-sm: 16px; --link-size-icon-xs: 12px; --link-underline-size-height: 2px; --modal-border-radius: 12px; --modal-border-width: 1px; --modal-color-background-default: #ffffff; --modal-color-border-default: #eae4de; --modal-color-border-hover: #d2cbc3; --modal-color-icon-default: #000000; --modal-color-text-body: #212121; --modal-color-text-title: #000000; --modal-gap-content: 12px; --modal-padding-block: 24px; --modal-padding-inline: 24px; --modal-size-width-lg: 800px; --modal-size-width-md: 600px; --modal-size-width-sm: 450px; --pagination-border-radius: 8px; --pagination-border-width-checked: 2px; --pagination-border-width-unchecked: 1px; --pagination-color-background-checked-default: #ffe166; --pagination-color-background-checked-disabled: rgba(0,0,0,.13); --pagination-color-background-checked-hover: #ffe166; --pagination-color-background-checked-pressed: #ffcd00; --pagination-color-background-unchecked-default: #ffffff; --pagination-color-background-unchecked-disabled: rgba(0,0,0,.13); --pagination-color-background-unchecked-hover: #ffffff; --pagination-color-background-unchecked-pressed: rgba(0,0,0,.05); --pagination-color-border-checked-default: #ffcd00; --pagination-color-border-checked-hover: #e5b800; --pagination-color-border-checked-pressed: #e5b800; --pagination-color-border-unchecked-default: #f6f3ef; --pagination-color-border-unchecked-hover: #eae4de; --pagination-color-border-unchecked-pressed: rgba(0,0,0,.03); --pagination-color-icon-checked-default: #000000; --pagination-color-icon-checked-disabled: #585858; --pagination-color-icon-checked-hover: #423500; --pagination-color-icon-checked-pressed: #604d00; --pagination-color-icon-unchecked-default: #000000; --pagination-color-icon-unchecked-disabled: #585858; --pagination-color-icon-unchecked-hover: #212121; --pagination-color-icon-unchecked-pressed: #000000; --pagination-color-text-checked-default: #000000; --pagination-color-text-checked-disabled: #585858; --pagination-color-text-checked-hover: #423500; --pagination-color-text-checked-pressed: #604d00; --pagination-color-text-condensed-default: #000000; --pagination-color-text-unchecked-default: #000000; --pagination-color-text-unchecked-disabled: #585858; --pagination-color-text-unchecked-hover: #212121; --pagination-color-text-unchecked-pressed: #000000; --pagination-end-padding-inline-leading-lg: 16px; --pagination-end-padding-inline-leading-md: 12px; --pagination-end-padding-inline-trailing-lg: 8px; --pagination-end-padding-inline-trailing-md: 4px; --pagination-gap-content: 4px; --pagination-gap-pages: 8px; --pagination-padding-block-lg: 8px; --pagination-padding-block-md: 4px; --pagination-padding-inline-lg: 12px; --pagination-padding-inline-md: 12px; --pagination-size-icon: 24px; --pagination-size-max-height-lg: 40px; --pagination-size-max-height-md: 32px; --pagination-size-max-width-lg: 40px; --pagination-size-max-width-md: 32px; --pagination-size-min-height-lg: 40px; --pagination-size-min-height-md: 32px; --pagination-size-min-width-lg: 40px; --pagination-size-min-width-md: 32px; --pagination-start-padding-inline-leading-lg: 8px; --pagination-start-padding-inline-leading-md: 4px; --pagination-start-padding-inline-trailing-lg: 16px; --pagination-start-padding-inline-trailing-md: 12px; --pattern-grid-color-background-default: rgba(0,0,0,0); --pattern-grid-color-stroke-default: rgba(0,0,0,.03); --pattern-grid-size: 16px; --pattern-grid-stroke: 1px; --radio-border-radius: calc(infinity * 1px); --radio-border-width-checked: 2px; --radio-border-width-focused: 2px; --radio-border-width-unchecked: 1px; --radio-color-background-checked-default: #ffffff; --radio-color-background-checked-disabled: #eae4de; --radio-color-background-unchecked-default: #ffffff; --radio-color-background-unchecked-disabled: #eae4de; --radio-color-border-checked-default: #ffcd00; --radio-color-border-checked-disabled: #d2cbc3; --radio-color-border-checked-hover: #ffe166; --radio-color-border-focused: #ffe166; --radio-color-border-unchecked-default: #dedede; --radio-color-border-unchecked-disabled: #d2cbc3; --radio-color-border-unchecked-hover: #bdbdbd; --radio-indicator-border-radius: calc(infinity * 1px); --radio-indicator-color-background-default: #ffcd00; --radio-indicator-color-background-disabled: #d2cbc3; --radio-indicator-color-background-hover: #ffe166; --radio-indicator-size: 8px; --radio-size: 16px; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-8: .5rem; --size-80: 5rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --size-icon-lg: 1.5rem; --size-icon-md: 1rem; --size-icon-sm: .75rem; --size-icon-xl: 2rem; --size-icon-xs: .5rem; --slider-border-radius-bar: calc(infinity * 1px); --slider-border-radius-thumb: calc(infinity * 1px); --slider-border-width-bar: 1px; --slider-border-width-thumb: 2px; --slider-color-background-fill-default: #f6f3ef; --slider-color-selection-fill-default: #ffe166; --slider-color-selection-fill-disabled: #eae4de; --slider-color-thumb-border-default: #ffcd00; --slider-color-thumb-border-disabled: #d2cbc3; --slider-color-thumb-fill-default: #ffe166; --slider-color-thumb-fill-disabled: #eae4de; --slider-color-thumb-fill-hover: #fff1b2; --slider-color-thumb-fill-pressed: #ffcd00; --slider-indicator-border-radius: calc(infinity * 1px); --spacing-12: .75rem; --spacing-16: 1rem; --spacing-192: 12rem; --spacing-2: .125rem; --spacing-24: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-32: 2rem; --spacing-3xl: 3rem; --spacing-4: .25rem; --spacing-48: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-64: 4rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --spacing-8: .5rem; --spacing-96: 6rem; --spacing-lg: 1rem; --spacing-md: .75rem; --spacing-sm: .5rem; --spacing-xl: 1.5rem; --spacing-xs: .25rem; --stamp-border-radius-lg: 8px; --stamp-border-radius-md: 8px; --stamp-border-radius-sm: 4px; --stamp-border-width: 2px; --stamp-color-background-blue: #9bdef7; --stamp-color-background-brand: #ffe166; --stamp-color-background-green: #cfebb0; --stamp-color-background-orange: #ffb595; --stamp-color-background-red: #fdb3ae; --stamp-color-background-teal: #6fdbcd; --stamp-color-background-violet: #c9c9ff; --stamp-color-background-warm: #f6f3ef; --stamp-color-border-default: #ffffff; --stamp-color-icon-blue: #00202b; --stamp-color-icon-brand: #423500; --stamp-color-icon-green: #142603; --stamp-color-icon-orange: #451701; --stamp-color-icon-red: #450101; --stamp-color-icon-teal: #001b18; --stamp-color-icon-violet: #26194d; --stamp-color-icon-warm: #1e1c1a; --stamp-size-icon-lg: 24px; --stamp-size-icon-md: 16px; --stamp-size-icon-sm: 12px; --stamp-size-icon-xl: 48px; --stamp-size-lg: 48px; --stamp-size-md: 32px; --stamp-size-sm: 24px; --stamp-size-xl: 80px; --stepper-border-radius: 8px; --stepper-border-width-default: 1px; --stepper-color-background: #ffffff; --stepper-color-border-default: #eae4de; --stepper-color-border-hover: #d2cbc3; --stepper-color-icon-default: #444444; --stepper-gap-content: 8px; --stepper-padding-block: 8px; --stepper-padding-inline: 12px; --stepper-size-icon: 24px; --stepper-step-border-radius: 8px; --stepper-step-border-width-active: 2px; --stepper-step-color-background-checked-default: #ffe166; --stepper-step-color-background-checked-hover: #fff1b2; --stepper-step-color-background-unchecked-default: #ffffff; --stepper-step-color-background-unchecked-hover: #fff8d9; --stepper-step-color-border-checked-default: #ffcd00; --stepper-step-color-border-checked-hover: #ffe166; --stepper-step-color-icon-checked-default: #423500; --stepper-step-color-icon-checked-hover: #604d00; --stepper-step-color-icon-success: #40611f; --stepper-step-color-icon-unchecked-default: #444444; --stepper-step-color-icon-unchecked-hover: #000000; --stepper-step-color-text-checked-default: #423500; --stepper-step-color-text-checked-hover: #604d00; --stepper-step-color-text-unchecked-default: #585858; --stepper-step-color-text-unchecked-hover: #000000; --stepper-step-gap-content: 8px; --stepper-step-padding-block: 8px; --stepper-step-padding-inline: 12px; --stepper-step-size-icon: 16px; --sticky-note-border-radius: 2px; --sticky-note-border-width: 1px; --sticky-note-color-background-blue: #e0f5ff; --sticky-note-color-background-brand: #fff8d9; --sticky-note-color-background-green: #e7fbd3; --sticky-note-color-background-orange: #ffded0; --sticky-note-color-background-pink: #ffeaf5; --sticky-note-color-background-teal: #dbfaf6; --sticky-note-color-background-violet: #efefff; --sticky-note-color-border-default: rgba(0,0,0,.03); --sticky-note-color-text-body-blue: #00202b; --sticky-note-color-text-body-brand: #423500; --sticky-note-color-text-body-green: #142603; --sticky-note-color-text-body-orange: #451701; --sticky-note-color-text-body-pink: #3b142a; --sticky-note-color-text-body-teal: #001b18; --sticky-note-color-text-body-violet: #26194d; --sticky-note-color-text-title: #000000; --sticky-note-gap-content: 8px; --sticky-note-icon-border-radius: 8px; --sticky-note-icon-color-background-blue: #55c3e9; --sticky-note-icon-color-background-brand: #ffcd00; --sticky-note-icon-color-background-green: #bade94; --sticky-note-icon-color-background-orange: #ff9868; --sticky-note-icon-color-background-pink: #f696c8; --sticky-note-icon-color-background-teal: #00c7ae; --sticky-note-icon-color-background-violet: #acacff; --sticky-note-icon-color-icon-blue: #00202b; --sticky-note-icon-color-icon-brand: #423500; --sticky-note-icon-color-icon-green: #142603; --sticky-note-icon-color-icon-orange: #451701; --sticky-note-icon-color-icon-pink: #3b142a; --sticky-note-icon-color-icon-teal: #001b18; --sticky-note-icon-color-icon-violet: #26194d; --sticky-note-icon-padding-block: 4px; --sticky-note-icon-padding-inline: 4px; --sticky-note-icon-size-icon: 16px; --sticky-note-size-height-rectangle: 250px; --sticky-note-size-height-square: 250px; --sticky-note-size-icon: 24px; --sticky-note-size-width-rectangle: 350px; --sticky-note-size-width-square: 250px; --stroke-xs: 1px; --swiper-border-radius: 8px; --swiper-border-width: 1px; --swiper-color-background-default: #ffffff; --swiper-color-background-disabled: #f3f3f3; --swiper-color-background-focused: #f3f3f3; --swiper-color-background-hover: #ffffff; --swiper-color-background-pressed: #ffffff; --swiper-color-border-default: #dedede; --swiper-color-border-focused: #dedede; --swiper-color-border-hover: #bdbdbd; --swiper-color-border-pressed: #dedede; --swiper-color-border-pressed-outside: #ffe166; --swiper-color-icon-default: #000000; --swiper-color-icon-disabled: #989898; --swiper-gap-content: 8px; --swiper-padding-block-md: 12px; --swiper-padding-inline-lg: 16px; --swiper-size-icon: 16px; --swiper-size-max-height: 42px; --swiper-size-max-width: 42px; --swiper-size-min-height: 42px; --tab-border-radius: 8px; --tab-border-width-checked: 2px; --tab-border-width-unchecked: 1px; --tab-color-background-checked-default: #ffe166; --tab-color-background-checked-hover: #ffe166; --tab-color-background-checked-pressed: #ffcd00; --tab-color-background-unchecked-default: #ffffff; --tab-color-background-unchecked-hover: #ffffff; --tab-color-background-unchecked-pressed: #f3f3f3; --tab-color-border-checked-default: #ffcd00; --tab-color-border-checked-hover: #e5b800; --tab-color-border-checked-pressed: #e5b800; --tab-color-border-dashed-default: #eae4de; --tab-color-border-dashed-disabled: #d2cbc3; --tab-color-border-dashed-hover: #d2cbc3; --tab-color-border-dashed-pressed: #d2cbc3; --tab-color-border-unchecked-default: #f6f3ef; --tab-color-border-unchecked-hover: #eae4de; --tab-color-border-unchecked-pressed: #eae4de; --tab-color-text-checked-default: #000000; --tab-color-text-checked-hover: #423500; --tab-color-text-checked-pressed: #423500; --tab-color-text-dashed-default: #585858; --tab-color-text-dashed-hover: #585858; --tab-color-text-dashed-pressed: #585858; --tab-color-text-unchecked-default: #000000; --tab-color-text-unchecked-hover: #212121; --tab-color-text-unchecked-pressed: #000000; --tab-gap-content-lg: 8px; --tab-gap-content-md: 4px; --tab-gap-tabs-lg: 8px; --tab-gap-tabs-md: 4px; --tab-padding-block-lg: 12px; --tab-padding-block-md: 8px; --tab-padding-inline-lg: 16px; --tab-padding-inline-md: 12px; --tab-size-icon-lg: 24px; --tab-size-icon-md: 16px; --tab-size-max-height-lg: 40px; --tab-size-max-height-md: 32px; --table-cell-border-width: .5px; --table-cell-color-background-checked: #fff1b2; --table-cell-color-background-default: #ffffff; --table-cell-color-background-hover: #fff8d9; --table-cell-color-border-checked: #e5b800; --table-cell-color-border-default: #dedede; --table-cell-color-text-checked: #423500; --table-cell-color-text-default: #444444; --table-cell-gap: 8px; --table-cell-padding: 16px; --table-cell-size-checkbox: 48px; --table-header-border-width: .5px; --table-header-color-background-neutral: #ffffff; --table-header-color-background-warm: #f6f3ef; --table-header-color-border: #dedede; --table-header-color-icon-active: #000000; --table-header-color-icon-inactive: #585858; --table-header-color-text: #000000; --table-header-gap: 8px; --table-header-padding: 16px; --table-header-size-checkbox: 48px; --table-header-size-icon: 16px; --tabs-color-backgound: #ffffff; --tabs-color-border: #f6f3ef; --tag-border-radius: 8px; --tag-border-width-ai: 1px; --tag-border-width-default: 2px; --tag-border-width-root: 2px; --tag-color-background-blue-ai-default: #bbeaff; --tag-color-background-blue-ai-disabled: #e0f5ff; --tag-color-background-blue-ai-hover: #9bdef7; --tag-color-background-blue-dark-default: #55c3e9; --tag-color-background-blue-dark-disabled: #bbeaff; --tag-color-background-blue-dark-hover: #27a5d0; --tag-color-background-blue-default: #9bdef7; --tag-color-background-blue-disabled: #e0f5ff; --tag-color-background-blue-hover: #55c3e9; --tag-color-background-blue-light-default: #bbeaff; --tag-color-background-blue-light-disabled: #e0f5ff; --tag-color-background-blue-light-hover: #9bdef7; --tag-color-background-brand-ai-default: #fff1b2; --tag-color-background-brand-ai-disabled: #fff8d9; --tag-color-background-brand-ai-hover: #ffe166; --tag-color-background-brand-dark-default: #ffcd00; --tag-color-background-brand-dark-disabled: #fff1b2; --tag-color-background-brand-dark-hover: #e5b800; --tag-color-background-brand-default: #ffe166; --tag-color-background-brand-disabled: #fff8d9; --tag-color-background-brand-hover: #ffcd00; --tag-color-background-brand-light-default: #fff1b2; --tag-color-background-brand-light-disabled: #fff8d9; --tag-color-background-brand-light-hover: #ffe166; --tag-color-background-dash-default: #ffffff; --tag-color-background-dash-disabled: #f3f3f3; --tag-color-background-dash-hover: #ffffff; --tag-color-background-green-ai-default: #e7fbd3; --tag-color-background-green-ai-disabled: #e7fbd3; --tag-color-background-green-ai-hover: #cfebb0; --tag-color-background-green-dark-default: #bade94; --tag-color-background-green-dark-disabled: #e7fbd3; --tag-color-background-green-dark-hover: #9fc873; --tag-color-background-green-default: #cfebb0; --tag-color-background-green-disabled: #e7fbd3; --tag-color-background-green-hover: #bade94; --tag-color-background-green-light-default: #e7fbd3; --tag-color-background-green-light-disabled: #e7fbd3; --tag-color-background-green-light-hover: #cfebb0; --tag-color-background-orange-ai-default: #ffc9b2; --tag-color-background-orange-ai-disabled: #ffded0; --tag-color-background-orange-ai-hover: #ffb595; --tag-color-background-orange-dark-default: #ff9868; --tag-color-background-orange-dark-disabled: #ffc9b2; --tag-color-background-orange-dark-hover: #e67b49; --tag-color-background-orange-default: #ffb595; --tag-color-background-orange-disabled: #ffded0; --tag-color-background-orange-hover: #ff9868; --tag-color-background-orange-light-default: #ffc9b2; --tag-color-background-orange-light-disabled: #ffded0; --tag-color-background-orange-light-hover: #ffb595; --tag-color-background-pink-ai-default: #ffd5eb; --tag-color-background-pink-ai-disabled: #ffeaf5; --tag-color-background-pink-ai-hover: #feb7dc; --tag-color-background-pink-dark-default: #f696c8; --tag-color-background-pink-dark-disabled: #ffd5eb; --tag-color-background-pink-dark-hover: #d17ba8; --tag-color-background-pink-default: #feb7dc; --tag-color-background-pink-disabled: #ffeaf5; --tag-color-background-pink-hover: #f696c8; --tag-color-background-pink-light-default: #ffd5eb; --tag-color-background-pink-light-disabled: #ffeaf5; --tag-color-background-pink-light-hover: #feb7dc; --tag-color-background-red-ai-default: #fcc7c3; --tag-color-background-red-ai-disabled: #fbdedc; --tag-color-background-red-ai-hover: #fdb3ae; --tag-color-background-red-dark-default: #ff9490; --tag-color-background-red-dark-disabled: #fcc7c3; --tag-color-background-red-dark-hover: #ff6165; --tag-color-background-red-default: #fdb3ae; --tag-color-background-red-disabled: #fbdedc; --tag-color-background-red-hover: #ff9490; --tag-color-background-red-light-default: #fbdedc; --tag-color-background-red-light-disabled: #fbdedc; --tag-color-background-red-light-hover: #fcc7c3; --tag-color-background-teal-ai-default: #a5ece4; --tag-color-background-teal-ai-disabled: #dbfaf6; --tag-color-background-teal-ai-hover: #6fdbcd; --tag-color-background-teal-dark-default: #00c7ae; --tag-color-background-teal-dark-disabled: #a5ece4; --tag-color-background-teal-dark-hover: #06a894; --tag-color-background-teal-default: #6fdbcd; --tag-color-background-teal-disabled: #dbfaf6; --tag-color-background-teal-hover: #00c7ae; --tag-color-background-teal-light-default: #a5ece4; --tag-color-background-teal-light-disabled: #dbfaf6; --tag-color-background-teal-light-hover: #6fdbcd; --tag-color-background-violet-ai-default: #e0e0ff; --tag-color-background-violet-ai-disabled: #efefff; --tag-color-background-violet-ai-hover: #c9c9ff; --tag-color-background-violet-dark-default: #acacff; --tag-color-background-violet-dark-disabled: #e0e0ff; --tag-color-background-violet-dark-hover: #9587e8; --tag-color-background-violet-default: #c9c9ff; --tag-color-background-violet-disabled: #efefff; --tag-color-background-violet-hover: #acacff; --tag-color-background-violet-light-default: #e0e0ff; --tag-color-background-violet-light-disabled: #efefff; --tag-color-background-violet-light-hover: #c9c9ff; --tag-color-background-warm-ai-default: #fbf9f7; --tag-color-background-warm-ai-disabled: #f6f3ef; --tag-color-background-warm-ai-hover: #f6f3ef; --tag-color-background-warm-dark-default: #eae4de; --tag-color-background-warm-dark-disabled: #fbf9f7; --tag-color-background-warm-dark-hover: #d2cbc3; --tag-color-background-warm-default: #f6f3ef; --tag-color-background-warm-disabled: #f6f3ef; --tag-color-background-warm-hover: #eae4de; --tag-color-background-warm-light-default: #fbf9f7; --tag-color-background-warm-light-disabled: #f6f3ef; --tag-color-background-warm-light-hover: #f6f3ef; --tag-color-border-dash-default: #dedede; --tag-color-border-dash-disabled: #dedede; --tag-color-border-dash-hover: #bdbdbd; --tag-color-border-default: #ffffff; --tag-color-icon-blue-ai-default: #057aa3; --tag-color-icon-blue-ai-disabled: #057aa3; --tag-color-icon-blue-ai-hover: #025a79; --tag-color-icon-blue-dark-default: #00202b; --tag-color-icon-blue-dark-disabled: #057aa3; --tag-color-icon-blue-dark-hover: #00202b; --tag-color-icon-blue-default: #00202b; --tag-color-icon-blue-disabled: #057aa3; --tag-color-icon-blue-hover: #00202b; --tag-color-icon-blue-light-default: #057aa3; --tag-color-icon-blue-light-disabled: #057aa3; --tag-color-icon-blue-light-hover: #025a79; --tag-color-icon-brand-ai-default: #b69200; --tag-color-icon-brand-ai-disabled: #b69200; --tag-color-icon-brand-ai-hover: #846a01; --tag-color-icon-brand-dark-default: #423500; --tag-color-icon-brand-dark-disabled: #846a01; --tag-color-icon-brand-dark-hover: #423500; --tag-color-icon-brand-default: #423500; --tag-color-icon-brand-disabled: #846a01; --tag-color-icon-brand-hover: #423500; --tag-color-icon-brand-light-default: #b69200; --tag-color-icon-brand-light-disabled: #b69200; --tag-color-icon-brand-light-hover: #846a01; --tag-color-icon-dash-default: #000000; --tag-color-icon-dash-disabled: #585858; --tag-color-icon-dash-hover: #000000; --tag-color-icon-green-ai-default: #5a8034; --tag-color-icon-green-ai-disabled: #5a8034; --tag-color-icon-green-ai-hover: #40611f; --tag-color-icon-green-dark-default: #142603; --tag-color-icon-green-dark-disabled: #5a8034; --tag-color-icon-green-dark-hover: #142603; --tag-color-icon-green-default: #142603; --tag-color-icon-green-disabled: #5a8034; --tag-color-icon-green-hover: #142603; --tag-color-icon-green-light-default: #5a8034; --tag-color-icon-green-light-disabled: #5a8034; --tag-color-icon-green-light-hover: #40611f; --tag-color-icon-orange-ai-default: #c45927; --tag-color-icon-orange-ai-disabled: #c45927; --tag-color-icon-orange-ai-hover: #9f4217; --tag-color-icon-orange-dark-default: #451701; --tag-color-icon-orange-dark-disabled: #c45927; --tag-color-icon-orange-dark-hover: #451701; --tag-color-icon-orange-default: #451701; --tag-color-icon-orange-disabled: #c45927; --tag-color-icon-orange-hover: #451701; --tag-color-icon-orange-light-default: #c45927; --tag-color-icon-orange-light-disabled: #c45927; --tag-color-icon-orange-light-hover: #9f4217; --tag-color-icon-pink-ai-default: #b06089; --tag-color-icon-pink-ai-disabled: #b06089; --tag-color-icon-pink-ai-hover: #803c5f; --tag-color-icon-pink-dark-default: #3b142a; --tag-color-icon-pink-dark-disabled: #b06089; --tag-color-icon-pink-dark-hover: #3b142a; --tag-color-icon-pink-default: #3b142a; --tag-color-icon-pink-disabled: #b06089; --tag-color-icon-pink-hover: #3b142a; --tag-color-icon-pink-light-default: #b06089; --tag-color-icon-pink-light-disabled: #b06089; --tag-color-icon-pink-light-hover: #803c5f; --tag-color-icon-red-ai-default: #a80029; --tag-color-icon-red-ai-disabled: #a80029; --tag-color-icon-red-ai-hover: #75001a; --tag-color-icon-red-dark-default: #450101; --tag-color-icon-red-dark-disabled: #a80029; --tag-color-icon-red-dark-hover: #450101; --tag-color-icon-red-default: #450101; --tag-color-icon-red-disabled: #a80029; --tag-color-icon-red-hover: #450101; --tag-color-icon-red-light-default: #a80029; --tag-color-icon-red-light-disabled: #a80029; --tag-color-icon-red-light-hover: #75001a; --tag-color-icon-teal-ai-default: #0a7b6d; --tag-color-icon-teal-ai-disabled: #0a7b6d; --tag-color-icon-teal-ai-hover: #00544a; --tag-color-icon-teal-dark-default: #001b18; --tag-color-icon-teal-dark-disabled: #0a7b6d; --tag-color-icon-teal-dark-hover: #001b18; --tag-color-icon-teal-default: #001b18; --tag-color-icon-teal-disabled: #0a7b6d; --tag-color-icon-teal-hover: #001b18; --tag-color-icon-teal-light-default: #0a7b6d; --tag-color-icon-teal-light-disabled: #0a7b6d; --tag-color-icon-teal-light-hover: #00544a; --tag-color-icon-violet-ai-default: #8068c6; --tag-color-icon-violet-ai-disabled: #8068c6; --tag-color-icon-violet-ai-hover: #5a4890; --tag-color-icon-violet-dark-default: #26194d; --tag-color-icon-violet-dark-disabled: #8068c6; --tag-color-icon-violet-dark-hover: #26194d; --tag-color-icon-violet-default: #26194d; --tag-color-icon-violet-disabled: #8068c6; --tag-color-icon-violet-hover: #26194d; --tag-color-icon-violet-light-default: #8068c6; --tag-color-icon-violet-light-disabled: #8068c6; --tag-color-icon-violet-light-hover: #5a4890; --tag-color-icon-warm-ai-default: #a7a096; --tag-color-icon-warm-ai-disabled: #605b55; --tag-color-icon-warm-ai-hover: #605b55; --tag-color-icon-warm-dark-default: #1e1c1a; --tag-color-icon-warm-dark-disabled: #605b55; --tag-color-icon-warm-dark-hover: #1e1c1a; --tag-color-icon-warm-default: #1e1c1a; --tag-color-icon-warm-disabled: #605b55; --tag-color-icon-warm-hover: #1e1c1a; --tag-color-icon-warm-light-default: #a7a096; --tag-color-icon-warm-light-disabled: #605b55; --tag-color-icon-warm-light-hover: #605b55; --tag-color-text-blue-default: #00202b; --tag-color-text-blue-disabled: #057aa3; --tag-color-text-blue-hover: #00202b; --tag-color-text-brand-default: #423500; --tag-color-text-brand-disabled: #846a01; --tag-color-text-brand-hover: #423500; --tag-color-text-dash-default: #000000; --tag-color-text-dash-disabled: #585858; --tag-color-text-dash-hover: #000000; --tag-color-text-default: #ffffff; --tag-color-text-green-default: #142603; --tag-color-text-green-disabled: #5a8034; --tag-color-text-green-hover: #142603; --tag-color-text-orange-default: #451701; --tag-color-text-orange-disabled: #c45927; --tag-color-text-orange-hover: #451701; --tag-color-text-pink-default: #3b142a; --tag-color-text-pink-disabled: #b06089; --tag-color-text-pink-hover: #3b142a; --tag-color-text-red-default: #450101; --tag-color-text-red-disabled: #a80029; --tag-color-text-red-hover: #450101; --tag-color-text-teal-default: #001b18; --tag-color-text-teal-disabled: #0a7b6d; --tag-color-text-teal-hover: #001b18; --tag-color-text-violet-default: #26194d; --tag-color-text-violet-disabled: #8068c6; --tag-color-text-violet-hover: #26194d; --tag-color-text-warm-dark-default: #1e1c1a; --tag-color-text-warm-default: #1e1c1a; --tag-color-text-warm-disabled: #605b55; --tag-color-text-warm-hover: #1e1c1a; --tag-gap-content: 4px; --tag-padding-block-lg: 8px; --tag-padding-block-md: 4px; --tag-padding-inline-lg: 12px; --tag-padding-inline-md: 8px; --tag-size-icon: 16px; --tag-size-max-height-lg: 32px; --tag-size-max-height-md: 24px; --thickness-0-5: .5px; --thickness-1: 1px; --thickness-2: 2px; --thickness-3: 4px; --thickness-4: 6px; --toast-border-radius: 12px; --toast-border-width: 1px; --toast-color: #ffffff; --toast-color-background-default: #ffffff; --toast-color-border-default: #eae4de; --toast-color-border-hover: #d2cbc3; --toast-color-text-body: #212121; --toast-gap-content: 8px; --toast-icon-border-radius: 8px; --toast-icon-color-background-error: #fbdedc; --toast-icon-color-background-information: #e0f5ff; --toast-icon-color-background-success: #e7fbd3; --toast-icon-color-background-warning: #ffebce; --toast-icon-color-icon-error: #a80029; --toast-icon-color-icon-information: #025a79; --toast-icon-color-icon-success: #40611f; --toast-icon-color-icon-warning: #824f06; --toast-icon-padding-block: 4px; --toast-icon-padding-inline: 4px; --toast-icon-size-icon: 16px; --toast-padding-block: 8px; --toast-padding-inline: 12px; --toast-size-icon: 24px; --toggle-thumb-border-width: 1px; --toggle-thumb-color-background-default: #ffffff; --toggle-thumb-color-background-disabled: #a7a096; --toggle-thumb-color-background-hover: #ffffff; --toggle-thumb-color-border-default: #bdbdbd; --toggle-thumb-color-border-hover: #bdbdbd; --toggle-thumb-size-lg: 20px; --toggle-thumb-size-md: 16px; --toggle-thumb-size-sm: 12px; --toggle-track-border-radius: calc(infinity * 1px); --toggle-track-border-width-focused: 2px; --toggle-track-color-background-checked-default: #ffcd00; --toggle-track-color-background-checked-hover: #ffe166; --toggle-track-color-background-disabled: #eae4de; --toggle-track-color-background-unchecked-default: #ffffff; --toggle-track-color-border-checked-default: #e5b800; --toggle-track-color-border-checked-hover: #ffcd00; --toggle-track-color-border-disabled: #d2cbc3; --toggle-track-color-border-focused: #ffe166; --toggle-track-color-border-unchecked-default: #dedede; --toggle-track-color-border-unchecked-hover: #bdbdbd; --toggle-track-color-icon-default: #000000; --toggle-track-color-icon-disabled: #605b55; --toggle-track-color-icon-hover: #000000; --toggle-track-size-height-lg: 24px; --toggle-track-size-height-md: 20px; --toggle-track-size-height-sm: 16px; --toggle-track-size-icon-lg: 16px; --toggle-track-size-icon-md: 12px; --toggle-track-size-icon-sm: 8px; --toggle-track-size-width-lg: 44px; --toggle-track-size-width-md: 36px; --toggle-track-size-width-sm: 28px; --tooltip-border-radius: 8px; --tooltip-border-width: 1px; --tooltip-color-background: #212121; --tooltip-color-border: #bdbdbd; --tooltip-color-text: #ffffff; --tooltip-gap-content: 4px; --tooltip-padding-block: 8px; --tooltip-padding-inline: 12px; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --width-8: .5rem; --window-body-color-background-default: #ffffff; --window-body-padding-block-lg: 32px; --window-body-padding-block-md: 24px; --window-body-padding-block-sm: 12px; --window-body-padding-block-xl: 64px; --window-body-padding-block-xs: 8px; --window-body-padding-inline-lg: 32px; --window-body-padding-inline-md: 24px; --window-body-padding-inline-sm: 12px; --window-body-padding-inline-xl: 64px; --window-body-padding-inline-xs: 8px; --window-border-radius: 8px; --window-border-width: 1px; --window-color-border-default: #f6f3ef; --window-color-border-hover: #eae4de; --window-header-action-border-radius: 8px; --window-header-action-color-background-close-default: #ffffff; --window-header-action-color-background-close-hover: #fbdedc; --window-header-action-color-background-close-pressed: #fcc7c3; --window-header-action-color-background-common-default: #ffffff; --window-header-action-color-background-common-hover: #fff1b2; --window-header-action-color-background-common-pressed: #ffe166; --window-header-action-color-border-close-default: #f6f3ef; --window-header-action-color-icon-close-default: #75001a; --window-header-action-color-icon-close-hover: #a80029; --window-header-action-color-icon-close-pressed: #75001a; --window-header-action-color-icon-common-default: #585858; --window-header-action-color-icon-common-hover: #1e1c1a; --window-header-action-color-icon-common-pressed: #1e1c1a; --window-header-action-size-container: 24px; --window-header-action-size-icon: 16px; --window-header-color-background: #ffffff; --window-header-color-text-default: #000000; --window-header-gap-actions: 4px; --window-header-gap-content: 8px; --window-header-padding-block-xs: 4px; --window-header-padding-inline-xs: 4px; --window-header-size-min-height: 32px; --window-header-tab-border-width-active: 2px; --window-header-tab-color-background-active: #ffe166; --window-header-tab-color-background-default: #ffffff; --window-header-tab-color-background-hover: #fff1b2; --window-header-tab-color-border-default: #f6f3ef; --window-header-tab-color-icon-active: #423500; --window-header-tab-color-icon-default: #444444; --window-header-tab-color-icon-hover: #423500; --window-header-tab-color-text-active: #423500; --window-header-tab-color-text-default: #444444; --window-header-tab-color-text-hover: #423500; --wysiwyg-border-width-divider: 1px; --wysiwyg-color-background-divider: #f3f3f3; --wysiwyg-color-background-root: #ffffff; --wysiwyg-color-border: #f3f3f3; --wysiwyg-color-select-background-default: #ffffff; --wysiwyg-color-select-background-hover: #ffffff; --wysiwyg-color-select-background-pressed: #f3f3f3; --wysiwyg-color-select-background-selected: #ffe166; --wysiwyg-color-select-border-default: #ffffff; --wysiwyg-color-select-border-hover: #f3f3f3; --wysiwyg-color-select-border-pressed: #f3f3f3; --wysiwyg-color-select-border-selected: #ffcd00; --wysiwyg-color-select-icon-default: #000000; --wysiwyg-gap-categories: 8px; --wysiwyg-gap-content: 12px; --wysiwyg-main-border-radius: 4px; --wysiwyg-main-border-stroke: 1px; --wysiwyg-main-horizontal-gap-large: 8px; --wysiwyg-main-horizontal-gap-small: 4px; --wysiwyg-main-horizontal-padding: 8px; --wysiwyg-main-vertical-gap: 8px; --wysiwyg-main-vertical-padding: 8px; --wysiwyg-padding-block: 8px; --wysiwyg-padding-inline: 12px; --wysiwyg-select-border-radius: 8px; --wysiwyg-select-border-stroke: 1px; --wysiwyg-select-gap: 4px; --wysiwyg-select-height-max: 32px; --wysiwyg-select-height-min: 32px; --wysiwyg-select-horizontal-padding: 12px; --wysiwyg-select-icon: 16px; --wysiwyg-select-vertical-padding: 8px; --wysiwyg-select-width-max: 32px; --wysiwyg-size-icon: 24px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}}@layer base{h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}@utility bg-grid{background-position: -.5px .5px; background-image: var(--grid-pattern);}@utility bg-grid-*{background-position: -.5px .5px; background-image: var(--grid-pattern); background-color: --value(--color-background- *);}@utility bg-striped{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px);}@utility bg-striped-*{background: repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),--value(--color-background- *);}
|
|
@@ -3,7 +3,7 @@ export type BadgeProps = BadgeOptions & ComponentPropsWithRef<'div'> & HTMLAttri
|
|
|
3
3
|
interface BadgeOptions {
|
|
4
4
|
children?: number | React.ReactElement | string;
|
|
5
5
|
size?: 'lg' | 'md' | 'sm';
|
|
6
|
-
variant?: 'blue' | 'brand' | 'neutral' | 'warm';
|
|
6
|
+
variant?: 'blue' | 'brand' | 'neutral' | 'red' | 'warm';
|
|
7
7
|
withNumberAbbreviation?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TooltipProps as AriakitTooltipProps, TooltipStoreProps as AriakitTooltipStoreProps } from '@ariakit/react';
|
|
2
2
|
export interface TooltipOptions {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
-
content:
|
|
4
|
+
content: React.ReactNode;
|
|
5
5
|
fixed?: boolean;
|
|
6
6
|
gutter?: number;
|
|
7
7
|
placement?: TooltipPlacement;
|
|
@@ -80,10 +80,12 @@ export declare const themeVariables: {
|
|
|
80
80
|
readonly "--badge-color-background-blue": "#27a5d0";
|
|
81
81
|
readonly "--badge-color-background-brand": "#ffcd00";
|
|
82
82
|
readonly "--badge-color-background-neutral": "#000000";
|
|
83
|
+
readonly "--badge-color-background-red": "#e1003a";
|
|
83
84
|
readonly "--badge-color-background-warm": "#eae4de";
|
|
84
85
|
readonly "--badge-color-text-blue": "#ffffff";
|
|
85
86
|
readonly "--badge-color-text-brand": "#000000";
|
|
86
87
|
readonly "--badge-color-text-neutral": "#ffffff";
|
|
88
|
+
readonly "--badge-color-text-red": "#ffffff";
|
|
87
89
|
readonly "--badge-color-text-warm": "#1e1c1a";
|
|
88
90
|
readonly "--badge-padding-block-lg": "4px";
|
|
89
91
|
readonly "--badge-padding-block-md": "2px";
|