@ck-ui/component-library 1.0.17 → 2.0.1
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/CalendarGrid-DzsGX04L.js +240 -0
- package/dist/{DropdownFooter-DL--mVls.js → DropdownFooter-DIxlKK1Y.js} +1 -1
- package/dist/ScrollDropdown-B6iVjMy_.js +80 -0
- package/dist/assets/DateRangePicker-BJW-EAys.css +1 -0
- package/dist/assets/ScrollDropdown-zzvVGbzo.css +1 -0
- package/dist/assets/index-C4-S_v9y.css +1 -0
- package/dist/assets/index-Dpv0OAoW.css +1 -0
- package/dist/assets/styles-Dz05pjuA.css +1 -0
- package/dist/assets/theme-CDdq9khQ.css +1 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -1
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +2 -2
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +228 -189
- package/dist/components/DateRangePicker/_utils/util.js +2 -2
- package/dist/components/MAVDropdown/index.d.ts +1 -1
- package/dist/components/MAVDropdown/index.d.ts.map +1 -1
- package/dist/components/MAVDropdown/index.js +70 -73
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +48 -44
- package/dist/components/ProfileDropdown/index.d.ts.map +1 -1
- package/dist/components/ProfileDropdown/index.js +70 -83
- package/dist/components/Sidebar/Sidebar.constants.d.ts +5 -0
- package/dist/components/Sidebar/Sidebar.constants.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.constants.js +7 -0
- package/dist/components/Sidebar/Sidebar.d.ts +7 -0
- package/dist/components/Sidebar/Sidebar.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.js +46 -0
- package/dist/components/Sidebar/Sidebar.types.d.ts +52 -0
- package/dist/components/Sidebar/Sidebar.types.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.types.js +1 -0
- package/dist/components/Sidebar/Sidebar.utils.d.ts +7 -0
- package/dist/components/Sidebar/Sidebar.utils.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.utils.js +48 -0
- package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts +12 -0
- package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/CollapsedTooltip/index.js +35 -0
- package/dist/components/Sidebar/components/ContactUsButton/index.d.ts +8 -0
- package/dist/components/Sidebar/components/ContactUsButton/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/ContactUsButton/index.js +14 -0
- package/dist/components/Sidebar/components/ExploreSection/index.d.ts +11 -0
- package/dist/components/Sidebar/components/ExploreSection/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/ExploreSection/index.js +22 -0
- package/dist/components/Sidebar/components/GptCard/index.d.ts +14 -0
- package/dist/components/Sidebar/components/GptCard/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/GptCard/index.js +22 -0
- package/dist/components/Sidebar/components/IconRenderer/index.d.ts +7 -0
- package/dist/components/Sidebar/components/IconRenderer/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/IconRenderer/index.js +16 -0
- package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts +13 -0
- package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/MenuItemWrapper/index.js +44 -0
- package/dist/components/Sidebar/components/MenuRenderer/index.d.ts +12 -0
- package/dist/components/Sidebar/components/MenuRenderer/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/MenuRenderer/index.js +77 -0
- package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts +11 -0
- package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/ModuleSwitchButton/index.js +18 -0
- package/dist/components/Sidebar/components/SectionLabel/index.d.ts +5 -0
- package/dist/components/Sidebar/components/SectionLabel/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/SectionLabel/index.js +8 -0
- package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts +15 -0
- package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/SubMenuWrapper/index.js +35 -0
- package/dist/components/Sidebar/hooks/useActiveDetection.d.ts +11 -0
- package/dist/components/Sidebar/hooks/useActiveDetection.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useActiveDetection.js +15 -0
- package/dist/components/Sidebar/hooks/useMenuState.d.ts +9 -0
- package/dist/components/Sidebar/hooks/useMenuState.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useMenuState.js +51 -0
- package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts +7 -0
- package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useModuleSwitch.js +20 -0
- package/dist/components/Sidebar/index.d.ts +4 -0
- package/dist/components/Sidebar/index.d.ts.map +1 -0
- package/dist/components/Sidebar/index.js +5 -0
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +2 -2
- package/dist/components/SingleSelectDropdown/index.js +2 -2
- package/dist/styles.module-BIdwTiuE.js +66 -0
- package/dist/theme/Theme.js +1 -1
- package/dist/theme/theme.css +1 -1
- package/dist/utils/array.d.ts +8 -0
- package/dist/utils/array.d.ts.map +1 -0
- package/dist/utils/array.js +9 -0
- package/dist/utils/color.d.ts +10 -0
- package/dist/utils/color.d.ts.map +1 -0
- package/dist/utils/color.js +22 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +6 -2
- package/package.json +19 -1
- package/dist/CalendarGrid-CsD34cNQ.js +0 -232
- package/dist/ScrollDropdown-SqirjC7s.js +0 -81
- package/dist/assets/DateRangePicker-DLr3_fJA.css +0 -1
- package/dist/assets/ScrollDropdown-BAUrkqoH.css +0 -1
- package/dist/assets/index-Cdmws__2.css +0 -1
- package/dist/assets/index-PKpDB4Cl.css +0 -1
- package/dist/assets/theme-gJHYUL9y.css +0 -1
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
import { jsxs as y, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import * as V from "react";
|
|
3
|
-
import X, { useMemo as Y, useState as O, useEffect as Q } from "react";
|
|
4
|
-
import { MONTHS_SHORT as Z, ALL_MONTHS as oe, DROPDOWN_ITEM_FONT as x, WEEKDAYS as se } from "./components/DateRangePicker/constants.js";
|
|
5
|
-
import { isSameDay as B } from "./components/DateRangePicker/_utils/util.js";
|
|
6
|
-
import { toMonthIndex as u, getYearRange as ie, buildWeeks as le, isDateDisabled as J, isDateInRange as I, isMonthDisabled as ce } from "./components/DateRangePicker/Calendar/calendarGrid.util.js";
|
|
7
|
-
import { s as n, S as D } from "./ScrollDropdown-SqirjC7s.js";
|
|
8
|
-
const ee = (c) => /* @__PURE__ */ V.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 5, viewBox: "0 0 8 5", fill: "none", ...c }, /* @__PURE__ */ V.createElement("path", { d: "M0.380156 0.380175L3.87759 3.86768L7.375 0.380176", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), ne = ({
|
|
9
|
-
year: c,
|
|
10
|
-
month: t,
|
|
11
|
-
startDate: M,
|
|
12
|
-
endDate: b,
|
|
13
|
-
hoverDate: d,
|
|
14
|
-
onDateClick: f,
|
|
15
|
-
onDateHover: w,
|
|
16
|
-
minDate: v,
|
|
17
|
-
maxDate: o,
|
|
18
|
-
onMonthChange: A,
|
|
19
|
-
showPrevArrow: a,
|
|
20
|
-
showNextArrow: _,
|
|
21
|
-
activeDropdown: p,
|
|
22
|
-
onDropdownToggle: R,
|
|
23
|
-
panelId: l,
|
|
24
|
-
otherPanelYear: $,
|
|
25
|
-
otherPanelMonth: C
|
|
26
|
-
}) => {
|
|
27
|
-
const P = `${l}-month`, F = `${l}-year`, k = p === P, H = p === F, E = X.useRef(null), T = X.useRef(null);
|
|
28
|
-
Q(() => {
|
|
29
|
-
if (k && E.current) {
|
|
30
|
-
const e = E.current.querySelector(`.${n["dropdown-item--active"]}`);
|
|
31
|
-
e && (E.current.scrollTop = e.offsetTop - E.current.clientHeight / 2 + e.clientHeight / 2);
|
|
32
|
-
}
|
|
33
|
-
}, [k]), Q(() => {
|
|
34
|
-
if (H && T.current) {
|
|
35
|
-
const e = T.current.querySelector(`.${n["dropdown-item--active"]}`);
|
|
36
|
-
e && (T.current.scrollTop = e.offsetTop - T.current.clientHeight / 2 + e.clientHeight / 2);
|
|
37
|
-
}
|
|
38
|
-
}, [H]);
|
|
39
|
-
const N = M && !b && d && d.getTime() >= M.getTime() ? d : b, G = (e) => ce(e, c, v, o) ? !0 : v && o && v.getFullYear() === o.getFullYear() && v.getMonth() === o.getMonth() ? e !== v.getMonth() : l === "left" && c === $ && e >= C || l === "right" && c === $ && e <= C, q = (e) => l === "left" && (e > $ || e === $ && t >= C) || l === "right" && (e < $ || e === $ && t <= C), r = () => {
|
|
40
|
-
R(null), A(t === 0 ? c - 1 : c, t === 0 ? 11 : t - 1);
|
|
41
|
-
}, s = () => {
|
|
42
|
-
R(null), A(t === 11 ? c + 1 : c, t === 11 ? 0 : t + 1);
|
|
43
|
-
}, K = Y(() => ie(v, o), [v, o]), z = Y(() => le(c, t), [c, t]), re = (e, h, j) => {
|
|
44
|
-
const m = [n.cell];
|
|
45
|
-
if (!h) return m.join(" ");
|
|
46
|
-
const W = J(e, v, o);
|
|
47
|
-
W && m.push(n["cell--disabled"]), (j === 0 || j === 6) && m.push(n["cell--weekend"]);
|
|
48
|
-
const g = !!(M && B(e, M)), S = !!(N && B(e, N)), L = !W && I(e, M, N);
|
|
49
|
-
return g && (m.push(n["cell--start"]), N && !B(e, N) && m.push(n["cell--in-range"])), S && !g && (m.push(n["cell--end"], n["cell--in-range"]), !b && d && m.push(n["cell--hover-end"])), L && !g && !S && m.push(n["cell--in-range"]), m.join(" ");
|
|
50
|
-
};
|
|
51
|
-
return /* @__PURE__ */ y("div", { className: n.panel, children: [
|
|
52
|
-
/* @__PURE__ */ y("div", { className: n.header, children: [
|
|
53
|
-
/* @__PURE__ */ i("button", { type: "button", className: n.nav, onClick: r, style: { visibility: a ? "visible" : "hidden" }, "aria-label": "Previous month", children: /* @__PURE__ */ i("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ i("path", { d: "M5 1L1 5L5 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
|
|
54
|
-
/* @__PURE__ */ y("div", { className: n.selectors, children: [
|
|
55
|
-
/* @__PURE__ */ y("div", { className: n.dropdown, children: [
|
|
56
|
-
/* @__PURE__ */ y("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
|
|
57
|
-
e.stopPropagation(), R(k ? null : P);
|
|
58
|
-
}, children: [
|
|
59
|
-
Z[t],
|
|
60
|
-
/* @__PURE__ */ i(ee, { className: `${n["dropdown-chevron"]} ${k ? n["dropdown-chevron--open"] : ""}`, width: 10, height: 6 })
|
|
61
|
-
] }),
|
|
62
|
-
k && /* @__PURE__ */ i(D, { menuRef: E, children: oe.map((e) => {
|
|
63
|
-
const h = G(e);
|
|
64
|
-
return /* @__PURE__ */ i(
|
|
65
|
-
"div",
|
|
66
|
-
{
|
|
67
|
-
role: "option",
|
|
68
|
-
"aria-selected": e === t,
|
|
69
|
-
"aria-disabled": h,
|
|
70
|
-
className: `${n["dropdown-item"]} ${e === t ? n["dropdown-item--active"] : ""} ${h ? n["dropdown-item--disabled"] : ""}`,
|
|
71
|
-
style: x,
|
|
72
|
-
onClick: () => !h && (() => {
|
|
73
|
-
A(c, e), R(null);
|
|
74
|
-
})(),
|
|
75
|
-
children: Z[e]
|
|
76
|
-
},
|
|
77
|
-
e
|
|
78
|
-
);
|
|
79
|
-
}) })
|
|
80
|
-
] }),
|
|
81
|
-
/* @__PURE__ */ y("div", { className: n.dropdown, children: [
|
|
82
|
-
/* @__PURE__ */ y("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
|
|
83
|
-
e.stopPropagation(), R(H ? null : F);
|
|
84
|
-
}, children: [
|
|
85
|
-
c,
|
|
86
|
-
/* @__PURE__ */ i(ee, { className: `${n["dropdown-chevron"]} ${H ? n["dropdown-chevron--open"] : ""}`, width: 10, height: 6 })
|
|
87
|
-
] }),
|
|
88
|
-
H && /* @__PURE__ */ i(D, { menuRef: T, children: K.map((e) => {
|
|
89
|
-
const h = q(e);
|
|
90
|
-
return /* @__PURE__ */ i(
|
|
91
|
-
"div",
|
|
92
|
-
{
|
|
93
|
-
role: "option",
|
|
94
|
-
"aria-selected": e === c,
|
|
95
|
-
"aria-disabled": h,
|
|
96
|
-
className: `${n["dropdown-item"]} ${e === c ? n["dropdown-item--active"] : ""} ${h ? n["dropdown-item--disabled"] : ""}`,
|
|
97
|
-
style: x,
|
|
98
|
-
onClick: () => !h && (() => {
|
|
99
|
-
A(e, t), R(null);
|
|
100
|
-
})(),
|
|
101
|
-
children: e
|
|
102
|
-
},
|
|
103
|
-
e
|
|
104
|
-
);
|
|
105
|
-
}) })
|
|
106
|
-
] })
|
|
107
|
-
] }),
|
|
108
|
-
/* @__PURE__ */ i("button", { type: "button", className: n.nav, onClick: s, style: { visibility: _ ? "visible" : "hidden" }, "aria-label": "Next month", children: /* @__PURE__ */ i("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ i("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
|
|
109
|
-
] }),
|
|
110
|
-
/* @__PURE__ */ i("div", { className: n.weekdays, children: se.map((e, h) => /* @__PURE__ */ i("span", { className: `${n.weekday} ${h === 0 || h === 6 ? n["weekday--weekend"] : ""}`, children: e }, e)) }),
|
|
111
|
-
/* @__PURE__ */ i("div", { className: n.grid, children: z.filter((e) => e.some(({ isCurrentMonth: h }) => h)).map((e, h) => {
|
|
112
|
-
const j = e.map(({ date: g, isCurrentMonth: S }) => !S || J(g, v, o) ? !1 : M && B(g, M) || N && B(g, N) ? !0 : I(g, M, N)), m = j.indexOf(!0), W = j.lastIndexOf(!0);
|
|
113
|
-
return /* @__PURE__ */ i("div", { className: n.row, children: e.map(({ date: g, isCurrentMonth: S }, L) => {
|
|
114
|
-
const U = !S || J(g, v, o), te = [
|
|
115
|
-
re(g, S, L),
|
|
116
|
-
L === m && j[L] ? n["cell--row-start"] : "",
|
|
117
|
-
L === W && j[L] ? n["cell--row-end"] : ""
|
|
118
|
-
].filter(Boolean).join(" ");
|
|
119
|
-
return S ? /* @__PURE__ */ i(
|
|
120
|
-
"div",
|
|
121
|
-
{
|
|
122
|
-
className: te,
|
|
123
|
-
onClick: () => !U && f(g),
|
|
124
|
-
onMouseEnter: () => !U && w(g),
|
|
125
|
-
children: /* @__PURE__ */ i("span", { className: n["cell-label"], children: g.getDate() })
|
|
126
|
-
},
|
|
127
|
-
L
|
|
128
|
-
) : /* @__PURE__ */ i("span", {}, L);
|
|
129
|
-
}) }, h);
|
|
130
|
-
}) })
|
|
131
|
-
] });
|
|
132
|
-
}, ge = ({
|
|
133
|
-
startDate: c,
|
|
134
|
-
endDate: t,
|
|
135
|
-
onDateClick: M,
|
|
136
|
-
minDate: b,
|
|
137
|
-
maxDate: d
|
|
138
|
-
}) => {
|
|
139
|
-
const f = Y(() => {
|
|
140
|
-
const r = c || b || /* @__PURE__ */ new Date();
|
|
141
|
-
return { year: r.getFullYear(), month: r.getMonth() };
|
|
142
|
-
}, []), w = Y(() => {
|
|
143
|
-
if (t) {
|
|
144
|
-
const K = u(t.getFullYear(), t.getMonth()), z = u(f.year, f.month);
|
|
145
|
-
if (K > z) return { year: t.getFullYear(), month: t.getMonth() };
|
|
146
|
-
}
|
|
147
|
-
const r = f.month === 11 ? 0 : f.month + 1, s = f.month === 11 ? f.year + 1 : f.year;
|
|
148
|
-
return d && u(s, r) > u(d.getFullYear(), d.getMonth()) ? { year: d.getFullYear(), month: d.getMonth() } : { year: s, month: r };
|
|
149
|
-
}, [f, t, d]), v = Y(() => {
|
|
150
|
-
if (u(f.year, f.month) >= u(w.year, w.month)) {
|
|
151
|
-
const r = w.month === 0 ? 11 : w.month - 1;
|
|
152
|
-
return { year: w.month === 0 ? w.year - 1 : w.year, month: r };
|
|
153
|
-
}
|
|
154
|
-
return f;
|
|
155
|
-
}, [f, w]), [o, A] = O(v.year), [a, _] = O(v.month), [p, R] = O(w.year), [l, $] = O(w.month), [C, P] = O(null), [F, k] = O(null);
|
|
156
|
-
Q(() => {
|
|
157
|
-
if (!F) return;
|
|
158
|
-
const r = () => k(null), s = setTimeout(() => document.addEventListener("click", r), 0);
|
|
159
|
-
return () => {
|
|
160
|
-
clearTimeout(s), document.removeEventListener("click", r);
|
|
161
|
-
};
|
|
162
|
-
}, [F]);
|
|
163
|
-
const H = Y(() => {
|
|
164
|
-
if (!b) return !0;
|
|
165
|
-
const r = a === 0 ? 11 : a - 1, s = a === 0 ? o - 1 : o;
|
|
166
|
-
return u(s, r) >= u(b.getFullYear(), b.getMonth());
|
|
167
|
-
}, [a, o, b]), E = Y(() => {
|
|
168
|
-
const r = a === 11 ? 0 : a + 1, s = a === 11 ? o + 1 : o;
|
|
169
|
-
return u(s, r) < u(p, l);
|
|
170
|
-
}, [a, o, p, l]), T = Y(() => {
|
|
171
|
-
const r = l === 0 ? 11 : l - 1, s = l === 0 ? p - 1 : p;
|
|
172
|
-
return u(s, r) > u(o, a);
|
|
173
|
-
}, [l, p, o, a]), N = Y(() => {
|
|
174
|
-
if (!d) return !0;
|
|
175
|
-
const r = l === 11 ? 0 : l + 1, s = l === 11 ? p + 1 : p;
|
|
176
|
-
return u(s, r) <= u(d.getFullYear(), d.getMonth());
|
|
177
|
-
}, [l, p, d]), G = (r, s) => {
|
|
178
|
-
u(r, s) >= u(p, l) || (A(r), _(s));
|
|
179
|
-
}, q = (r, s) => {
|
|
180
|
-
u(r, s) <= u(o, a) || (R(r), $(s));
|
|
181
|
-
};
|
|
182
|
-
return /* @__PURE__ */ y("div", { className: n["ckds-calendar"], children: [
|
|
183
|
-
/* @__PURE__ */ i(
|
|
184
|
-
ne,
|
|
185
|
-
{
|
|
186
|
-
year: o,
|
|
187
|
-
month: a,
|
|
188
|
-
startDate: c,
|
|
189
|
-
endDate: t,
|
|
190
|
-
hoverDate: C,
|
|
191
|
-
onDateClick: M,
|
|
192
|
-
onDateHover: P,
|
|
193
|
-
minDate: b,
|
|
194
|
-
maxDate: d,
|
|
195
|
-
onMonthChange: G,
|
|
196
|
-
showPrevArrow: H,
|
|
197
|
-
showNextArrow: E,
|
|
198
|
-
activeDropdown: F,
|
|
199
|
-
onDropdownToggle: k,
|
|
200
|
-
panelId: "left",
|
|
201
|
-
otherPanelYear: p,
|
|
202
|
-
otherPanelMonth: l
|
|
203
|
-
}
|
|
204
|
-
),
|
|
205
|
-
/* @__PURE__ */ i(
|
|
206
|
-
ne,
|
|
207
|
-
{
|
|
208
|
-
year: p,
|
|
209
|
-
month: l,
|
|
210
|
-
startDate: c,
|
|
211
|
-
endDate: t,
|
|
212
|
-
hoverDate: C,
|
|
213
|
-
onDateClick: M,
|
|
214
|
-
onDateHover: P,
|
|
215
|
-
minDate: b,
|
|
216
|
-
maxDate: d,
|
|
217
|
-
onMonthChange: q,
|
|
218
|
-
showPrevArrow: T,
|
|
219
|
-
showNextArrow: N,
|
|
220
|
-
activeDropdown: F,
|
|
221
|
-
onDropdownToggle: k,
|
|
222
|
-
panelId: "right",
|
|
223
|
-
otherPanelYear: o,
|
|
224
|
-
otherPanelMonth: a
|
|
225
|
-
}
|
|
226
|
-
)
|
|
227
|
-
] });
|
|
228
|
-
};
|
|
229
|
-
export {
|
|
230
|
-
ge as C,
|
|
231
|
-
ee as S
|
|
232
|
-
};
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { jsxs as y, jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as m, useCallback as f, useEffect as v } from "react";
|
|
3
|
-
import './assets/ScrollDropdown-BAUrkqoH.css';const E = "_panel_1427k_8", L = "_header_1427k_19", H = "_nav_1427k_25", x = "_selectors_1427k_42", T = "_dropdown_1427k_47", M = "_weekdays_1427k_156", D = "_weekday_1427k_156", N = "_grid_1427k_172", S = "_row_1427k_178", Y = "_cell_1427k_183", i = {
|
|
4
|
-
"ckds-calendar": "_ckds-calendar_1427k_1",
|
|
5
|
-
panel: E,
|
|
6
|
-
header: L,
|
|
7
|
-
nav: H,
|
|
8
|
-
selectors: x,
|
|
9
|
-
dropdown: T,
|
|
10
|
-
"dropdown-trigger": "_dropdown-trigger_1427k_50",
|
|
11
|
-
"dropdown-chevron": "_dropdown-chevron_1427k_64",
|
|
12
|
-
"dropdown-chevron--open": "_dropdown-chevron--open_1427k_73",
|
|
13
|
-
"dropdown-menu": "_dropdown-menu_1427k_79",
|
|
14
|
-
"dropdown-menu-scroll": "_dropdown-menu-scroll_1427k_95",
|
|
15
|
-
"dropdown-menu-track": "_dropdown-menu-track_1427k_108",
|
|
16
|
-
"dropdown-menu-thumb": "_dropdown-menu-thumb_1427k_114",
|
|
17
|
-
"dropdown-item": "_dropdown-item_1427k_128",
|
|
18
|
-
"dropdown-item--active": "_dropdown-item--active_1427k_140",
|
|
19
|
-
"dropdown-item--disabled": "_dropdown-item--disabled_1427k_150",
|
|
20
|
-
weekdays: M,
|
|
21
|
-
weekday: D,
|
|
22
|
-
"weekday--weekend": "_weekday--weekend_1427k_169",
|
|
23
|
-
grid: N,
|
|
24
|
-
row: S,
|
|
25
|
-
cell: Y,
|
|
26
|
-
"cell-label": "_cell-label_1427k_192",
|
|
27
|
-
"cell--disabled": "_cell--disabled_1427k_207",
|
|
28
|
-
"cell--start": "_cell--start_1427k_207",
|
|
29
|
-
"cell--end": "_cell--end_1427k_207",
|
|
30
|
-
"cell--weekend": "_cell--weekend_1427k_217",
|
|
31
|
-
"cell--in-range": "_cell--in-range_1427k_220",
|
|
32
|
-
"cell--row-end": "_cell--row-end_1427k_247",
|
|
33
|
-
"cell--row-start": "_cell--row-start_1427k_266",
|
|
34
|
-
"cell--hover-end": "_cell--hover-end_1427k_269"
|
|
35
|
-
}, C = ({ menuRef: n, children: h }) => {
|
|
36
|
-
const k = m(null), u = m(null), a = f(() => {
|
|
37
|
-
const e = n.current, o = k.current, r = u.current;
|
|
38
|
-
if (!e || !o || !r) return;
|
|
39
|
-
const { scrollTop: s, scrollHeight: t, clientHeight: l } = e;
|
|
40
|
-
if (!(t > l)) {
|
|
41
|
-
r.style.display = "none";
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
r.style.display = "block";
|
|
45
|
-
const c = r.clientHeight, _ = Math.max(l / t * c, 20), d = s / (t - l) * (c - _);
|
|
46
|
-
o.style.height = `${_}px`, o.style.top = `${d}px`;
|
|
47
|
-
}, [n]);
|
|
48
|
-
return v(() => {
|
|
49
|
-
const e = n.current;
|
|
50
|
-
if (e)
|
|
51
|
-
return e.addEventListener("scroll", a, { passive: !0 }), a(), () => e.removeEventListener("scroll", a);
|
|
52
|
-
}, [n, a]), v(() => {
|
|
53
|
-
const e = k.current, o = n.current, r = u.current;
|
|
54
|
-
if (!e || !o || !r) return;
|
|
55
|
-
let s = !1, t = 0, l = 0;
|
|
56
|
-
const w = (d) => {
|
|
57
|
-
d.preventDefault(), s = !0, t = d.clientY, l = o.scrollTop, document.addEventListener("mousemove", c), document.addEventListener("mouseup", _);
|
|
58
|
-
}, c = (d) => {
|
|
59
|
-
if (!s) return;
|
|
60
|
-
const g = d.clientY - t, b = o.scrollHeight / r.clientHeight;
|
|
61
|
-
o.scrollTop = l + g * b;
|
|
62
|
-
}, _ = () => {
|
|
63
|
-
s = !1, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", _);
|
|
64
|
-
};
|
|
65
|
-
return e.addEventListener("mousedown", w), () => e.removeEventListener("mousedown", w);
|
|
66
|
-
}, [n]), /* @__PURE__ */ y("div", { className: i["dropdown-menu"], style: { overflow: "hidden" }, children: [
|
|
67
|
-
/* @__PURE__ */ p(
|
|
68
|
-
"div",
|
|
69
|
-
{
|
|
70
|
-
className: i["dropdown-menu-scroll"],
|
|
71
|
-
ref: n,
|
|
72
|
-
children: h
|
|
73
|
-
}
|
|
74
|
-
),
|
|
75
|
-
/* @__PURE__ */ p("div", { className: i["dropdown-menu-track"], ref: u, children: /* @__PURE__ */ p("div", { className: i["dropdown-menu-thumb"], ref: k }) })
|
|
76
|
-
] });
|
|
77
|
-
};
|
|
78
|
-
export {
|
|
79
|
-
C as S,
|
|
80
|
-
i as s
|
|
81
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";._ckds-date-range-picker_10fau_2{position:relative;display:inline-block}._ckds-date-range-picker_10fau_2 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-date-range-picker_10fau_2>button{border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker_10fau_2>button>span svg path{stroke:var(--ckcl-black-500, #2B2B2B)}._ckds-date-range-picker_10fau_2>button>span>span{font-size:var(--ckcl-fs-sm, 14px)}._ckds-date-range-picker_10fau_2>button>span:last-child{display:inline-flex;margin-left:var(--ckcl-spacing-sm, 8px);transition:transform .25s ease}._ckds-date-range-picker_10fau_2>button>span:last-child svg path{stroke:var(--ckcl-black-400, #737373)}._ckds-date-range-picker_10fau_2._ckds-date-range-picker--open_10fau_26>button>span:last-child{transform:rotate(180deg)}@keyframes _ckds-drp-in_10fau_1{0%{opacity:0}to{opacity:1}}._ckds-date-range-picker__body_10fau_39{display:flex;flex:1;min-height:0;overflow:visible}._ckds-date-range-picker__sidebar_10fau_47{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);padding:var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1);width:173px;background:var(--ckcl-toast-info, #FAFCFF);overflow-y:auto}._ckds-date-range-picker__sidebar-item_10fau_58{all:unset;cursor:pointer;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-2md, 18px);color:#000;white-space:nowrap;text-align:center;transition:border-color .15s,color .15s,background-color .15s;background-color:transparent;border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-regular, 400)}._ckds-date-range-picker__sidebar-item_10fau_58:hover{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background-color:transparent}._ckds-date-range-picker__sidebar-item--active_10fau_80{--shadow-shade-004: 0px 4px 14px 0px rgba(58, 114, 228, .3);background-color:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-primary-300, #81AFF0);border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-medium, 500);box-shadow:var(--shadow-shade-004);color:var(--ckcl-primary-600, #3060C1)}._ckds-date-range-picker__sidebar-item--active_10fau_80:hover{border-color:var(--ckcl-primary-300, #81AFF0)}._ckds-date-range-picker__calendar_10fau_95{position:absolute;width:auto;border-radius:var(--ckcl-spacing-md, 16px);background-color:var(--ckcl-white, #FFFFFF);overflow:hidden;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);box-shadow:-20px 31.95px 42.61px -31.95px #18274b26;display:flex;flex-direction:column;isolation:isolate;z-index:9999;margin-top:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_10fau_95._ckds-date-range-picker__calendar--align-left_10fau_109{left:0}._ckds-date-range-picker__calendar_10fau_95._ckds-date-range-picker__calendar--align-right_10fau_112{right:0}._ckds-date-range-picker__calendar_10fau_95._ckds-date-range-picker__calendar--enter_10fau_115{animation:_ckds-drp-in_10fau_1 .13s ease-out both}._ckds-date-range-picker__main_10fau_120{flex:1;min-width:0;overflow:visible}._ckds-date-range-picker__footer_10fau_127{display:flex;align-items:end;justify-content:space-between;gap:var(--ckcl-spacing-ms, 12px);padding:var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-top:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-inputs_10fau_136{display:flex;align-items:end;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-field_10fau_142{display:flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-label_10fau_148{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);letter-spacing:0%}._ckds-date-range-picker__required-asterisk_10fau_156{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;vertical-align:top;color:var(--ckcl-red-500, #E52323);margin-left:var(--ckcl-spacing-2xs, 2px)}._ckds-date-range-picker__date-tag_10fau_167{width:160px!important;height:var(--ckcl-spacing-2xl-lg, 40px)!important;border-radius:var(--ckds-border-radius-md, 8px);border-width:var(--ckds-border-width-sm, 1px);font-size:var(--ckcl-fs-sm, 14px)!important;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;gap:var(--ckcl-spacing-xs, 4px);font-weight:var(--ckcl-font-weight-regular, 400);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);background-color:var(--ckcl-black-50, #F4F4F4);border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-arrow_10fau_181{align-self:center;margin-top:var(--ckds-spacing-2xl, 34px)}._ckds-date-range-picker__reset-btn_10fau_186{min-width:unset}._ckds-date-range-picker__actions_10fau_190{display:flex;gap:var(--ckcl-spacing-sm, 8px);align-items:center}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ckds-calendar_1427k_1{display:flex;gap:0}._ckds-calendar_1427k_1 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif!important}._ckds-calendar_1427k_1 ._panel_1427k_8{width:318px;flex:1}._ckds-calendar_1427k_1 ._panel_1427k_8:first-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1)}._ckds-calendar_1427k_1 ._panel_1427k_8:last-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px)}._ckds-calendar_1427k_1 ._header_1427k_19{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ckcl-spacing-md, 16px)}._ckds-calendar_1427k_1 ._nav_1427k_25{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ckcl-spacing-xl, 28px);height:var(--ckcl-spacing-xl, 28px);border-radius:var(--ckds-border-radius-md, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);cursor:pointer;font-size:var(--ckcl-fs-md, 16px);color:var(--ckcl-black-500, #2B2B2B);transition:border-color .15s}._ckds-calendar_1427k_1 ._nav_1427k_25:hover{border-color:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_1427k_1 ._selectors_1427k_42{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_1427k_1 ._dropdown_1427k_47{position:relative}._ckds-calendar_1427k_1 ._dropdown-trigger_1427k_50{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-primary-500, #3A72E4);padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-xs, 4px);border-radius:var(--ckds-border-radius-sm, 6px);transition:background-color .15s}._ckds-calendar_1427k_1 ._dropdown-chevron_1427k_64{display:inline-flex;margin-left:var(--ckcl-spacing-xs, 4px);transition:transform .2s ease}._ckds-calendar_1427k_1 ._dropdown-chevron_1427k_64 path{stroke:var(--ckcl-black-400, #737373);transition:stroke .2s ease}._ckds-calendar_1427k_1 ._dropdown-chevron--open_1427k_73{transform:rotate(180deg)}._ckds-calendar_1427k_1 ._dropdown-chevron--open_1427k_73 path{stroke:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_1427k_1 ._dropdown-menu_1427k_79{position:absolute;top:calc(100% + var(--ckcl-spacing-xs, 4px));left:20%;transform:translate(-50%);z-index:10;background:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-md, 16px) #00000014;padding:var(--ckcl-spacing-sm, 8px);min-width:73px;max-height:271px;overflow:hidden;display:flex}._ckds-calendar_1427k_1 ._dropdown-menu-scroll_1427k_95{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);max-height:250px;overflow-y:auto;position:relative;flex:1;scrollbar-width:none}._ckds-calendar_1427k_1 ._dropdown-menu-scroll_1427k_95::-webkit-scrollbar{display:none}._ckds-calendar_1427k_1 ._dropdown-menu-track_1427k_108{position:relative;margin-left:var(--ckcl-spacing-xs, 4px);border-radius:100px;flex-shrink:0}._ckds-calendar_1427k_1 ._dropdown-menu-thumb_1427k_114{position:absolute;top:0;left:0;width:var(--ckcl-spacing-xs, 4px);background-color:var(--ckcl-black-200, #C2C2C2);border-radius:100px;min-height:var(--ckcl-spacing-slg, 20px);cursor:pointer;transition:background-color .15s}._ckds-calendar_1427k_1 ._dropdown-menu-thumb_1427k_114:hover{background-color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_1427k_1 ._dropdown-item_1427k_128{cursor:pointer;font-size:var(--ckcl-fs-xs, 12px);padding:var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-md, 8px);text-align:center;white-space:nowrap;transition:background-color .1s,color .1s;color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-md, 20px);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._dropdown-item_1427k_128:hover:not(._dropdown-item--active_1427k_140){color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background-color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_1427k_1 ._dropdown-item--active_1427k_140{background-color:var(--ckcl-primary-80, #F1F6FF);color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._dropdown-item--disabled_1427k_150{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed;pointer-events:none;opacity:.5}._ckds-calendar_1427k_1 ._weekdays_1427k_156{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--ckcl-spacing-xs, 4px)}._ckds-calendar_1427k_1 ._weekday_1427k_156{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-400, #737373);text-align:center;padding:var(--ckcl-spacing-xs, 4px) 0}._ckds-calendar_1427k_1 ._weekday--weekend_1427k_169{color:var(--ckcl-black-200, #C2C2C2)}._ckds-calendar_1427k_1 ._grid_1427k_172{display:flex;flex-direction:column;gap:0;margin-top:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_1427k_1 ._row_1427k_178{display:grid;grid-template-columns:repeat(7,1fr);margin-top:var(--ckcl-spacing-2xs, 2px)}._ckds-calendar_1427k_1 ._cell_1427k_183{position:relative;display:flex;align-items:center;justify-content:center;height:var(--ckcl-spacing-2xl-md, 36px);cursor:pointer;-webkit-user-select:none;user-select:none}._ckds-calendar_1427k_1 ._cell-label_1427k_192{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--ckds-spacing-slg, 22px);height:var(--ckds-spacing-slg, 22px);border-radius:50%;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);transition:background-color .1s}._ckds-calendar_1427k_1 ._cell_1427k_183:not(._cell--disabled_1427k_207):not(._cell--start_1427k_207):not(._cell--end_1427k_207):hover ._cell-label_1427k_192{background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-calendar_1427k_1 ._cell--disabled_1427k_207{cursor:not-allowed;pointer-events:none}._ckds-calendar_1427k_1 ._cell--disabled_1427k_207 ._cell-label_1427k_192{color:var(--ckcl-black-200, #C2C2C2)}._ckds-calendar_1427k_1 ._cell--weekend_1427k_217 ._cell-label_1427k_192{color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_1427k_1 ._cell--in-range_1427k_220:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_1427k_1 ._cell--start_1427k_207 ._cell-label_1427k_192{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--in-range_1427k_220:before{content:"";position:absolute;top:50%;left:50%;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--in-range_1427k_220._cell--row-end_1427k_247:before{display:none}._ckds-calendar_1427k_1 ._cell--end_1427k_207 ._cell-label_1427k_192{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._cell--end_1427k_207._cell--in-range_1427k_220:before{content:"";position:absolute;top:50%;left:0;right:50%;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_1427k_1 ._cell--end_1427k_207._cell--in-range_1427k_220._cell--row-start_1427k_266:before{display:none}._ckds-calendar_1427k_1 ._cell--hover-end_1427k_269 ._cell-label_1427k_192{background-color:var(--ckcl-primary-100, #D9E6FB);color:var(--ckcl-black-500, #2B2B2B);font-weight:var(--ckcl-font-weight-regular, 400)}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--end_1427k_207{background:transparent}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--end_1427k_207 ._cell-label_1427k_192{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_1427k_1 ._cell--row-start_1427k_266:not(._cell--start_1427k_207):not(._cell--end_1427k_207):before{border-radius:var(--ckds-border-radius-lg, 12px) 0 0 var(--ckds-border-radius-lg, 12px)}._ckds-calendar_1427k_1 ._cell--row-end_1427k_247:not(._cell--start_1427k_207):not(._cell--end_1427k_207):before{border-radius:0 var(--ckds-border-radius-lg, 12px) var(--ckds-border-radius-lg, 12px) 0}._ckds-calendar_1427k_1 ._cell--row-start_1427k_266._cell--row-end_1427k_247:not(._cell--start_1427k_207):not(._cell--end_1427k_207):before{border-radius:var(--ckds-border-radius-lg, 12px)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ckds-profile-dropdown_1vyrh_1{--ckds-profile-z-index: 100;--ckds-profile-panel-min-width: 420px;--ckds-profile-chevron-transition: transform .2s ease;--ckds-profile-chevron-open: rotate(180deg);--ckds-profile-chevron-closed: rotate(0deg);position:relative;display:inline-flex;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-profile-trigger_1vyrh_12{display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);background:transparent;border:none;cursor:pointer;padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-sm, 6px);outline:none;transition:background-color .15s ease}._ckds-profile-trigger_1vyrh_12:hover,._ckds-profile-trigger--open_1vyrh_24{background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-profile-trigger_1vyrh_12:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:2px}._ckds-profile-trigger-text_1vyrh_32{display:flex;flex-direction:column;align-items:flex-start;gap:1px}._ckds-profile-welcome-label_1vyrh_39{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);line-height:var(--ckds-leading-xs, 14px);white-space:nowrap}._ckds-profile-user-name_1vyrh_47{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-sm, 16px);white-space:nowrap}._ckds-profile-chevron_1vyrh_55{display:inline-flex;align-items:center;justify-content:center;transition:var(--ckds-profile-chevron-transition);transform:var(--ckds-profile-chevron-closed)}._ckds-profile-chevron_1vyrh_55 svg{width:var(--ckcl-spacing-md, 16px);height:var(--ckcl-spacing-md, 16px);display:block;stroke:var(--ckcl-black-400, #737373)}._ckds-profile-chevron--open_1vyrh_68{transform:var(--ckds-profile-chevron-open)}._ckds-profile-dropdown-panel_1vyrh_72{position:absolute;top:calc(100% + var(--ckcl-spacing-xs, 4px));right:0;min-width:var(--ckds-profile-panel-min-width);background:var(--ckcl-white, #FFFFFF);border-radius:var(--ckds-border-radius-md, 8px);box-shadow:var(--ckcl-elevation-4, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .1294117647));z-index:var(--ckds-profile-z-index);overflow:hidden}._ckds-profile-panel-row_1vyrh_84{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px)}._ckds-profile-divider_1vyrh_91{height:1px;background-color:var(--ckcl-black-100, #DCDCDC);margin:0 var(--ckcl-spacing-md, 16px)}._ckds-profile-role-info_1vyrh_97{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}._ckds-profile-role-label_1vyrh_105{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);line-height:var(--ckds-leading-xs, 14px)}._ckds-profile-role-value_1vyrh_112{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-sm, 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._ckds-profile-view-toggle_1vyrh_122{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);flex-shrink:0}._ckds-profile-view-btn_1vyrh_129{display:inline-flex;align-items:center;justify-content:center;padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);border:1px solid var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-sm, 6px);background:transparent;color:var(--ckcl-black-500, #2B2B2B);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-sm, 16px);cursor:pointer;white-space:nowrap;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._ckds-profile-view-btn_1vyrh_129:hover:not(._ckds-profile-view-btn--active_1vyrh_147){border-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-primary-500, #3A72E4)}._ckds-profile-view-btn_1vyrh_129:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:2px}._ckds-profile-view-btn--active_1vyrh_147{background-color:var(--ckcl-primary-500, #3A72E4);border-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);cursor:default}._ckds-profile-org-info_1vyrh_162{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}._ckds-profile-org-label_1vyrh_170{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);line-height:var(--ckds-leading-xs, 14px)}._ckds-profile-org-value_1vyrh_177{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-md, 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._ckds-profile-change-org-btn_1vyrh_187{display:inline-flex;align-items:center;justify-content:center;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-md, 16px);border:none;border-radius:var(--ckds-border-radius-sm, 6px);background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-sm, 16px);cursor:pointer;white-space:nowrap;flex-shrink:0;outline:none;transition:background-color .15s ease}._ckds-profile-change-org-btn_1vyrh_187:hover{background-color:var(--ckcl-primary-600, #3060C1)}._ckds-profile-change-org-btn_1vyrh_187:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:2px}._ckds-profile-change-org-btn_1vyrh_187:active{background-color:var(--ckcl-primary-600, #3060C1)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ckds-mav-dropdown_1w4zu_1{position:relative;display:inline-flex;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-mav-trigger_1w4zu_7{display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);background:transparent;border:none;cursor:pointer;padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-sm, 6px);outline:none;transition:background-color .15s ease}._ckds-mav-trigger_1w4zu_7:hover,._ckds-mav-trigger--open_1w4zu_19{background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-mav-trigger_1w4zu_7:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:2px}._ckds-mav-trigger-content_1w4zu_27{display:flex;flex-direction:column;align-items:flex-start;gap:1px}._ckds-mav-trigger-label_1w4zu_34{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);line-height:var(--ckds-leading-xs, 14px);white-space:nowrap}._ckds-mav-trigger-selected_1w4zu_42{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-sm, 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._ckds-mav-chevron_1w4zu_52{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;transform:rotate(0)}._ckds-mav-chevron_1w4zu_52 svg{width:var(--ckcl-spacing-md, 16px);height:var(--ckcl-spacing-md, 16px);display:block;stroke:var(--ckcl-black-400, #737373)}._ckds-mav-chevron--open_1w4zu_65{transform:rotate(180deg)}._ckds-mav-popover_1w4zu_69{border-radius:var(--ckds-border-radius-md, 8px);padding:0;width:max-content;min-width:unset;max-width:540px}._ckds-mav-item-list_1w4zu_77{list-style:none;margin:0;padding:var(--ckcl-spacing-xs, 4px) 0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--ckcl-black-200, #C2C2C2) transparent}._ckds-mav-item-list_1w4zu_77::-webkit-scrollbar{height:4px}._ckds-mav-item-list_1w4zu_77::-webkit-scrollbar-track{background:transparent}._ckds-mav-item-list_1w4zu_77::-webkit-scrollbar-thumb{background-color:var(--ckcl-black-200, #C2C2C2);border-radius:4px}._ckds-mav-item_1w4zu_77{display:flex;flex-direction:column;gap:2px;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-md, 16px);cursor:pointer;outline:none;width:180px}._ckds-mav-item_1w4zu_77:hover ._ckds-mav-item-label_1w4zu_110{color:var(--ckcl-primary-500, #3A72E4)}._ckds-mav-item_1w4zu_77:hover ._ckds-mav-item-sublabel_1w4zu_113{color:var(--ckcl-primary-400, #578FE9)}._ckds-mav-item_1w4zu_77:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:-2px;border-radius:var(--ckds-border-radius-xs, 4px)}._ckds-mav-item--active_1w4zu_121{cursor:default}._ckds-mav-item--active_1w4zu_121 ._ckds-mav-item-label_1w4zu_110,._ckds-mav-item--active_1w4zu_121 ._ckds-mav-item-sublabel_1w4zu_113{color:var(--ckcl-primary-600, #3060C1);font-weight:var(--ckcl-font-weight-semibold, 600)}._ckds-mav-item-label_1w4zu_110{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-sm, 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._ckds-mav-item-sublabel_1w4zu_113{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);line-height:var(--ckds-leading-xs, 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--ckcl-primary-600: #3060C1;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #578FE9;--ckcl-primary-300: #81AFF0;--ckcl-primary-200: #B0CDF6;--ckcl-primary-100: #D9E6FB;--ckcl-primary-80: #F1F6FF;--ckcl-primary-50: #F8FBFF;--ckcl-black-600: #050505;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #737373;--ckcl-black-350: #676666;--ckcl-black-300: #A0A0A0;--ckcl-black-200: #C2C2C2;--ckcl-black-100: #DCDCDC;--ckcl-black-50: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-600: #C91919;--ckcl-red-500: #E52323;--ckcl-red-400: #EB5050;--ckcl-red-300: #F07D7D;--ckcl-red-200: #F5AAAA;--ckcl-red-100: #FAD7D7;--ckcl-red-50: #FDF4F4;--ckcl-yellow-600: #AC6900;--ckcl-yellow-500: #FFCA28;--ckcl-yellow-400: #FFD54F;--ckcl-yellow-300: #FFE082;--ckcl-yellow-200: #FFECB3;--ckcl-yellow-100: #FFF8E1;--ckcl-yellow-50: #FFFBED;--ckcl-green-600: #007503;--ckcl-green-500: #249C45;--ckcl-green-400: #54B86F;--ckcl-green-300: #88D39A;--ckcl-green-200: #ADE0BB;--ckcl-green-100: #CFEBD7;--ckcl-green-50: #E8F5EC;--ckcl-chips-yellow-filled: #D6A81C;--ckcl-chips-green-default: #F8FFFA;--ckcl-border-color: #E6ECF1;--ckcl-toast-success: #FAFFFB;--ckcl-toast-failure: #FFF9F9;--ckcl-toast-warning: #FFFDF6;--ckcl-toast-info: #FAFCFF;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckds-leading-xs: 14px;--ckds-leading-sm: 16px;--ckds-leading-md: 20px;--ckds-leading-lg: 22px;--ckds-leading-xl: 26px;--ckds-leading-2xl: 28px;--ckds-leading-3xl: 38px;--ckcl-spacing-none:0px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-2sm: 14px;--ckcl-spacing-ms: 12px;--ckcl-spacing-md: 16px;--ckcl-spacing-2md: 18px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-2xl-md: 36px;--ckcl-spacing-2xl-lg: 40px;--ckcl-spacing-3xl: 48px;--ckds-spacing-slg: 22px;--ckds-spacing-xl: 30px;--ckds-spacing-2xl: 34px;--ckds-border-width-sm: 1px;--ckds-border-radius-2xs: 2px;--ckds-border-radius-xsm: 2px;--ckds-border-radius-xs: 4px;--ckds-border-radius-sm: 6px;--ckds-border-radius-md: 8px;--ckds-border-radius-lg: 12px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #DCDCDC;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #FAD7D7;--ckcl-tag-success-bg: #E8F5EC;--ckcl-tag-success-border: #CFEBD7;--ckcl-tag-inprogress-bg: #D9E6FB;--ckcl-tag-inprogress-border: #B0CDF6;--ckcl-tag-alert-bg: #FFF8E1;--ckcl-tag-alert-border: #FFE082;--ckds-tag-neutral-solid-bg: #DCDCDC;--ckds-tag-error-solid-bg: #EB5050;--ckds-tag-success-soft-bg: #F8FFFA;--ckds-tag-success-solid-bg: #249C45;--ckds-tag-inprogress-soft-bg: #F8FBFF;--ckds-tag-inprogress-solid-bg: #578FE9;--ckds-tag-inprogress-border: #D9E6FB;--ckds-tag-alert-soft-bg: #FFFBED;--ckds-tag-alert-soft-border: #FFECB3;--ckds-tag-alert-solid-bg: #FFCA28;--ckds-deviation-tag-border: #E6ECF1;--ckds-elevation-1: -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .13);--ckds-elevation-2: 0px 4px 12px 0px rgba(0, 79, 206, .1215686275);--ckds-elevation-3: 0px -2px 29.3px -10.65px rgba(24, 39, 75, .09);--ckds-elevation-4: -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .1294117647)}[class*=ckcl],[class*=ckds]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckds-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-xl, 26px)}body .ckds-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-xs, 14px)}body .ckds-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-sm, 16px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #737373)}body .ckcl-black-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-black-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-black-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #E52323)}body .ckcl-red-400{color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-300{color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-200{color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-100{color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-green-500{color:var(--ckcl-green-500, #249C45)}body .ckcl-green-400{color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-300{color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-200{color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-100{color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-primary-bg-50{background-color:var(--ckcl-primary-50, #F8FBFF)}body .ckcl-black-bg-600{background-color:var(--ckcl-black-600, #050505)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #737373)}body .ckcl-black-bg-300{background-color:var(--ckcl-black-300, #A0A0A0)}body .ckcl-black-bg-200{background-color:var(--ckcl-black-200, #C2C2C2)}body .ckcl-black-bg-100{background-color:var(--ckcl-black-100, #DCDCDC)}body .ckcl-black-bg-50{background-color:var(--ckcl-black-50, #F4F4F4)}body .ckcl-red-bg-600{background-color:var(--ckcl-red-600, #C91919)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #E52323)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-red-bg-50{background-color:var(--ckcl-red-50, #FDF4F4)}body .ckcl-yellow-bg-600{background-color:var(--ckcl-yellow-600, #AC6900)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-yellow-bg-50{background-color:var(--ckcl-yellow-50, #FFFBED)}body .ckcl-green-bg-600{background-color:var(--ckcl-green-600, #007503)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #249C45)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-green-bg-50{background-color:var(--ckcl-green-50, #E8F5EC)}.ckds-w-full{width:100%}
|