prometeo-design-system 3.1.3 → 3.1.4
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/Avatar.es.js +42 -36
- package/dist/Button.es.js +27 -27
- package/dist/{CardProfile-BVO6fKr9.js → CardProfile-y9Knsg26.js} +23 -23
- package/dist/CardProfile.es.js +1 -1
- package/dist/CheckBox.es.js +1 -1
- package/dist/DatePicker-CehTiXGa.js +3631 -0
- package/dist/DatePicker.es.js +1 -1
- package/dist/DialogModal.es.js +1 -1
- package/dist/DrawerDesktop.es.js +78 -72
- package/dist/DrawerMobile.es.js +1 -1
- package/dist/DropZone.es.js +1 -1
- package/dist/FAButton.es.js +1 -1
- package/dist/Header.es.js +4 -4
- package/dist/{HelperComponent-DhGU_ug-.js → HelperComponent-ljsn0xD6.js} +1 -1
- package/dist/Icons/AccountCircle.es.js +1 -1
- package/dist/Icons/Add.es.js +1 -1
- package/dist/Icons/ArrowLeft.es.js +1 -1
- package/dist/Icons/ArrowUpDown.es.js +1 -1
- package/dist/Icons/AttachFile.es.js +1 -1
- package/dist/Icons/Boards.es.js +1 -1
- package/dist/Icons/Calendar.es.js +1 -1
- package/dist/Icons/Cancel.es.js +1 -1
- package/dist/Icons/Check.es.js +1 -1
- package/dist/Icons/CheckCircle.es.js +1 -1
- package/dist/Icons/CheckList.es.js +1 -1
- package/dist/Icons/ChevronDown.es.js +1 -1
- package/dist/Icons/Clock.es.js +1 -1
- package/dist/Icons/Close.es.js +1 -1
- package/dist/Icons/CloseNavBarDesktop.es.js +1 -1
- package/dist/Icons/Collapse.es.js +1 -1
- package/dist/Icons/Company.es.js +1 -1
- package/dist/Icons/Copy.es.js +1 -1
- package/dist/Icons/CrevronLeft.es.js +1 -1
- package/dist/Icons/CrevronRight.es.js +1 -1
- package/dist/Icons/DocumentFill.es.js +1 -1
- package/dist/Icons/Download.es.js +1 -1
- package/dist/Icons/Edit.es.js +1 -1
- package/dist/Icons/EditFill.es.js +1 -1
- package/dist/Icons/Email.es.js +1 -1
- package/dist/Icons/Error.es.js +1 -1
- package/dist/Icons/EyeVisibility.es.js +1 -1
- package/dist/Icons/EyeVisibilityOff.es.js +1 -1
- package/dist/Icons/FaLock.es.js +1 -1
- package/dist/Icons/FastForward.es.js +1 -1
- package/dist/Icons/File.es.js +1 -1
- package/dist/Icons/Filter.es.js +1 -1
- package/dist/Icons/FormatColorText.es.js +1 -1
- package/dist/Icons/Help.es.js +1 -1
- package/dist/Icons/HistoryActivity.es.js +1 -1
- package/dist/Icons/Home.es.js +1 -1
- package/dist/Icons/Image.es.js +1 -1
- package/dist/Icons/Info.es.js +1 -1
- package/dist/Icons/Logout.es.js +1 -1
- package/dist/Icons/MessageSquare.es.js +1 -1
- package/dist/Icons/MessageSquareFill.es.js +1 -1
- package/dist/Icons/MoreVert.es.js +1 -1
- package/dist/Icons/Notifications.es.js +1 -1
- package/dist/Icons/Pause.es.js +1 -1
- package/dist/Icons/Reload.es.js +1 -1
- package/dist/Icons/Search.es.js +1 -1
- package/dist/Icons/Settings.es.js +1 -1
- package/dist/Icons/Shared.es.js +1 -1
- package/dist/Icons/Sort.es.js +1 -1
- package/dist/Icons/Stars.es.js +1 -1
- package/dist/Icons/Ticket.es.js +1 -1
- package/dist/Icons/TicketFilled.es.js +1 -1
- package/dist/Icons/Trash.es.js +1 -1
- package/dist/Icons/TrashFill.es.js +1 -1
- package/dist/Icons/Upload.es.js +1 -1
- package/dist/Icons/UploadCloud.es.js +1 -1
- package/dist/Icons/UserAdd.es.js +1 -1
- package/dist/Icons/UserAddFill.es.js +1 -1
- package/dist/Icons/UserPerson.es.js +1 -1
- package/dist/Icons/WhatsApp.es.js +1 -1
- package/dist/Image.es.js +1 -1
- package/dist/{ImageGallery-4DdXqwRy.js → ImageGallery-DG9ovlQ-.js} +1 -1
- package/dist/ImageGallery.es.js +1 -1
- package/dist/Input.es.js +218 -2
- package/dist/InputMultiple.es.js +1 -1
- package/dist/{LayoutGeneric-CbaoatQB.js → LayoutGeneric-CfWhV1ov.js} +6 -6
- package/dist/LayoutGeneric.es.js +1 -1
- package/dist/Logo.es.js +1 -1
- package/dist/Menu.es.js +1 -1
- package/dist/OtpInput.es.js +1 -1
- package/dist/Pagination.es.js +1 -1
- package/dist/ProfilePictureUpload.es.js +1 -1
- package/dist/ProgressBar.es.js +1 -1
- package/dist/RadioButton.es.js +2 -2
- package/dist/RecurrentDatePicker.es.js +7 -7
- package/dist/RecurrentDatePickerRRule.es.js +2 -4
- package/dist/Scrollable.d.ts +2 -0
- package/dist/Scrollable.es.js +260 -0
- package/dist/SegmentedButton.es.js +1 -1
- package/dist/{Select-Bq1fVlwM.js → Select-BdxmkrjB.js} +12 -11
- package/dist/Select.es.js +1 -1
- package/dist/SelectSearch.es.js +2 -2
- package/dist/Skeleton.es.js +1 -1
- package/dist/Spinner.es.js +1 -1
- package/dist/Steps.es.js +1 -1
- package/dist/SwipeContainer.es.js +1 -1
- package/dist/Switch.es.js +7 -7
- package/dist/TabLinks.es.js +9 -9
- package/dist/Table.es.js +1 -1
- package/dist/TextArea.es.js +1 -1
- package/dist/Toast.es.js +1 -1
- package/dist/ToastProvider.es.js +1 -1
- package/dist/Tooltip.es.js +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Drawer/DrawerDesktop.d.ts +1 -0
- package/dist/components/NavigationDrawer/NavigationDrawer.d.ts +18 -2
- package/dist/components/NavigationDrawer/NavigationDrawerActionItem.d.ts +3 -1
- package/dist/components/NavigationDrawer/NavigationDrawerItemBase.d.ts +1 -0
- package/dist/components/NavigationDrawer/NavigationDrawerLinkItem.d.ts +1 -0
- package/dist/components/NotificationCard/NotificationCard.d.ts +25 -0
- package/dist/components/PyrionNavigationDrawer/PyrionHelpSection.d.ts +8 -0
- package/dist/components/PyrionNavigationDrawer/PyrionNavigationDrawer.d.ts +90 -11
- package/dist/components/PyrionNavigationDrawer/PyrionNavigationDrawerMobileAppSwitcher.d.ts +10 -0
- package/dist/components/PyrionNavigationDrawer/PyrionNavigationDrawerSystemLogo.d.ts +7 -0
- package/dist/components/PyrionNavigationDrawer/PyrionNotificationsList.d.ts +8 -0
- package/dist/components/PyrionNavigationDrawer/SidebarContent.d.ts +13 -0
- package/dist/components/PyrionNavigationDrawer/SystemSessions.d.ts +12 -0
- package/dist/components/Scrollable/Scrollable.d.ts +9 -3
- package/dist/components/Sidebar/components/badge.d.ts +2 -1
- package/dist/components/TicketCard/TicketCard.d.ts +32 -0
- package/dist/components/UserCard/UserCard.d.ts +12 -0
- package/dist/exports/Scrollable.d.ts +2 -0
- package/dist/hooks/useLabelBackground.d.ts +1 -0
- package/dist/{jsx-runtime-DKDX3adD.js → jsx-runtime-GkKLlHH4.js} +2 -20
- package/dist/lib/utils.d.ts +2 -2
- package/dist/prometeo-design-system.es.js +54 -51
- package/dist/styles.css +1 -1
- package/dist/useLabelBackground-BDIHUdND.js +26 -0
- package/package.json +9 -5
- package/src/styles/base.css +25 -0
- package/src/styles/palette.css +3 -0
- package/dist/DatePicker-D1EwMGIN.js +0 -3568
- package/dist/Input-EkMrxcNX.js +0 -241
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { default as Se } from "./Avatar.es.js";
|
|
2
2
|
import { default as Ie } from "./Button.es.js";
|
|
3
|
-
import { C as Be, a as Le } from "./CardProfile-
|
|
3
|
+
import { C as Be, a as Le } from "./CardProfile-y9Knsg26.js";
|
|
4
4
|
import { default as Te } from "./CheckBox.es.js";
|
|
5
5
|
import { default as qe, useDialogControl as ze } from "./DialogModal.es.js";
|
|
6
6
|
import { default as Ee, useDrawerDesktop as Oe } from "./DrawerDesktop.es.js";
|
|
7
7
|
import { default as We, useDrawerMobile as $e } from "./DrawerMobile.es.js";
|
|
8
8
|
import { default as Fe } from "./Header.es.js";
|
|
9
|
-
import {
|
|
9
|
+
import { default as Ge } from "./Input.es.js";
|
|
10
10
|
import { default as _e } from "./InputMultiple.es.js";
|
|
11
11
|
import { default as Ze } from "./Logo.es.js";
|
|
12
12
|
import { default as Ke } from "./Menu.es.js";
|
|
13
13
|
import { default as Ye } from "./Pagination.es.js";
|
|
14
14
|
import { default as tt } from "./ProfilePictureUpload.es.js";
|
|
15
15
|
import { default as rt } from "./ProgressBar.es.js";
|
|
16
|
-
import { S as nt } from "./Select-
|
|
16
|
+
import { S as nt } from "./Select-BdxmkrjB.js";
|
|
17
17
|
import { default as it } from "./Spinner.es.js";
|
|
18
18
|
import { default as ct } from "./Steps.es.js";
|
|
19
19
|
import { default as dt } from "./SwipeContainer.es.js";
|
|
20
20
|
import { default as mt } from "./Switch.es.js";
|
|
21
|
-
import { D as xt } from "./DatePicker-
|
|
22
|
-
import { RecurrentDatePicker as
|
|
21
|
+
import { D as xt } from "./DatePicker-CehTiXGa.js";
|
|
22
|
+
import { RecurrentDatePicker as gt } from "./RecurrentDatePicker.es.js";
|
|
23
23
|
import { RecurrentDatePickerRRule as ht } from "./RecurrentDatePickerRRule.es.js";
|
|
24
24
|
import { Table as wt, TableBody as jt, TableCaption as Nt, TableCell as Ct, TableFooter as St, TableHead as kt, TableHeader as It, TableRow as Rt } from "./Table.es.js";
|
|
25
25
|
import { default as Lt } from "./TabLinks.es.js";
|
|
@@ -27,18 +27,18 @@ import { default as Tt } from "./TextArea.es.js";
|
|
|
27
27
|
import { default as qt } from "./Tooltip.es.js";
|
|
28
28
|
import { default as Dt } from "./Skeleton.es.js";
|
|
29
29
|
import { default as Ot } from "./SegmentedButton.es.js";
|
|
30
|
-
import { u as k } from "./LayoutGeneric-
|
|
31
|
-
import { L as Wt, S as $t } from "./LayoutGeneric-
|
|
32
|
-
import { I as Ft } from "./ImageGallery-
|
|
30
|
+
import { u as k } from "./LayoutGeneric-CfWhV1ov.js";
|
|
31
|
+
import { L as Wt, S as $t } from "./LayoutGeneric-CfWhV1ov.js";
|
|
32
|
+
import { I as Ft } from "./ImageGallery-DG9ovlQ-.js";
|
|
33
33
|
import { default as Gt } from "./Image.es.js";
|
|
34
34
|
import { default as _t, toastpyrion as Xt } from "./Toast.es.js";
|
|
35
35
|
import { default as Jt } from "./ToastProvider.es.js";
|
|
36
36
|
import { default as Qt } from "./SelectSearch.es.js";
|
|
37
37
|
import { default as ea } from "./FAButton.es.js";
|
|
38
38
|
import { default as aa } from "./RadioButton.es.js";
|
|
39
|
-
import { j as a } from "./jsx-runtime-
|
|
39
|
+
import { j as a } from "./jsx-runtime-GkKLlHH4.js";
|
|
40
40
|
import { c as u } from "./cn-B6yFEsav.js";
|
|
41
|
-
import P, { useRef as
|
|
41
|
+
import P, { useRef as g, useState as h, useLayoutEffect as T, createContext as A, useContext as q, forwardRef as C, useEffect as v, useCallback as z } from "react";
|
|
42
42
|
import { useGSAP as I } from "@gsap/react";
|
|
43
43
|
import x from "gsap";
|
|
44
44
|
import { CloseNavBarDesktop as w } from "./Icons/CloseNavBarDesktop.es.js";
|
|
@@ -109,22 +109,22 @@ const O = (t, e) => {
|
|
|
109
109
|
primarySidebarCollapsed: i,
|
|
110
110
|
onClose: l
|
|
111
111
|
}) => {
|
|
112
|
-
const c =
|
|
112
|
+
const c = g(null), [f, s] = h({ left: 0, width: 0 }), { primarySidebarRef: d, tabBarRef: m } = k();
|
|
113
113
|
return T(() => {
|
|
114
|
-
if (
|
|
115
|
-
const p =
|
|
114
|
+
if (d?.current && m?.current) {
|
|
115
|
+
const p = d.current.getBoundingClientRect();
|
|
116
116
|
s({
|
|
117
117
|
left: p.width + m.current.offsetWidth,
|
|
118
118
|
width: p.width
|
|
119
119
|
});
|
|
120
120
|
}
|
|
121
|
-
}, [
|
|
121
|
+
}, [d, e, i, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
|
|
122
122
|
/* @__PURE__ */ a.jsx(
|
|
123
123
|
"div",
|
|
124
124
|
{
|
|
125
125
|
className: "fixed inset-0 bg-black/95 z-40",
|
|
126
126
|
style: {
|
|
127
|
-
left:
|
|
127
|
+
left: f.left
|
|
128
128
|
},
|
|
129
129
|
onClick: l
|
|
130
130
|
}
|
|
@@ -140,7 +140,7 @@ const O = (t, e) => {
|
|
|
140
140
|
r
|
|
141
141
|
),
|
|
142
142
|
style: {
|
|
143
|
-
left:
|
|
143
|
+
left: f.left
|
|
144
144
|
},
|
|
145
145
|
"data-action": o,
|
|
146
146
|
children: /* @__PURE__ */ a.jsx("div", { className: "secondary-bar-content", children: t })
|
|
@@ -163,7 +163,7 @@ const O = (t, e) => {
|
|
|
163
163
|
}, F = ({
|
|
164
164
|
children: t
|
|
165
165
|
}) => {
|
|
166
|
-
const [e, r] = h(!1), [n, o] = h(!1), i =
|
|
166
|
+
const [e, r] = h(!1), [n, o] = h(!1), i = g(null), l = () => {
|
|
167
167
|
r(!1), o(!1);
|
|
168
168
|
}, c = () => {
|
|
169
169
|
r(!0), o(!1);
|
|
@@ -182,7 +182,7 @@ const O = (t, e) => {
|
|
|
182
182
|
o(!1);
|
|
183
183
|
},
|
|
184
184
|
toggleSecondaryBar: () => {
|
|
185
|
-
o((
|
|
185
|
+
o((y) => !y);
|
|
186
186
|
}
|
|
187
187
|
};
|
|
188
188
|
return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
|
|
@@ -507,16 +507,17 @@ const O = (t, e) => {
|
|
|
507
507
|
ease: "power2.in"
|
|
508
508
|
});
|
|
509
509
|
}, X = C((t, e) => {
|
|
510
|
-
const [r, n] = h(t?.currentTabName || t.tabs[0].name), o =
|
|
510
|
+
const [r, n] = h(t?.currentTabName || t.tabs[0].name), o = g(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
|
|
511
511
|
v(() => {
|
|
512
512
|
o.current?.style.setProperty("--tab-bg", c);
|
|
513
513
|
}, [c]);
|
|
514
|
-
const
|
|
514
|
+
const f = i.find((s) => s.name === (t?.currentTabName || r));
|
|
515
515
|
return /* @__PURE__ */ a.jsx(
|
|
516
516
|
"div",
|
|
517
517
|
{
|
|
518
518
|
ref: e,
|
|
519
519
|
className: u(
|
|
520
|
+
"select-none",
|
|
520
521
|
"flex flex-col gap-2",
|
|
521
522
|
"bg-neutral-strong-default",
|
|
522
523
|
"h-full w-14 max-w-14 pl-[6px] py-6",
|
|
@@ -525,7 +526,7 @@ const O = (t, e) => {
|
|
|
525
526
|
),
|
|
526
527
|
children: i.map(
|
|
527
528
|
(s) => {
|
|
528
|
-
const
|
|
529
|
+
const d = s.name === f?.name, m = typeof s.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain rounded", draggable: !1 }) : s.thumbnail, p = () => {
|
|
529
530
|
s.disabled || (n(s.name), s.onClick && s.onClick(s.name));
|
|
530
531
|
};
|
|
531
532
|
return /* @__PURE__ */ a.jsx(
|
|
@@ -537,7 +538,7 @@ const O = (t, e) => {
|
|
|
537
538
|
"flex items-center pl-[6px] ",
|
|
538
539
|
"rounded-l-[8px]",
|
|
539
540
|
"tabswitch-element relative",
|
|
540
|
-
|
|
541
|
+
d && "active"
|
|
541
542
|
),
|
|
542
543
|
onClick: p,
|
|
543
544
|
ref: o,
|
|
@@ -557,12 +558,12 @@ const O = (t, e) => {
|
|
|
557
558
|
);
|
|
558
559
|
}), Z = C(
|
|
559
560
|
({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, i) => {
|
|
560
|
-
const l =
|
|
561
|
+
const l = g(null), c = g(null), { registerPrimarySidebar: f, registerTabBar: s } = k(), d = z((m) => {
|
|
561
562
|
l.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
|
|
562
563
|
}, [i]);
|
|
563
564
|
return v(() => {
|
|
564
|
-
l.current &&
|
|
565
|
-
}, [
|
|
565
|
+
l.current && f(l);
|
|
566
|
+
}, [f]), v(() => {
|
|
566
567
|
c.current && s(c);
|
|
567
568
|
}, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
|
|
568
569
|
"div",
|
|
@@ -583,7 +584,7 @@ const O = (t, e) => {
|
|
|
583
584
|
/* @__PURE__ */ a.jsx(
|
|
584
585
|
"div",
|
|
585
586
|
{
|
|
586
|
-
ref:
|
|
587
|
+
ref: d,
|
|
587
588
|
className: `bg-neutral-default-default hidden overflow-hidden h-screen md:flex flex-col border-r border-neutral-strong-default transition-all duration-300 relative z-50 shrink-0
|
|
588
589
|
${e ? "w-16" : "w-64"} ${r}`,
|
|
589
590
|
children: t
|
|
@@ -665,15 +666,16 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
665
666
|
className: r = "",
|
|
666
667
|
size: n = "medium",
|
|
667
668
|
variant: o = "primary",
|
|
668
|
-
showZero: i = !1
|
|
669
|
+
showZero: i = !1,
|
|
670
|
+
disabled: l = !1
|
|
669
671
|
}) => {
|
|
670
|
-
const
|
|
671
|
-
if (
|
|
672
|
-
const
|
|
672
|
+
const c = t, f = c > e ? `+${e}` : c;
|
|
673
|
+
if (c === 0 && !i) return null;
|
|
674
|
+
const s = {
|
|
673
675
|
small: "w-4.5 h-4.5 text-xs ",
|
|
674
676
|
medium: "w-5 h-5 text-xs",
|
|
675
677
|
large: "w-6 h-6 text-sm"
|
|
676
|
-
},
|
|
678
|
+
}, d = {
|
|
677
679
|
primary: "bg-primary-default-default text-neutral-strong-default",
|
|
678
680
|
secondary: "bg-neutral-medium-default text-neutral-strong-default",
|
|
679
681
|
success: "bg-green-500 text-white",
|
|
@@ -681,17 +683,18 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
681
683
|
danger: "bg-red-500 text-white"
|
|
682
684
|
};
|
|
683
685
|
return /* @__PURE__ */ a.jsx("div", { className: u(
|
|
684
|
-
"rounded-full flex items-center justify-center font-medium ",
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
r
|
|
688
|
-
|
|
686
|
+
"rounded-full flex items-center justify-center font-medium select-none",
|
|
687
|
+
s[n],
|
|
688
|
+
d[o],
|
|
689
|
+
r,
|
|
690
|
+
l && "text-neutral-strong-disabled bg-primary-medium-disabled"
|
|
691
|
+
), children: /* @__PURE__ */ a.jsx("span", { children: f }) });
|
|
689
692
|
}, xe = ({
|
|
690
693
|
linkActions: t,
|
|
691
694
|
onClick: e,
|
|
692
695
|
activeAction: r
|
|
693
696
|
}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
|
|
694
|
-
const { isView: i = !1, actionName: l, title: c, icon:
|
|
697
|
+
const { isView: i = !1, actionName: l, title: c, icon: f, count: s, viewAccess: d } = n || {}, m = (typeof i == "function" ? i() : i !== !1) && (!d || d()), p = r === l;
|
|
695
698
|
return m && /* @__PURE__ */ a.jsx(
|
|
696
699
|
b.div,
|
|
697
700
|
{
|
|
@@ -755,7 +758,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
755
758
|
duration: 0.25,
|
|
756
759
|
ease: "easeOut"
|
|
757
760
|
},
|
|
758
|
-
children: typeof
|
|
761
|
+
children: typeof f == "function" ? f({
|
|
759
762
|
size: 24,
|
|
760
763
|
className: u(
|
|
761
764
|
"nav-icon transition-colors duration-250 ease-out",
|
|
@@ -781,7 +784,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
781
784
|
isLinkActive: e,
|
|
782
785
|
onLinkClick: r
|
|
783
786
|
}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
|
|
784
|
-
const { isView: i = !1, viewAccess: l, path: c, title:
|
|
787
|
+
const { isView: i = !1, viewAccess: l, path: c, title: f, icon: s, count: d, relatedPaths: m } = n, p = (typeof i == "function" ? i() : i !== !1) && (!l || l()), y = e(c) || (m?.some(
|
|
785
788
|
(L) => e(L)
|
|
786
789
|
) ?? !1);
|
|
787
790
|
return p && /* @__PURE__ */ a.jsx(
|
|
@@ -805,7 +808,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
805
808
|
"nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden h-10 ",
|
|
806
809
|
"transition-all duration-300 ease-out w-full",
|
|
807
810
|
"group hover:bg-neutral-medium-selected",
|
|
808
|
-
|
|
811
|
+
y ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
|
|
809
812
|
),
|
|
810
813
|
children: /* @__PURE__ */ a.jsxs(
|
|
811
814
|
b.div,
|
|
@@ -825,7 +828,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
825
828
|
{
|
|
826
829
|
className: "nav-icon-wrapper flex items-center justify-center shrink-0",
|
|
827
830
|
animate: {
|
|
828
|
-
scale:
|
|
831
|
+
scale: y ? 1.05 : 1
|
|
829
832
|
},
|
|
830
833
|
transition: {
|
|
831
834
|
duration: 0.25,
|
|
@@ -835,14 +838,14 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
835
838
|
size: 24,
|
|
836
839
|
className: u(
|
|
837
840
|
"nav-icon transition-colors duration-250 ease-out",
|
|
838
|
-
|
|
841
|
+
y ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
|
|
839
842
|
)
|
|
840
843
|
}) : null
|
|
841
844
|
}
|
|
842
845
|
),
|
|
843
|
-
/* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children:
|
|
846
|
+
/* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: f })
|
|
844
847
|
] }),
|
|
845
|
-
/* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children:
|
|
848
|
+
/* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: d && d ? /* @__PURE__ */ a.jsx(B, { count: d, maxCount: 9, className: "" }) : "" })
|
|
846
849
|
]
|
|
847
850
|
}
|
|
848
851
|
)
|
|
@@ -851,13 +854,13 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
851
854
|
},
|
|
852
855
|
o
|
|
853
856
|
);
|
|
854
|
-
}) }),
|
|
857
|
+
}) }), ge = ({
|
|
855
858
|
isActiveModalNotification: t,
|
|
856
859
|
setIsActiveModalNotification: e
|
|
857
860
|
}) => ({ handleNotificationClick: () => {
|
|
858
861
|
e(!0);
|
|
859
|
-
}, isActiveModalNotification: t }),
|
|
860
|
-
const e =
|
|
862
|
+
}, isActiveModalNotification: t }), ye = (t) => {
|
|
863
|
+
const e = g(null);
|
|
861
864
|
return {
|
|
862
865
|
isCollapsed: t,
|
|
863
866
|
navbarRef: e
|
|
@@ -902,7 +905,7 @@ function we({
|
|
|
902
905
|
};
|
|
903
906
|
}
|
|
904
907
|
const je = (t, e = !0) => {
|
|
905
|
-
const r =
|
|
908
|
+
const r = g(null);
|
|
906
909
|
return v(() => {
|
|
907
910
|
if (!e) return;
|
|
908
911
|
const n = (o) => {
|
|
@@ -952,7 +955,7 @@ export {
|
|
|
952
955
|
tt as ProfilePictureUpload,
|
|
953
956
|
rt as ProgressBar,
|
|
954
957
|
aa as RadioButton,
|
|
955
|
-
|
|
958
|
+
gt as RecurrentDatePicker,
|
|
956
959
|
ht as RecurrentDatePickerRRule,
|
|
957
960
|
de as SecondaryBar,
|
|
958
961
|
Ot as SegmentedButton,
|
|
@@ -980,14 +983,14 @@ export {
|
|
|
980
983
|
Jt as ToastProvider,
|
|
981
984
|
qt as Tooltip,
|
|
982
985
|
Xt as toastpyrion,
|
|
983
|
-
|
|
986
|
+
ge as useActionsNavbar,
|
|
984
987
|
je as useClickOutside,
|
|
985
988
|
ze as useDialogControl,
|
|
986
989
|
Oe as useDrawerDesktop,
|
|
987
990
|
$e as useDrawerMobile,
|
|
988
991
|
we as useFileDropzone,
|
|
989
992
|
sa as useIsMobile,
|
|
990
|
-
|
|
993
|
+
ye as useNavbarCollapse,
|
|
991
994
|
fe as useSidebar,
|
|
992
995
|
k as useSidebarContext
|
|
993
996
|
};
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2")}}@layer base{:root{--white: #ffffff;--black: #000000;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #9f9fa9;--neutral-500: #71717b;--neutral-600: #52525c;--neutral-700: #3f3f47;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-925: #151517;--neutral-950: #09090b;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c6d2ff;--primary-300: #a3b3ff;--primary-400: #7c86ff;--primary-500: #615fff;--primary-600: #4f39f6;--primary-700: #432dd7;--primary-800: #372aac;--primary-900: #312c85;--primary-950: #1e1a4d;--success-50: #ecfdf5;--success-100: #d0fae5;--success-200: #a4f4cf;--success-300: #5ee9b5;--success-400: #00d492;--success-500: #00bc7d;--success-600: #009966;--success-700: #007a55;--success-800: #006045;--success-900: #004f3b;--success-950: #002c22;--error-50: #fef2f2;--error-100: #ffe2e2;--error-200: #ffc9c9;--error-300: #ffa2a2;--error-400: #ff6467;--error-500: #fb2c36;--error-600: #e7000b;--error-700: #c10007;--error-800: #9f0712;--error-900: #82181a;--error-950: #460809;--warning-50: #fefce8;--warning-100: #fef9c2;--warning-200: #fff085;--warning-300: #ffdf20;--warning-400: #fdc700;--warning-500: #f0b100;--warning-600: #d08700;--warning-700: #a65f00;--warning-800: #894b00;--warning-900: #733e0a;--warning-950: #432004;--pending-300: #ffb86a;--pending-500: #ff6900;--pending-800: #9f2d00;--progress-300: #51a2ff;--progress-500: #155dfc;--progress-800: #193cb8}}@layer utilities{.prometeo-fonts-display-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:56px;line-height:64px;color:var(--black)}.prometeo-fonts-display-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:48px;line-height:56px;color:var(--black)}.prometeo-fonts-display-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:36px;line-height:44px;color:var(--black)}.prometeo-fonts-headline-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;line-height:40px;color:var(--neutral-100)}.prometeo-fonts-headline-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:28px;line-height:32px;color:var(--neutral-100)}.prometeo-fonts-headline-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-medium{font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-title-small{font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-xlarge{font-family:Montserrat,sans-serif;font-weight:400;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-body-large{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100)}.prometeo-fonts-body-medium{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-small{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-body-xsmall{font-family:Montserrat,sans-serif;font-weight:400;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-fonts-label-xlarge{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-label-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-label-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-gradient-bg{background:linear-gradient(to bottom,var(--primary-900),var(--primary-950))}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.border-primary{border-color:var(--primary-500)}.border-primary-default-default{border-color:var(--primary-400)}.border-primary-default-hover{border-color:var(--primary-500)}.border-primary-default-focused,.border-primary-default-pressed{border-color:var(--primary-600)}.border-primary-default-disabled{border-color:var(--neutral-700)}.border-primary-strong-pressed{border-color:var(--primary-700)}.border-primary-light,.border-primary-medium-default{border-color:var(--primary-400)}.border-primary-medium-disabled{border-color:var(--neutral-600)}.border-primary-medium-hover{border-color:var(--primary-300)}.border-primary-medium-pressed{border-color:var(--primary-200)}.border-neutral,.border-neutral-default-default{border-color:var(--neutral-500)}.border-neutral-default-hover{border-color:var(--neutral-400)}.border-neutral-default-pressed,.border-neutral-default-focused{border-color:var(--neutral-500)}.border-neutral-default-disabled,.border-neutral-strong-default{border-color:var(--neutral-700)}.border-neutral-strong{border-color:var(--neutral-800)}.border-neutral-default{border-color:var(--neutral-900)}.border-neutral-medium{border-color:var(--neutral-600)}.border-neutral-weak{border-color:var(--neutral-700)}.border-success,.border-success-default-default{border-color:var(--success-500)}.border-success-default-hover{border-color:var(--success-600)}.border-success-default-pressed,.border-success-default-focused{border-color:var(--success-700)}.border-success-default-disabled{border-color:var(--neutral-800)}.border-error,.border-error-default-default{border-color:var(--error-500)}.border-error-default-hover{border-color:var(--error-600)}.border-error-default-pressed,.border-error-default-focused{border-color:var(--error-700)}.border-error-default-disabled{border-color:var(--neutral-800)}.border-warning,.border-warning-default-default{border-color:var(--warning-500)}.border-warning-default-hover{border-color:var(--warning-600)}.border-warning-default-pressed,.border-warning-default-focused{border-color:var(--warning-700)}.icon-neutral-default-default{color:var(--neutral-500)}.icon-neutral-medium-default{color:var(--neutral-400)}.icon-neutral-medium-focused{color:var(--neutral-600)}.icon-neutral-strong-default{color:var(--neutral-100)}.icon-neutral-strong-disabled{color:var(--neutral-500)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs-prometeo{font-size:.875rem;line-height:1.25}.text-sm-prometeo{font-size:1rem;line-height:1.375}.text-md-prometeo{font-size:1.125rem;line-height:1.375}.text-lg-prometeo{font-size:1.25rem;line-height:1.375}.text-xl-prometeo{font-size:1.5rem;line-height:1.375}.bg-primary{background-color:var(--primary-500)}.bg-primary:hover{background-color:var(--primary-600)}.bg-primary:active{background-color:var(--primary-700)}.bg-success{background-color:var(--success-500)}.bg-success:hover{background-color:var(--success-600)}.bg-error{background-color:var(--error-500)}.bg-error:hover{background-color:var(--error-600)}.input-base{padding:.5rem .75rem;border:1px solid var(--neutral-500);border-radius:.375rem;background-color:var(--neutral-800);color:var(--neutral-100)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #615fff1a}.ring-primary-default-default{--tw-ring-color: var(--primary-400)}.ring-primary-default-hover,.ring-primary-default-pressed,.ring-primary-default-focused{--tw-ring-color: var(--primary-600)}.ring-success-default-default{--tw-ring-color: var(--success-500)}.ring-success-default-hover,.ring-success-default-pressed{--tw-ring-color: var(--success-600)}.ring-success-default-focused{--tw-ring-color: var(--success-700)}.ring-warning-default-default{--tw-ring-color: var(--warning-500)}.ring-warning-default-hover{--tw-ring-color: var(--warning-600)}.ring-warning-default-pressed,.ring-warning-default-focused{--tw-ring-color: var(--warning-700)}.ring-error-default-default{--tw-ring-color: var(--error-500)}.ring-error-default-hover{--tw-ring-color: var(--error-600)}.ring-error-default-pressed,.ring-error-default-focused{--tw-ring-color: var(--error-700)}.prometeo-scrollbar-thin{--sb-size: 8px !important;--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400)}.prometeo-scrollbar-thin::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.prometeo-scrollbar-thin::-webkit-scrollbar-track{background:var(--sb-track-color)}.prometeo-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:2px solid var(--sb-track-color);border-radius:8px}.prometeo-scrollbar-thin-weak{--sb-size: 12px !important;--sb-track-color-weak: var(--neutral-900) !important;--sb-thumb-color-weak: var(--primary-900) !important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar{width:12px!important;height:var(--sb-size)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-track{background:var(--sb-track-color-weak)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-thumb{background:var(--sb-thumb-color-weak)!important;border:5px solid var(--sb-track-color-weak)!important;border-radius:8px!important}.scrollbar-stable{scrollbar-gutter:stable}.prometeo-scrollbar-overlay{--sb-size: 8px;padding-inline-end:var(--sb-size)!important;margin-inline-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay::-webkit-scrollbar{width:var(--sb-size)}.prometeo-scrollbar-overlay-x{--sb-size: 8px;padding-block-end:var(--sb-size)!important;margin-block-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay-x::-webkit-scrollbar{height:var(--sb-size)}.prometeo-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.prometeo-scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --spinner-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.spinner-sync-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--border-width: 4px;border-radius:9999px;border:var(--border-width) solid var(--spinner-secondary-color)}.spinner-sync-animation:before{content:"";position:absolute;inset:calc(-1 * var(--border-width));padding:var(--border-width);border-radius:inherit;background:conic-gradient(var(--spinner-secondary-color) 0deg,var(--spinner-secondary-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinner-sync-fill calc(4s / var(--spinner-speed)) linear infinite}@keyframes spinner-sync-fill{0%{--spinner-progress: 0deg;transform:rotate(0)}50%{--spinner-progress: 360deg;transform:rotate(360deg)}to{--spinner-progress: 0deg;transform:rotate(360deg)}}.spinner-dot-animation{display:inline-flex;align-items:flex-end;justify-content:center;gap:.25rem;--spinner-dot-color: var(--primary-500);--spinner-dot-speed: 1}.spinner-dot{background-color:var(--spinner-dot-color);border-radius:9999px;animation-name:spinner-dot-move;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(.8s / var(--spinner-dot-speed));transform-origin:center bottom}.spinner-dot:nth-child(2){animation-delay:calc(.8s / var(--spinner-dot-speed)/6)}.spinner-dot:nth-child(3){animation-delay:calc(.8s / var(--spinner-dot-speed)/6 * 2)}@keyframes spinner-dot-move{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}.spinner-bounce-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-speed: 1}.spinner-bounce-animation:before,.spinner-bounce-animation:after{content:"";position:absolute;inset:0;border-radius:9999px;background-color:var(--spinner-color);transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(1.5s / var(--spinner-speed))}.spinner-bounce-animation:before{animation-name:spinner-bounce-inner}.spinner-bounce-animation:after{opacity:.35;animation-name:spinner-bounce-outer}@keyframes spinner-bounce-inner{0%,to{transform:scale(0)}50%{transform:scale(.5)}}@keyframes spinner-bounce-outer{0%,to{transform:scale(1)}50%{transform:scale(.5)}}.spinner-linear-animation{position:relative;display:block;overflow:hidden;border-radius:9999px;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--spinner-height: .25rem;width:100%;height:var(--spinner-height);background-color:var(--spinner-secondary-color);background-color:color-mix(in srgb,var(--spinner-secondary-color) 40%,transparent)}.spinner-linear-animation:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-primary calc(4s / var(--spinner-speed)) ease-in-out infinite}.spinner-linear-animation:before{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-secondary-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-secondary calc(4s / var(--spinner-speed)) ease-in-out infinite}@keyframes spinner-linear-primary{0%{transform:scaleX(0);color:var(--spinner-color)}49%{transform:scaleX(1);color:var(--spinner-color)}50%{transform:scaleX(1);color:var(--spinner-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}@keyframes spinner-linear-secondary{0%,50%{transform:scaleX(1);color:var(--spinner-secondary-color)}99%{transform:scaleX(1);color:var(--spinner-secondary-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}.navigation-drawer{display:grid;grid-template-columns:auto 1fr;overflow-x:auto;scroll-snap-type:x mandatory;container-type:inline-size;scrollbar-width:none}.navigation-drawer>:nth-child(2){width:100cqw;scroll-snap-align:center}.navigation-drawer>:first-child{scroll-snap-align:start}@keyframes scroll_hold{to{scroll-snap-align:start}}@media(min-width:768px){.navigation-drawer{grid-template-columns:auto 1fr}.navigation-drawer>:nth-child(2){width:auto;flex-grow:1}.collapse-button{transition:transform .3s ease-in-out}.system-thumbnail,.system-cover-image{transition:display,width .3s ease-in-out allow-discrete}.drawer{--collapsed-width: 80px;--expanded-width: 285px;transition:width .3s ease-in-out}.drawer .drawer-content{transition:all .3s ease-in-out}.drawer.collapsed{width:var(--collapsed-width)}.drawer.collapsed .collapse-button{transform:translate(4px)}.drawer.collapsed .collapse-button svg{transform:translate(4px) rotate(180deg)}.drawer.collapsed .system-thumbnail{display:block;width:100%}.drawer.collapsed .system-cover-image{display:none;width:0px}.drawer.collapsed .drawer-content{padding:8px 0}.drawer.expanded{width:var(--expanded-width)}.drawer.expanded .system-thumbnail{display:none;width:0px}.drawer.expanded .system-cover-image{display:block;width:100%}}.sublinks{--sublinks-max-height:0px;transition:max-height .2s linear,opacity .2s ease-in-out;interpolate-size:allow-keywords;transform-origin:top;overflow:hidden}.sublinks.collapsed{opacity:0;max-height:0px}.sublinks.expanded{opacity:1;max-height:var(--sublinks-max-height);transform:scaleY(1)}.navigation-drawer .collapsed{overflow-y:hidden}.navigation-drawer .collapsed div{scrollbar-width:none}.navigation-drawer .collapsed .navitem{width:48px;position:relative}.navigation-drawer .collapsed .navitem label,.navigation-drawer .collapsed .navitem .sublinks-toggle{display:none}.navigation-drawer .collapsed .navitem .badge{position:absolute;top:2px;right:2px}*,body{font-family:Montserrat,sans-serif}@utility prometeo-fonts-display-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 56px; line-height: 64px; color: var(--black);}@utility prometeo-fonts-display-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 48px; line-height: 56px; color: var(--black);}@utility prometeo-fonts-display-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 36px; line-height: 44px; color: var(--black);}@utility prometeo-fonts-headline-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; color: var(--neutral-100);}@utility prometeo-fonts-headline-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 28px; line-height: 32px; color: var(--neutral-100);}@utility prometeo-fonts-headline-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-medium{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-title-small{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-xlarge{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-body-large{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--neutral-100);}@utility prometeo-fonts-body-medium{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-small{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-body-xsmall{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-fonts-label-xlarge{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-label-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-label-xsmall{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-gradient-bg{background: linear-gradient(to bottom,var(--primary-900),var(--primary-950));}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility border-primary{border-color: var(--primary-500);}@utility border-primary-default-default{border-color: var(--primary-400);}@utility border-primary-default-hover{border-color: var(--primary-500);}@utility border-primary-default-focused{border-color: var(--primary-600);}@utility border-primary-default-pressed{border-color: var(--primary-600);}@utility border-primary-default-disabled{border-color: var(--neutral-700);}@utility border-primary-strong-pressed{border-color: var(--primary-700);}@utility border-primary-light{border-color: var(--primary-400);}@utility border-primary-medium-default{border-color: var(--primary-400);}@utility border-primary-medium-disabled{border-color: var(--neutral-600);}@utility border-primary-medium-hover{border-color: var(--primary-300);}@utility border-primary-medium-pressed{border-color: var(--primary-200);}@utility border-neutral{border-color: var(--neutral-500);}@utility border-neutral-default-default{border-color: var(--neutral-500);}@utility border-neutral-default-hover{border-color: var(--neutral-400);}@utility border-neutral-default-pressed{border-color: var(--neutral-500);}@utility border-neutral-default-focused{border-color: var(--neutral-500);}@utility border-neutral-default-disabled{border-color: var(--neutral-700);}@utility border-neutral-strong-default{border-color: var(--neutral-700);}@utility border-neutral-strong{border-color: var(--neutral-800);}@utility border-neutral-default{border-color: var(--neutral-900);}@utility border-neutral-medium{border-color: var(--neutral-600);}@utility border-neutral-weak{border-color: var(--neutral-700);}@utility border-success{border-color: var(--success-500);}@utility border-success-default-default{border-color: var(--success-500);}@utility border-success-default-hover{border-color: var(--success-600);}@utility border-success-default-pressed{border-color: var(--success-700);}@utility border-success-default-focused{border-color: var(--success-700);}@utility border-success-default-disabled{border-color: var(--neutral-800);}@utility border-error{border-color: var(--error-500);}@utility border-error-default-default{border-color: var(--error-500);}@utility border-error-default-hover{border-color: var(--error-600);}@utility border-error-default-pressed{border-color: var(--error-700);}@utility border-error-default-focused{border-color: var(--error-700);}@utility border-error-default-disabled{border-color: var(--neutral-800);}@utility border-warning{border-color: var(--warning-500);}@utility border-warning-default-default{border-color: var(--warning-500);}@utility border-warning-default-hover{border-color: var(--warning-600);}@utility border-warning-default-pressed{border-color: var(--warning-700);}@utility border-warning-default-focused{border-color: var(--warning-700);}@utility icon-neutral-default-default{color: var(--neutral-500);}@utility icon-neutral-medium-default{color: var(--neutral-400);}@utility icon-neutral-medium-focused{color: var(--neutral-600);}@utility icon-neutral-strong-default{color: var(--neutral-100);}@utility icon-neutral-strong-disabled{color: var(--neutral-500);}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility text-xs-prometeo{font-size: .875rem; line-height: 1.25;}@utility text-sm-prometeo{font-size: 1rem; line-height: 1.375;}@utility text-md-prometeo{font-size: 1.125rem; line-height: 1.375;}@utility text-lg-prometeo{font-size: 1.25rem; line-height: 1.375;}@utility text-xl-prometeo{font-size: 1.5rem; line-height: 1.375;}@utility bg-primary{background-color: var(--primary-500); &:hover {background-color: var(--primary-600);} &:active {background-color: var(--primary-700);}}@utility bg-success{background-color: var(--success-500); &:hover {background-color: var(--success-600);}}@utility bg-error{background-color: var(--error-500); &:hover {background-color: var(--error-600);}}@utility input-base{padding: .5rem .75rem; border: 1px solid var(--neutral-500); border-radius: .375rem; background-color: var(--neutral-800); color: var(--neutral-100); &:focus {outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(97,95,255,.1);}}@utility ring-primary-default-default{ --tw-ring-color: var(--primary-400); }@utility ring-primary-default-hover{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-pressed{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-focused{ --tw-ring-color: var(--primary-600); }@utility ring-success-default-default{ --tw-ring-color: var(--success-500); }@utility ring-success-default-hover{ --tw-ring-color: var(--success-600); }@utility ring-success-default-pressed{ --tw-ring-color: var(--success-600); }@utility ring-success-default-focused{ --tw-ring-color: var(--success-700); }@utility ring-warning-default-default{ --tw-ring-color: var(--warning-500); }@utility ring-warning-default-hover{ --tw-ring-color: var(--warning-600); }@utility ring-warning-default-pressed{ --tw-ring-color: var(--warning-700); }@utility ring-warning-default-focused{ --tw-ring-color: var(--warning-700); }@utility ring-error-default-default{ --tw-ring-color: var(--error-500); }@utility ring-error-default-hover{ --tw-ring-color: var(--error-600); }@utility ring-error-default-pressed{ --tw-ring-color: var(--error-700); }@utility ring-error-default-focused{ --tw-ring-color: var(--error-700); }*{--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400);--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:3px solid var(--neutral-800);border-radius:10px}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility prometeo-scrollbar-thin-weak{ --sb-size: 12px !important; --sb-track-color-weak: var(--neutral-900) !important; --sb-thumb-color-weak: var(--primary-900) !important; &::-webkit-scrollbar { width: 12px !important; height: var(--sb-size) !important; } &::-webkit-scrollbar-track { background: var(--sb-track-color-weak) !important; } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color-weak) !important; border: 5px solid var(--sb-track-color-weak) !important; border-radius: 8px !important; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility prometeo-scrollbar-overlay{ --sb-size: 8px; padding-inline-end: var(--sb-size) !important; margin-inline-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { width: var(--sb-size); } }@utility prometeo-scrollbar-overlay-x{ --sb-size: 8px; padding-block-end: var(--sb-size)!important; margin-block-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { height: var(--sb-size); } }@utility prometeo-scrollbar-none{scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {width: 0; height: 0; display: none; background: transparent;}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.input-group{position:relative;width:var(--input-width, 100%)}.input-field{padding:12px;border:1px solid var(--neutral-500);font-size:16px;transition:all .1s ease;border-radius:8px;box-sizing:border-box}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;padding:0 .25rem;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease;z-index:10}.input-field:focus+.floating-label,.input-field.has-value+.floating-label{top:-10px;left:0;transform:translateY(-50%);font-size:.75rem;color:var(--neutral-400)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:transparent;border:1px solid var(--neutral-400);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#fff;border-bottom:1px solid #374151}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#374151}.custom-option.selected{background-color:#1e40af}.custom-option.selected:hover{background-color:#1d4ed8}.option-checkbox{margin-right:.75rem;accent-color:#3b82f6}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem;flex-shrink:0}@keyframes cursor-intermitent{0%{opacity:1}50%{opacity:0}to{opacity:1}}
|
|
1
|
+
@layer base{@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2")}}@layer base{:root{--white: #ffffff;--black: #000000;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #9f9fa9;--neutral-500: #71717b;--neutral-600: #52525c;--neutral-700: #3f3f47;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-925: #151517;--neutral-950: #09090b;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c6d2ff;--primary-300: #a3b3ff;--primary-400: #7c86ff;--primary-500: #615fff;--primary-600: #4f39f6;--primary-700: #432dd7;--primary-800: #372aac;--primary-900: #312c85;--primary-950: #1e1a4d;--success-50: #ecfdf5;--success-100: #d0fae5;--success-200: #a4f4cf;--success-300: #5ee9b5;--success-400: #00d492;--success-500: #00bc7d;--success-600: #009966;--success-700: #007a55;--success-800: #006045;--success-900: #004f3b;--success-950: #002c22;--error-50: #fef2f2;--error-100: #ffe2e2;--error-200: #ffc9c9;--error-300: #ffa2a2;--error-400: #ff6467;--error-500: #fb2c36;--error-600: #e7000b;--error-700: #c10007;--error-800: #9f0712;--error-900: #82181a;--error-950: #460809;--warning-50: #fefce8;--warning-100: #fef9c2;--warning-200: #fff085;--warning-300: #ffdf20;--warning-400: #fdc700;--warning-500: #f0b100;--warning-600: #d08700;--warning-700: #a65f00;--warning-800: #894b00;--warning-900: #733e0a;--warning-950: #432004;--pending-300: #ffb86a;--pending-500: #ff6900;--pending-800: #9f2d00;--progress-300: #51a2ff;--progress-500: #155dfc;--progress-800: #193cb8;--pyrion-orange-500: #FC5509}}@layer utilities{.prometeo-fonts-display-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:56px;line-height:64px;color:var(--black)}.prometeo-fonts-display-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:48px;line-height:56px;color:var(--black)}.prometeo-fonts-display-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:36px;line-height:44px;color:var(--black)}.prometeo-fonts-headline-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;line-height:40px;color:var(--neutral-100)}.prometeo-fonts-headline-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:28px;line-height:32px;color:var(--neutral-100)}.prometeo-fonts-headline-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-medium{font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-title-small{font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-xlarge{font-family:Montserrat,sans-serif;font-weight:400;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-body-large{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100)}.prometeo-fonts-body-medium{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-small{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-body-xsmall{font-family:Montserrat,sans-serif;font-weight:400;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-fonts-label-xlarge{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-label-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-label-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-gradient-bg{background:linear-gradient(to bottom,var(--primary-900),var(--primary-950))}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.border-primary{border-color:var(--primary-500)}.border-primary-default-default{border-color:var(--primary-400)}.border-primary-default-hover{border-color:var(--primary-500)}.border-primary-default-focused,.border-primary-default-pressed{border-color:var(--primary-600)}.border-primary-default-disabled{border-color:var(--neutral-700)}.border-primary-strong-pressed{border-color:var(--primary-700)}.border-primary-light,.border-primary-medium-default{border-color:var(--primary-400)}.border-primary-medium-disabled{border-color:var(--neutral-600)}.border-primary-medium-hover{border-color:var(--primary-300)}.border-primary-medium-pressed{border-color:var(--primary-200)}.border-neutral,.border-neutral-default-default{border-color:var(--neutral-500)}.border-neutral-default-hover{border-color:var(--neutral-400)}.border-neutral-default-pressed,.border-neutral-default-focused{border-color:var(--neutral-500)}.border-neutral-default-disabled,.border-neutral-strong-default{border-color:var(--neutral-700)}.border-neutral-strong{border-color:var(--neutral-800)}.border-neutral-default{border-color:var(--neutral-900)}.border-neutral-medium{border-color:var(--neutral-600)}.border-neutral-weak{border-color:var(--neutral-700)}.border-success,.border-success-default-default{border-color:var(--success-500)}.border-success-default-hover{border-color:var(--success-600)}.border-success-default-pressed,.border-success-default-focused{border-color:var(--success-700)}.border-success-default-disabled{border-color:var(--neutral-800)}.border-error,.border-error-default-default{border-color:var(--error-500)}.border-error-default-hover{border-color:var(--error-600)}.border-error-default-pressed,.border-error-default-focused{border-color:var(--error-700)}.border-error-default-disabled{border-color:var(--neutral-800)}.border-warning,.border-warning-default-default{border-color:var(--warning-500)}.border-warning-default-hover{border-color:var(--warning-600)}.border-warning-default-pressed,.border-warning-default-focused{border-color:var(--warning-700)}.icon-neutral-default-default{color:var(--neutral-500)}.icon-neutral-medium-default{color:var(--neutral-400)}.icon-neutral-medium-focused{color:var(--neutral-600)}.icon-neutral-strong-default{color:var(--neutral-100)}.icon-neutral-strong-disabled{color:var(--neutral-500)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs-prometeo{font-size:.875rem;line-height:1.25}.text-sm-prometeo{font-size:1rem;line-height:1.375}.text-md-prometeo{font-size:1.125rem;line-height:1.375}.text-lg-prometeo{font-size:1.25rem;line-height:1.375}.text-xl-prometeo{font-size:1.5rem;line-height:1.375}.bg-primary{background-color:var(--primary-500)}.bg-primary:hover{background-color:var(--primary-600)}.bg-primary:active{background-color:var(--primary-700)}.bg-success{background-color:var(--success-500)}.bg-success:hover{background-color:var(--success-600)}.bg-error{background-color:var(--error-500)}.bg-error:hover{background-color:var(--error-600)}.input-base{padding:.5rem .75rem;border:1px solid var(--neutral-500);border-radius:.375rem;background-color:var(--neutral-800);color:var(--neutral-100)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #615fff1a}.ring-primary-default-default{--tw-ring-color: var(--primary-400)}.ring-primary-default-hover,.ring-primary-default-pressed,.ring-primary-default-focused{--tw-ring-color: var(--primary-600)}.ring-success-default-default{--tw-ring-color: var(--success-500)}.ring-success-default-hover,.ring-success-default-pressed{--tw-ring-color: var(--success-600)}.ring-success-default-focused{--tw-ring-color: var(--success-700)}.ring-warning-default-default{--tw-ring-color: var(--warning-500)}.ring-warning-default-hover{--tw-ring-color: var(--warning-600)}.ring-warning-default-pressed,.ring-warning-default-focused{--tw-ring-color: var(--warning-700)}.ring-error-default-default{--tw-ring-color: var(--error-500)}.ring-error-default-hover{--tw-ring-color: var(--error-600)}.ring-error-default-pressed,.ring-error-default-focused{--tw-ring-color: var(--error-700)}.prometeo-scrollbar-thin{--sb-size: 8px !important;--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400)}.prometeo-scrollbar-thin::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.prometeo-scrollbar-thin::-webkit-scrollbar-track{background:var(--sb-track-color)}.prometeo-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:2px solid var(--sb-track-color);border-radius:8px}.prometeo-scrollbar-thin-weak{--sb-size: 12px !important;--sb-track-color-weak: var(--neutral-900) !important;--sb-thumb-color-weak: var(--primary-900) !important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar{width:12px!important;height:var(--sb-size)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-track{background:var(--sb-track-color-weak)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-thumb{background:var(--sb-thumb-color-weak)!important;border:5px solid var(--sb-track-color-weak)!important;border-radius:8px!important}.scrollbar-stable{scrollbar-gutter:stable}.prometeo-scrollbar-overlay{--sb-size: 8px;padding-inline-end:var(--sb-size)!important;margin-inline-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay::-webkit-scrollbar{width:var(--sb-size)}.prometeo-scrollbar-overlay-x{--sb-size: 8px;padding-block-end:var(--sb-size)!important;margin-block-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay-x::-webkit-scrollbar{height:var(--sb-size)}.prometeo-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.prometeo-scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --spinner-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.spinner-sync-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--border-width: 4px;border-radius:9999px;border:var(--border-width) solid var(--spinner-secondary-color)}.spinner-sync-animation:before{content:"";position:absolute;inset:calc(-1 * var(--border-width));padding:var(--border-width);border-radius:inherit;background:conic-gradient(var(--spinner-secondary-color) 0deg,var(--spinner-secondary-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinner-sync-fill calc(4s / var(--spinner-speed)) linear infinite}@keyframes spinner-sync-fill{0%{--spinner-progress: 0deg;transform:rotate(0)}50%{--spinner-progress: 360deg;transform:rotate(360deg)}to{--spinner-progress: 0deg;transform:rotate(360deg)}}.spinner-dot-animation{display:inline-flex;align-items:flex-end;justify-content:center;gap:.25rem;--spinner-dot-color: var(--primary-500);--spinner-dot-speed: 1}.spinner-dot{background-color:var(--spinner-dot-color);border-radius:9999px;animation-name:spinner-dot-move;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(.8s / var(--spinner-dot-speed));transform-origin:center bottom}.spinner-dot:nth-child(2){animation-delay:calc(.8s / var(--spinner-dot-speed)/6)}.spinner-dot:nth-child(3){animation-delay:calc(.8s / var(--spinner-dot-speed)/6 * 2)}@keyframes spinner-dot-move{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}.spinner-bounce-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-speed: 1}.spinner-bounce-animation:before,.spinner-bounce-animation:after{content:"";position:absolute;inset:0;border-radius:9999px;background-color:var(--spinner-color);transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(1.5s / var(--spinner-speed))}.spinner-bounce-animation:before{animation-name:spinner-bounce-inner}.spinner-bounce-animation:after{opacity:.35;animation-name:spinner-bounce-outer}@keyframes spinner-bounce-inner{0%,to{transform:scale(0)}50%{transform:scale(.5)}}@keyframes spinner-bounce-outer{0%,to{transform:scale(1)}50%{transform:scale(.5)}}.spinner-linear-animation{position:relative;display:block;overflow:hidden;border-radius:9999px;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--spinner-height: .25rem;width:100%;height:var(--spinner-height);background-color:var(--spinner-secondary-color);background-color:color-mix(in srgb,var(--spinner-secondary-color) 40%,transparent)}.spinner-linear-animation:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-primary calc(4s / var(--spinner-speed)) ease-in-out infinite}.spinner-linear-animation:before{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-secondary-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-secondary calc(4s / var(--spinner-speed)) ease-in-out infinite}@keyframes spinner-linear-primary{0%{transform:scaleX(0);color:var(--spinner-color)}49%{transform:scaleX(1);color:var(--spinner-color)}50%{transform:scaleX(1);color:var(--spinner-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}@keyframes spinner-linear-secondary{0%,50%{transform:scaleX(1);color:var(--spinner-secondary-color)}99%{transform:scaleX(1);color:var(--spinner-secondary-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}.navigation-drawer{display:grid;grid-template-columns:auto 1fr;overflow-x:auto;scroll-snap-type:x mandatory;container-type:inline-size;scrollbar-width:none}.navigation-drawer>:nth-child(2){width:100cqw;scroll-snap-align:center}.navigation-drawer>:first-child{scroll-snap-align:start}.navigation-drawer :is(.system-thumbnail){display:none}.navigation-drawer :is(.collapse-button){display:none}.navigation-drawer-with-sidebar{display:grid;grid-template-columns:auto 1fr auto;overflow-x:auto;scroll-snap-type:x mandatory;container-type:inline-size;scrollbar-width:none}.navigation-drawer-with-sidebar>:nth-child(2){width:100cqw;scroll-snap-align:center}.navigation-drawer-with-sidebar>:first-child{scroll-snap-align:start}.navigation-drawer-with-sidebar>:last-child{scroll-snap-align:end}.navigation-drawer-with-sidebar>.sidebar{width:100cqw}.navigation-drawer-with-sidebar :is(.system-thumbnail){display:none}.navigation-drawer-with-sidebar :is(.collapse-button){display:none}@keyframes scroll_hold{to{scroll-snap-align:start}}@media(min-width:768px){.navigation-drawer{grid-template-columns:auto 1fr}.navigation-drawer>:nth-child(2){width:auto;flex-grow:1}.navigation-drawer-with-sidebar{grid-template-columns:auto 1fr;position:relative;overflow-x:hidden}.navigation-drawer-with-sidebar>:nth-child(2){width:auto}.navigation-drawer-with-sidebar>.sidebar{width:479px;min-width:0px;transition:width .3s ease-in-out;position:absolute;top:0;bottom:0;right:0;z-index:100}.navigation-drawer-with-sidebar>.sidebar.collapsed{width:0px;overflow:hidden;border-left-width:0px}.navigation-drawer-with-sidebar>.sidebar.collapsed .secure-click-margin{width:0px}.navigation-drawer-with-sidebar>.sidebar.expanded{width:min(30vw,480px)}.navigation-drawer-sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:90;cursor:default;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.navigation-drawer-with-sidebar>.sidebar.expanded .navigation-drawer-sidebar-overlay{opacity:1;pointer-events:auto}.navigation-drawer-sidebar-inner{position:relative;z-index:100;height:100%}.navigation-drawer-sidebar-inner .secure-click-margin{position:fixed;background:transparent;height:100%;width:10px;transform:translate(-100%)}.collapse-button{transition:transform .3s ease-in-out;display:flex!important}.system-thumbnail,.system-cover-image{transition:display,width .3s ease-in-out allow-discrete}.drawer{--collapsed-width: 80px;--expanded-width: 285px;transition:width .3s ease-in-out}.drawer .drawer-content{transition:all .3s ease-in-out}.drawer.collapsed{width:var(--collapsed-width)}.drawer.collapsed .collapse-button{transform:translate(4px)}.drawer.collapsed .collapse-button svg{transform:translate(4px) rotate(180deg)}.drawer.collapsed .system-thumbnail{display:block;width:100%}.drawer.collapsed .system-cover-image{display:none;width:0px}.drawer.collapsed .drawer-content{padding:8px 0}.drawer.expanded{width:var(--expanded-width)}.drawer.expanded .system-thumbnail{display:none;width:0px}.drawer.expanded .system-cover-image{display:block;width:100%}}.sublinks{--sublinks-max-height:0px;transition:max-height .3s ease-in-out,opacity .2s ease-in-out;interpolate-size:allow-keywords;transform-origin:top;overflow:hidden}.sublinks.collapsed{opacity:0;max-height:0px}.sublinks.expanded{opacity:1;max-height:var(--sublinks-max-height)}@media(min-width:768px){:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed{overflow-y:hidden}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed div{scrollbar-width:none}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem{width:48px;position:relative}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem label,:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem .sublinks-toggle{display:none}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem .badge{position:absolute;top:2px;right:2px}}.navitem:has(.sublinks-toggle button:active) .prometeo-fonts-label-large,.navitem:has(.sublinks-toggle button:focus-visible) .prometeo-fonts-label-large,.navitem:has(.sublinks-toggle button:active) svg,.navitem:has(.sublinks-toggle button:focus-visible) svg{color:inherit!important}@media(min-width:768px){:is(.navigation-drawer,.navigation-drawer-with-sidebar) .ticketcard-content{transition:all .3s ease-in-out}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .ticketcard-toggle-button{transition:all .3s ease-in-out;max-width:32px}:is(.navigation-drawer,.navigation-drawer-with-sidebar) :is(.ticketcard-content.clickable) .pyrion-navigation-drawer-user-card p{transition:all .3s ease-in-out}:is(.navigation-drawer,.navigation-drawer-with-sidebar) :is(.ticketcard-content.clickable):hover.clickable .pyrion-navigation-drawer-user-card p{color:var(--primary-400)!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-container{gap:0px!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-content{width:48px;min-width:48px;padding:8px}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-toggle-button{max-width:0!important;min-width:0!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .pyrion-navigation-drawer-user-card .usercard-content{opacity:0}}*,body{font-family:Montserrat,sans-serif}@utility prometeo-fonts-display-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 56px; line-height: 64px; color: var(--black);}@utility prometeo-fonts-display-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 48px; line-height: 56px; color: var(--black);}@utility prometeo-fonts-display-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 36px; line-height: 44px; color: var(--black);}@utility prometeo-fonts-headline-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; color: var(--neutral-100);}@utility prometeo-fonts-headline-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 28px; line-height: 32px; color: var(--neutral-100);}@utility prometeo-fonts-headline-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-medium{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-title-small{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-xlarge{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-body-large{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--neutral-100);}@utility prometeo-fonts-body-medium{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-small{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-body-xsmall{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-fonts-label-xlarge{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-label-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-label-xsmall{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-gradient-bg{background: linear-gradient(to bottom,var(--primary-900),var(--primary-950));}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility border-primary{border-color: var(--primary-500);}@utility border-primary-default-default{border-color: var(--primary-400);}@utility border-primary-default-hover{border-color: var(--primary-500);}@utility border-primary-default-focused{border-color: var(--primary-600);}@utility border-primary-default-pressed{border-color: var(--primary-600);}@utility border-primary-default-disabled{border-color: var(--neutral-700);}@utility border-primary-strong-pressed{border-color: var(--primary-700);}@utility border-primary-light{border-color: var(--primary-400);}@utility border-primary-medium-default{border-color: var(--primary-400);}@utility border-primary-medium-disabled{border-color: var(--neutral-600);}@utility border-primary-medium-hover{border-color: var(--primary-300);}@utility border-primary-medium-pressed{border-color: var(--primary-200);}@utility border-neutral{border-color: var(--neutral-500);}@utility border-neutral-default-default{border-color: var(--neutral-500);}@utility border-neutral-default-hover{border-color: var(--neutral-400);}@utility border-neutral-default-pressed{border-color: var(--neutral-500);}@utility border-neutral-default-focused{border-color: var(--neutral-500);}@utility border-neutral-default-disabled{border-color: var(--neutral-700);}@utility border-neutral-strong-default{border-color: var(--neutral-700);}@utility border-neutral-strong{border-color: var(--neutral-800);}@utility border-neutral-default{border-color: var(--neutral-900);}@utility border-neutral-medium{border-color: var(--neutral-600);}@utility border-neutral-weak{border-color: var(--neutral-700);}@utility border-success{border-color: var(--success-500);}@utility border-success-default-default{border-color: var(--success-500);}@utility border-success-default-hover{border-color: var(--success-600);}@utility border-success-default-pressed{border-color: var(--success-700);}@utility border-success-default-focused{border-color: var(--success-700);}@utility border-success-default-disabled{border-color: var(--neutral-800);}@utility border-error{border-color: var(--error-500);}@utility border-error-default-default{border-color: var(--error-500);}@utility border-error-default-hover{border-color: var(--error-600);}@utility border-error-default-pressed{border-color: var(--error-700);}@utility border-error-default-focused{border-color: var(--error-700);}@utility border-error-default-disabled{border-color: var(--neutral-800);}@utility border-warning{border-color: var(--warning-500);}@utility border-warning-default-default{border-color: var(--warning-500);}@utility border-warning-default-hover{border-color: var(--warning-600);}@utility border-warning-default-pressed{border-color: var(--warning-700);}@utility border-warning-default-focused{border-color: var(--warning-700);}@utility icon-neutral-default-default{color: var(--neutral-500);}@utility icon-neutral-medium-default{color: var(--neutral-400);}@utility icon-neutral-medium-focused{color: var(--neutral-600);}@utility icon-neutral-strong-default{color: var(--neutral-100);}@utility icon-neutral-strong-disabled{color: var(--neutral-500);}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility text-xs-prometeo{font-size: .875rem; line-height: 1.25;}@utility text-sm-prometeo{font-size: 1rem; line-height: 1.375;}@utility text-md-prometeo{font-size: 1.125rem; line-height: 1.375;}@utility text-lg-prometeo{font-size: 1.25rem; line-height: 1.375;}@utility text-xl-prometeo{font-size: 1.5rem; line-height: 1.375;}@utility bg-primary{background-color: var(--primary-500); &:hover {background-color: var(--primary-600);} &:active {background-color: var(--primary-700);}}@utility bg-success{background-color: var(--success-500); &:hover {background-color: var(--success-600);}}@utility bg-error{background-color: var(--error-500); &:hover {background-color: var(--error-600);}}@utility input-base{padding: .5rem .75rem; border: 1px solid var(--neutral-500); border-radius: .375rem; background-color: var(--neutral-800); color: var(--neutral-100); &:focus {outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(97,95,255,.1);}}@utility ring-primary-default-default{ --tw-ring-color: var(--primary-400); }@utility ring-primary-default-hover{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-pressed{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-focused{ --tw-ring-color: var(--primary-600); }@utility ring-success-default-default{ --tw-ring-color: var(--success-500); }@utility ring-success-default-hover{ --tw-ring-color: var(--success-600); }@utility ring-success-default-pressed{ --tw-ring-color: var(--success-600); }@utility ring-success-default-focused{ --tw-ring-color: var(--success-700); }@utility ring-warning-default-default{ --tw-ring-color: var(--warning-500); }@utility ring-warning-default-hover{ --tw-ring-color: var(--warning-600); }@utility ring-warning-default-pressed{ --tw-ring-color: var(--warning-700); }@utility ring-warning-default-focused{ --tw-ring-color: var(--warning-700); }@utility ring-error-default-default{ --tw-ring-color: var(--error-500); }@utility ring-error-default-hover{ --tw-ring-color: var(--error-600); }@utility ring-error-default-pressed{ --tw-ring-color: var(--error-700); }@utility ring-error-default-focused{ --tw-ring-color: var(--error-700); }*{--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400);--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:3px solid var(--neutral-800);border-radius:10px}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility prometeo-scrollbar-thin-weak{ --sb-size: 12px !important; --sb-track-color-weak: var(--neutral-900) !important; --sb-thumb-color-weak: var(--primary-900) !important; &::-webkit-scrollbar { width: 12px !important; height: var(--sb-size) !important; } &::-webkit-scrollbar-track { background: var(--sb-track-color-weak) !important; } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color-weak) !important; border: 5px solid var(--sb-track-color-weak) !important; border-radius: 8px !important; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility prometeo-scrollbar-overlay{ --sb-size: 8px; padding-inline-end: var(--sb-size) !important; margin-inline-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { width: var(--sb-size); } }@utility prometeo-scrollbar-overlay-x{ --sb-size: 8px; padding-block-end: var(--sb-size)!important; margin-block-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { height: var(--sb-size); } }@utility prometeo-scrollbar-none{scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {width: 0; height: 0; display: none; background: transparent;}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.input-group{position:relative;width:var(--input-width, 100%)}.input-field{padding:12px;border:1px solid var(--neutral-500);font-size:16px;transition:all .1s ease;border-radius:8px;box-sizing:border-box}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;padding:0 .25rem;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease;z-index:10}.input-field:focus+.floating-label,.input-field.has-value+.floating-label{top:-10px;left:0;transform:translateY(-50%);font-size:.75rem;color:var(--neutral-400)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:transparent;border:1px solid var(--neutral-400);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#fff;border-bottom:1px solid #374151}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#374151}.custom-option.selected{background-color:#1e40af}.custom-option.selected:hover{background-color:#1d4ed8}.option-checkbox{margin-right:.75rem;accent-color:#3b82f6}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem;flex-shrink:0}@keyframes cursor-intermitent{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes shadowPulse{0%{opacity:0;transform:scaleY(1)}20%{opacity:.3;transform:scaleY(1.05)}50%{opacity:.05;transform:scaleY(1)}80%{opacity:.3;transform:scaleY(1.05)}to{opacity:.05;transform:scaleY(1)}}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useRef as o, useLayoutEffect as u } from "react";
|
|
2
|
+
const c = (e) => {
|
|
3
|
+
let t = e;
|
|
4
|
+
for (; t && t !== document.body; ) {
|
|
5
|
+
const n = window.getComputedStyle(t).backgroundColor;
|
|
6
|
+
if (n && n !== "transparent" && n !== "rgba(0, 0, 0, 0)")
|
|
7
|
+
return n;
|
|
8
|
+
t = t.parentElement;
|
|
9
|
+
}
|
|
10
|
+
const r = window.getComputedStyle(document.body).backgroundColor;
|
|
11
|
+
return r && r !== "transparent" && r !== "rgba(0, 0, 0, 0)" ? r : "rgb(255, 255, 255)";
|
|
12
|
+
};
|
|
13
|
+
function d() {
|
|
14
|
+
const e = o(null);
|
|
15
|
+
return u(() => {
|
|
16
|
+
if (!e.current || !e.current.parentElement) return;
|
|
17
|
+
const t = c(e.current.parentElement);
|
|
18
|
+
e.current.style.backgroundColor = t;
|
|
19
|
+
}, []), {
|
|
20
|
+
ref: e
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
c as g,
|
|
25
|
+
d as u
|
|
26
|
+
};
|