@dpa-id-components/dpa-shared-components 22.0.0-next.10 → 22.0.0-next.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/dpa-shared-components.js +62 -60
- package/dist/src/components/UiChip/UiChip.spec.ts +1 -1
- package/dist/src/components/UiChip/UiChip.vue +2 -2
- package/dist/src/components/UiMenu/UiMenu.stories.ts +85 -1
- package/dist/src/components/UiMenu/UiMenu.vue +4 -4
- package/dist/style.css +1 -1
- package/package.json +6 -6
- package/src/components/UiChip/UiChip.vue +2 -2
- package/src/components/UiMenu/UiMenu.vue +4 -4
|
@@ -2326,8 +2326,8 @@ var Nn = /*#__PURE__*/ e(An, [["render", Mn]]), Pn = { class: "sr-only" }, Fn =
|
|
|
2326
2326
|
emits: ["close"],
|
|
2327
2327
|
setup(e) {
|
|
2328
2328
|
let t = {
|
|
2329
|
-
xs: "text-xs",
|
|
2330
|
-
sm: "text-sm/
|
|
2329
|
+
xs: "text-xs/5",
|
|
2330
|
+
sm: "text-sm/6",
|
|
2331
2331
|
md: "text-sm/8"
|
|
2332
2332
|
};
|
|
2333
2333
|
return (n, r) => (N(), l("div", { class: E(["flex max-w-min flex-nowrap items-center gap-x-1 rounded-full bg-neutral-faint px-2 font-normal whitespace-nowrap text-neutral-primary", t[e.size]]) }, [z(n.$slots, "default"), e.closeButton ? (N(), l("button", {
|
|
@@ -14753,20 +14753,20 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14753
14753
|
_: 3
|
|
14754
14754
|
}, 8, ["name"])], 512));
|
|
14755
14755
|
}
|
|
14756
|
-
}), [["__scopeId", "data-v-9508d071"]]), np = { class: "flex items-center gap-2" }, rp = { class: "block w-max max-w-full divide-y overflow-hidden rounded-lg border border-neutral-faint bg-neutral text-base/6 shadow-md focus:outline-hidden sm:text-sm/5" },
|
|
14756
|
+
}), [["__scopeId", "data-v-9508d071"]]), np = { class: "flex min-w-0 items-center gap-2 overflow-hidden" }, rp = { class: "truncate" }, ip = { class: "block w-max max-w-full divide-y overflow-hidden rounded-lg border border-neutral-faint bg-neutral text-base/6 shadow-md focus:outline-hidden sm:text-sm/5" }, ap = {
|
|
14757
14757
|
key: 0,
|
|
14758
14758
|
class: "flex items-center gap-2 rounded-t-lg px-4 pt-2.5 pb-1.5 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
|
|
14759
|
-
},
|
|
14759
|
+
}, op = ["placeholder"], sp = {
|
|
14760
14760
|
key: 0,
|
|
14761
14761
|
class: "max-h-80 overflow-y-auto",
|
|
14762
14762
|
"data-testid": "menu-option-list"
|
|
14763
|
-
},
|
|
14763
|
+
}, cp = {
|
|
14764
14764
|
key: 0,
|
|
14765
14765
|
class: "flex h-6 items-center bg-neutral-faint px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
|
|
14766
|
-
},
|
|
14766
|
+
}, lp = {
|
|
14767
14767
|
key: 1,
|
|
14768
14768
|
class: "px-2 pt-1.5 pb-2 text-neutral-primary"
|
|
14769
|
-
},
|
|
14769
|
+
}, up = /* @__PURE__ */ h({
|
|
14770
14770
|
__name: "UiMenu",
|
|
14771
14771
|
props: /*@__PURE__*/ C({
|
|
14772
14772
|
options: { default: () => void 0 },
|
|
@@ -14857,9 +14857,11 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14857
14857
|
}, {
|
|
14858
14858
|
default: J(() => [u("div", np, [e.iconLeft ? (N(), s(De, {
|
|
14859
14859
|
key: 0,
|
|
14860
|
+
class: "shrink-0",
|
|
14860
14861
|
name: e.iconLeft,
|
|
14861
14862
|
size: "sm"
|
|
14862
|
-
}, null, 8, ["name"])) : c("", !0),
|
|
14863
|
+
}, null, 8, ["name"])) : c("", !0), u("span", rp, H(h.value), 1)]), p(De, {
|
|
14864
|
+
class: "shrink-0",
|
|
14863
14865
|
name: "chevron-down",
|
|
14864
14866
|
size: "sm"
|
|
14865
14867
|
})]),
|
|
@@ -14871,8 +14873,8 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14871
14873
|
"size",
|
|
14872
14874
|
"onClick"
|
|
14873
14875
|
])]),
|
|
14874
|
-
default: J(() => [u("div",
|
|
14875
|
-
e.hasSearch ? (N(), l("div",
|
|
14876
|
+
default: J(() => [u("div", ip, [
|
|
14877
|
+
e.hasSearch ? (N(), l("div", ap, [p(De, {
|
|
14876
14878
|
class: "shrink-0 text-neutral-emphasis",
|
|
14877
14879
|
name: "search",
|
|
14878
14880
|
size: "sm"
|
|
@@ -14884,7 +14886,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14884
14886
|
class: "w-full text-sm focus:outline-hidden",
|
|
14885
14887
|
placeholder: e.searchPlaceholder,
|
|
14886
14888
|
"data-testid": "menu-search-input"
|
|
14887
|
-
}, null, 8,
|
|
14889
|
+
}, null, 8, op), [[se, r.value]])])) : c("", !0),
|
|
14888
14890
|
z(t.$slots, "default", D(v({
|
|
14889
14891
|
checkboxAppearance: e.checkboxAppearance,
|
|
14890
14892
|
iconSize: e.iconSize,
|
|
@@ -14892,7 +14894,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14892
14894
|
listVariant: e.listVariant,
|
|
14893
14895
|
options: e.options,
|
|
14894
14896
|
groupedOptions: e.groupedOptions
|
|
14895
|
-
})), () => [d.value.some(({ options: e }) => e.length > 0) ? (N(), l("ul",
|
|
14897
|
+
})), () => [d.value.some(({ options: e }) => e.length > 0) ? (N(), l("ul", sp, [(N(!0), l(n, null, R(d.value, (t) => (N(), l(n, { key: `group-${t.groupLabel ?? "default"}` }, [t.options.length > 0 ? (N(), l(n, { key: 0 }, [t.groupLabel ? (N(), l("li", cp, H(t.groupLabel), 1)) : c("", !0), (N(!0), l(n, null, R(t.options, (t, n) => (N(), s(In, {
|
|
14896
14898
|
key: `option-${t.value}`,
|
|
14897
14899
|
selected: t.selected,
|
|
14898
14900
|
selectable: e.listVariant === "selectable",
|
|
@@ -14923,7 +14925,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14923
14925
|
"data-testid",
|
|
14924
14926
|
"onListItemClick"
|
|
14925
14927
|
]))), 128))], 64)) : c("", !0)], 64))), 128))])) : c("", !0)]),
|
|
14926
|
-
e.hasResetOption ? (N(), l("div",
|
|
14928
|
+
e.hasResetOption ? (N(), l("div", lp, [p(_n, {
|
|
14927
14929
|
appearance: "outline-emphasis",
|
|
14928
14930
|
disabled: m.value,
|
|
14929
14931
|
"icon-name": "reset",
|
|
@@ -14944,7 +14946,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14944
14946
|
"placement"
|
|
14945
14947
|
]));
|
|
14946
14948
|
}
|
|
14947
|
-
}),
|
|
14949
|
+
}), dp = /* @__PURE__ */ h({
|
|
14948
14950
|
name: "UiMenuItem",
|
|
14949
14951
|
setup() {
|
|
14950
14952
|
A(() => {
|
|
@@ -14996,7 +14998,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
14996
14998
|
"class"
|
|
14997
14999
|
]));
|
|
14998
15000
|
}
|
|
14999
|
-
}),
|
|
15001
|
+
}), fp = /* @__PURE__ */ h({
|
|
15000
15002
|
name: "UiMenuList",
|
|
15001
15003
|
setup() {
|
|
15002
15004
|
A(() => {
|
|
@@ -15010,24 +15012,24 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15010
15012
|
tabindex: "0"
|
|
15011
15013
|
}, [z(e.$slots, "default")], 2));
|
|
15012
15014
|
}
|
|
15013
|
-
}),
|
|
15015
|
+
}), pp = {
|
|
15014
15016
|
class: "fixed inset-0 z-50 max-h-screen",
|
|
15015
15017
|
role: "dialog"
|
|
15016
|
-
},
|
|
15018
|
+
}, mp = /* @__PURE__ */ h({
|
|
15017
15019
|
name: "UiOverlay",
|
|
15018
15020
|
emits: ["close"],
|
|
15019
15021
|
setup(e, { emit: t }) {
|
|
15020
15022
|
let n = t;
|
|
15021
15023
|
return A(() => {
|
|
15022
15024
|
window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
|
|
15023
|
-
}), (e, t) => (N(), l("div",
|
|
15025
|
+
}), (e, t) => (N(), l("div", pp, [u("div", {
|
|
15024
15026
|
class: "fixed inset-0 h-screen bg-black opacity-60",
|
|
15025
15027
|
"data-testid": "background",
|
|
15026
15028
|
style: { "z-index": "-1" },
|
|
15027
15029
|
onClick: t[0] ||= (e) => n("close")
|
|
15028
15030
|
}), z(e.$slots, "default")]));
|
|
15029
15031
|
}
|
|
15030
|
-
}),
|
|
15032
|
+
}), hp, gp = {
|
|
15031
15033
|
mounted(e, t) {
|
|
15032
15034
|
let n = t.instance;
|
|
15033
15035
|
if (typeof t.value != "function") {
|
|
@@ -15035,15 +15037,15 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15035
15037
|
e && (r += `Found in component '${e}'`), console.warn(r);
|
|
15036
15038
|
}
|
|
15037
15039
|
let { bubble: r } = t.modifiers;
|
|
15038
|
-
|
|
15040
|
+
hp = (n) => {
|
|
15039
15041
|
let i = n.target;
|
|
15040
15042
|
(r || !e.contains(i) && e !== n.target) && t.value(n);
|
|
15041
|
-
}, document.addEventListener("mousedown",
|
|
15043
|
+
}, document.addEventListener("mousedown", hp);
|
|
15042
15044
|
},
|
|
15043
15045
|
unmounted() {
|
|
15044
|
-
document.removeEventListener("mousedown",
|
|
15046
|
+
document.removeEventListener("mousedown", hp);
|
|
15045
15047
|
}
|
|
15046
|
-
},
|
|
15048
|
+
}, _p = { class: "relative size-full border-none" }, vp = { class: "absolute top-12 right-3 z-10 block border-t bg-neutral px-4 py-3 shadow-lg" }, yp = /* @__PURE__ */ h({
|
|
15047
15049
|
name: "UiOverlayMenu",
|
|
15048
15050
|
props: { isOpen: {
|
|
15049
15051
|
type: Boolean,
|
|
@@ -15056,13 +15058,13 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15056
15058
|
};
|
|
15057
15059
|
return A(() => {
|
|
15058
15060
|
window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
|
|
15059
|
-
}), (t, n) => de((N(), l("div",
|
|
15061
|
+
}), (t, n) => de((N(), l("div", _p, [u("div", vp, [z(t.$slots, "default")])])), [[ce, e.isOpen], [W(gp), r]]);
|
|
15060
15062
|
}
|
|
15061
|
-
}),
|
|
15063
|
+
}), bp = [
|
|
15062
15064
|
"id",
|
|
15063
15065
|
"aria-invalid",
|
|
15064
15066
|
"aria-errormessage"
|
|
15065
|
-
],
|
|
15067
|
+
], xp = ["id"], Sp = /* @__PURE__ */ h({
|
|
15066
15068
|
inheritAttrs: !1,
|
|
15067
15069
|
__name: "UiRadioButton",
|
|
15068
15070
|
props: /*@__PURE__*/ C({
|
|
@@ -15101,7 +15103,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15101
15103
|
...n.$attrs,
|
|
15102
15104
|
class: null,
|
|
15103
15105
|
"data-testid": null
|
|
15104
|
-
}), null, 16,
|
|
15106
|
+
}), null, 16, bp), [[ae, t.value]]), z(n.$slots, "default")]),
|
|
15105
15107
|
_: 3
|
|
15106
15108
|
}, 8, [
|
|
15107
15109
|
"class",
|
|
@@ -15111,9 +15113,9 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15111
15113
|
key: 0,
|
|
15112
15114
|
id: `${r.value}-errors`,
|
|
15113
15115
|
class: "bg-error px-4 py-1 text-xs/normal font-medium text-neutral transition-all duration-150 ease-in-out"
|
|
15114
|
-
}, [z(n.$slots, "errors")], 8,
|
|
15116
|
+
}, [z(n.$slots, "errors")], 8, xp)) : c("", !0)], 2));
|
|
15115
15117
|
}
|
|
15116
|
-
}),
|
|
15118
|
+
}), Cp = /* @__PURE__ */ h({
|
|
15117
15119
|
name: "UiRadioInputGroup",
|
|
15118
15120
|
props: /*@__PURE__*/ C({
|
|
15119
15121
|
options: {},
|
|
@@ -15134,7 +15136,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15134
15136
|
let t = ne(e, "modelValue");
|
|
15135
15137
|
return A(() => {
|
|
15136
15138
|
window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
|
|
15137
|
-
}), (r, i) => (N(), l("ul", { class: E([W(hn)("flex gap-4", { "flex-col": e.direction === "vertical" }, r.$attrs.class)]) }, [(N(!0), l(n, null, R(e.options, (n) => (N(), l("li", { key: n.value }, [p(
|
|
15139
|
+
}), (r, i) => (N(), l("ul", { class: E([W(hn)("flex gap-4", { "flex-col": e.direction === "vertical" }, r.$attrs.class)]) }, [(N(!0), l(n, null, R(e.options, (n) => (N(), l("li", { key: n.value }, [p(Sp, {
|
|
15138
15140
|
modelValue: t.value,
|
|
15139
15141
|
"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
|
|
15140
15142
|
appearance: e.appearance,
|
|
@@ -15154,7 +15156,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15154
15156
|
"value"
|
|
15155
15157
|
])]))), 128))], 2));
|
|
15156
15158
|
}
|
|
15157
|
-
}),
|
|
15159
|
+
}), wp = { class: "relative flex h-full items-center pl-4" }, Tp = { class: "h-full min-w-0 flex-1" }, Ep = ["placeholder"], Dp = { class: "relative flex items-center gap-x-1 px-2" }, Op = { class: "flex items-center" }, kp = /* @__PURE__ */ h({
|
|
15158
15160
|
__name: "UiSearchBar",
|
|
15159
15161
|
props: /*@__PURE__*/ C({
|
|
15160
15162
|
placeholder: { default: "" },
|
|
@@ -15191,13 +15193,13 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15191
15193
|
}, g = () => {
|
|
15192
15194
|
n("search", r.value);
|
|
15193
15195
|
};
|
|
15194
|
-
return (t, n) => (N(), l("div", { class: E(["h-12 w-full rounded-full outline-2 outline-transparent focus-within:outline-primary hover:outline-neutral-faint hover:focus-within:outline-primary", i[e.appearance]]) }, [u("div",
|
|
15196
|
+
return (t, n) => (N(), l("div", { class: E(["h-12 w-full rounded-full outline-2 outline-transparent focus-within:outline-primary hover:outline-neutral-faint hover:focus-within:outline-primary", i[e.appearance]]) }, [u("div", wp, [
|
|
15195
15197
|
!a.value && r.value ? (N(), l("div", {
|
|
15196
15198
|
key: 0,
|
|
15197
15199
|
class: "flex h-full grow-0 flex-row items-center gap-x-1 overflow-hidden py-2",
|
|
15198
15200
|
onClick: n[0] ||= (e) => o.value?.focus()
|
|
15199
15201
|
}, [z(t.$slots, "chips")])) : c("", !0),
|
|
15200
|
-
u("div",
|
|
15202
|
+
u("div", Tp, [de(u("input", {
|
|
15201
15203
|
ref_key: "searchInputRef",
|
|
15202
15204
|
ref: o,
|
|
15203
15205
|
"onUpdate:modelValue": n[1] ||= (e) => r.value = e,
|
|
@@ -15208,8 +15210,8 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15208
15210
|
onKeyup: fe(m, ["enter"]),
|
|
15209
15211
|
onFocus: n[2] ||= (e) => d(e),
|
|
15210
15212
|
onBlur: n[3] ||= (e) => f(e)
|
|
15211
|
-
}, null, 42,
|
|
15212
|
-
u("div",
|
|
15213
|
+
}, null, 42, Ep), [[se, r.value]])]),
|
|
15214
|
+
u("div", Dp, [z(t.$slots, "action"), u("div", Op, [
|
|
15213
15215
|
p(_n, {
|
|
15214
15216
|
class: E(e.showResetButtonOnMobile ? "inline-flex" : "hidden sm:inline-flex"),
|
|
15215
15217
|
"aria-label": e.resetSearchButtonTitle,
|
|
@@ -15246,17 +15248,17 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15246
15248
|
])])
|
|
15247
15249
|
])], 2));
|
|
15248
15250
|
}
|
|
15249
|
-
}),
|
|
15251
|
+
}), Ap = {
|
|
15250
15252
|
key: 0,
|
|
15251
15253
|
class: "col-span-1 flex items-center pr-5 text-sm lg:py-2"
|
|
15252
|
-
},
|
|
15254
|
+
}, jp = { class: "flex items-center" }, Mp = [
|
|
15253
15255
|
"id",
|
|
15254
15256
|
"value",
|
|
15255
15257
|
"placeholder",
|
|
15256
15258
|
"onInput",
|
|
15257
15259
|
"onKeyup",
|
|
15258
15260
|
"onKeydown"
|
|
15259
|
-
],
|
|
15261
|
+
], Np = /* @__PURE__ */ h({
|
|
15260
15262
|
__name: "UiSearchInput",
|
|
15261
15263
|
props: {
|
|
15262
15264
|
id: { default: void 0 },
|
|
@@ -15305,7 +15307,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15305
15307
|
return (t, r) => (N(), l("div", { class: E(["mb-4 grid text-neutral-primary lg:mb-0 lg:grid-rows-1 lg:gap-y-5", {
|
|
15306
15308
|
"lg:grid-cols-[224px_1fr]": D.value,
|
|
15307
15309
|
"lg:grid-cols-1": !D.value
|
|
15308
|
-
}]) }, [D.value ? (N(), l("div",
|
|
15310
|
+
}]) }, [D.value ? (N(), l("div", Ap, [p(En, {
|
|
15309
15311
|
for: _.value,
|
|
15310
15312
|
class: "font-medium"
|
|
15311
15313
|
}, {
|
|
@@ -15314,7 +15316,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15314
15316
|
}, 8, ["for"]), z(t.$slots, "tooltip")])) : c("", !0), (N(!0), l(n, null, R(a.value, (t, n) => (N(), l("div", {
|
|
15315
15317
|
key: n,
|
|
15316
15318
|
class: E(O.value)
|
|
15317
|
-
}, [u("div",
|
|
15319
|
+
}, [u("div", jp, [u("input", {
|
|
15318
15320
|
id: _.value,
|
|
15319
15321
|
ref_for: !0,
|
|
15320
15322
|
ref_key: "inputs",
|
|
@@ -15327,7 +15329,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15327
15329
|
onBlur: C,
|
|
15328
15330
|
onKeyup: fe((e) => y(n, e.target.value), ["delete"]),
|
|
15329
15331
|
onKeydown: (e) => S(n, e.target.value, e)
|
|
15330
|
-
}, null, 40,
|
|
15332
|
+
}, null, 40, Mp), e.hasAddEntryOption && n === a.value.length - 1 ? (N(), s(_n, {
|
|
15331
15333
|
key: 0,
|
|
15332
15334
|
"aria-label": "Add Row",
|
|
15333
15335
|
disabled: !v.value,
|
|
@@ -15340,7 +15342,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15340
15342
|
_: 1
|
|
15341
15343
|
}, 8, ["disabled"])) : c("", !0)])], 2))), 128))], 2));
|
|
15342
15344
|
}
|
|
15343
|
-
}),
|
|
15345
|
+
}), Pp = /* @__PURE__ */ h({
|
|
15344
15346
|
name: "UiSection",
|
|
15345
15347
|
props: {
|
|
15346
15348
|
size: { default: "wide" },
|
|
@@ -15370,7 +15372,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15370
15372
|
"data-testid": "inner"
|
|
15371
15373
|
}, [z(t.$slots, "default")], 2)], 2));
|
|
15372
15374
|
}
|
|
15373
|
-
}),
|
|
15375
|
+
}), Fp = /* @__PURE__ */ h({
|
|
15374
15376
|
name: "UiSectionDivider",
|
|
15375
15377
|
props: {
|
|
15376
15378
|
size: { default: "large" },
|
|
@@ -15385,11 +15387,11 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15385
15387
|
window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
|
|
15386
15388
|
}), (t, n) => (N(), l("div", { class: E([[r.value, e.customClasses], "bg-neutral-whisper"]) }, null, 2));
|
|
15387
15389
|
}
|
|
15388
|
-
}),
|
|
15390
|
+
}), Ip = [
|
|
15389
15391
|
"id",
|
|
15390
15392
|
"aria-invalid",
|
|
15391
15393
|
"aria-errormessage"
|
|
15392
|
-
],
|
|
15394
|
+
], Lp = ["id"], Rp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
15393
15395
|
inheritAttrs: !1,
|
|
15394
15396
|
__name: "UiSelect",
|
|
15395
15397
|
props: /*@__PURE__*/ C({ id: { default: () => void 0 } }, {
|
|
@@ -15417,7 +15419,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15417
15419
|
}, {
|
|
15418
15420
|
...e.$attrs,
|
|
15419
15421
|
class: null
|
|
15420
|
-
}), [z(e.$slots, "options", {}, void 0, !0)], 16,
|
|
15422
|
+
}), [z(e.$slots, "options", {}, void 0, !0)], 16, Ip), [[oe, t.value]]),
|
|
15421
15423
|
p(De, {
|
|
15422
15424
|
class: "pointer-events-none absolute top-4 right-3",
|
|
15423
15425
|
name: "chevron-down"
|
|
@@ -15426,10 +15428,10 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15426
15428
|
key: 1,
|
|
15427
15429
|
id: `${r.value}-errors`,
|
|
15428
15430
|
class: "rounded-b-sm bg-error px-4 py-1 text-xs/normal font-medium text-neutral transition-all duration-150 ease-in-out peer-focus:bg-error-hover peer-enabled:peer-hover:bg-error-hover peer-disabled:opacity-70"
|
|
15429
|
-
}, [z(e.$slots, "errors", {}, void 0, !0)], 8,
|
|
15431
|
+
}, [z(e.$slots, "errors", {}, void 0, !0)], 8, Lp)) : c("", !0)
|
|
15430
15432
|
], 2));
|
|
15431
15433
|
}
|
|
15432
|
-
}), [["__scopeId", "data-v-e3d18dca"]]),
|
|
15434
|
+
}), [["__scopeId", "data-v-e3d18dca"]]), zp = /* @__PURE__ */ h({
|
|
15433
15435
|
__name: "UiSkeletonBox",
|
|
15434
15436
|
props: {
|
|
15435
15437
|
maxWidth: { default: 100 },
|
|
@@ -15446,7 +15448,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15446
15448
|
style: O({ width: t.value })
|
|
15447
15449
|
}, null, 6));
|
|
15448
15450
|
}
|
|
15449
|
-
}),
|
|
15451
|
+
}), Bp = { class: "text-sm/5 font-normal" }, Vp = /* @__PURE__ */ h({
|
|
15450
15452
|
__name: "UiSnackbar",
|
|
15451
15453
|
props: {
|
|
15452
15454
|
isShown: {
|
|
@@ -15489,7 +15491,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15489
15491
|
size: e.iconSize,
|
|
15490
15492
|
class: "mr-2 text-neutral"
|
|
15491
15493
|
}, null, 8, ["name", "size"])) : c("", !0),
|
|
15492
|
-
u("p",
|
|
15494
|
+
u("p", Bp, [z(t.$slots, "default")]),
|
|
15493
15495
|
t.$slots.action ? (N(), l("button", {
|
|
15494
15496
|
key: 1,
|
|
15495
15497
|
ref: "actionBtn",
|
|
@@ -15501,7 +15503,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15501
15503
|
_: 3
|
|
15502
15504
|
}));
|
|
15503
15505
|
}
|
|
15504
|
-
}),
|
|
15506
|
+
}), Hp = /* @__PURE__ */ h({
|
|
15505
15507
|
__name: "UiSpinner",
|
|
15506
15508
|
props: {
|
|
15507
15509
|
appearance: { default: "primary" },
|
|
@@ -15549,7 +15551,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15549
15551
|
"stroke-linecap": "square"
|
|
15550
15552
|
}, null, 2)], 2));
|
|
15551
15553
|
}
|
|
15552
|
-
}),
|
|
15554
|
+
}), Up = /* @__PURE__ */ h({
|
|
15553
15555
|
name: "UiTextButton",
|
|
15554
15556
|
setup() {
|
|
15555
15557
|
A(() => {
|
|
@@ -15624,7 +15626,7 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15624
15626
|
"target"
|
|
15625
15627
|
]));
|
|
15626
15628
|
}
|
|
15627
|
-
}),
|
|
15629
|
+
}), Wp = ["id"], Gp = /* @__PURE__ */ h({
|
|
15628
15630
|
inheritAttrs: !1,
|
|
15629
15631
|
__name: "UiToggleButton",
|
|
15630
15632
|
props: /*@__PURE__*/ C({
|
|
@@ -15662,13 +15664,13 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15662
15664
|
}, {
|
|
15663
15665
|
...n.$attrs,
|
|
15664
15666
|
class: null
|
|
15665
|
-
}), null, 16,
|
|
15667
|
+
}), null, 16, Wp), [[ie, t.value]]),
|
|
15666
15668
|
e.labelPosition === "right" ? z(n.$slots, "default", { key: 1 }) : c("", !0)
|
|
15667
15669
|
]),
|
|
15668
15670
|
_: 3
|
|
15669
15671
|
}, 8, ["for", "class"]));
|
|
15670
15672
|
}
|
|
15671
|
-
}),
|
|
15673
|
+
}), Kp = ["data-placement"], qp = /* @__PURE__ */ h({
|
|
15672
15674
|
inheritAttrs: !1,
|
|
15673
15675
|
__name: "UiTooltip",
|
|
15674
15676
|
props: {
|
|
@@ -15742,17 +15744,17 @@ var ep = ["data-side"], tp = /*#__PURE__*/ e(/* @__PURE__ */ h({
|
|
|
15742
15744
|
"leave-active-class",
|
|
15743
15745
|
"leave-to-class",
|
|
15744
15746
|
"enter-from-class"
|
|
15745
|
-
])], 12,
|
|
15747
|
+
])], 12, Kp)], 8, ["disabled"]))], 2));
|
|
15746
15748
|
}
|
|
15747
|
-
}),
|
|
15749
|
+
}), Jp = {
|
|
15748
15750
|
sm: "40rem",
|
|
15749
15751
|
md: "48rem",
|
|
15750
15752
|
lg: "64rem",
|
|
15751
15753
|
xl: "80rem",
|
|
15752
15754
|
"2xl": "96rem"
|
|
15753
15755
|
};
|
|
15754
|
-
function
|
|
15755
|
-
let e = Kr(
|
|
15756
|
+
function Yp() {
|
|
15757
|
+
let e = Kr(Jp).current();
|
|
15756
15758
|
return {
|
|
15757
15759
|
currentBreakpoint: e,
|
|
15758
15760
|
sm: o(() => e.value.includes("sm")),
|
|
@@ -15763,4 +15765,4 @@ function Jp() {
|
|
|
15763
15765
|
};
|
|
15764
15766
|
}
|
|
15765
15767
|
//#endregion
|
|
15766
|
-
export { Re as DpaMediaItem, ze as UiBadge, _n as UiButton, xn as UiButtonGroup, Tn as UiCard, Ln as UiCheckBoxGroup, kn as UiCheckbox, Rn as UiChip, Vn as UiCollapseNavigation, xr as UiColorPicker, Cf as UiDatePicker, Of as UiDialog, Af as UiFilterBadge, Nf as UiFilterButton, De as UiIcon, Ff as UiIconButton, zf as UiInfoContent, Uf as UiInput, En as UiLabel, Nn as UiList, In as UiListItem, Jf as UiMediaTypeIcon,
|
|
15768
|
+
export { Re as DpaMediaItem, ze as UiBadge, _n as UiButton, xn as UiButtonGroup, Tn as UiCard, Ln as UiCheckBoxGroup, kn as UiCheckbox, Rn as UiChip, Vn as UiCollapseNavigation, xr as UiColorPicker, Cf as UiDatePicker, Of as UiDialog, Af as UiFilterBadge, Nf as UiFilterButton, De as UiIcon, Ff as UiIconButton, zf as UiInfoContent, Uf as UiInput, En as UiLabel, Nn as UiList, In as UiListItem, Jf as UiMediaTypeIcon, up as UiMenu, dp as UiMenuItem, fp as UiMenuList, mp as UiOverlay, yp as UiOverlayMenu, tp as UiPopover, Sp as UiRadioButton, Cp as UiRadioInputGroup, kp as UiSearchBar, Np as UiSearchInput, Pp as UiSection, Fp as UiSectionDivider, Rp as UiSelect, zp as UiSkeletonBox, Vp as UiSnackbar, Hp as UiSpinner, Up as UiTextButton, Gp as UiToggleButton, qp as UiTooltip, hn as cn, Yp as useBreakpoints, gp as vClickAway };
|
|
@@ -6,7 +6,7 @@ import UiChip from "./UiChip.vue";
|
|
|
6
6
|
describe("UiChip", () => {
|
|
7
7
|
test("renders sm size by default", () => {
|
|
8
8
|
const wrapper = mount(UiChip);
|
|
9
|
-
expect(wrapper.classes("text-sm/
|
|
9
|
+
expect(wrapper.classes("text-sm/6")).toBe(true);
|
|
10
10
|
});
|
|
11
11
|
test("renders md size", () => {
|
|
12
12
|
const wrapper = mount(UiChip, {
|
|
@@ -57,6 +57,9 @@ export default meta;
|
|
|
57
57
|
type Story = StoryObj<typeof meta>;
|
|
58
58
|
|
|
59
59
|
export const Default: Story = {
|
|
60
|
+
args: {
|
|
61
|
+
buttonAppearance: "fill-emphasis",
|
|
62
|
+
},
|
|
60
63
|
render: (args) => ({
|
|
61
64
|
setup() {
|
|
62
65
|
const options = ref<UiMenuOptionType<string>[]>([
|
|
@@ -111,7 +114,7 @@ export const Default: Story = {
|
|
|
111
114
|
},
|
|
112
115
|
components: { UiMenu },
|
|
113
116
|
template: /*html*/ `
|
|
114
|
-
<aside
|
|
117
|
+
<aside>
|
|
115
118
|
<UiMenu
|
|
116
119
|
v-bind="args"
|
|
117
120
|
v-model:query="args.query"
|
|
@@ -128,6 +131,87 @@ export const Default: Story = {
|
|
|
128
131
|
}),
|
|
129
132
|
};
|
|
130
133
|
|
|
134
|
+
export const WidthOverride: Story = {
|
|
135
|
+
args: {
|
|
136
|
+
buttonAppearance: "fill-emphasis",
|
|
137
|
+
},
|
|
138
|
+
render: (args) => ({
|
|
139
|
+
setup() {
|
|
140
|
+
const options = ref<UiMenuOptionType<string>[]>([
|
|
141
|
+
{
|
|
142
|
+
label: "Option 1",
|
|
143
|
+
value: "value 1",
|
|
144
|
+
selected: true,
|
|
145
|
+
iconName: "info",
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
label: "Option 2 is really long, much longer than the rest",
|
|
149
|
+
value: "value 2",
|
|
150
|
+
selected: false,
|
|
151
|
+
iconName: "alert",
|
|
152
|
+
hasDividerAbove: true,
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
label: "Option 3",
|
|
156
|
+
value: "value 3",
|
|
157
|
+
selected: false,
|
|
158
|
+
iconName: "bulb",
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
label: "Option 4",
|
|
162
|
+
value: "value 4",
|
|
163
|
+
selected: false,
|
|
164
|
+
iconName: "language",
|
|
165
|
+
},
|
|
166
|
+
]);
|
|
167
|
+
const filteredOptions = ref(Array.from(options.value));
|
|
168
|
+
|
|
169
|
+
const onSelect = (selectedOption: UiMenuSelectedOption<string>) => {
|
|
170
|
+
for (const option of filteredOptions.value) {
|
|
171
|
+
option.selected =
|
|
172
|
+
option.value === selectedOption.value ? true : false;
|
|
173
|
+
}
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
const onUpdateQuery = (value: string) => {
|
|
177
|
+
filteredOptions.value = options.value.filter((option) =>
|
|
178
|
+
option.label.toLowerCase().includes(value.toLowerCase()),
|
|
179
|
+
);
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
return {
|
|
183
|
+
args,
|
|
184
|
+
onSelect,
|
|
185
|
+
onUpdateQuery,
|
|
186
|
+
filteredOptions,
|
|
187
|
+
options,
|
|
188
|
+
};
|
|
189
|
+
},
|
|
190
|
+
components: { UiMenu },
|
|
191
|
+
template: /*html*/ `
|
|
192
|
+
<aside class="w-70 h-200 p-4 bg-neutral-pale space-y-4">
|
|
193
|
+
<UiMenu
|
|
194
|
+
class="w-full"
|
|
195
|
+
v-bind="args"
|
|
196
|
+
v-model:query="args.query"
|
|
197
|
+
:options="filteredOptions"
|
|
198
|
+
@option-selected="(option)=> { onSelect(option); optionSelected(option); }"
|
|
199
|
+
@update:query="(value) => { onUpdateQuery(value); updateQuery(value); }"
|
|
200
|
+
/>
|
|
201
|
+
<UiMenu
|
|
202
|
+
class="w-full"
|
|
203
|
+
v-bind="args"
|
|
204
|
+
:disabled="true"
|
|
205
|
+
/>
|
|
206
|
+
</aside>
|
|
207
|
+
`,
|
|
208
|
+
methods: {
|
|
209
|
+
optionSelected: action("option-selected"),
|
|
210
|
+
updateQuery: action("update:query"),
|
|
211
|
+
},
|
|
212
|
+
}),
|
|
213
|
+
};
|
|
214
|
+
|
|
131
215
|
export const GroupedOptions: Story = {
|
|
132
216
|
args: {
|
|
133
217
|
hasResetOption: true,
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
data-testid="menu-button"
|
|
18
18
|
@click="toggle"
|
|
19
19
|
>
|
|
20
|
-
<div class="flex items-center gap-2">
|
|
21
|
-
<UiIcon v-if="iconLeft" :name="iconLeft" size="sm" />
|
|
22
|
-
{{ selectedOptionLabel }}
|
|
20
|
+
<div class="flex min-w-0 items-center gap-2 overflow-hidden">
|
|
21
|
+
<UiIcon v-if="iconLeft" class="shrink-0" :name="iconLeft" size="sm" />
|
|
22
|
+
<span class="truncate">{{ selectedOptionLabel }}</span>
|
|
23
23
|
</div>
|
|
24
|
-
<UiIcon name="chevron-down" size="sm" />
|
|
24
|
+
<UiIcon class="shrink-0" name="chevron-down" size="sm" />
|
|
25
25
|
</UiButton>
|
|
26
26
|
</template>
|
|
27
27
|
|
package/dist/style.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}[data-v-e3d18dca],[data-v-e3d18dca]:before,[data-v-e3d18dca]:after,[data-v-e3d18dca]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:Inter, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(97% 0 0);--color-gray-200:oklch(94.9% 0 0);--color-gray-300:oklch(91.6% 0 0);--color-gray-400:oklch(78.9% 0 0);--color-gray-500:oklch(64% 0 0);--color-gray-600:oklch(59.3% 0 0);--color-gray-700:oklch(56.2% 0 0);--color-gray-800:oklch(41.8% 0 0);--color-gray-900:oklch(24.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:4px;--text-xs:.75rem;--text-xs--line-height:calc(1.125 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.3125 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.6875 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.875 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2.25 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-alert-red-default:#f53000;--color-error:oklch(62.7% .234 32.5);--color-error-dark:oklch(51.1% .189 32.9);--color-error-darkest:oklch(37.9% .136 34.1);--color-red-default:oklch(60.8% .209 27);--color-red-dark:oklch(46.6% .19 27.5);--color-pink-default:oklch(63.5% .253 357);--color-pink-dark:oklch(51.6% .209 1.3);--color-purple-default:oklch(49% .208 318);--color-purple-dark:oklch(35.7% .177 314.2);--color-primary:oklch(45.9% .242 263.4);--color-primary-dark:oklch(38.3% .198 263.2);--color-primary-darkest:oklch(29% .142 262.7);--color-primary-light:oklch(49.6% .263 263.5);--color-cyan-default:oklch(68.2% .118 210.1);--color-cyan-dark:oklch(53.8% .096 215.006);--color-teal-default:oklch(56.6% .101 182.5);--color-teal-dark:oklch(42.2% .077 179.8);--color-secondary:oklch(66.5% .165 154.8);--color-secondary-dark:oklch(44.2% .094 164.1);--color-secondary-darkest:oklch(32.9% .069 164.9);--color-secondary-light:oklch(80.1% .2 154.5);--color-yellow-default:oklch(94.2% .204 108.5);--color-yellow-dark:oklch(81.4% .173 104.8);--color-orange-default:oklch(81.8% .171 77.9);--color-orange-dark:oklch(66.4% .141 73.9);--color-orange-darkest:oklch(50.8% .108 73.3);--color-brown-default:oklch(49.7% .123 54.7);--color-brown-dark:oklch(39.5% .096 56.4);--color-primary-hover:var(--color-primary-dark);--color-primary-emphasis:var(--color-primary-light);--color-secondary-emphasis:var(--color-secondary-light);--color-error-hover:var(--color-error-dark);--color-accent-red:var(--color-red-default);--color-accent-purple:var(--color-purple-default);--color-accent-green:var(--color-secondary);--color-accent-orange:var(--color-orange-default);--color-surface-base:var(--color-gray-100);--color-surface-level-1:var(--color-white);--color-shadow-strong:oklch(0% 0 0/.35);--color-neutral:var(--color-white);--color-neutral-primary:var(--color-gray-900);--color-neutral-emphasis:var(--color-gray-800);--color-neutral-subtle:var(--color-gray-700);--color-neutral-medium:var(--color-gray-600);--color-neutral-muted:var(--color-gray-500);--color-neutral-soft:var(--color-gray-400);--color-neutral-faint:var(--color-gray-300);--color-neutral-pale:var(--color-gray-200);--color-neutral-whisper:var(--color-gray-100);--color-neutral-inverse-primary:var(--color-white);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-inherit:inherit;--spacing-half:2px;--spacing-inputFocused:15px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-neutral-pale,currentcolor)}::file-selector-button{border-color:var(--color-neutral-pale,currentcolor)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-12{top:calc(var(--spacing) * 12)}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.bottom-1{bottom:var(--spacing)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.focus-outline{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-outline{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-outline{outline-offset:2px}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-px{margin-bottom:1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.size-inherit{width:var(--spacing-inherit);height:var(--spacing-inherit)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-200{height:calc(var(--spacing) * 200)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-screen{max-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-50{width:calc(var(--spacing) * 50)}.w-100{width:calc(var(--spacing) * 100)}.w-120{width:calc(var(--spacing) * 120)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-\[657px\]{max-width:657px}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-min{max-width:min-content}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-80{flex-basis:calc(var(--spacing) * 80)}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[20px\]{--tw-translate-y:calc(20px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-neutral-emphasis{border-color:var(--color-neutral-emphasis)}.border-neutral-faint{border-color:var(--color-neutral-faint)}.border-neutral-pale{border-color:var(--color-neutral-pale)}.border-neutral-soft{border-color:var(--color-neutral-soft)}.border-neutral-subtle{border-color:var(--color-neutral-subtle)}.border-orange-default{border-color:var(--color-orange-default)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.border-t-neutral-faint{border-top-color:var(--color-neutral-faint)}.border-b-neutral-pale{border-bottom-color:var(--color-neutral-pale)}.bg-accent-green{background-color:var(--color-accent-green)}.bg-accent-orange{background-color:var(--color-accent-orange)}.bg-accent-purple{background-color:var(--color-accent-purple)}.bg-accent-red{background-color:var(--color-accent-red)}.bg-black{background-color:var(--color-black)}.bg-error{background-color:var(--color-error)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-faint{background-color:var(--color-neutral-faint)}.bg-neutral-medium{background-color:var(--color-neutral-medium)}.bg-neutral-pale{background-color:var(--color-neutral-pale)}.bg-neutral-primary{background-color:var(--color-neutral-primary)}.bg-neutral-subtle{background-color:var(--color-neutral-subtle)}.bg-neutral-whisper{background-color:var(--color-neutral-whisper)}.bg-orange-default{background-color:var(--color-orange-default)}.bg-primary{background-color:var(--color-primary)}.bg-secondary-emphasis{background-color:var(--color-secondary-emphasis)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-surface-base{background-color:var(--color-surface-base)}.bg-surface-level-1{background-color:var(--color-surface-level-1)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-half{padding-block:var(--spacing-half)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\[text-align\:initial\]{text-align:initial}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\/6{font-size:var(--text-base);line-height:calc(var(--spacing) * 6)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-sm\/5\.5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5.5)}.text-sm\/8{font-size:var(--text-sm);line-height:calc(var(--spacing) * 8)}.text-sm\/normal{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/4{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4)}.text-xs\/4\.5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4.5)}.text-xs\/5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 5)}.text-xs\/normal{font-size:var(--text-xs);line-height:var(--leading-normal)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-neutral{color:var(--color-neutral)}.text-neutral-emphasis{color:var(--color-neutral-emphasis)}.text-neutral-faint{color:var(--color-neutral-faint)}.text-neutral-inverse-primary{color:var(--color-neutral-inverse-primary)}.text-neutral-medium{color:var(--color-neutral-medium)}.text-neutral-muted{color:var(--color-neutral-muted)}.text-neutral-primary{color:var(--color-neutral-primary)}.text-neutral-soft{color:var(--color-neutral-soft)}.text-neutral-subtle{color:var(--color-neutral-subtle)}.text-neutral\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-neutral\/25{color:color-mix(in oklab, var(--color-neutral) 25%, transparent)}}.text-orange-default{color:var(--color-orange-default)}.text-primary{color:var(--color-primary)}.text-primary-emphasis{color:var(--color-primary-emphasis)}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.accent-red-dark{accent-color:var(--color-red-dark)}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-default{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-alert-red-default{outline-color:var(--color-alert-red-default)}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-500{transition-delay:.5s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.\[--transition-close-duration\:100ms\]{--transition-close-duration:.1s}.\[--transition-duration\:200ms\]{--transition-duration:.2s}.\[--transition-duration\:3000ms\]{--transition-duration:3s}.\[-transition-close-duration\:2000ms\]{-transition-close-duration:2s}:is(.\*\:rounded-none>*){border-radius:0}:is(.\*\:border>*){border-style:var(--tw-border-style);border-width:1px}:is(.\*\:border-r-0>*){border-right-style:var(--tw-border-style);border-right-width:0}:is(.\*\:border-neutral-faint>*){border-color:var(--color-neutral-faint)}.not-disabled\:cursor-pointer:not(:disabled){cursor:pointer}.not-aria-invalid\:rounded-b-sm:not([aria-invalid=true]){border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.peer-focus\:bg-error-hover:is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.peer-focus\:bg-orange-dark:is(:where(.peer):focus~*){background-color:var(--color-orange-dark)}@media (hover:hover){.peer-enabled\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}.peer-enabled\:peer-hover\:bg-orange-dark:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-orange-dark)}}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-aria-invalid\:bg-error:is(:where(.peer)[aria-invalid=true]~*){background-color:var(--color-error)}.peer-aria-invalid\:text-neutral:is(:where(.peer)[aria-invalid=true]~*){color:var(--color-neutral)}@media (hover:hover){.peer-enabled\:peer-aria-invalid\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}}.peer-enabled\:peer-aria-invalid\:peer-focus\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.placeholder\:text-neutral-muted::placeholder{color:var(--color-neutral-muted)}.placeholder\:text-neutral-soft::placeholder{color:var(--color-neutral-soft)}.placeholder\:text-neutral-subtle::placeholder{color:var(--color-neutral-subtle)}.backdrop\:bg-shadow-strong::backdrop{background-color:var(--color-shadow-strong)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing) * -.5)}.after\:-top-1:after{content:var(--tw-content);top:calc(var(--spacing) * -1)}.after\:-left-1:after{content:var(--tw-content);left:calc(var(--spacing) * -1)}.after\:block:after{content:var(--tw-content);display:block}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.after\:size-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.after\:size-6:after{content:var(--tw-content);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-neutral-muted:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}.after\:bg-secondary:after{content:var(--tw-content);background-color:var(--color-secondary)}.after\:leading-0:after{content:var(--tw-content);--tw-leading:0;line-height:0}.after\:shadow-sm:after{content:var(--tw-content);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-200:after{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.after\:ease-in-out:after{content:var(--tw-content);--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.checked\:bg-neutral-emphasis:checked{background-color:var(--color-neutral-emphasis)}.checked\:bg-primary:checked{background-color:var(--color-primary)}.checked\:after\:bg-neutral-emphasis:checked:after{content:var(--tw-content);background-color:var(--color-neutral-emphasis)}.checked\:after\:bg-primary:checked:after{content:var(--tw-content);background-color:var(--color-primary)}.checked\:after\:content-\[\'\'\]:checked:after{--tw-content:"";content:var(--tw-content)}.checked\:after\:content-\[url\(data\:image\/svg\+xml\;base64\,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg\=\=\)\]:checked:after{--tw-content:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);content:var(--tw-content)}.read-only\:border-neutral-faint:read-only{border-color:var(--color-neutral-faint)}.focus-within\:outline-primary:focus-within{outline-color:var(--color-primary)}@media (hover:hover){.hover\:border-neutral-muted:hover{border-color:var(--color-neutral-muted)}.hover\:border-neutral-subtle:hover{border-color:var(--color-neutral-subtle)}.hover\:border-primary-dark:hover{border-color:var(--color-primary-dark)}.hover\:bg-neutral-faint:hover{background-color:var(--color-neutral-faint)}.hover\:bg-neutral-pale:hover{background-color:var(--color-neutral-pale)}.hover\:bg-neutral-soft:hover{background-color:var(--color-neutral-soft)}.hover\:bg-neutral-whisper:hover{background-color:var(--color-neutral-whisper)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:text-neutral-primary:hover{color:var(--color-neutral-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:outline-neutral-faint:hover{outline-color:var(--color-neutral-faint)}.not-disabled\:hover\:border-neutral-subtle:not(:disabled):hover{border-color:var(--color-neutral-subtle)}.not-disabled\:hover\:bg-neutral-emphasis:not(:disabled):hover{background-color:var(--color-neutral-emphasis)}.not-disabled\:hover\:bg-primary-hover:not(:disabled):hover{background-color:var(--color-primary-hover)}.not-disabled\:hover\:text-neutral-primary:not(:disabled):hover{color:var(--color-neutral-primary)}.not-disabled\:hover\:text-primary-hover:not(:disabled):hover{color:var(--color-primary-hover)}.hover\:focus-within\:outline-primary:hover:focus-within{outline-color:var(--color-primary)}}.focus\:border-2:focus{border-style:var(--tw-border-style);border-width:2px}.focus\:border-neutral-subtle:focus{border-color:var(--color-neutral-subtle)}.focus\:border-orange-dark:focus{border-color:var(--color-orange-dark)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:bg-neutral-faint:focus{background-color:var(--color-neutral-faint)}.focus\:p-inputFocused:focus{padding:var(--spacing-inputFocused)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:focus-outline:focus-visible{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-visible\:focus-outline:focus-visible{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-visible\:focus-outline:focus-visible{outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.active\:bg-primary:active{background-color:var(--color-primary)}.active\:bg-primary-dark:active{background-color:var(--color-primary-dark)}.active\:text-neutral:active{color:var(--color-neutral)}.active\:text-neutral-primary:active{color:var(--color-neutral-primary)}.enabled\:cursor-pointer:enabled,.not-read-only\:enabled\:cursor-pointer:not(:read-only):enabled{cursor:pointer}@media (hover:hover){.enabled\:hover\:border-neutral-primary:enabled:hover{border-color:var(--color-neutral-primary)}.enabled\:hover\:border-neutral-subtle:enabled:hover{border-color:var(--color-neutral-subtle)}.enabled\:hover\:border-orange-dark:enabled:hover{border-color:var(--color-orange-dark)}.enabled\:hover\:border-primary-hover:enabled:hover{border-color:var(--color-primary-hover)}.enabled\:not-focus\:hover\:border-neutral-subtle:enabled:not(:focus):hover{border-color:var(--color-neutral-subtle)}.checked\:enabled\:hover\:bg-neutral-primary:checked:enabled:hover{background-color:var(--color-neutral-primary)}.checked\:enabled\:hover\:bg-primary-hover:checked:enabled:hover{background-color:var(--color-primary-hover)}.enabled\:hover\:focus\:border-primary:enabled:hover:focus{border-color:var(--color-primary)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-muted:disabled{border-color:var(--color-neutral-muted)}.disabled\:bg-neutral-faint:disabled{background-color:var(--color-neutral-faint)}.disabled\:bg-neutral-whisper:disabled{background-color:var(--color-neutral-whisper)}.disabled\:text-neutral-faint:disabled{color:var(--color-neutral-faint)}.disabled\:text-neutral-soft:disabled{color:var(--color-neutral-soft)}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:checked\:bg-neutral-muted:disabled:checked{background-color:var(--color-neutral-muted)}.disabled\:checked\:after\:bg-neutral-muted:disabled:checked:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:bg-none:disabled:hover{background-image:none}}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@media (width>=40rem){.sm\:right-12{right:calc(var(--spacing) * 12)}.sm\:bottom-12{bottom:calc(var(--spacing) * 12)}.sm\:left-12{left:calc(var(--spacing) * 12)}.sm\:inline-flex{display:inline-flex}.sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.sm\:w-full{width:100%}.sm\:text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}}@media (width>=48rem){.md\:mr-7{margin-right:calc(var(--spacing) * 7)}.md\:w-\[45\.5\%\]{width:45.5%}.md\:px-28{padding-inline:calc(var(--spacing) * 28)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\:col-start-2{grid-column-start:2}.lg\:mx-auto{margin-inline:auto}.lg\:mr-8{margin-right:calc(var(--spacing) * 8)}.lg\:mb-0{margin-bottom:0}.lg\:flex{display:flex}.lg\:w-2\/3{width:66.6667%}.lg\:w-5\/6{width:83.3333%}.lg\:w-\[46\.5\%\]{width:46.5%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[224px_1fr\]{grid-template-columns:224px 1fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:gap-y-5{row-gap:calc(var(--spacing) * 5)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:pt-0{padding-top:0}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.aria-invalid\:rounded-b-none[aria-invalid=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aria-invalid\:border-2[aria-invalid=true]{border-style:var(--tw-border-style);border-width:2px}.aria-invalid\:border-error[aria-invalid=true]{border-color:var(--color-error)}.aria-invalid\:focus\:border-error-hover[aria-invalid=true]:focus{border-color:var(--color-error-hover)}@media (hover:hover){.aria-invalid\:enabled\:hover\:border-error-hover[aria-invalid=true]:enabled:hover,.enabled\:aria-invalid\:hover\:border-error-hover:enabled[aria-invalid=true]:hover{border-color:var(--color-error-hover)}}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:focus)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-primary:has(+:is(input,textarea):where(:focus)){color:var(--color-primary)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\)\)\]\:text-error:has(+:is(input,textarea):where([aria-invalid=true])){color:var(--color-error)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:enabled\:hover\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:focus\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:-translate-y-1\/2:has(+[data-is-label-raised]){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:bg-neutral:has(+[data-is-label-raised]){background-color:var(--color-neutral)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:text-xs:has(+[data-is-label-raised]){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\:has\(\>input\:enabled\)\]\:cursor-pointer:has(>input:enabled){cursor:pointer}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline-offset:2px}.\[\&\:has\(\>input\:focus-visible\)\]\:-outline-offset-2:has(>input:focus-visible){outline-offset:calc(2px * -1)}.\[\&\:has\(\>svg\:only-child\)\]\:w-6:has(>svg:only-child){width:calc(var(--spacing) * 6)}.\[\&\:has\(\>svg\:only-child\)\]\:w-8:has(>svg:only-child){width:calc(var(--spacing) * 8)}.\[\&\:has\(\>svg\:only-child\)\]\:w-10:has(>svg:only-child){width:calc(var(--spacing) * 10)}.\[\&\:has\(\>svg\:only-child\)\]\:w-12:has(>svg:only-child){width:calc(var(--spacing) * 12)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-4:has(>svg:only-child)>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-6:has(>svg:only-child)>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\*\:has\(\+select\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+select:where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\*\:has\(\+select\:where\(\:focus\)\)\]\:text-primary:has(+select:where(:focus)){color:var(--color-primary)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\)\)\]\:text-error:has(+select:where([aria-invalid=true])){color:var(--color-error)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:enabled\:hover\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:enabled:hover)),.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:focus\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-2:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 2)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-4:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 4)}.\[\&\>\*\:first-child\]\:rounded-l-full>:first-child{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:rounded-r-full>:last-child{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:border-r>:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.dp--btn-base{font:inherit;transition:var(--dp-common-transition);border:none;line-height:normal}.dp--bg-none{background:0 0}.dp--active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--flex{align-items:center;display:flex}.dp--pointer{cursor:pointer}.dp--icon{stroke:currentColor;fill:currentColor}.dp--button{text-align:center;width:100%;color:var(--dp-icon-color);cursor:pointer;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height);place-content:center;align-items:center;display:flex}.dp--button.dp--overlay-action{position:absolute;bottom:0}.dp--button .dp--main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;width:100%;position:relative}.dp--button .dp--main *{direction:var(--dp-direction,ltr)}.dp--button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--button svg{height:var(--dp-button-icon-height);width:auto}.dp--button-bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp--flex-display{display:flex}.dp--relative{position:relative}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dp--action-row{width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--action-row svg{height:var(--dp-button-icon-height);width:auto}.dp--selection-preview{color:var(--dp-text-color);font-size:var(--dp-preview-font-size);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dp--action-buttons{white-space:nowrap;flex:0;justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.dp--action-button{padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family);background:0 0;border:1px solid #0000;align-items:center;margin-inline-start:3px;display:inline-flex}.dp--action-cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp--action-cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--action-buttons .dp--action-select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp--calendar-header{color:var(--dp-text-color);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.dp--calendar-header-item{text-align:center;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;flex-grow:1}.dp--calendar-row{margin:var(--dp-row-margin);justify-content:center;align-items:center;display:flex}.dp--calendar-item{text-align:center;box-sizing:border-box;color:var(--dp-text-color);flex-grow:1}.dp--calendar{position:relative}.dp--calendar-header-cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp--cell-inner{text-align:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.dp--cell-inner:hover{transition:all .2s}.dp--range-border-start{border-start-end-radius:0;border-end-end-radius:0}.dp--range-border-end{border-start-start-radius:0;border-end-start-radius:0}.dp--range-preview{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp--cell-offset{color:var(--dp-secondary-color)}.dp--cell-disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--date-hoverable:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--date-hoverable-start:hover{border-start-end-radius:0;border-end-end-radius:0}.dp--date-hoverable-end:hover{border-start-start-radius:0;border-end-start-radius:0}.dp--range-between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border:1px solid var(--dp-range-between-border-color);border-radius:0}.dp--range-between-week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0}.dp--week-num{color:var(--dp-secondary-color);text-align:center}.dp--cell-auto-range{border-radius:0}.dp--cell-auto-range-start{border-inline-start:1px dashed var(--dp-primary-color);border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius)}.dp--cell-auto-range-end{border-inline-end:1px dashed var(--dp-primary-color);border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius)}.dp--calendar-header-separator{background:var(--dp-border-color);width:100%;height:1px}.dp--calendar-next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp--marker-base{background-color:var(--dp-marker-color);height:5px;position:absolute;bottom:0}.dp--marker-dot{border-radius:50%;width:5px;left:50%;transform:translate(-50%)}.dp--marker-line{width:100%;left:0}.dp--marker-tooltip{border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default;padding:5px;position:absolute}.dp--tooltip-content{white-space:nowrap}.dp--tooltip-text{color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--tooltip-mark{background-color:var(--dp-text-color);width:5px;height:5px;color:var(--dp-text-color);border-radius:50%;margin-inline-end:5px}.dp--arrow-bottom-tp{background-color:var(--dp-tooltip-color);border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);width:8px;height:8px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--instance-calendar{width:100%;position:relative}.dp--flex-display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp--cell-highlight{background-color:var(--dp-highlight-color)}.dp--input-wrap{width:100%;box-sizing:unset;position:relative}.dp--input-wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp--input-valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp--input-valid:hover{border-color:var(--dp-success-color)}.dp--input-invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp--input-invalid:hover{border-color:var(--dp-danger-color)}.dp--input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.dp--input::placeholder{opacity:.7}.dp--input:hover:not(.dp--input-focus){border-color:var(--dp-border-color-hover)}.dp--input-not-clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp--input-reg{caret-color:#0000}.dp--input-focus{border-color:var(--dp-border-color-focus)}.dp--disabled{background:var(--dp-disabled-color)}.dp--disabled::placeholder{color:var(--dp-disabled-color-text)}.dp--input-icons{width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);color:var(--dp-icon-color);box-sizing:content-box;padding:6px 12px;display:inline-block}.dp--input-icon{cursor:pointer;color:var(--dp-icon-color);top:50%;position:absolute;inset-inline-start:0;transform:translateY(-50%)}.dp--clear-btn{cursor:pointer;color:var(--dp-icon-color);top:50%;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;inset-inline-end:0;transform:translateY(-50%)}.dp--input-icon-pad{padding-inline-start:var(--dp-input-icon-padding)}.dp--menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp--menu:after,.dp--menu:before{box-sizing:border-box}.dp--menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{z-index:99999;position:absolute}.dp--menu-inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp--menu-index{z-index:99999}.dp--menu-unclickable{z-index:999999;position:absolute;inset:0}.dp--menu-disabled{cursor:not-allowed;background:#ffffff80}.dp--menu-readonly{cursor:default;background:0 0}.dp-menu-loading{cursor:default;background:#ffffff80}.dp--menu-load-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp--menu-loader{border:var(--dp-loader);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dp-load-rotation;display:inline-block;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp--arrow-top{background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(-45deg)}.dp--arrow-bottom{left:var(--dp-arrow-left);background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--action-extra{text-align:center;padding:2px 0}.dp--preset-dates{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);border:none;align-self:center;display:flex;overflow-x:auto}.dp--sidebar-left{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--sidebar-right{margin-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-range{text-align:left;white-space:nowrap;width:100%;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition);padding:5px;display:block}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp--menu-content-wrapper{display:flex}.dp--menu-content-wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp--month-year-row{height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box;align-items:center;display:flex}.dp--inner-nav{cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex}.dp--inner-nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp--inner-nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp--inner-nav{transform:rotate(180deg)}.dp--inner-nav-disabled,.dp--inner-nav-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--month-year-select-base{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--month-year-select-base:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--month-year-select{width:50%}.dp--year-select{width:100%}.dp--month-year-wrap{flex-direction:row;align-items:center;width:100%;display:flex}.dp--year-disable-select{justify-content:space-around}.dp--header-wrap{flex-direction:column;width:100%;display:flex}.dp--year-mode-picker{width:100%;height:var(--dp-cell-size);justify-content:space-between;align-items:center;display:flex}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp-quarter-picker-wrap{height:100%;min-width:var(--dp-menu-min-width);flex-direction:column;display:flex}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:0 0}.dp--qr-btn:hover:not(.dp--active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--overlay{background:var(--dp-background-color);z-index:99999;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box;transition:opacity 1s ease-out}.dp--overlay-absolute{height:100%;position:absolute;top:0;left:0}.dp--overlay-relative{position:relative}.dp--overlay-container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp--overlay-container::-webkit-scrollbar{background-color:var(--dp-scroll-bar-background);width:5px}.dp--overlay-container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp--overlay:focus{border:none;outline:none}.dp--container-flex{display:flex}.dp--container-block{display:block}.dp--overlay-container{height:var(--dp-overlay-height);flex-direction:column;overflow-y:auto}.dp--time-picker-overlay-container{height:100%}.dp--overlay-row{box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;margin-inline:auto;padding:0;display:flex}.dp--flex-row{flex:1}.dp--overlay-col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp--overlay-cell-pad{padding:var(--dp-common-padding) 0}.dp--overlay-cell-active,.dp--overlay-cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp--overlay-cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--cell-in-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--over-action-scroll{box-sizing:border-box;right:5px}.dp--overlay-cell-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--overlay-cell-disabled:hover{background:var(--dp-disabled-color)}.dp--overlay-cell-active-disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp--overlay-cell-active-disabled:hover{background:var(--dp-primary-disabled-color)}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp--time-input{user-select:none;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--time-col-reg-block{padding:0 20px}.dp--time-col-reg-inline{padding:0 10px}.dp--time-col-reg-with-button{padding:0 15px}.dp--time-col-reg-with-button[data-compact~=true]{padding:0 5px}.dp--time-col-sec{padding:0 10px}.dp--time-col-sec-with-button{padding:0 5px}.dp--time-col-sec-with-button[data-collapsed~=true]{padding:0}.dp--time-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dp--time-col-block{font-size:var(--dp-time-font-size)}.dp--inc-dec-button-disabled,.dp--inc-dec-button-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--time-display-block{padding:0 3px}.dp--time-display-inline{padding:5px}.dp--time-picker-inline-container{justify-content:center;width:100%;display:flex}.dp--inc-dec-button{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);cursor:pointer;color:var(--dp-icon-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.dp--inc-dec-button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp--inc-dec-button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--time-display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);justify-content:center;align-items:center;display:flex}.dp--time-display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--inc-dec-button-inline{cursor:pointer;align-items:center;width:100%;height:8px;padding:0;display:flex}.dp--pm-am-button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer;border:none}.dp--pm-am-button[data-compact~=true]{padding:7px}.dp--tp-inline-btn-bar{background-color:var(--dp-secondary-color);width:100%;height:4px;transition:var(--dp-common-transition);border-collapse:collapse}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-l,.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-l{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--time-overlay-btn{background:0 0}.dp--time-invalid{background-color:var(--dp-disabled-color)}:root{--dp-common-transition:all .1s ease-in;--dp-menu-padding:6px 8px;--dp-animation-duration:.1s;--dp-menu-appear-transition-timing:cubic-bezier(.4, 0, 1, 1);--dp-transition-timing:ease-out;--dp-action-row-transition:all .2s ease-in;--dp-font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius:4px;--dp-cell-border-radius:4px;--dp-transition-length:22px;--dp-transition-timing-general:.1s;--dp-button-height:35px;--dp-month-year-row-height:35px;--dp-month-year-row-button-size:25px;--dp-button-icon-height:20px;--dp-calendar-wrap-padding:0 5px;--dp-cell-size:35px;--dp-cell-padding:5px;--dp-common-padding:10px;--dp-input-icon-padding:35px;--dp-input-padding:6px 30px 6px 12px;--dp-input-not-clearable-padding:12px;--dp-menu-min-width:260px;--dp-action-buttons-padding:1px 6px;--dp-row-margin:5px 0;--dp-calendar-header-cell-padding:8px;--dp-multi-calendars-spacing:10px;--dp-overlay-col-padding:3px;--dp-time-inc-dec-button-size:32px;--dp-font-size:1rem;--dp-preview-font-size:.8rem;--dp-time-font-size:2rem;--dp-action-button-height:22px;--dp-action-row-padding:8px;--dp-direction:ltr}.dp--theme-dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:#005cb233;--dp-range-between-dates-background-color:var(--dp-hover-color,#484848);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#fff);--dp-range-between-border-color:var(--dp-hover-color,#fff);--dp-loader:5px solid #005cb2}.dp--theme-light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#fff;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:#1976d21a;--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3);--dp-loader:5px solid #1976d2}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--flex-display-with-input{flex-direction:column;align-items:flex-start}.dp--arrow-top{left:10%}.dp--menu{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.dp--year-select,.dp--month-year-select{border-radius:var(--radius-2xl)}.nav-btn-prev,.nav-btn-next{padding:.25rem}.dp--flex-display{gap:2rem}.dp--sidebar-left{padding:0}.dp--cell-inner,.dp--cell-inner:hover{border-radius:3.40282e38px}.dp--today{border:1px solid var(--color-neutral-primary)}.dp--cell-auto-range,.dp--cell-auto-range-start,.dp--cell-auto-range-end{color:var(--color-neutral-primary);background-color:var(--color-neutral-faint);border:none}.dp--month-year-select{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-primary)}.dp--calendar-header-separator{display:none}.dp--calendar-header{font-size:var(--text-xs);color:var(--color-neutral-subtle);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem}.dp--calendar-header-item{color:var(--color-neutral-subtle);justify-content:center;align-items:center;display:flex}.dp--calendar-row{gap:.25rem}.dp--action-row,.dp--action-extra{border-top:1px solid var(--color-neutral-faint);justify-content:end;gap:1rem;padding:.5rem 1rem}.dp--theme-light{--dp-font-family:var(--font-sans);--dp-month-year-row-height:2rem;--dp-button-icon-height:1.5rem;--dp-calendar-header-cell-padding:.25rem;--dp-menu-padding:1rem;--dp-cell-size:2rem;--dp-font-size:var(--text-xs);--dp-background-color:var(--color-surface-level-1);--dp-primary-color:var(--color-primary);--dp-hover-color:var(--color-neutral-faint);--dp-hover-text-color:var(--color-neutral-primary);--dp-hover-icon-color:var(--color-neutral);--dp-primary-disabled-color:var(--color-neutral-soft);--dp-primary-text-color:var(--color-neutral);--dp-secondary-color:#c0c4cc;--dp-border-color:var(--color-neutral-pale);--dp-menu-border-color:var(--color-neutral-pale);--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3)}@media (prefers-reduced-motion:no-preference){.animate[data-v-91134016]::backdrop{transition:background .3s ease, display .2s ease allow-discrete, overlay .2s ease allow-discrete;background:0 0}.animate[open][data-v-91134016]::backdrop{background:#00000080;@starting-style{background:0 0}}.animate[data-v-91134016]{opacity:0;transition:opacity .2s ease, transform .2s ease, display .2s ease allow-discrete, overlay .2s ease allow-discrete;transform:scale(.95)}.animate[open][data-v-91134016]{opacity:1;transform:scale(1);@starting-style{opacity:0;transform:scale(.95)}}}@keyframes fade-slide-down-9508d071{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-right-9508d071{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-left-9508d071{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-up-9508d071{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in-9508d071{0%{opacity:0}to{opacity:1}}.fade-up-enter-active[data-v-9508d071]{animation:fade-in-9508d071 calc(var(--transition-duration) + 5ms)}.fade-up-leave-active[data-v-9508d071]{animation:fade-in-9508d071 calc(var(--transition-close-duration) + 5ms);animation-direction:reverse}[data-side*=bottom].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-up-9508d071 var(--transition-duration)}[data-side*=bottom].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-up-9508d071 var(--transition-close-duration);animation-direction:reverse}[data-side*=top].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-down-9508d071 var(--transition-duration)}[data-side*=top].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-down-9508d071 var(--transition-close-duration);animation-direction:reverse}[data-side*=left].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-left-9508d071 var(--transition-duration)}[data-side*=left].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-left-9508d071 var(--transition-close-duration);animation-direction:reverse}[data-side*=right].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-right-9508d071 var(--transition-duration)}[data-side*=right].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-right-9508d071 var(--transition-close-duration);animation-direction:reverse}select[data-v-e3d18dca],[data-v-e3d18dca]::picker(select){appearance:base-select}[data-v-e3d18dca]::picker(select){margin-block:var(--spacing,4px);overscroll-behavior:none;border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-faint,var(--color-gray-300));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}select[data-v-e3d18dca]::picker-icon{display:none}select[data-v-e3d18dca]>option{padding-inline:calc(var(--spacing,4px) * 4);padding-block:calc(var(--spacing,4px) * 1.5);justify-content:space-between;align-items:center;display:flex}select[data-v-e3d18dca]>option:focus-visible{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){select[data-v-e3d18dca]>option:focus-visible{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}select[data-v-e3d18dca]>option:first-child{border-top-left-radius:var(--radius-lg,.5rem);border-top-right-radius:var(--radius-lg,.5rem)}select[data-v-e3d18dca]>option:last-child{border-bottom-right-radius:var(--radius-lg,.5rem);border-bottom-left-radius:var(--radius-lg,.5rem)}select[data-v-e3d18dca]>option:enabled:hover{background-color:var(--color-neutral-pale,var(--color-gray-200))}select[data-v-e3d18dca]>option:focus-visible{outline-offset:calc(2px * -1)}select[data-v-e3d18dca]>option::checkmark{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.6875 / 1.125)));order:1}select[data-v-e3d18dca]>option+option{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-whisper,var(--color-gray-100))}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}[data-v-e3d18dca],[data-v-e3d18dca]:before,[data-v-e3d18dca]:after,[data-v-e3d18dca]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:Inter, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(97% 0 0);--color-gray-200:oklch(94.9% 0 0);--color-gray-300:oklch(91.6% 0 0);--color-gray-400:oklch(78.9% 0 0);--color-gray-500:oklch(64% 0 0);--color-gray-600:oklch(59.3% 0 0);--color-gray-700:oklch(56.2% 0 0);--color-gray-800:oklch(41.8% 0 0);--color-gray-900:oklch(24.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:4px;--text-xs:.75rem;--text-xs--line-height:calc(1.125 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.3125 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.6875 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.875 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2.25 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-alert-red-default:#f53000;--color-error:oklch(62.7% .234 32.5);--color-error-dark:oklch(51.1% .189 32.9);--color-error-darkest:oklch(37.9% .136 34.1);--color-red-default:oklch(60.8% .209 27);--color-red-dark:oklch(46.6% .19 27.5);--color-pink-default:oklch(63.5% .253 357);--color-pink-dark:oklch(51.6% .209 1.3);--color-purple-default:oklch(49% .208 318);--color-purple-dark:oklch(35.7% .177 314.2);--color-primary:oklch(45.9% .242 263.4);--color-primary-dark:oklch(38.3% .198 263.2);--color-primary-darkest:oklch(29% .142 262.7);--color-primary-light:oklch(49.6% .263 263.5);--color-cyan-default:oklch(68.2% .118 210.1);--color-cyan-dark:oklch(53.8% .096 215.006);--color-teal-default:oklch(56.6% .101 182.5);--color-teal-dark:oklch(42.2% .077 179.8);--color-secondary:oklch(66.5% .165 154.8);--color-secondary-dark:oklch(44.2% .094 164.1);--color-secondary-darkest:oklch(32.9% .069 164.9);--color-secondary-light:oklch(80.1% .2 154.5);--color-yellow-default:oklch(94.2% .204 108.5);--color-yellow-dark:oklch(81.4% .173 104.8);--color-orange-default:oklch(81.8% .171 77.9);--color-orange-dark:oklch(66.4% .141 73.9);--color-orange-darkest:oklch(50.8% .108 73.3);--color-brown-default:oklch(49.7% .123 54.7);--color-brown-dark:oklch(39.5% .096 56.4);--color-primary-hover:var(--color-primary-dark);--color-primary-emphasis:var(--color-primary-light);--color-secondary-emphasis:var(--color-secondary-light);--color-error-hover:var(--color-error-dark);--color-accent-red:var(--color-red-default);--color-accent-purple:var(--color-purple-default);--color-accent-green:var(--color-secondary);--color-accent-orange:var(--color-orange-default);--color-surface-base:var(--color-gray-100);--color-surface-level-1:var(--color-white);--color-shadow-strong:oklch(0% 0 0/.35);--color-neutral:var(--color-white);--color-neutral-primary:var(--color-gray-900);--color-neutral-emphasis:var(--color-gray-800);--color-neutral-subtle:var(--color-gray-700);--color-neutral-medium:var(--color-gray-600);--color-neutral-muted:var(--color-gray-500);--color-neutral-soft:var(--color-gray-400);--color-neutral-faint:var(--color-gray-300);--color-neutral-pale:var(--color-gray-200);--color-neutral-whisper:var(--color-gray-100);--color-neutral-inverse-primary:var(--color-white);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-inherit:inherit;--spacing-half:2px;--spacing-inputFocused:15px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-neutral-pale,currentcolor)}::file-selector-button{border-color:var(--color-neutral-pale,currentcolor)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-12{top:calc(var(--spacing) * 12)}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.bottom-1{bottom:var(--spacing)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.focus-outline{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-outline{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-outline{outline-offset:2px}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-px{margin-bottom:1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.size-inherit{width:var(--spacing-inherit);height:var(--spacing-inherit)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-200{height:calc(var(--spacing) * 200)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-screen{max-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-70{width:calc(var(--spacing) * 70)}.w-100{width:calc(var(--spacing) * 100)}.w-120{width:calc(var(--spacing) * 120)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-\[657px\]{max-width:657px}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-min{max-width:min-content}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-80{flex-basis:calc(var(--spacing) * 80)}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[20px\]{--tw-translate-y:calc(20px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-neutral-emphasis{border-color:var(--color-neutral-emphasis)}.border-neutral-faint{border-color:var(--color-neutral-faint)}.border-neutral-pale{border-color:var(--color-neutral-pale)}.border-neutral-soft{border-color:var(--color-neutral-soft)}.border-neutral-subtle{border-color:var(--color-neutral-subtle)}.border-orange-default{border-color:var(--color-orange-default)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.border-t-neutral-faint{border-top-color:var(--color-neutral-faint)}.border-b-neutral-pale{border-bottom-color:var(--color-neutral-pale)}.bg-accent-green{background-color:var(--color-accent-green)}.bg-accent-orange{background-color:var(--color-accent-orange)}.bg-accent-purple{background-color:var(--color-accent-purple)}.bg-accent-red{background-color:var(--color-accent-red)}.bg-black{background-color:var(--color-black)}.bg-error{background-color:var(--color-error)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-faint{background-color:var(--color-neutral-faint)}.bg-neutral-medium{background-color:var(--color-neutral-medium)}.bg-neutral-pale{background-color:var(--color-neutral-pale)}.bg-neutral-primary{background-color:var(--color-neutral-primary)}.bg-neutral-subtle{background-color:var(--color-neutral-subtle)}.bg-neutral-whisper{background-color:var(--color-neutral-whisper)}.bg-orange-default{background-color:var(--color-orange-default)}.bg-primary{background-color:var(--color-primary)}.bg-secondary-emphasis{background-color:var(--color-secondary-emphasis)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-surface-base{background-color:var(--color-surface-base)}.bg-surface-level-1{background-color:var(--color-surface-level-1)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-half{padding-block:var(--spacing-half)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\[text-align\:initial\]{text-align:initial}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\/6{font-size:var(--text-base);line-height:calc(var(--spacing) * 6)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.text-sm\/8{font-size:var(--text-sm);line-height:calc(var(--spacing) * 8)}.text-sm\/normal{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/4{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4)}.text-xs\/4\.5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4.5)}.text-xs\/5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 5)}.text-xs\/normal{font-size:var(--text-xs);line-height:var(--leading-normal)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-neutral{color:var(--color-neutral)}.text-neutral-emphasis{color:var(--color-neutral-emphasis)}.text-neutral-faint{color:var(--color-neutral-faint)}.text-neutral-inverse-primary{color:var(--color-neutral-inverse-primary)}.text-neutral-medium{color:var(--color-neutral-medium)}.text-neutral-muted{color:var(--color-neutral-muted)}.text-neutral-primary{color:var(--color-neutral-primary)}.text-neutral-soft{color:var(--color-neutral-soft)}.text-neutral-subtle{color:var(--color-neutral-subtle)}.text-neutral\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-neutral\/25{color:color-mix(in oklab, var(--color-neutral) 25%, transparent)}}.text-orange-default{color:var(--color-orange-default)}.text-primary{color:var(--color-primary)}.text-primary-emphasis{color:var(--color-primary-emphasis)}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.accent-red-dark{accent-color:var(--color-red-dark)}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-default{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-alert-red-default{outline-color:var(--color-alert-red-default)}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-500{transition-delay:.5s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.\[--transition-close-duration\:100ms\]{--transition-close-duration:.1s}.\[--transition-duration\:200ms\]{--transition-duration:.2s}.\[--transition-duration\:3000ms\]{--transition-duration:3s}.\[-transition-close-duration\:2000ms\]{-transition-close-duration:2s}:is(.\*\:rounded-none>*){border-radius:0}:is(.\*\:border>*){border-style:var(--tw-border-style);border-width:1px}:is(.\*\:border-r-0>*){border-right-style:var(--tw-border-style);border-right-width:0}:is(.\*\:border-neutral-faint>*){border-color:var(--color-neutral-faint)}.not-disabled\:cursor-pointer:not(:disabled){cursor:pointer}.not-aria-invalid\:rounded-b-sm:not([aria-invalid=true]){border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.peer-focus\:bg-error-hover:is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.peer-focus\:bg-orange-dark:is(:where(.peer):focus~*){background-color:var(--color-orange-dark)}@media (hover:hover){.peer-enabled\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}.peer-enabled\:peer-hover\:bg-orange-dark:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-orange-dark)}}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-aria-invalid\:bg-error:is(:where(.peer)[aria-invalid=true]~*){background-color:var(--color-error)}.peer-aria-invalid\:text-neutral:is(:where(.peer)[aria-invalid=true]~*){color:var(--color-neutral)}@media (hover:hover){.peer-enabled\:peer-aria-invalid\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}}.peer-enabled\:peer-aria-invalid\:peer-focus\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.placeholder\:text-neutral-muted::placeholder{color:var(--color-neutral-muted)}.placeholder\:text-neutral-soft::placeholder{color:var(--color-neutral-soft)}.placeholder\:text-neutral-subtle::placeholder{color:var(--color-neutral-subtle)}.backdrop\:bg-shadow-strong::backdrop{background-color:var(--color-shadow-strong)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing) * -.5)}.after\:-top-1:after{content:var(--tw-content);top:calc(var(--spacing) * -1)}.after\:-left-1:after{content:var(--tw-content);left:calc(var(--spacing) * -1)}.after\:block:after{content:var(--tw-content);display:block}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.after\:size-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.after\:size-6:after{content:var(--tw-content);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-neutral-muted:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}.after\:bg-secondary:after{content:var(--tw-content);background-color:var(--color-secondary)}.after\:leading-0:after{content:var(--tw-content);--tw-leading:0;line-height:0}.after\:shadow-sm:after{content:var(--tw-content);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-200:after{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.after\:ease-in-out:after{content:var(--tw-content);--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.checked\:bg-neutral-emphasis:checked{background-color:var(--color-neutral-emphasis)}.checked\:bg-primary:checked{background-color:var(--color-primary)}.checked\:after\:bg-neutral-emphasis:checked:after{content:var(--tw-content);background-color:var(--color-neutral-emphasis)}.checked\:after\:bg-primary:checked:after{content:var(--tw-content);background-color:var(--color-primary)}.checked\:after\:content-\[\'\'\]:checked:after{--tw-content:"";content:var(--tw-content)}.checked\:after\:content-\[url\(data\:image\/svg\+xml\;base64\,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg\=\=\)\]:checked:after{--tw-content:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);content:var(--tw-content)}.read-only\:border-neutral-faint:read-only{border-color:var(--color-neutral-faint)}.focus-within\:outline-primary:focus-within{outline-color:var(--color-primary)}@media (hover:hover){.hover\:border-neutral-muted:hover{border-color:var(--color-neutral-muted)}.hover\:border-neutral-subtle:hover{border-color:var(--color-neutral-subtle)}.hover\:border-primary-dark:hover{border-color:var(--color-primary-dark)}.hover\:bg-neutral-faint:hover{background-color:var(--color-neutral-faint)}.hover\:bg-neutral-pale:hover{background-color:var(--color-neutral-pale)}.hover\:bg-neutral-soft:hover{background-color:var(--color-neutral-soft)}.hover\:bg-neutral-whisper:hover{background-color:var(--color-neutral-whisper)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:text-neutral-primary:hover{color:var(--color-neutral-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:outline-neutral-faint:hover{outline-color:var(--color-neutral-faint)}.not-disabled\:hover\:border-neutral-subtle:not(:disabled):hover{border-color:var(--color-neutral-subtle)}.not-disabled\:hover\:bg-neutral-emphasis:not(:disabled):hover{background-color:var(--color-neutral-emphasis)}.not-disabled\:hover\:bg-primary-hover:not(:disabled):hover{background-color:var(--color-primary-hover)}.not-disabled\:hover\:text-neutral-primary:not(:disabled):hover{color:var(--color-neutral-primary)}.not-disabled\:hover\:text-primary-hover:not(:disabled):hover{color:var(--color-primary-hover)}.hover\:focus-within\:outline-primary:hover:focus-within{outline-color:var(--color-primary)}}.focus\:border-2:focus{border-style:var(--tw-border-style);border-width:2px}.focus\:border-neutral-subtle:focus{border-color:var(--color-neutral-subtle)}.focus\:border-orange-dark:focus{border-color:var(--color-orange-dark)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:bg-neutral-faint:focus{background-color:var(--color-neutral-faint)}.focus\:p-inputFocused:focus{padding:var(--spacing-inputFocused)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:focus-outline:focus-visible{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-visible\:focus-outline:focus-visible{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-visible\:focus-outline:focus-visible{outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.active\:bg-primary:active{background-color:var(--color-primary)}.active\:bg-primary-dark:active{background-color:var(--color-primary-dark)}.active\:text-neutral:active{color:var(--color-neutral)}.active\:text-neutral-primary:active{color:var(--color-neutral-primary)}.enabled\:cursor-pointer:enabled,.not-read-only\:enabled\:cursor-pointer:not(:read-only):enabled{cursor:pointer}@media (hover:hover){.enabled\:hover\:border-neutral-primary:enabled:hover{border-color:var(--color-neutral-primary)}.enabled\:hover\:border-neutral-subtle:enabled:hover{border-color:var(--color-neutral-subtle)}.enabled\:hover\:border-orange-dark:enabled:hover{border-color:var(--color-orange-dark)}.enabled\:hover\:border-primary-hover:enabled:hover{border-color:var(--color-primary-hover)}.enabled\:not-focus\:hover\:border-neutral-subtle:enabled:not(:focus):hover{border-color:var(--color-neutral-subtle)}.checked\:enabled\:hover\:bg-neutral-primary:checked:enabled:hover{background-color:var(--color-neutral-primary)}.checked\:enabled\:hover\:bg-primary-hover:checked:enabled:hover{background-color:var(--color-primary-hover)}.enabled\:hover\:focus\:border-primary:enabled:hover:focus{border-color:var(--color-primary)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-muted:disabled{border-color:var(--color-neutral-muted)}.disabled\:bg-neutral-faint:disabled{background-color:var(--color-neutral-faint)}.disabled\:bg-neutral-whisper:disabled{background-color:var(--color-neutral-whisper)}.disabled\:text-neutral-faint:disabled{color:var(--color-neutral-faint)}.disabled\:text-neutral-soft:disabled{color:var(--color-neutral-soft)}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:checked\:bg-neutral-muted:disabled:checked{background-color:var(--color-neutral-muted)}.disabled\:checked\:after\:bg-neutral-muted:disabled:checked:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:bg-none:disabled:hover{background-image:none}}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@media (width>=40rem){.sm\:right-12{right:calc(var(--spacing) * 12)}.sm\:bottom-12{bottom:calc(var(--spacing) * 12)}.sm\:left-12{left:calc(var(--spacing) * 12)}.sm\:inline-flex{display:inline-flex}.sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.sm\:w-full{width:100%}.sm\:text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}}@media (width>=48rem){.md\:mr-7{margin-right:calc(var(--spacing) * 7)}.md\:w-\[45\.5\%\]{width:45.5%}.md\:px-28{padding-inline:calc(var(--spacing) * 28)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\:col-start-2{grid-column-start:2}.lg\:mx-auto{margin-inline:auto}.lg\:mr-8{margin-right:calc(var(--spacing) * 8)}.lg\:mb-0{margin-bottom:0}.lg\:flex{display:flex}.lg\:w-2\/3{width:66.6667%}.lg\:w-5\/6{width:83.3333%}.lg\:w-\[46\.5\%\]{width:46.5%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[224px_1fr\]{grid-template-columns:224px 1fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:gap-y-5{row-gap:calc(var(--spacing) * 5)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:pt-0{padding-top:0}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.aria-invalid\:rounded-b-none[aria-invalid=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aria-invalid\:border-2[aria-invalid=true]{border-style:var(--tw-border-style);border-width:2px}.aria-invalid\:border-error[aria-invalid=true]{border-color:var(--color-error)}.aria-invalid\:focus\:border-error-hover[aria-invalid=true]:focus{border-color:var(--color-error-hover)}@media (hover:hover){.aria-invalid\:enabled\:hover\:border-error-hover[aria-invalid=true]:enabled:hover,.enabled\:aria-invalid\:hover\:border-error-hover:enabled[aria-invalid=true]:hover{border-color:var(--color-error-hover)}}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:focus)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-primary:has(+:is(input,textarea):where(:focus)){color:var(--color-primary)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\)\)\]\:text-error:has(+:is(input,textarea):where([aria-invalid=true])){color:var(--color-error)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:enabled\:hover\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:focus\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:-translate-y-1\/2:has(+[data-is-label-raised]){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:bg-neutral:has(+[data-is-label-raised]){background-color:var(--color-neutral)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:text-xs:has(+[data-is-label-raised]){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\:has\(\>input\:enabled\)\]\:cursor-pointer:has(>input:enabled){cursor:pointer}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline-offset:2px}.\[\&\:has\(\>input\:focus-visible\)\]\:-outline-offset-2:has(>input:focus-visible){outline-offset:calc(2px * -1)}.\[\&\:has\(\>svg\:only-child\)\]\:w-6:has(>svg:only-child){width:calc(var(--spacing) * 6)}.\[\&\:has\(\>svg\:only-child\)\]\:w-8:has(>svg:only-child){width:calc(var(--spacing) * 8)}.\[\&\:has\(\>svg\:only-child\)\]\:w-10:has(>svg:only-child){width:calc(var(--spacing) * 10)}.\[\&\:has\(\>svg\:only-child\)\]\:w-12:has(>svg:only-child){width:calc(var(--spacing) * 12)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-4:has(>svg:only-child)>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-6:has(>svg:only-child)>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\*\:has\(\+select\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+select:where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\*\:has\(\+select\:where\(\:focus\)\)\]\:text-primary:has(+select:where(:focus)){color:var(--color-primary)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\)\)\]\:text-error:has(+select:where([aria-invalid=true])){color:var(--color-error)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:enabled\:hover\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:enabled:hover)),.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:focus\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-2:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 2)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-4:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 4)}.\[\&\>\*\:first-child\]\:rounded-l-full>:first-child{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:rounded-r-full>:last-child{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:border-r>:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.dp--btn-base{font:inherit;transition:var(--dp-common-transition);border:none;line-height:normal}.dp--bg-none{background:0 0}.dp--active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--flex{align-items:center;display:flex}.dp--pointer{cursor:pointer}.dp--icon{stroke:currentColor;fill:currentColor}.dp--button{text-align:center;width:100%;color:var(--dp-icon-color);cursor:pointer;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height);place-content:center;align-items:center;display:flex}.dp--button.dp--overlay-action{position:absolute;bottom:0}.dp--button .dp--main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;width:100%;position:relative}.dp--button .dp--main *{direction:var(--dp-direction,ltr)}.dp--button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--button svg{height:var(--dp-button-icon-height);width:auto}.dp--button-bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp--flex-display{display:flex}.dp--relative{position:relative}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dp--action-row{width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--action-row svg{height:var(--dp-button-icon-height);width:auto}.dp--selection-preview{color:var(--dp-text-color);font-size:var(--dp-preview-font-size);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dp--action-buttons{white-space:nowrap;flex:0;justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.dp--action-button{padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family);background:0 0;border:1px solid #0000;align-items:center;margin-inline-start:3px;display:inline-flex}.dp--action-cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp--action-cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--action-buttons .dp--action-select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp--calendar-header{color:var(--dp-text-color);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.dp--calendar-header-item{text-align:center;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;flex-grow:1}.dp--calendar-row{margin:var(--dp-row-margin);justify-content:center;align-items:center;display:flex}.dp--calendar-item{text-align:center;box-sizing:border-box;color:var(--dp-text-color);flex-grow:1}.dp--calendar{position:relative}.dp--calendar-header-cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp--cell-inner{text-align:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.dp--cell-inner:hover{transition:all .2s}.dp--range-border-start{border-start-end-radius:0;border-end-end-radius:0}.dp--range-border-end{border-start-start-radius:0;border-end-start-radius:0}.dp--range-preview{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp--cell-offset{color:var(--dp-secondary-color)}.dp--cell-disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--date-hoverable:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--date-hoverable-start:hover{border-start-end-radius:0;border-end-end-radius:0}.dp--date-hoverable-end:hover{border-start-start-radius:0;border-end-start-radius:0}.dp--range-between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border:1px solid var(--dp-range-between-border-color);border-radius:0}.dp--range-between-week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0}.dp--week-num{color:var(--dp-secondary-color);text-align:center}.dp--cell-auto-range{border-radius:0}.dp--cell-auto-range-start{border-inline-start:1px dashed var(--dp-primary-color);border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius)}.dp--cell-auto-range-end{border-inline-end:1px dashed var(--dp-primary-color);border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius)}.dp--calendar-header-separator{background:var(--dp-border-color);width:100%;height:1px}.dp--calendar-next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp--marker-base{background-color:var(--dp-marker-color);height:5px;position:absolute;bottom:0}.dp--marker-dot{border-radius:50%;width:5px;left:50%;transform:translate(-50%)}.dp--marker-line{width:100%;left:0}.dp--marker-tooltip{border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default;padding:5px;position:absolute}.dp--tooltip-content{white-space:nowrap}.dp--tooltip-text{color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--tooltip-mark{background-color:var(--dp-text-color);width:5px;height:5px;color:var(--dp-text-color);border-radius:50%;margin-inline-end:5px}.dp--arrow-bottom-tp{background-color:var(--dp-tooltip-color);border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);width:8px;height:8px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--instance-calendar{width:100%;position:relative}.dp--flex-display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp--cell-highlight{background-color:var(--dp-highlight-color)}.dp--input-wrap{width:100%;box-sizing:unset;position:relative}.dp--input-wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp--input-valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp--input-valid:hover{border-color:var(--dp-success-color)}.dp--input-invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp--input-invalid:hover{border-color:var(--dp-danger-color)}.dp--input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.dp--input::placeholder{opacity:.7}.dp--input:hover:not(.dp--input-focus){border-color:var(--dp-border-color-hover)}.dp--input-not-clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp--input-reg{caret-color:#0000}.dp--input-focus{border-color:var(--dp-border-color-focus)}.dp--disabled{background:var(--dp-disabled-color)}.dp--disabled::placeholder{color:var(--dp-disabled-color-text)}.dp--input-icons{width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);color:var(--dp-icon-color);box-sizing:content-box;padding:6px 12px;display:inline-block}.dp--input-icon{cursor:pointer;color:var(--dp-icon-color);top:50%;position:absolute;inset-inline-start:0;transform:translateY(-50%)}.dp--clear-btn{cursor:pointer;color:var(--dp-icon-color);top:50%;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;inset-inline-end:0;transform:translateY(-50%)}.dp--input-icon-pad{padding-inline-start:var(--dp-input-icon-padding)}.dp--menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp--menu:after,.dp--menu:before{box-sizing:border-box}.dp--menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{z-index:99999;position:absolute}.dp--menu-inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp--menu-index{z-index:99999}.dp--menu-unclickable{z-index:999999;position:absolute;inset:0}.dp--menu-disabled{cursor:not-allowed;background:#ffffff80}.dp--menu-readonly{cursor:default;background:0 0}.dp-menu-loading{cursor:default;background:#ffffff80}.dp--menu-load-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp--menu-loader{border:var(--dp-loader);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dp-load-rotation;display:inline-block;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp--arrow-top{background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(-45deg)}.dp--arrow-bottom{left:var(--dp-arrow-left);background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--action-extra{text-align:center;padding:2px 0}.dp--preset-dates{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);border:none;align-self:center;display:flex;overflow-x:auto}.dp--sidebar-left{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--sidebar-right{margin-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-range{text-align:left;white-space:nowrap;width:100%;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition);padding:5px;display:block}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp--menu-content-wrapper{display:flex}.dp--menu-content-wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp--month-year-row{height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box;align-items:center;display:flex}.dp--inner-nav{cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex}.dp--inner-nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp--inner-nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp--inner-nav{transform:rotate(180deg)}.dp--inner-nav-disabled,.dp--inner-nav-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--month-year-select-base{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--month-year-select-base:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--month-year-select{width:50%}.dp--year-select{width:100%}.dp--month-year-wrap{flex-direction:row;align-items:center;width:100%;display:flex}.dp--year-disable-select{justify-content:space-around}.dp--header-wrap{flex-direction:column;width:100%;display:flex}.dp--year-mode-picker{width:100%;height:var(--dp-cell-size);justify-content:space-between;align-items:center;display:flex}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp-quarter-picker-wrap{height:100%;min-width:var(--dp-menu-min-width);flex-direction:column;display:flex}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:0 0}.dp--qr-btn:hover:not(.dp--active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--overlay{background:var(--dp-background-color);z-index:99999;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box;transition:opacity 1s ease-out}.dp--overlay-absolute{height:100%;position:absolute;top:0;left:0}.dp--overlay-relative{position:relative}.dp--overlay-container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp--overlay-container::-webkit-scrollbar{background-color:var(--dp-scroll-bar-background);width:5px}.dp--overlay-container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp--overlay:focus{border:none;outline:none}.dp--container-flex{display:flex}.dp--container-block{display:block}.dp--overlay-container{height:var(--dp-overlay-height);flex-direction:column;overflow-y:auto}.dp--time-picker-overlay-container{height:100%}.dp--overlay-row{box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;margin-inline:auto;padding:0;display:flex}.dp--flex-row{flex:1}.dp--overlay-col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp--overlay-cell-pad{padding:var(--dp-common-padding) 0}.dp--overlay-cell-active,.dp--overlay-cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp--overlay-cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--cell-in-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--over-action-scroll{box-sizing:border-box;right:5px}.dp--overlay-cell-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--overlay-cell-disabled:hover{background:var(--dp-disabled-color)}.dp--overlay-cell-active-disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp--overlay-cell-active-disabled:hover{background:var(--dp-primary-disabled-color)}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp--time-input{user-select:none;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--time-col-reg-block{padding:0 20px}.dp--time-col-reg-inline{padding:0 10px}.dp--time-col-reg-with-button{padding:0 15px}.dp--time-col-reg-with-button[data-compact~=true]{padding:0 5px}.dp--time-col-sec{padding:0 10px}.dp--time-col-sec-with-button{padding:0 5px}.dp--time-col-sec-with-button[data-collapsed~=true]{padding:0}.dp--time-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dp--time-col-block{font-size:var(--dp-time-font-size)}.dp--inc-dec-button-disabled,.dp--inc-dec-button-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--time-display-block{padding:0 3px}.dp--time-display-inline{padding:5px}.dp--time-picker-inline-container{justify-content:center;width:100%;display:flex}.dp--inc-dec-button{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);cursor:pointer;color:var(--dp-icon-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.dp--inc-dec-button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp--inc-dec-button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--time-display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);justify-content:center;align-items:center;display:flex}.dp--time-display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--inc-dec-button-inline{cursor:pointer;align-items:center;width:100%;height:8px;padding:0;display:flex}.dp--pm-am-button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer;border:none}.dp--pm-am-button[data-compact~=true]{padding:7px}.dp--tp-inline-btn-bar{background-color:var(--dp-secondary-color);width:100%;height:4px;transition:var(--dp-common-transition);border-collapse:collapse}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-l,.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-l{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--time-overlay-btn{background:0 0}.dp--time-invalid{background-color:var(--dp-disabled-color)}:root{--dp-common-transition:all .1s ease-in;--dp-menu-padding:6px 8px;--dp-animation-duration:.1s;--dp-menu-appear-transition-timing:cubic-bezier(.4, 0, 1, 1);--dp-transition-timing:ease-out;--dp-action-row-transition:all .2s ease-in;--dp-font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius:4px;--dp-cell-border-radius:4px;--dp-transition-length:22px;--dp-transition-timing-general:.1s;--dp-button-height:35px;--dp-month-year-row-height:35px;--dp-month-year-row-button-size:25px;--dp-button-icon-height:20px;--dp-calendar-wrap-padding:0 5px;--dp-cell-size:35px;--dp-cell-padding:5px;--dp-common-padding:10px;--dp-input-icon-padding:35px;--dp-input-padding:6px 30px 6px 12px;--dp-input-not-clearable-padding:12px;--dp-menu-min-width:260px;--dp-action-buttons-padding:1px 6px;--dp-row-margin:5px 0;--dp-calendar-header-cell-padding:8px;--dp-multi-calendars-spacing:10px;--dp-overlay-col-padding:3px;--dp-time-inc-dec-button-size:32px;--dp-font-size:1rem;--dp-preview-font-size:.8rem;--dp-time-font-size:2rem;--dp-action-button-height:22px;--dp-action-row-padding:8px;--dp-direction:ltr}.dp--theme-dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:#005cb233;--dp-range-between-dates-background-color:var(--dp-hover-color,#484848);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#fff);--dp-range-between-border-color:var(--dp-hover-color,#fff);--dp-loader:5px solid #005cb2}.dp--theme-light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#fff;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:#1976d21a;--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3);--dp-loader:5px solid #1976d2}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--flex-display-with-input{flex-direction:column;align-items:flex-start}.dp--arrow-top{left:10%}.dp--menu{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.dp--year-select,.dp--month-year-select{border-radius:var(--radius-2xl)}.nav-btn-prev,.nav-btn-next{padding:.25rem}.dp--flex-display{gap:2rem}.dp--sidebar-left{padding:0}.dp--cell-inner,.dp--cell-inner:hover{border-radius:3.40282e38px}.dp--today{border:1px solid var(--color-neutral-primary)}.dp--cell-auto-range,.dp--cell-auto-range-start,.dp--cell-auto-range-end{color:var(--color-neutral-primary);background-color:var(--color-neutral-faint);border:none}.dp--month-year-select{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-primary)}.dp--calendar-header-separator{display:none}.dp--calendar-header{font-size:var(--text-xs);color:var(--color-neutral-subtle);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem}.dp--calendar-header-item{color:var(--color-neutral-subtle);justify-content:center;align-items:center;display:flex}.dp--calendar-row{gap:.25rem}.dp--action-row,.dp--action-extra{border-top:1px solid var(--color-neutral-faint);justify-content:end;gap:1rem;padding:.5rem 1rem}.dp--theme-light{--dp-font-family:var(--font-sans);--dp-month-year-row-height:2rem;--dp-button-icon-height:1.5rem;--dp-calendar-header-cell-padding:.25rem;--dp-menu-padding:1rem;--dp-cell-size:2rem;--dp-font-size:var(--text-xs);--dp-background-color:var(--color-surface-level-1);--dp-primary-color:var(--color-primary);--dp-hover-color:var(--color-neutral-faint);--dp-hover-text-color:var(--color-neutral-primary);--dp-hover-icon-color:var(--color-neutral);--dp-primary-disabled-color:var(--color-neutral-soft);--dp-primary-text-color:var(--color-neutral);--dp-secondary-color:#c0c4cc;--dp-border-color:var(--color-neutral-pale);--dp-menu-border-color:var(--color-neutral-pale);--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3)}@media (prefers-reduced-motion:no-preference){.animate[data-v-91134016]::backdrop{transition:background .3s ease, display .2s ease allow-discrete, overlay .2s ease allow-discrete;background:0 0}.animate[open][data-v-91134016]::backdrop{background:#00000080;@starting-style{background:0 0}}.animate[data-v-91134016]{opacity:0;transition:opacity .2s ease, transform .2s ease, display .2s ease allow-discrete, overlay .2s ease allow-discrete;transform:scale(.95)}.animate[open][data-v-91134016]{opacity:1;transform:scale(1);@starting-style{opacity:0;transform:scale(.95)}}}@keyframes fade-slide-down-9508d071{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-right-9508d071{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-left-9508d071{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-up-9508d071{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in-9508d071{0%{opacity:0}to{opacity:1}}.fade-up-enter-active[data-v-9508d071]{animation:fade-in-9508d071 calc(var(--transition-duration) + 5ms)}.fade-up-leave-active[data-v-9508d071]{animation:fade-in-9508d071 calc(var(--transition-close-duration) + 5ms);animation-direction:reverse}[data-side*=bottom].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-up-9508d071 var(--transition-duration)}[data-side*=bottom].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-up-9508d071 var(--transition-close-duration);animation-direction:reverse}[data-side*=top].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-down-9508d071 var(--transition-duration)}[data-side*=top].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-down-9508d071 var(--transition-close-duration);animation-direction:reverse}[data-side*=left].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-left-9508d071 var(--transition-duration)}[data-side*=left].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-left-9508d071 var(--transition-close-duration);animation-direction:reverse}[data-side*=right].fade-up-enter-active[data-v-9508d071]>*{animation:fade-slide-right-9508d071 var(--transition-duration)}[data-side*=right].fade-up-leave-active[data-v-9508d071]>*{animation:fade-slide-right-9508d071 var(--transition-close-duration);animation-direction:reverse}select[data-v-e3d18dca],[data-v-e3d18dca]::picker(select){appearance:base-select}[data-v-e3d18dca]::picker(select){margin-block:var(--spacing,4px);overscroll-behavior:none;border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-faint,var(--color-gray-300));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}select[data-v-e3d18dca]::picker-icon{display:none}select[data-v-e3d18dca]>option{padding-inline:calc(var(--spacing,4px) * 4);padding-block:calc(var(--spacing,4px) * 1.5);justify-content:space-between;align-items:center;display:flex}select[data-v-e3d18dca]>option:focus-visible{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){select[data-v-e3d18dca]>option:focus-visible{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}select[data-v-e3d18dca]>option:first-child{border-top-left-radius:var(--radius-lg,.5rem);border-top-right-radius:var(--radius-lg,.5rem)}select[data-v-e3d18dca]>option:last-child{border-bottom-right-radius:var(--radius-lg,.5rem);border-bottom-left-radius:var(--radius-lg,.5rem)}select[data-v-e3d18dca]>option:enabled:hover{background-color:var(--color-neutral-pale,var(--color-gray-200))}select[data-v-e3d18dca]>option:focus-visible{outline-offset:calc(2px * -1)}select[data-v-e3d18dca]>option::checkmark{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.6875 / 1.125)));order:1}select[data-v-e3d18dca]>option+option{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-whisper,var(--color-gray-100))}
|
|
3
3
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dpa-id-components/dpa-shared-components",
|
|
3
|
-
"version": "22.0.0-next.
|
|
3
|
+
"version": "22.0.0-next.12",
|
|
4
4
|
"description": "Shared Vue components library for dpa projects",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@eslint/js": "10.0.1",
|
|
53
|
-
"@storybook/addon-docs": "10.4.
|
|
54
|
-
"@storybook/vue3-vite": "10.4.
|
|
53
|
+
"@storybook/addon-docs": "10.4.6",
|
|
54
|
+
"@storybook/vue3-vite": "10.4.6",
|
|
55
55
|
"@tailwindcss/typography": "0.5.20",
|
|
56
56
|
"@tailwindcss/vite": "4.3.1",
|
|
57
57
|
"@tsconfig/node24": "24.0.4",
|
|
@@ -63,19 +63,19 @@
|
|
|
63
63
|
"ajv": "8.20.0",
|
|
64
64
|
"commit-and-tag-version": "12.7.3",
|
|
65
65
|
"eslint": "10.5.0",
|
|
66
|
-
"eslint-plugin-storybook": "10.4.
|
|
66
|
+
"eslint-plugin-storybook": "10.4.6",
|
|
67
67
|
"husky": "9.1.7",
|
|
68
68
|
"jsdom": "29.1.1",
|
|
69
69
|
"npm-run-all2": "9.0.2",
|
|
70
70
|
"prettier": "3.8.4",
|
|
71
71
|
"rimraf": "6.1.3",
|
|
72
72
|
"rollup-plugin-copy": "3.5.0",
|
|
73
|
-
"storybook": "10.4.
|
|
73
|
+
"storybook": "10.4.6",
|
|
74
74
|
"tailwindcss": "4.3.1",
|
|
75
75
|
"typescript": "6.0.3",
|
|
76
76
|
"unplugin-dts": "1.0.2",
|
|
77
77
|
"vite": "8.0.16",
|
|
78
|
-
"vitest": "4.1.
|
|
78
|
+
"vitest": "4.1.9",
|
|
79
79
|
"vue": "3.5.38",
|
|
80
80
|
"vue-router": "5.1.0",
|
|
81
81
|
"vue-tsc": "3.3.5"
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
data-testid="menu-button"
|
|
18
18
|
@click="toggle"
|
|
19
19
|
>
|
|
20
|
-
<div class="flex items-center gap-2">
|
|
21
|
-
<UiIcon v-if="iconLeft" :name="iconLeft" size="sm" />
|
|
22
|
-
{{ selectedOptionLabel }}
|
|
20
|
+
<div class="flex min-w-0 items-center gap-2 overflow-hidden">
|
|
21
|
+
<UiIcon v-if="iconLeft" class="shrink-0" :name="iconLeft" size="sm" />
|
|
22
|
+
<span class="truncate">{{ selectedOptionLabel }}</span>
|
|
23
23
|
</div>
|
|
24
|
-
<UiIcon name="chevron-down" size="sm" />
|
|
24
|
+
<UiIcon class="shrink-0" name="chevron-down" size="sm" />
|
|
25
25
|
</UiButton>
|
|
26
26
|
</template>
|
|
27
27
|
|