admins-components 9.0.10 → 9.0.12
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/admins-components.js +1 -1
- package/dist/admins-components28.js +16 -32
- package/dist/admins-components46.js +1 -1
- package/dist/admins-components57.js +33 -26
- package/dist/admins-components59.js +44 -32
- package/dist/admins-components62.js +61 -43
- package/dist/admins-components66.js +32 -21
- package/dist/admins-components69.js +25 -17
- package/dist/admins-components77.js +2 -4
- package/dist/admins-components87.js +125 -131
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/dist/src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/dist/src/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/dist/src/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/dist/src/styles/components/header.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/dist/src/styles/components/loader.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/package.json +2 -2
|
@@ -45,27 +45,35 @@ var E = /* @__PURE__ */ o({
|
|
|
45
45
|
} catch {}
|
|
46
46
|
}
|
|
47
47
|
let O = n(() => Math.max(1, Math.ceil(T.settings.total / T.settings.pageSize))), k = n(() => T.settings.total === 0 ? 0 : (T.settings.page - 1) * T.settings.pageSize + 1), A = n(() => Math.min(T.settings.page * T.settings.pageSize, T.settings.total)), j = n(() => {
|
|
48
|
-
let e = O.value, t = T.settings.page
|
|
49
|
-
if (e <=
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
let e = O.value, t = T.settings.page;
|
|
49
|
+
if (e <= M) {
|
|
50
|
+
let t = [];
|
|
51
|
+
for (let n = 1; n <= e; n++) t.push(n);
|
|
52
|
+
return t;
|
|
52
53
|
}
|
|
53
|
-
n
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
54
|
+
let n = M - 2, r = t - 1, i = t + 1;
|
|
55
|
+
for (r < 2 && (i = Math.min(e - 1, i + (2 - r)), r = 2), i > e - 1 && (r = Math.max(2, r - (i - (e - 1))), i = e - 1); i - r + 1 < n;) {
|
|
56
|
+
let t = r > 2, a = i < e - 1;
|
|
57
|
+
if (!t && !a) break;
|
|
58
|
+
let o = r - 2, s = e - 1 - i, c = +((t ? r - 1 : 0) > 2) + +(i < e - 1), l = +(r > 2) + +((a ? i + 1 : 0) < e - 1), u = i - r + 2, d = !1;
|
|
59
|
+
if (t && (o >= s || !a) && u + c <= n ? (r--, d = !0) : a && u + l <= n && (i++, d = !0), !d) break;
|
|
60
|
+
}
|
|
61
|
+
let a = r > 2, o = i < e - 1, s = [];
|
|
62
|
+
s.push(1), a && s.push("...");
|
|
63
|
+
for (let e = r; e <= i; e++) s.push(e);
|
|
64
|
+
return o && s.push("..."), s.push(e), s;
|
|
65
|
+
}), M = 7;
|
|
66
|
+
function N(e) {
|
|
59
67
|
let t = T.settings.page, n = O.value, r = e === 1 || e === n, i = e === t;
|
|
60
68
|
return t > 3 && t < n - 2 && !r && !i;
|
|
61
69
|
}
|
|
62
|
-
function
|
|
70
|
+
function P(e) {
|
|
63
71
|
e < 1 || e > O.value || e === T.settings.page || E("update:pagination", {
|
|
64
72
|
page: e,
|
|
65
73
|
pageSize: T.settings.pageSize
|
|
66
74
|
});
|
|
67
75
|
}
|
|
68
|
-
function
|
|
76
|
+
function F(e) {
|
|
69
77
|
let t = Number(e.target.value);
|
|
70
78
|
D(t), E("update:pagination", {
|
|
71
79
|
page: 1,
|
|
@@ -79,28 +87,28 @@ var E = /* @__PURE__ */ o({
|
|
|
79
87
|
icon: "fa-solid fa-chevron-left",
|
|
80
88
|
rel: "prev",
|
|
81
89
|
disabled: o.settings.page <= 1,
|
|
82
|
-
callback: () =>
|
|
90
|
+
callback: () => P(o.settings.page - 1)
|
|
83
91
|
}, null, 8, ["disabled", "callback"]),
|
|
84
92
|
(c(!0), r(t, null, l(j.value, (e, n) => (c(), r(t, { key: n }, [e === "..." ? (c(), r("span", _, "…")) : (c(), r("button", {
|
|
85
93
|
key: 1,
|
|
86
94
|
type: "button",
|
|
87
95
|
class: s(["c-paginator__page", {
|
|
88
96
|
"is-active": e === o.settings.page,
|
|
89
|
-
"is-hidden-sm":
|
|
97
|
+
"is-hidden-sm": N(e)
|
|
90
98
|
}]),
|
|
91
|
-
onClick: (t) =>
|
|
99
|
+
onClick: (t) => P(e)
|
|
92
100
|
}, u(e), 11, v))], 64))), 128)),
|
|
93
101
|
a(e, {
|
|
94
102
|
icon: "fa-solid fa-chevron-right",
|
|
95
103
|
rel: "next",
|
|
96
104
|
disabled: o.settings.page >= O.value,
|
|
97
|
-
callback: () =>
|
|
105
|
+
callback: () => P(o.settings.page + 1)
|
|
98
106
|
}, null, 8, ["disabled", "callback"])
|
|
99
107
|
]),
|
|
100
108
|
i("div", y, [i("select", {
|
|
101
109
|
class: "c-paginator__select",
|
|
102
110
|
value: o.settings.pageSize,
|
|
103
|
-
onChange:
|
|
111
|
+
onChange: F
|
|
104
112
|
}, [(c(), r(t, null, l(S, (e) => i("option", {
|
|
105
113
|
key: e,
|
|
106
114
|
value: e
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { parseDropdownValue as e } from "./admins-components72.js";
|
|
2
2
|
//#region src/utils/filterUrlSync.ts
|
|
3
3
|
function t(e) {
|
|
4
|
-
let t = new URLSearchParams(window.location.search);
|
|
5
|
-
if (!window.location.search) return null;
|
|
6
|
-
let r = {};
|
|
4
|
+
let t = new URLSearchParams(window.location.search), r = {};
|
|
7
5
|
for (let i of e) {
|
|
8
6
|
if (i.type === "separator") continue;
|
|
9
|
-
let e = t.get(i.key);
|
|
7
|
+
let e = window.location.search ? t.get(i.key) : null;
|
|
10
8
|
r[i.key] = e === null ? i.value ?? null : n(i.type, e, i.value);
|
|
11
9
|
}
|
|
12
10
|
return r;
|
|
@@ -1,28 +1,24 @@
|
|
|
1
1
|
import e from "./admins-components6.js";
|
|
2
|
-
import t from "./admins-
|
|
3
|
-
import n from "./admins-
|
|
4
|
-
import r from "./admins-
|
|
5
|
-
import i from "./admins-components68.js";
|
|
2
|
+
import t from "./admins-components61.js";
|
|
3
|
+
import n from "./admins-components64.js";
|
|
4
|
+
import r from "./admins-components68.js";
|
|
6
5
|
import "./admins-components69.js";
|
|
7
|
-
import
|
|
8
|
-
import { getFilterParams as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { Fragment as
|
|
6
|
+
import i from "./admins-components71.js";
|
|
7
|
+
import { getFilterParams as a } from "./admins-components77.js";
|
|
8
|
+
import o from "./admins-components80.js";
|
|
9
|
+
import s from "./admins-components83.js";
|
|
10
|
+
import c from "./admins-components86.js";
|
|
11
|
+
import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeDefaults as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x } from "vue";
|
|
13
12
|
//#region src/components/data-table/DataList.vue?vue&type=script&setup=true&lang.ts
|
|
14
|
-
var
|
|
15
|
-
key: 1,
|
|
16
|
-
class: "list-loader my-5"
|
|
17
|
-
}, E = { class: "c-data-list__toolbar" }, D = {
|
|
13
|
+
var S = { class: "flex-center gap-2 mb-3 wrap-on-small" }, C = { class: "flex-center gap-1" }, w = { class: "c-data-list__toolbar" }, T = {
|
|
18
14
|
layoutBreakpoint: 768,
|
|
19
15
|
orderable: !0,
|
|
20
16
|
historyEnabled: !0,
|
|
21
17
|
loading: !1,
|
|
22
18
|
handleUrl: !1
|
|
23
|
-
},
|
|
19
|
+
}, E = /* @__PURE__ */ g({
|
|
24
20
|
__name: "DataList",
|
|
25
|
-
props: /* @__PURE__ */
|
|
21
|
+
props: /* @__PURE__ */ _({
|
|
26
22
|
config: {},
|
|
27
23
|
items: {},
|
|
28
24
|
settings: {},
|
|
@@ -34,7 +30,7 @@ var C = { class: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-ce
|
|
|
34
30
|
historyEnabled: { type: Boolean },
|
|
35
31
|
loading: { type: Boolean },
|
|
36
32
|
handleUrl: { type: Boolean }
|
|
37
|
-
}, { ...
|
|
33
|
+
}, { ...T }),
|
|
38
34
|
emits: [
|
|
39
35
|
"filter-change",
|
|
40
36
|
"selection-change",
|
|
@@ -42,8 +38,8 @@ var C = { class: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-ce
|
|
|
42
38
|
"pagination-change",
|
|
43
39
|
"sort-change"
|
|
44
40
|
],
|
|
45
|
-
setup(
|
|
46
|
-
let
|
|
41
|
+
setup(g, { expose: _, emit: T }) {
|
|
42
|
+
let E = x(null), D = g, O = T, k = x(!1), A = x(!1), j = x(null), M = x(!1), N = x(null), P = x(!1), F = u(() => D.filters?.some((e) => e.type === "text" || e.type === "textarea")), I = {
|
|
47
43
|
type: "checkbox",
|
|
48
44
|
key: "exactMatch",
|
|
49
45
|
label: "Pontos egyezés",
|
|
@@ -51,145 +47,143 @@ var C = { class: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-ce
|
|
|
51
47
|
config: { labelAlignmentFix: !0 },
|
|
52
48
|
displayClass: "highlight-chip"
|
|
53
49
|
};
|
|
54
|
-
function
|
|
55
|
-
return !
|
|
50
|
+
function L(e) {
|
|
51
|
+
return !F.value || e.some((e) => e.key === "exactMatch") ? e : [I, ...e];
|
|
56
52
|
}
|
|
57
|
-
let
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}),
|
|
62
|
-
}),
|
|
63
|
-
let
|
|
64
|
-
let e =
|
|
65
|
-
return e === "table" || e === "cards" ? e :
|
|
66
|
-
}),
|
|
67
|
-
if (!
|
|
68
|
-
let e =
|
|
53
|
+
let R = u(() => L(D.filters ?? [])), z = x(D.filters ? a(R.value) ?? {} : {}), B = null;
|
|
54
|
+
y(() => {
|
|
55
|
+
B = new ResizeObserver((e) => {
|
|
56
|
+
M.value = (e[0]?.contentRect.width ?? 0) < D.layoutBreakpoint;
|
|
57
|
+
}), N.value && B.observe(N.value);
|
|
58
|
+
}), v(() => B?.disconnect());
|
|
59
|
+
let V = u(() => {
|
|
60
|
+
let e = j.value?.layout;
|
|
61
|
+
return e === "table" || e === "cards" ? e : M.value ? "cards" : "table";
|
|
62
|
+
}), H = u(() => {
|
|
63
|
+
if (!j.value) return D.config;
|
|
64
|
+
let e = j.value.columnOrder, t = D.config.columns.map((e) => ({
|
|
69
65
|
...e,
|
|
70
|
-
visible:
|
|
66
|
+
visible: j.value.columns[e.property] ?? e.visible !== !1
|
|
71
67
|
}));
|
|
72
68
|
return e?.length && t.sort((t, n) => {
|
|
73
69
|
let r = e.indexOf(t.property), i = e.indexOf(n.property);
|
|
74
70
|
return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
|
|
75
71
|
}), {
|
|
76
|
-
...
|
|
72
|
+
...D.config,
|
|
77
73
|
columns: t
|
|
78
74
|
};
|
|
79
75
|
});
|
|
80
|
-
function
|
|
81
|
-
|
|
76
|
+
function U(e) {
|
|
77
|
+
j.value = e, O("settings-change", e);
|
|
82
78
|
}
|
|
83
|
-
|
|
84
|
-
openOptions: () =>
|
|
85
|
-
closeOptions: () =>
|
|
86
|
-
openFilters: () =>
|
|
87
|
-
closeFilters: () =>
|
|
79
|
+
_({
|
|
80
|
+
openOptions: () => k.value = !0,
|
|
81
|
+
closeOptions: () => k.value = !1,
|
|
82
|
+
openFilters: () => P.value = !0,
|
|
83
|
+
closeFilters: () => P.value = !1
|
|
88
84
|
});
|
|
89
|
-
async function
|
|
90
|
-
|
|
91
|
-
|
|
85
|
+
async function W(e) {
|
|
86
|
+
P.value = !0, setTimeout(() => {
|
|
87
|
+
E.value?.focusFilter(e);
|
|
92
88
|
}, 300);
|
|
93
89
|
}
|
|
94
|
-
function
|
|
95
|
-
|
|
90
|
+
function G(e) {
|
|
91
|
+
z.value = e, O("filter-change", e);
|
|
96
92
|
}
|
|
97
|
-
let
|
|
98
|
-
return (
|
|
93
|
+
let K = u(() => Object.values(z.value).filter((e) => e != null && e !== "").length), q = u(() => !!D.pagination && (D.items.length > 0 || !D.loading));
|
|
94
|
+
return (a, u) => (b(), p("div", {
|
|
99
95
|
ref_key: "root",
|
|
100
|
-
ref:
|
|
96
|
+
ref: N,
|
|
101
97
|
class: "c-data-list ac-component"
|
|
102
98
|
}, [
|
|
103
|
-
|
|
99
|
+
R.value && R.value.length > 0 ? (b(), p(l, { key: 0 }, [m("div", S, [h(e, {
|
|
104
100
|
label: "Szűrők megnyitása",
|
|
105
101
|
icon: "fa-solid fa-filter",
|
|
106
|
-
onClick:
|
|
102
|
+
onClick: u[0] ||= (e) => P.value = !0,
|
|
107
103
|
style: { "flex-shrink": "0" },
|
|
108
|
-
type:
|
|
109
|
-
indicator:
|
|
110
|
-
}, null, 8, ["type", "indicator"]),
|
|
111
|
-
filters:
|
|
112
|
-
items:
|
|
113
|
-
onRemove:
|
|
114
|
-
onOpenFilter:
|
|
115
|
-
}, null, 8, ["filters", "items"])])]),
|
|
104
|
+
type: K.value > 0 ? "info" : "normal",
|
|
105
|
+
indicator: K.value > 0 ? K.value : void 0
|
|
106
|
+
}, null, 8, ["type", "indicator"]), m("div", C, [h(s, {
|
|
107
|
+
filters: z.value,
|
|
108
|
+
items: R.value,
|
|
109
|
+
onRemove: u[1] ||= (e) => E.value?.clearFilter(e),
|
|
110
|
+
onOpenFilter: W
|
|
111
|
+
}, null, 8, ["filters", "items"])])]), h(o, {
|
|
116
112
|
ref_key: "dataFiltersRef",
|
|
117
|
-
ref:
|
|
118
|
-
open:
|
|
119
|
-
items:
|
|
113
|
+
ref: E,
|
|
114
|
+
open: P.value,
|
|
115
|
+
items: R.value,
|
|
120
116
|
lazy: "",
|
|
121
|
-
"handle-url":
|
|
122
|
-
"storage-key":
|
|
123
|
-
onClose:
|
|
124
|
-
onChange:
|
|
117
|
+
"handle-url": g.handleUrl,
|
|
118
|
+
"storage-key": g.id,
|
|
119
|
+
onClose: u[2] ||= (e) => P.value = !1,
|
|
120
|
+
onChange: G
|
|
125
121
|
}, null, 8, [
|
|
126
122
|
"open",
|
|
127
123
|
"items",
|
|
128
124
|
"handle-url",
|
|
129
125
|
"storage-key"
|
|
130
|
-
])], 64)) :
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
onClose: d[11] ||= (e) => j.value = !1,
|
|
192
|
-
onChange: G
|
|
126
|
+
])], 64)) : f("", !0),
|
|
127
|
+
m("div", w, [h(e, {
|
|
128
|
+
label: "Beállítások",
|
|
129
|
+
icon: "fa-solid fa-gear",
|
|
130
|
+
class: "c-data-list__toolbar__item",
|
|
131
|
+
size: "small",
|
|
132
|
+
onClick: u[3] ||= (e) => k.value = !0
|
|
133
|
+
}), h(e, {
|
|
134
|
+
label: "Súgó",
|
|
135
|
+
icon: "fa-solid fa-question",
|
|
136
|
+
"icon-position": "right",
|
|
137
|
+
class: "c-data-list__toolbar__item ml-auto",
|
|
138
|
+
"label-alignment-fix": "",
|
|
139
|
+
size: "small",
|
|
140
|
+
onClick: u[4] ||= (e) => A.value = !0
|
|
141
|
+
})]),
|
|
142
|
+
h(c, {
|
|
143
|
+
open: A.value,
|
|
144
|
+
onClose: u[5] ||= (e) => A.value = !1
|
|
145
|
+
}, null, 8, ["open"]),
|
|
146
|
+
V.value === "table" ? (b(), d(t, {
|
|
147
|
+
key: 1,
|
|
148
|
+
config: H.value,
|
|
149
|
+
loading: g.loading,
|
|
150
|
+
items: g.items,
|
|
151
|
+
settings: j.value ?? void 0,
|
|
152
|
+
onFilterChange: u[6] ||= (e) => O("filter-change", e),
|
|
153
|
+
onSelectionChange: u[7] ||= (e) => O("selection-change", e),
|
|
154
|
+
onSortChange: u[8] ||= (e) => O("sort-change", e)
|
|
155
|
+
}, null, 8, [
|
|
156
|
+
"config",
|
|
157
|
+
"loading",
|
|
158
|
+
"items",
|
|
159
|
+
"settings"
|
|
160
|
+
])) : (b(), d(n, {
|
|
161
|
+
key: 2,
|
|
162
|
+
config: H.value,
|
|
163
|
+
loading: g.loading,
|
|
164
|
+
items: g.items,
|
|
165
|
+
settings: j.value ?? void 0,
|
|
166
|
+
onSelectionChange: u[9] ||= (e) => O("selection-change", e)
|
|
167
|
+
}, null, 8, [
|
|
168
|
+
"config",
|
|
169
|
+
"loading",
|
|
170
|
+
"items",
|
|
171
|
+
"settings"
|
|
172
|
+
])),
|
|
173
|
+
g.pagination && q.value ? (b(), d(i, {
|
|
174
|
+
key: 3,
|
|
175
|
+
settings: g.pagination,
|
|
176
|
+
"storage-key": g.id,
|
|
177
|
+
"onUpdate:pagination": u[10] ||= (e) => O("pagination-change", e)
|
|
178
|
+
}, null, 8, ["settings", "storage-key"])) : f("", !0),
|
|
179
|
+
h(r, {
|
|
180
|
+
open: k.value,
|
|
181
|
+
columns: g.config.columns,
|
|
182
|
+
settings: g.settings ?? {},
|
|
183
|
+
"storage-key": g.id,
|
|
184
|
+
orderable: g.orderable,
|
|
185
|
+
onClose: u[11] ||= (e) => k.value = !1,
|
|
186
|
+
onChange: U
|
|
193
187
|
}, null, 8, [
|
|
194
188
|
"open",
|
|
195
189
|
"columns",
|
|
@@ -201,4 +195,4 @@ var C = { class: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-ce
|
|
|
201
195
|
}
|
|
202
196
|
});
|
|
203
197
|
//#endregion
|
|
204
|
-
export {
|
|
198
|
+
export { T as dataListDefaults, E as default };
|
package/dist/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css";:root{--ac-font-family: 'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif;--background-50: #f7f9f9;--background-100: #eff3f3;--background-dm-mobile: #303f40;--neutral-0: #fff;--neutral-30: #f9f9f9;--neutral-50: #f2f4f4;--neutral-100: #e5e9ea;--neutral-150: #dae0e1;--neutral-200: #cbd3d4;--neutral-250: #bec8ca;--neutral-300: #b0bdbf;--neutral-400: #96a7a9;--neutral-500: #7c9194;--neutral-600: #637476;--neutral-700: #4a5759;--neutral-800: #323a3b;--neutral-900: #1f2d2d;--site-50: #ffebe1;--site-100: #ffceb6;--site-200: #f79d71;--site-300: #f5844e;--site-400: #f37438;--site-500: #f26522;--site-600: #da5b1f;--site-700: #c2511b;--premium-20: #eaf4f4;--premium-50: #dfefef;--premium-100: #cfe7e6;--premium-200: #bfdfde;--premium-300: #9ed0ce;--premium-400: #7ec0bd;--premium-500: #5eb0ad;--premium-600: #4b8d8a;--premium-700: #386a68;--ac-color-error: #d92d20;--ac-color-warning: #dc6803;--ac-color-success: #067647;--ac-color-info: #1570ef;--ac-input-padding: 0.5rem;--ac-input-padding-sm: 0.3125rem;--ac-input-padding-lg: 0.75rem;--ac-field-padding: 0.5rem 0.75rem;--ac-field-padding-sm: 0.3125rem 0.625rem;--ac-field-padding-lg: 0.6875rem 1rem;--ac-field-font-size: 0.825rem;--ac-field-font-size-sm: 0.75rem;--ac-field-font-size-lg: 0.9375rem;--ac-field-border-radius: 0.5rem;--ac-field-border-radius-sm: 0.375rem;--ac-field-border-radius-lg: 0.625rem}*,*::before,*::after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*:not(dialog){margin:0}i{line-height:inherit}.ac-component{font-family:var(--ac-font-family);letter-spacing:-0.18px;text-align:left;color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ac-component .align-center-text-fix{transform:translateY(0.5px)}.ac-component hr.separator{border:none;border-top:1px solid var(--neutral-200);margin:.5rem 0}.ac-component .lh-1{line-height:1}.ac-component .flex{display:flex}.ac-component .flex-wrap{flex-wrap:wrap}.ac-component .flex-center{display:flex;align-items:center}.ac-component .flex-column{display:flex;flex-direction:column}.ac-component .flex-1{flex:1;min-width:0}.ac-component .click-expand{--expand-size: 0.5rem}.ac-component .click-expand::after{content:"";position:absolute;inset:calc(-1*var(--expand-size))}.ac-component .m-0{margin:0 !important}.ac-component .mx-0{margin-left:0 !important;margin-right:0 !important}.ac-component .my-0{margin-top:0 !important;margin-bottom:0 !important}.ac-component .mt-0{margin-top:0 !important}.ac-component .mb-0{margin-bottom:0 !important}.ac-component .ml-0{margin-left:0 !important}.ac-component .mr-0{margin-right:0 !important}.ac-component .m-1{margin:.25rem !important}.ac-component .mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.ac-component .my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.ac-component .mt-1{margin-top:.25rem !important}.ac-component .mb-1{margin-bottom:.25rem !important}.ac-component .ml-1{margin-left:.25rem !important}.ac-component .mr-1{margin-right:.25rem !important}.ac-component .m-2{margin:.5rem !important}.ac-component .mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.ac-component .my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.ac-component .mt-2{margin-top:.5rem !important}.ac-component .mb-2{margin-bottom:.5rem !important}.ac-component .ml-2{margin-left:.5rem !important}.ac-component .mr-2{margin-right:.5rem !important}.ac-component .m-3{margin:1rem !important}.ac-component .mx-3{margin-left:1rem !important;margin-right:1rem !important}.ac-component .my-3{margin-top:1rem !important;margin-bottom:1rem !important}.ac-component .mt-3{margin-top:1rem !important}.ac-component .mb-3{margin-bottom:1rem !important}.ac-component .ml-3{margin-left:1rem !important}.ac-component .mr-3{margin-right:1rem !important}.ac-component .m-4{margin:1.5rem !important}.ac-component .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.ac-component .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.ac-component .mt-4{margin-top:1.5rem !important}.ac-component .mb-4{margin-bottom:1.5rem !important}.ac-component .ml-4{margin-left:1.5rem !important}.ac-component .mr-4{margin-right:1.5rem !important}.ac-component .m-5{margin:3rem !important}.ac-component .mx-5{margin-left:3rem !important;margin-right:3rem !important}.ac-component .my-5{margin-top:3rem !important;margin-bottom:3rem !important}.ac-component .mt-5{margin-top:3rem !important}.ac-component .mb-5{margin-bottom:3rem !important}.ac-component .ml-5{margin-left:3rem !important}.ac-component .mr-5{margin-right:3rem !important}.ac-component .m-auto{margin:auto !important}.ac-component .mx-auto{margin-left:auto !important;margin-right:auto !important}.ac-component .my-auto{margin-top:auto !important;margin-bottom:auto !important}.ac-component .mt-auto{margin-top:auto !important}.ac-component .mb-auto{margin-bottom:auto !important}.ac-component .ml-auto{margin-left:auto !important}.ac-component .mr-auto{margin-right:auto !important}.ac-component .p-0{padding:0 !important}.ac-component .px-0{padding-left:0 !important;padding-right:0 !important}.ac-component .py-0{padding-top:0 !important;padding-bottom:0 !important}.ac-component .pt-0{padding-top:0 !important}.ac-component .pb-0{padding-bottom:0 !important}.ac-component .pl-0{padding-left:0 !important}.ac-component .pr-0{padding-right:0 !important}.ac-component .p-1{padding:.25rem !important}.ac-component .px-1{padding-left:.25rem !important;padding-right:.25rem !important}.ac-component .py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.ac-component .pt-1{padding-top:.25rem !important}.ac-component .pb-1{padding-bottom:.25rem !important}.ac-component .pl-1{padding-left:.25rem !important}.ac-component .pr-1{padding-right:.25rem !important}.ac-component .p-2{padding:.5rem !important}.ac-component .px-2{padding-left:.5rem !important;padding-right:.5rem !important}.ac-component .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.ac-component .pt-2{padding-top:.5rem !important}.ac-component .pb-2{padding-bottom:.5rem !important}.ac-component .pl-2{padding-left:.5rem !important}.ac-component .pr-2{padding-right:.5rem !important}.ac-component .p-3{padding:1rem !important}.ac-component .px-3{padding-left:1rem !important;padding-right:1rem !important}.ac-component .py-3{padding-top:1rem !important;padding-bottom:1rem !important}.ac-component .pt-3{padding-top:1rem !important}.ac-component .pb-3{padding-bottom:1rem !important}.ac-component .pl-3{padding-left:1rem !important}.ac-component .pr-3{padding-right:1rem !important}.ac-component .p-4{padding:1.5rem !important}.ac-component .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.ac-component .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.ac-component .pt-4{padding-top:1.5rem !important}.ac-component .pb-4{padding-bottom:1.5rem !important}.ac-component .pl-4{padding-left:1.5rem !important}.ac-component .pr-4{padding-right:1.5rem !important}.ac-component .p-5{padding:3rem !important}.ac-component .px-5{padding-left:3rem !important;padding-right:3rem !important}.ac-component .py-5{padding-top:3rem !important;padding-bottom:3rem !important}.ac-component .pt-5{padding-top:3rem !important}.ac-component .pb-5{padding-bottom:3rem !important}.ac-component .pl-5{padding-left:3rem !important}.ac-component .pr-5{padding-right:3rem !important}.ac-component .gap-0{gap:0 !important}.ac-component .gap-1{gap:.25rem !important}.ac-component .gap-2{gap:.5rem !important}.ac-component .gap-3{gap:1rem !important}.ac-component .gap-4{gap:1.5rem !important}.ac-component .gap-5{gap:3rem !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-block{display:block !important}.d-inline-block{display:inline-block !important}.text-center{text-align:center}.w-100{width:100% !important}.mw-100{max-width:100% !important}.pointer{cursor:pointer}.nowrap{white-space:nowrap}.align-items-center{align-items:center}.text-primary,.text-normal{color:var(--neutral-800) !important}.text-info{color:var(--ac-color-info) !important}.text-success{color:var(--ac-color-success) !important}.text-warning{color:var(--ac-color-warning) !important}.text-error,.text-danger{color:var(--ac-color-error) !important}.c-wrapper{position:relative}.c-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-size{font-size:var(--ac-field-font-size);padding:var(--ac-field-padding)}.c-field-size--sm,.c-field-size--small{font-size:var(--ac-field-font-size-sm);padding:var(--ac-field-padding-sm)}.c-field-size--lg,.c-field-size--large{font-size:var(--ac-field-font-size-lg);padding:var(--ac-field-padding-lg)}.c-type-color{--text-color: var(--neutral-800);--hover-bg-color: var(--neutral-100);--hover-text-color: var(--neutral-800);color:var(--text-color)}.c-type-color:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.c-type-color--error{--text-color: var(--ac-color-error);--hover-bg-color: var(--ac-color-error);--hover-text-color: var(--neutral-0)}.c-type-color--success{--text-color: var(--ac-color-success);--hover-bg-color: var(--ac-color-success);--hover-text-color: var(--neutral-0)}.c-type-color--warning{--text-color: var(--ac-color-warning);--hover-bg-color: var(--ac-color-warning);--hover-text-color: var(--neutral-0)}.c-type-color--info{--text-color: var(--ac-color-info);--hover-bg-color: var(--ac-color-info);--hover-text-color: var(--neutral-0)}.c-type-color--dark{--text-color: var(--neutral-0);--hover-bg-color: var(--neutral-800);--hover-text-color: var(--neutral-0)}.c-chip{display:inline-block;padding:.1875rem .4rem;border-radius:.25rem;background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-700);font-family:var(--ac-font-family);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.c-scroll{scrollbar-width:thin;scrollbar-color:var(--neutral-300) rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.c-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box;transition:background-color .15s}.c-scroll::-webkit-scrollbar-thumb:hover{background:var(--neutral-500);background-clip:content-box}.c-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.c-placeholder{flex:1;min-width:0;padding:var(--ac-input-padding);color:var(--neutral-400)}.c-input{width:100%;font-family:inherit;letter-spacing:-0.36px;border:none;background:rgba(0,0,0,0);padding:var(--ac-input-padding);font-size:var(--ac-field-font-size);color:var(--neutral-900)}.c-input::placeholder{color:var(--neutral-400)}.c-input:focus,.c-input:focus-within,.c-input:focus-visible,.c-focus:focus,.c-focus:focus-within,.c-focus:focus-visible{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row{display:flex;align-items:center;font-family:inherit;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background:var(--neutral-0);font-size:var(--ac-field-font-size);color:var(--neutral-900);transition:border-color .15s}.c-input-row::placeholder{color:var(--neutral-400)}.c-input-row:is(input,textarea){padding:var(--ac-input-padding)}.c-input-row:hover{border-color:var(--neutral-300)}.c-input-row:focus-within,.c-input-row:focus,.c-input-row:focus-visible,.c-input-row--focus{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row:focus-within:hover,.c-input-row:focus:hover,.c-input-row:focus-visible:hover,.c-input-row--focus:hover{border-color:var(--premium-600)}.c-input-row--sm{border-radius:var(--ac-field-border-radius-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--sm:is(input,textarea){padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-icon-btn{font-size:var(--ac-field-font-size-sm)}.c-input-row--sm .c-placeholder{font-size:var(--ac-field-font-size-sm);padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-input{padding:var(--ac-input-padding-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--lg{border-radius:var(--ac-field-border-radius-lg);font-size:var(--ac-field-font-size-lg)}.c-input-row--lg:is(input,textarea){padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-icon-btn{font-size:var(--ac-field-font-size-lg)}.c-input-row--lg .c-placeholder{font-size:var(--ac-field-font-size-lg);padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-input{padding:var(--ac-input-padding-lg);font-size:var(--ac-field-font-size-lg)}.c-icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:color .15s}.c-icon-btn--clear{color:var(--neutral-400);padding-left:0;padding-right:.375rem}.c-icon-btn--clear:hover{color:var(--ac-color-error)}.c-icon-btn--chevron{color:var(--neutral-500);transition:transform .2s}.c-icon-btn--chevron-open{transform:rotate(180deg)}.c-icon-btn--calendar{font-size:.925rem;color:var(--neutral-500);padding-inline:.375rem}.c-icon-btn--calendar:hover{color:var(--site-500)}.c-icon-btn--hidden{visibility:hidden;pointer-events:none}.c-dropdown{position:absolute;top:calc(100% + .25rem);left:0;z-index:1000;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--field-border-radius);box-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden}.c-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem;padding:.5rem;border-top:1px solid var(--neutral-100)}.c-checkbox{display:inline-block;width:1rem;height:1rem;vertical-align:middle;position:relative;cursor:pointer;border:1.5px solid var(--neutral-300);border-radius:.25rem;background:var(--neutral-0);transition:border-color .15s,background-color .15s}.c-checkbox:hover{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);opacity:0}.c-checkbox--checked,.c-checkbox:checked{border-color:var(--premium-500);background:var(--premium-500)}.c-checkbox--checked::after,.c-checkbox:checked::after{opacity:1}.c-checkbox--checked:hover,.c-checkbox:checked:hover{background:var(--premium-600)}.c-checkbox--disabled,.c-checkbox:disabled{opacity:.5;cursor:not-allowed}input.c-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.c-checkbox-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;line-height:1}.c-checkbox-wrapper:hover .c-checkbox{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox-wrapper:hover .c-checkbox:checked,.c-checkbox-wrapper:hover .c-checkbox--checked{background:var(--premium-600)}.c-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600)}.c-btn-group{display:inline-flex;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group>*{border-radius:0 !important}.c-btn-group>*:not(:last-child){border-right-width:0 !important}.c-btn-group>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-bottom-left-radius:var(--ac-field-border-radius) !important}.c-btn-group>*:last-child{border-top-right-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical{display:inline-flex;flex-direction:column;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group-vertical>*{border-radius:0 !important;width:100%}.c-btn-group-vertical>*:not(:last-child){border-bottom-width:0 !important}.c-btn-group-vertical>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-top-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical>*:last-child{border-bottom-left-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn{--btn-color: var(--neutral-200);--btn-bg: var(--background-50);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-100);--btn-hover-border: var(--neutral-300);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700);--btn-height: 2.25rem;--btn-height-sm: 1.75rem;font-family:var(--ac-font-family);letter-spacing:-0.18px;display:inline-flex;align-items:center;gap:.375em;padding:var(--ac-field-padding);border:1px solid var(--btn-color);border-radius:var(--ac-field-border-radius);background:var(--btn-bg);color:var(--btn-text);font-size:var(--ac-field-font-size);font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.c-btn:hover,.c-btn:active{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.c-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(242,101,34,.12)}.c-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.c-btn .c-btn-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;margin-left:.5rem;padding:0 .35rem;border-radius:999px;color:var(--btn-indicator-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;line-height:1;background:var(--btn-indicator-bg)}.c-btn-sm{padding:var(--ac-field-padding-sm);font-size:var(--ac-field-font-size-sm);border-radius:var(--ac-field-border-radius-sm)}.c-btn-lg{padding:var(--ac-field-padding-lg);font-size:var(--ac-field-font-size-lg);border-radius:var(--ac-field-border-radius-lg)}.c-btn-dark{--btn-color: var(--neutral-800);--btn-bg: var(--neutral-800);--btn-text: var(--neutral-0);--btn-hover-bg: var(--neutral-900);--btn-hover-border: var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-800)}.c-btn-outline{--btn-bg: transparent;--btn-color: var(--neutral-300);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-500);--btn-indicator-bg: var(--neutral-100);--btn-indicator-text: var(--neutral-800)}.c-btn-outline:hover,.c-btn-outline:active{color:var(--neutral-0)}.c-btn-success{--btn-color: var(--ac-color-success);--btn-bg: var(--ac-color-success);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-success)}.c-btn-error{--btn-color: var(--ac-color-error);--btn-bg: var(--ac-color-error);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-error)}.c-btn-warning{--btn-color: var(--ac-color-warning);--btn-bg: var(--ac-color-warning);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-warning)}.c-btn-info{--btn-color: var(--ac-color-info);--btn-bg: var(--ac-color-info);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-info)}.c-btn-outline.c-btn-success{--btn-bg: transparent;--btn-text: var(--ac-color-success);--btn-hover-bg: var(--ac-color-success);--btn-hover-border: var(--ac-color-success);--btn-indicator-bg: var(--ac-color-success);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-success:hover,.c-btn-outline.c-btn-success:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-error{--btn-bg: transparent;--btn-text: var(--ac-color-error);--btn-hover-bg: var(--ac-color-error);--btn-hover-border: var(--ac-color-error);--btn-indicator-bg: var(--ac-color-error);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-error:hover,.c-btn-outline.c-btn-error:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-warning{--btn-bg: transparent;--btn-text: var(--ac-color-warning);--btn-hover-bg: var(--ac-color-warning);--btn-hover-border: var(--ac-color-warning);--btn-indicator-bg: var(--ac-color-warning);--btn-indicator-text: var(--neutral-900)}.c-btn-outline.c-btn-warning:hover,.c-btn-outline.c-btn-warning:active{color:var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-info{--btn-bg: transparent;--btn-text: var(--ac-color-info);--btn-hover-bg: var(--ac-color-info);--btn-hover-border: var(--ac-color-info);--btn-indicator-bg: var(--ac-color-info);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-info:hover,.c-btn-outline.c-btn-info:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-dark{--btn-bg: transparent;--btn-color: var(--neutral-800);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-800);--btn-indicator-bg: var(--neutral-800);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-dark:hover,.c-btn-outline.c-btn-dark:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.v-tooltip{background:var(--neutral-800);font-family:var(--ac-font-family);color:var(--neutral-0);font-size:.8125rem;font-weight:400;line-height:1.4;padding:var(--ac-field-padding);border-radius:.5rem;white-space:normal;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.12)}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css";:root{--ac-font-family: 'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif;--background-50: #f7f9f9;--background-100: #eff3f3;--background-dm-mobile: #303f40;--neutral-0: #fff;--neutral-30: #f9f9f9;--neutral-50: #f2f4f4;--neutral-100: #e5e9ea;--neutral-150: #dae0e1;--neutral-200: #cbd3d4;--neutral-250: #bec8ca;--neutral-300: #b0bdbf;--neutral-400: #96a7a9;--neutral-500: #7c9194;--neutral-600: #637476;--neutral-700: #4a5759;--neutral-800: #323a3b;--neutral-900: #1f2d2d;--site-50: #ffebe1;--site-100: #ffceb6;--site-200: #f79d71;--site-300: #f5844e;--site-400: #f37438;--site-500: #f26522;--site-600: #da5b1f;--site-700: #c2511b;--premium-20: #eaf4f4;--premium-50: #dfefef;--premium-100: #cfe7e6;--premium-200: #bfdfde;--premium-300: #9ed0ce;--premium-400: #7ec0bd;--premium-500: #5eb0ad;--premium-600: #4b8d8a;--premium-700: #386a68;--ac-color-error: #d92d20;--ac-color-warning: #dc6803;--ac-color-success: #067647;--ac-color-info: #1570ef;--ac-input-padding: 0.5rem;--ac-input-padding-sm: 0.3125rem;--ac-input-padding-lg: 0.75rem;--ac-field-padding: 0.5rem 0.75rem;--ac-field-padding-sm: 0.3125rem 0.625rem;--ac-field-padding-lg: 0.6875rem 1rem;--ac-field-font-size: 0.825rem;--ac-field-font-size-sm: 0.75rem;--ac-field-font-size-lg: 0.9375rem;--ac-field-border-radius: 0.5rem;--ac-field-border-radius-sm: 0.375rem;--ac-field-border-radius-lg: 0.625rem}*,*::before,*::after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*:not(dialog){margin:0}i{line-height:inherit}.ac-component{font-family:var(--ac-font-family);letter-spacing:-0.18px;text-align:left;color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ac-component .align-center-text-fix{transform:translateY(0.5px)}.ac-component hr.separator{border:none;border-top:1px solid var(--neutral-200);margin:.5rem 0}.ac-component .lh-1{line-height:1}.ac-component .flex{display:flex}.ac-component .flex-center{display:flex;align-items:center}.ac-component .flex-column{display:flex;flex-direction:column}.ac-component .flex-1{flex:1;min-width:0}.ac-component .click-expand{--expand-size: 0.5rem}.ac-component .click-expand::after{content:"";position:absolute;inset:calc(-1*var(--expand-size))}.ac-component .m-0{margin:0 !important}.ac-component .mx-0{margin-left:0 !important;margin-right:0 !important}.ac-component .my-0{margin-top:0 !important;margin-bottom:0 !important}.ac-component .mt-0{margin-top:0 !important}.ac-component .mb-0{margin-bottom:0 !important}.ac-component .ml-0{margin-left:0 !important}.ac-component .mr-0{margin-right:0 !important}.ac-component .m-1{margin:.25rem !important}.ac-component .mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.ac-component .my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.ac-component .mt-1{margin-top:.25rem !important}.ac-component .mb-1{margin-bottom:.25rem !important}.ac-component .ml-1{margin-left:.25rem !important}.ac-component .mr-1{margin-right:.25rem !important}.ac-component .m-2{margin:.5rem !important}.ac-component .mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.ac-component .my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.ac-component .mt-2{margin-top:.5rem !important}.ac-component .mb-2{margin-bottom:.5rem !important}.ac-component .ml-2{margin-left:.5rem !important}.ac-component .mr-2{margin-right:.5rem !important}.ac-component .m-3{margin:1rem !important}.ac-component .mx-3{margin-left:1rem !important;margin-right:1rem !important}.ac-component .my-3{margin-top:1rem !important;margin-bottom:1rem !important}.ac-component .mt-3{margin-top:1rem !important}.ac-component .mb-3{margin-bottom:1rem !important}.ac-component .ml-3{margin-left:1rem !important}.ac-component .mr-3{margin-right:1rem !important}.ac-component .m-4{margin:1.5rem !important}.ac-component .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.ac-component .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.ac-component .mt-4{margin-top:1.5rem !important}.ac-component .mb-4{margin-bottom:1.5rem !important}.ac-component .ml-4{margin-left:1.5rem !important}.ac-component .mr-4{margin-right:1.5rem !important}.ac-component .m-5{margin:3rem !important}.ac-component .mx-5{margin-left:3rem !important;margin-right:3rem !important}.ac-component .my-5{margin-top:3rem !important;margin-bottom:3rem !important}.ac-component .mt-5{margin-top:3rem !important}.ac-component .mb-5{margin-bottom:3rem !important}.ac-component .ml-5{margin-left:3rem !important}.ac-component .mr-5{margin-right:3rem !important}.ac-component .m-auto{margin:auto !important}.ac-component .mx-auto{margin-left:auto !important;margin-right:auto !important}.ac-component .my-auto{margin-top:auto !important;margin-bottom:auto !important}.ac-component .mt-auto{margin-top:auto !important}.ac-component .mb-auto{margin-bottom:auto !important}.ac-component .ml-auto{margin-left:auto !important}.ac-component .mr-auto{margin-right:auto !important}.ac-component .p-0{padding:0 !important}.ac-component .px-0{padding-left:0 !important;padding-right:0 !important}.ac-component .py-0{padding-top:0 !important;padding-bottom:0 !important}.ac-component .pt-0{padding-top:0 !important}.ac-component .pb-0{padding-bottom:0 !important}.ac-component .pl-0{padding-left:0 !important}.ac-component .pr-0{padding-right:0 !important}.ac-component .p-1{padding:.25rem !important}.ac-component .px-1{padding-left:.25rem !important;padding-right:.25rem !important}.ac-component .py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.ac-component .pt-1{padding-top:.25rem !important}.ac-component .pb-1{padding-bottom:.25rem !important}.ac-component .pl-1{padding-left:.25rem !important}.ac-component .pr-1{padding-right:.25rem !important}.ac-component .p-2{padding:.5rem !important}.ac-component .px-2{padding-left:.5rem !important;padding-right:.5rem !important}.ac-component .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.ac-component .pt-2{padding-top:.5rem !important}.ac-component .pb-2{padding-bottom:.5rem !important}.ac-component .pl-2{padding-left:.5rem !important}.ac-component .pr-2{padding-right:.5rem !important}.ac-component .p-3{padding:1rem !important}.ac-component .px-3{padding-left:1rem !important;padding-right:1rem !important}.ac-component .py-3{padding-top:1rem !important;padding-bottom:1rem !important}.ac-component .pt-3{padding-top:1rem !important}.ac-component .pb-3{padding-bottom:1rem !important}.ac-component .pl-3{padding-left:1rem !important}.ac-component .pr-3{padding-right:1rem !important}.ac-component .p-4{padding:1.5rem !important}.ac-component .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.ac-component .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.ac-component .pt-4{padding-top:1.5rem !important}.ac-component .pb-4{padding-bottom:1.5rem !important}.ac-component .pl-4{padding-left:1.5rem !important}.ac-component .pr-4{padding-right:1.5rem !important}.ac-component .p-5{padding:3rem !important}.ac-component .px-5{padding-left:3rem !important;padding-right:3rem !important}.ac-component .py-5{padding-top:3rem !important;padding-bottom:3rem !important}.ac-component .pt-5{padding-top:3rem !important}.ac-component .pb-5{padding-bottom:3rem !important}.ac-component .pl-5{padding-left:3rem !important}.ac-component .pr-5{padding-right:3rem !important}.ac-component .gap-0{gap:0 !important}.ac-component .gap-1{gap:.25rem !important}.ac-component .gap-2{gap:.5rem !important}.ac-component .gap-3{gap:1rem !important}.ac-component .gap-4{gap:1.5rem !important}.ac-component .gap-5{gap:3rem !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-block{display:block !important}.d-inline-block{display:inline-block !important}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.w-100{width:100% !important}.mw-100{max-width:100% !important}.pointer{cursor:pointer}.nowrap{white-space:nowrap}.align-items-center{align-items:center}.text-primary,.text-normal{color:var(--neutral-800) !important}.text-info{color:var(--ac-color-info) !important}.text-success{color:var(--ac-color-success) !important}.text-warning{color:var(--ac-color-warning) !important}.text-error,.text-danger{color:var(--ac-color-error) !important}.c-wrapper{position:relative}.c-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-size{font-size:var(--ac-field-font-size);padding:var(--ac-field-padding)}.c-field-size--sm,.c-field-size--small{font-size:var(--ac-field-font-size-sm);padding:var(--ac-field-padding-sm)}.c-field-size--lg,.c-field-size--large{font-size:var(--ac-field-font-size-lg);padding:var(--ac-field-padding-lg)}.c-type-color{--text-color: var(--neutral-800);--hover-bg-color: var(--neutral-100);--hover-text-color: var(--neutral-800);color:var(--text-color)}.c-type-color:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.c-type-color--error{--text-color: var(--ac-color-error);--hover-bg-color: var(--ac-color-error);--hover-text-color: var(--neutral-0)}.c-type-color--success{--text-color: var(--ac-color-success);--hover-bg-color: var(--ac-color-success);--hover-text-color: var(--neutral-0)}.c-type-color--warning{--text-color: var(--ac-color-warning);--hover-bg-color: var(--ac-color-warning);--hover-text-color: var(--neutral-0)}.c-type-color--info{--text-color: var(--ac-color-info);--hover-bg-color: var(--ac-color-info);--hover-text-color: var(--neutral-0)}.c-type-color--dark{--text-color: var(--neutral-0);--hover-bg-color: var(--neutral-800);--hover-text-color: var(--neutral-0)}.c-chip{display:inline-block;padding:.1875rem .4rem;border-radius:.25rem;background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-700);font-family:var(--ac-font-family);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.c-scroll{scrollbar-width:thin;scrollbar-color:var(--neutral-300) rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.c-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box;transition:background-color .15s}.c-scroll::-webkit-scrollbar-thumb:hover{background:var(--neutral-500);background-clip:content-box}.c-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.c-placeholder{flex:1;min-width:0;padding:var(--ac-input-padding);color:var(--neutral-400)}.c-input{width:100%;font-family:inherit;letter-spacing:-0.36px;border:none;background:rgba(0,0,0,0);padding:var(--ac-input-padding);font-size:var(--ac-field-font-size);color:var(--neutral-900)}.c-input::placeholder{color:var(--neutral-400)}.c-input:focus,.c-input:focus-within,.c-input:focus-visible,.c-focus:focus,.c-focus:focus-within,.c-focus:focus-visible{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row{display:flex;align-items:center;font-family:inherit;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background:var(--neutral-0);font-size:var(--ac-field-font-size);color:var(--neutral-900);transition:border-color .15s}.c-input-row::placeholder{color:var(--neutral-400)}.c-input-row:is(input,textarea){padding:var(--ac-input-padding)}.c-input-row:hover{border-color:var(--neutral-300)}.c-input-row:focus-within,.c-input-row:focus,.c-input-row:focus-visible,.c-input-row--focus{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row:focus-within:hover,.c-input-row:focus:hover,.c-input-row:focus-visible:hover,.c-input-row--focus:hover{border-color:var(--premium-600)}.c-input-row--sm{border-radius:var(--ac-field-border-radius-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--sm:is(input,textarea){padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-icon-btn{font-size:var(--ac-field-font-size-sm)}.c-input-row--sm .c-placeholder{font-size:var(--ac-field-font-size-sm);padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-input{padding:var(--ac-input-padding-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--lg{border-radius:var(--ac-field-border-radius-lg);font-size:var(--ac-field-font-size-lg)}.c-input-row--lg:is(input,textarea){padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-icon-btn{font-size:var(--ac-field-font-size-lg)}.c-input-row--lg .c-placeholder{font-size:var(--ac-field-font-size-lg);padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-input{padding:var(--ac-input-padding-lg);font-size:var(--ac-field-font-size-lg)}.c-icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:color .15s}.c-icon-btn--clear{color:var(--neutral-400);padding-left:0;padding-right:.375rem}.c-icon-btn--clear:hover{color:var(--ac-color-error)}.c-icon-btn--chevron{color:var(--neutral-500);transition:transform .2s}.c-icon-btn--chevron-open{transform:rotate(180deg)}.c-icon-btn--calendar{font-size:.925rem;color:var(--neutral-500);padding-inline:.375rem}.c-icon-btn--calendar:hover{color:var(--site-500)}.c-icon-btn--hidden{visibility:hidden;pointer-events:none}.c-dropdown{position:absolute;top:calc(100% + .25rem);left:0;z-index:1000;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--field-border-radius);box-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden}.c-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem;padding:.5rem;border-top:1px solid var(--neutral-100)}.c-checkbox{display:inline-block;width:1rem;height:1rem;vertical-align:middle;position:relative;cursor:pointer;border:1.5px solid var(--neutral-300);border-radius:.25rem;background:var(--neutral-0);transition:border-color .15s,background-color .15s}.c-checkbox:hover{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);opacity:0}.c-checkbox--checked,.c-checkbox:checked{border-color:var(--premium-500);background:var(--premium-500)}.c-checkbox--checked::after,.c-checkbox:checked::after{opacity:1}.c-checkbox--checked:hover,.c-checkbox:checked:hover{background:var(--premium-600)}.c-checkbox--disabled,.c-checkbox:disabled{opacity:.5;cursor:not-allowed}input.c-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.c-checkbox-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;line-height:1}.c-checkbox-wrapper:hover .c-checkbox{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox-wrapper:hover .c-checkbox:checked,.c-checkbox-wrapper:hover .c-checkbox--checked{background:var(--premium-600)}.c-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600)}.c-btn-group{display:inline-flex;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group>*{border-radius:0 !important}.c-btn-group>*:not(:last-child){border-right-width:0 !important}.c-btn-group>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-bottom-left-radius:var(--ac-field-border-radius) !important}.c-btn-group>*:last-child{border-top-right-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical{display:inline-flex;flex-direction:column;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group-vertical>*{border-radius:0 !important;width:100%}.c-btn-group-vertical>*:not(:last-child){border-bottom-width:0 !important}.c-btn-group-vertical>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-top-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical>*:last-child{border-bottom-left-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn{--btn-color: var(--neutral-200);--btn-bg: var(--background-50);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-100);--btn-hover-border: var(--neutral-300);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700);font-family:var(--ac-font-family);letter-spacing:-0.18px;display:inline-flex;align-items:center;gap:.375em;padding:var(--ac-field-padding);border:1px solid var(--btn-color);border-radius:var(--ac-field-border-radius);background:var(--btn-bg);color:var(--btn-text);font-size:var(--ac-field-font-size);font-weight:500;cursor:pointer;line-height:1.5;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.c-btn:hover,.c-btn:active{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.c-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(242,101,34,.12)}.c-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.c-btn .c-btn-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;margin-left:.5rem;padding:0 .35rem;padding-right:.365rem;border-radius:999px;color:var(--btn-indicator-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;background:var(--btn-indicator-bg)}.c-btn-sm{padding:var(--ac-field-padding-sm);font-size:var(--ac-field-font-size-sm);border-radius:var(--ac-field-border-radius-sm);line-height:normal}.c-btn-lg{padding:var(--ac-field-padding-lg);font-size:var(--ac-field-font-size-lg);border-radius:var(--ac-field-border-radius-lg)}.c-btn-dark{--btn-color: var(--neutral-800);--btn-bg: var(--neutral-800);--btn-text: var(--neutral-0);--btn-hover-bg: var(--neutral-900);--btn-hover-border: var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-800)}.c-btn-outline{--btn-bg: transparent;--btn-color: var(--neutral-300);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-500);--btn-indicator-bg: var(--neutral-100);--btn-indicator-text: var(--neutral-800)}.c-btn-outline:hover,.c-btn-outline:active{color:var(--neutral-0)}.c-btn-success{--btn-color: var(--ac-color-success);--btn-bg: var(--ac-color-success);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-success)}.c-btn-error{--btn-color: var(--ac-color-error);--btn-bg: var(--ac-color-error);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-error)}.c-btn-warning{--btn-color: var(--ac-color-warning);--btn-bg: var(--ac-color-warning);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-warning)}.c-btn-info{--btn-color: var(--ac-color-info);--btn-bg: var(--ac-color-info);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-info)}.c-btn-outline.c-btn-success{--btn-bg: transparent;--btn-text: var(--ac-color-success);--btn-hover-bg: var(--ac-color-success);--btn-hover-border: var(--ac-color-success);--btn-indicator-bg: var(--ac-color-success);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-success:hover,.c-btn-outline.c-btn-success:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-error{--btn-bg: transparent;--btn-text: var(--ac-color-error);--btn-hover-bg: var(--ac-color-error);--btn-hover-border: var(--ac-color-error);--btn-indicator-bg: var(--ac-color-error);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-error:hover,.c-btn-outline.c-btn-error:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-warning{--btn-bg: transparent;--btn-text: var(--ac-color-warning);--btn-hover-bg: var(--ac-color-warning);--btn-hover-border: var(--ac-color-warning);--btn-indicator-bg: var(--ac-color-warning);--btn-indicator-text: var(--neutral-900)}.c-btn-outline.c-btn-warning:hover,.c-btn-outline.c-btn-warning:active{color:var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-info{--btn-bg: transparent;--btn-text: var(--ac-color-info);--btn-hover-bg: var(--ac-color-info);--btn-hover-border: var(--ac-color-info);--btn-indicator-bg: var(--ac-color-info);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-info:hover,.c-btn-outline.c-btn-info:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-dark{--btn-bg: transparent;--btn-color: var(--neutral-800);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-800);--btn-indicator-bg: var(--neutral-800);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-dark:hover,.c-btn-outline.c-btn-dark:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.v-tooltip{background:var(--neutral-800);font-family:var(--ac-font-family);color:var(--neutral-0);font-size:.8125rem;font-weight:400;line-height:1.4;padding:var(--ac-field-padding);border-radius:.5rem;white-space:normal;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.12)}/*# sourceMappingURL=base.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/_base.scss","../src/styles/_variables.scss","../src/styles/_utility.scss","../src/styles/_controls.scss","../src/styles/_buttons.scss","../src/styles/_tooltip.scss"],"names":[],"mappings":"AAAQ,mFACA,2FACA,qFACA,uFCHR,MACE,4EAEA,yBACA,0BACA,gCACA,kBACA,sBACA,sBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBAEA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBAEA,sBACA,sBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBAEA,0BACA,4BACA,4BACA,yBAEA,2BACA,iCACA,+BAEA,mCACA,0CACA,sCACA,+BACA,iCACA,mCACA,iCACA,sCACA,sCDlDF,qBAGE,sBAGF,6BAKE,cACA,eAEF,8CACE,KACE,iCAGJ,6BAIE,aAEF,oBAOE,yBAEF,cACE,SAEF,EACE,oBAGF,cACE,kCACA,uBACA,gBAGA,yBACA,mCACA,kCAEA,qCACE,4BAGF,2BACE,YACA,wCACA,eAGF,oBACE,cAGF,oBACE,aAIF,2BACE,aACA,mBAGF,2BACE,aACA,sBAGF,sBACE,OACA,YAGF,4BACE,sBAEA,mCACE,WACA,kBACA,kCExEA,mBACE,oBAGF,oBACE,yBACA,0BAGF,oBACE,wBACA,2BAIA,oBACE,wBADF,oBACE,2BADF,oBACE,yBADF,oBACE,0BAhBJ,mBACE,yBAGF,oBACE,8BACA,+BAGF,oBACE,6BACA,gCAIA,oBACE,6BADF,oBACE,gCADF,oBACE,8BADF,oBACE,+BAhBJ,mBACE,wBAGF,oBACE,6BACA,8BAGF,oBACE,4BACA,+BAIA,oBACE,4BADF,oBACE,+BADF,oBACE,6BADF,oBACE,8BAhBJ,mBACE,uBAGF,oBACE,4BACA,6BAGF,oBACE,2BACA,8BAIA,oBACE,2BADF,oBACE,8BADF,oBACE,4BADF,oBACE,6BAhBJ,mBACE,yBAGF,oBACE,8BACA,+BAGF,oBACE,6BACA,gCAIA,oBACE,6BADF,oBACE,gCADF,oBACE,8BADF,oBACE,+BAhBJ,mBACE,uBAGF,oBACE,4BACA,6BAGF,oBACE,2BACA,8BAIA,oBACE,2BADF,oBACE,8BADF,oBACE,4BADF,oBACE,6BAMJ,sBACE,uBAEF,uBACE,4BACA,6BAEF,uBACE,2BACA,8BAGA,uBACE,2BADF,uBACE,8BADF,uBACE,4BADF,uBACE,6BAnCJ,mBACE,qBAGF,oBACE,0BACA,2BAGF,oBACE,yBACA,4BAIA,oBACE,yBADF,oBACE,4BADF,oBACE,0BADF,oBACE,2BAhBJ,mBACE,0BAGF,oBACE,+BACA,gCAGF,oBACE,8BACA,iCAIA,oBACE,8BADF,oBACE,iCADF,oBACE,+BADF,oBACE,gCAhBJ,mBACE,yBAGF,oBACE,8BACA,+BAGF,oBACE,6BACA,gCAIA,oBACE,6BADF,oBACE,gCADF,oBACE,8BADF,oBACE,+BAhBJ,mBACE,wBAGF,oBACE,6BACA,8BAGF,oBACE,4BACA,+BAIA,oBACE,4BADF,oBACE,+BADF,oBACE,6BADF,oBACE,8BAhBJ,mBACE,0BAGF,oBACE,+BACA,gCAGF,oBACE,8BACA,iCAIA,oBACE,8BADF,oBACE,iCADF,oBACE,+BADF,oBACE,gCAhBJ,mBACE,wBAGF,oBACE,6BACA,8BAGF,oBACE,4BACA,+BAIA,oBACE,4BADF,oBACE,+BADF,oBACE,6BADF,oBACE,8BA0BN,qBACE,iBADF,qBACE,sBADF,qBACE,qBADF,qBACE,oBADF,qBACE,sBADF,qBACE,oBAKN,QACE,wBAGF,eACE,+BAGF,SACE,yBAGF,gBACE,gCAGF,WACE,eAGF,aACE,kBAGF,OACE,sBAGF,QACE,0BAGF,SACE,eAGF,QACE,mBAGF,oBACE,mBAGF,2BAEE,oCAEF,WACE,sCAEF,cACE,yCAEF,cACE,yCAEF,yBAEE,uCCrIF,WACE,kBAGF,YACE,gBACA,uBACA,mBAGF,cACE,oCACA,gCAEA,uCACE,uCACA,mCAGF,uCACE,uCACA,mCAKJ,cACE,iCACA,qCACA,uCAEA,wBACA,oBACE,uCACA,8BAEF,qBACE,oCACA,wCACA,qCAEF,uBACE,sCACA,0CACA,qCAEF,uBACE,sCACA,0CACA,qCAEF,oBACE,mCACA,uCACA,qCAEF,oBACE,+BACA,qCACA,qCAIJ,QACE,qBACA,uBACA,qBACA,8BACA,yBACA,iBACA,gBACA,eACA,gBACA,uBACA,mBAGF,aACE,oBACA,mBACA,uBACA,kBACA,eACA,kBACA,oBACA,8BACA,yBACA,kCACA,gBACA,gBACA,kCAIF,UAEE,qBACA,iDAEA,6BACE,YACA,aAGF,mCACE,yBAGF,mCACE,8BACA,oBACA,+BACA,4BACA,iCAGF,yCACE,8BACA,4BAGF,oCACE,yBAIJ,eACE,OACA,YACA,gCACA,yBAGF,SACE,WACA,oBACA,uBACA,YACA,yBACA,gCACA,oCACA,yBAEA,sBACE,yBAaF,wHAGE,gCACA,0CACA,UAIJ,aACE,aAEA,mBACA,oBACA,oCACA,4CACA,4BACA,oCACA,yBACA,6BAEA,0BACE,yBAGF,gCACE,gCAGF,mBACE,gCAGF,4FAIE,gCACA,0CACA,UAEA,oHACE,gCAIJ,iBACE,+CACA,uCAEA,oCACE,mCAGF,6BACE,uCAGF,gCACE,uCACA,mCAGF,0BACE,mCACA,uCAIJ,iBACE,+CACA,uCAEA,oCACE,mCAGF,6BACE,uCAGF,gCACE,uCACA,mCAGF,0BACE,mCACA,uCAKN,YACE,aACA,mBACA,uBACA,YACA,yBACA,eACA,sBAEA,mBACE,yBACA,eACA,sBACA,yBACE,4BAIJ,qBACE,yBACA,yBAGF,0BACE,yBAGF,sBACE,kBACA,yBACA,uBACA,4BACE,sBAIJ,oBACE,kBACA,oBAIJ,YACE,kBACA,wBACA,OACA,aACA,4BACA,oCACA,yCACA,qCACA,gBAGF,UACE,aACA,mBACA,yBACA,SACA,gBACA,cACA,wCAGF,YACE,qBACA,WACA,YAEA,sBACA,kBACA,eAEA,sCACA,qBACA,4BAEA,WACE,wCAGF,kBACE,gCACA,8BAGF,mBACE,WACA,kBACA,QACA,SACA,YACA,cACA,kBACA,yBACA,8CACA,UAGF,yCAEE,gCACA,8BAEA,uDACE,UAGF,qDACE,8BAIJ,2CAEE,WACA,mBAIJ,iBACE,gBACA,wBACA,qBACA,SAGF,oBACE,oBACA,mBACA,UACA,eACA,cAGE,sCACE,gCACA,8BAEA,6FAEE,8BAMR,SACE,gBACA,gBACA,yBACA,qBACA,yBAGF,aACE,oBACA,4CACA,gBAEA,eACE,2BAEA,gCACE,gCAIJ,2BACE,gEACA,mEAGF,0BACE,iEACA,oEAIJ,sBACE,oBACA,sBACA,4CACA,gBAEA,wBACE,2BACA,WAEA,yCACE,iCAIJ,oCACE,gEACA,iEAGF,mCACE,mEACA,oECncJ,OACE,gCACA,+BACA,+BACA,mCACA,uCACA,qCACA,yCAEA,kCACA,uBACA,oBACA,mBACA,WACA,gCACA,kCACA,4CACA,yBACA,sBACA,oCACA,gBACA,eACA,gBAEA,WACE,mEAKF,2BAEE,+BACA,qCAGF,qBACE,aACA,0CAGF,gBACE,WACA,mBACA,oBAGF,wBACE,oBACA,mBACA,uBACA,mBACA,gBACA,kBACA,iBACA,sBACA,oBACA,gCACA,kCACA,iBACA,gBAEA,mCAGF,UACE,mCACA,uCACA,+CACA,mBAGF,UACE,mCACA,uCACA,+CAGF,YACE,gCACA,6BACA,6BACA,mCACA,uCACA,qCACA,yCAGF,eACE,sBACA,gCACA,+BACA,mCACA,uCACA,uCACA,yCAEA,2CAEE,uBAIJ,eACE,qCACA,kCACA,6BACA,uEACA,2EACA,qCACA,8CAGF,aACE,mCACA,gCACA,6BACA,qEACA,yEACA,qCACA,4CAGF,eACE,qCACA,kCACA,6BACA,uEACA,2EACA,qCACA,8CAGF,YACE,kCACA,+BACA,6BACA,oEACA,wEACA,qCACA,2CAKF,6BACE,sBACA,oCACA,wCACA,4CACA,4CACA,uCAEA,uEAEE,uBACA,qCACA,yCAIJ,2BACE,sBACA,kCACA,sCACA,0CACA,0CACA,uCAEA,mEAEE,uBACA,qCACA,yCAIJ,6BACE,sBACA,oCACA,wCACA,4CACA,4CACA,yCAEA,uEAEE,yBACA,qCACA,yCAIJ,0BACE,sBACA,iCACA,qCACA,yCACA,yCACA,uCAEA,iEAEE,uBACA,qCACA,yCAIJ,0BACE,sBACA,gCACA,+BACA,mCACA,uCACA,uCACA,uCAEA,iEAEE,uBACA,qCACA,yCC9NN,WACE,8BACA,kCACA,uBACA,mBACA,gBACA,gBACA,gCACA,oBACA,mBACA,kBACA","file":"base.css"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { default as DateRangePicker } from './components/DateRangePicker.vue';
|
|
|
5
5
|
export { default as DropdownSelect } from './components/DropdownSelect.vue';
|
|
6
6
|
export { default as DropdownMenu } from './components/DropdownMenu.vue';
|
|
7
7
|
export { default as Sidebar } from './components/Sidebar.vue';
|
|
8
|
-
export { default as
|
|
8
|
+
export { default as HeaderComponent } from './components/HeaderComponent.vue';
|
|
9
9
|
export { default as Button } from './components/Button.vue';
|
|
10
10
|
export { default as Modal } from './components/Modal.vue';
|
|
11
11
|
export { default as ConfirmModal } from './components/ConfirmModal.vue';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:12px;transition:border-color .15s,box-shadow .15s}.c-card.is-open{border-color:var(--premium-500)}.c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.c-card__header{--header-padding-y:1rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.75rem;line-height:1.2;transition:background-color .15s;display:flex}.c-card__header:hover{background:var(--premium-100)}.c-card.is-open .c-card__header{background:var(--premium-50)}.c-card.is-open .c-card__header:hover{background:var(--premium-100)}.c-card.is-selected .c-card__header{background:var(--site-100)}.c-card.is-selected .c-card__header:hover{background:var(--site-200)}.c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.c-card__check-zone:hover .c-card__check{border-color:var(--premium-500)}.c-card__check{border:1.5px solid var(--neutral-300);background:var(--neutral-0);color:#0000;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.c-card__check.is-checked{background:var(--premium-500);border-color:var(--premium-500);color:var(--neutral-0)}.c-card__heading{flex-direction:row;flex:auto;gap:1rem;min-width:0;display:flex}.c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.c-card__heading-item:first-child{flex:2 1 0}.c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.c-card__title{color:var(--neutral-900);font-size:.95rem;font-weight:700}.c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.c-card.is-open .c-card__icon{transform:rotate(180deg)}.c-card__body{--field-gap-x:.5rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:1rem .75rem;display:flex}.c-card__select-row{flex:100%;display:flex}.c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.75rem;padding:.75rem;display:flex;position:relative}.c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.c-card__field .c-copy-btn{opacity:0}.c-card__field-copy{--padding:.125rem;top:calc(-.5lh - var(--padding));padding:var(--padding);background:var(--neutral-0);color:var(--neutral-500);cursor:pointer;opacity:0;font-size:.8rem;transition:opacity .15s,color .15s;position:absolute;right:.5rem}.c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}.c-card__field-copy.c-copy-btn--copied{background:var(--premium-50);color:var(--ac-color-success)}@media (hover:none),(pointer:coarse){.c-card__field .c-card__field:focus-within,.c-card__field .c-card__field:hover{border-color:var(--neutral-300)}.c-card__field .c-card__field:focus-within .c-card__field-copy,.c-card__field .c-card__field:hover .c-card__field-copy{opacity:1}}.c-card__field:hover .c-copy-btn{opacity:1}.c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.c-cards.is-compact{gap:.25rem}.c-cards.is-compact .c-card__header{--header-padding-y:.5rem}.c-cards.is-compact .c-card__label{font-size:.6rem}.c-cards.is-compact .c-card__check{width:1.125rem;height:1.125rem}.c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.c-cards.is-compact .c-card__actions{padding-top:0}.c-card__body{container-type:inline-size}@container (width<=526px){.c-card__field{flex-basis:100%}}
|
|
1
|
+
.ac-component{position:relative}.ac-component.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}.c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:12px;transition:border-color .15s,box-shadow .15s}.c-card.is-open{border-color:var(--premium-500)}.c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.c-card__header{--header-padding-y:1rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.75rem;line-height:1.2;transition:background-color .15s;display:flex}.c-card__header:hover{background:var(--premium-100)}.c-card.is-open .c-card__header{background:var(--premium-50)}.c-card.is-open .c-card__header:hover{background:var(--premium-100)}.c-card.is-selected .c-card__header{background:var(--site-100)}.c-card.is-selected .c-card__header:hover{background:var(--site-200)}.c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.c-card__check-zone:hover .c-card__check{border-color:var(--premium-500)}.c-card__check{border:1.5px solid var(--neutral-300);background:var(--neutral-0);color:#0000;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.c-card__check.is-checked{background:var(--premium-500);border-color:var(--premium-500);color:var(--neutral-0)}.c-card__heading{flex-direction:row;flex:auto;gap:1rem;min-width:0;display:flex}.c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.c-card__heading-item:first-child{flex:2 1 0}.c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.c-card__title{color:var(--neutral-900);font-size:.95rem;font-weight:700}.c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.c-card.is-open .c-card__icon{transform:rotate(180deg)}.c-card__body{--field-gap-x:.5rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:1rem .75rem;display:flex}.c-card__select-row{flex:100%;display:flex}.c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.75rem;padding:.75rem;display:flex;position:relative}.c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.c-card__field .c-copy-btn{opacity:0}.c-card__field-copy{--padding:.125rem;top:calc(-.5lh - var(--padding));padding:var(--padding);background:var(--neutral-0);color:var(--neutral-500);cursor:pointer;opacity:0;font-size:.8rem;transition:opacity .15s,color .15s;position:absolute;right:.5rem}.c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}.c-card__field-copy.c-copy-btn--copied{background:var(--premium-50);color:var(--ac-color-success)}@media (hover:none),(pointer:coarse){.c-card__field .c-card__field:focus-within,.c-card__field .c-card__field:hover{border-color:var(--neutral-300)}.c-card__field .c-card__field:focus-within .c-card__field-copy,.c-card__field .c-card__field:hover .c-card__field-copy{opacity:1}}.c-card__field:hover .c-copy-btn{opacity:1}.c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.c-cards.is-compact{gap:.25rem}.c-cards.is-compact .c-card__header{--header-padding-y:.5rem}.c-cards.is-compact .c-card__label{font-size:.6rem}.c-cards.is-compact .c-card__check{width:1.125rem;height:1.125rem}.c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.c-cards.is-compact .c-card__actions{padding-top:0}.c-card__body{container-type:inline-size}@container (width<=526px){.c-card__field{flex-basis:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.c-data-list__toolbar{z-index:1;margin-bottom:-1px;display:flex;position:relative}.c-data-list__toolbar__item{border-radius:8px 8px 0 0;padding:.25rem .625rem}.c-data-list .dc-datetime{white-space:normal;display:inline}.c-data-list .dc-datetime__part{white-space:nowrap}.c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.c-data-list .
|
|
1
|
+
.c-data-list__toolbar{z-index:1;margin-bottom:-1px;display:flex;position:relative}.c-data-list__toolbar__item{border-radius:8px 8px 0 0;padding:.25rem .625rem}.c-data-list .dc-datetime{white-space:normal;display:inline}.c-data-list .dc-datetime__part{white-space:nowrap}.c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.c-data-list .dc-loading{vertical-align:middle;align-items:center;display:inline-flex}@media (width<=768px){.c-data-list .wrap-on-small{flex-wrap:wrap}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.c-paginator-wrapper{container:paginator/inline-size}.c-paginator{
|
|
1
|
+
.c-paginator-wrapper{container:paginator/inline-size}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:1rem;padding:.75rem;font-size:.8125rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--premium-500);color:var(--neutral-0);border-color:var(--premium-500);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--premium-500);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.c-table-wrapper{max-height:var(--table-max-height,70vh);-webkit-overflow-scrolling:touch;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.75rem .5rem;--action-count:0;--min-width-per-action:2.5rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:
|
|
1
|
+
.c-table-wrapper{max-height:var(--table-max-height,70vh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.75rem .5rem;--action-count:0;--min-width-per-action:2.5rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200)}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th{padding-top:.75rem;padding-bottom:.75rem}.c-table-wrapper .c-table.is-compact td{padding-top:.375rem;padding-bottom:.375rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center;min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell{min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}
|