prometeo-design-system 6.3.6 → 6.3.8

package/dist/PyrionLayout.es.js

@@ -2,7 +2,7 @@ import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { u as Tt, g as It } from "./useDevice-vwn4GLwK.js";
 import { c as k } from "./cn-B6yFEsav.js";
 import { g as ye } from "./utils-X4-h3cum.js";
-import je, { forwardRef as de, useState as H, useRef as D, useEffect as V, memo as E, useContext as ze, createContext as Le, useCallback as x, Children as Ot, isValidElement as pe, useMemo as ne, useLayoutEffect as De, useImperativeHandle as Te, use as Et } from "react";
+import je, { forwardRef as de, useState as H, useRef as D, useEffect as V, memo as E, useContext as ze, createContext as Le, useCallback as x, Children as Ot, isValidElement as pe, useMemo as se, useLayoutEffect as De, useImperativeHandle as Te, use as Et } from "react";
 import { createPortal as Be } from "react-dom";
 import { CloseNavBarDesktop as _t } from "./Icons/CloseNavBarDesktop.es.js";
 import { c as Ie } from "./index-BOQuZ0gG.js";
@@ -26,11 +26,11 @@ import { T as Ut, a as Wt } from "./TabLinks-DnoWdrdk.js";
 import { Notifications as $e } from "./Icons/Notifications.es.js";
 import { Settings as Vt } from "./Icons/Settings.es.js";
 const qt = de((t, r) => {
-  const [s, l] = H(t?.currentTabName || t.tabs[0]?.name), d = D(null), { tabs: a = [], className: c, activeColor: h = "var(--neutral-900)", currentSystemId: u, isLoading: f = !1 } = t;
+  const [s, l] = H(t?.currentTabName || t.tabs[0]?.name), d = D(null), { tabs: a = [], className: i, activeColor: h = "var(--neutral-900)", currentSystemId: u, isLoading: f = !1 } = t;
   V(() => {
     d.current?.style.setProperty("--tab-bg", h);
   }, [h]);
-  const i = a.find((m) => m?.id === u || m?.name === t?.currentTabName) || a.find((m) => m?.name === s);
+  const c = a.find((m) => m?.id === u || m?.name === t?.currentTabName) || a.find((m) => m?.name === s);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -41,7 +41,7 @@ const qt = de((t, r) => {
         "bg-neutral-strong-default",
         "h-full w-14 max-w-14 pl-[6px] py-6",
         "border-r border-neutral-default-default",
-        c
+        i
       ),
       children: (f ? Array(3).fill(null) : a).map(
         (m, g) => {
@@ -65,7 +65,7 @@ const qt = de((t, r) => {
               ), children: /* @__PURE__ */ e.jsx(ce, { shape: "rounded", className: "w-full h-full" }) })
             }
           );
-          const S = m?.name === i?.name, C = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, p = () => {
+          const S = m?.name === c?.name, C = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, p = () => {
             m.disabled || (l(m?.name), m.onClick && m.onClick(m?.name));
           };
           return /* @__PURE__ */ e.jsx(
@@ -95,14 +95,14 @@ const qt = de((t, r) => {
       )
     }
   );
-}), Ke = E(de(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: d = !1, unmountChildrenOnClose: a = !0 }, c) => {
-  const h = be(t, s), u = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: f } = $t(), { closeSidebar: i } = oe(), [m, g] = H(() => a ? f : !0), [S, C] = H(!1);
+}), Ke = E(de(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: d = !1, unmountChildrenOnClose: a = !0 }, i) => {
+  const h = be(t, s), u = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: f } = $t(), { closeSidebar: c } = oe(), [m, g] = H(() => a ? f : !0), [S, C] = H(!1);
   return V(() => {
     a && s?.subscribeToSidebarOpen((p) => {
       p ? (C(!1), g(!0)) : C(!0);
     });
   }, [a]), V(() => {
-    const p = c && typeof c == "object" && "current" in c ? c.current : null;
+    const p = i && typeof i == "object" && "current" in i ? i.current : null;
     if (!p) return;
     const _ = () => {
       S && (g(!1), C(!1));
@@ -114,12 +114,12 @@ const qt = de((t, r) => {
       {
         className: k("navigation-drawer-sidebar-overlay"),
         onClick: (p) => {
-          p.preventDefault(), p.stopPropagation(), d && i?.();
+          p.preventDefault(), p.stopPropagation(), d && c?.();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { ref: c, className: k("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": l || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: k("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
+    /* @__PURE__ */ e.jsx("div", { ref: i, className: k("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": l || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: k("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin hidden" }),
       m && h
     ] }) })
@@ -148,7 +148,7 @@ const Je = Le(null), Ge = Le(null), $t = () => {
   desktop: !1,
   mobile: !0
 }, Yt = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: d, modal: a = !0, closeOnOutsideClick: c = !0 } = t, h = D(null), u = D(null), f = D(null), i = t.outletRef ?? D(null), m = D(null), g = D(Jt(Kt(), t.defaultCollapsedState ?? Xt)), S = D(!1), C = D("drawer"), p = D(/* @__PURE__ */ new Set()), _ = D(/* @__PURE__ */ new Set()), j = x((o) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: d, modal: a = !0, closeOnOutsideClick: i = !0 } = t, h = D(null), u = D(null), f = D(null), c = t.outletRef ?? D(null), m = D(null), g = D(Jt(Kt(), t.defaultCollapsedState ?? Xt)), S = D(!1), C = D("drawer"), p = D(/* @__PURE__ */ new Set()), _ = D(/* @__PURE__ */ new Set()), j = x((o) => {
     const w = f.current;
     w && (w.classList.toggle("collapsed", o), w.classList.toggle("expanded", !o));
   }, []), v = x((o) => {
@@ -221,7 +221,7 @@ const Je = Le(null), Ge = Le(null), $t = () => {
     openDrawer: (o) => q(o),
     getIsCollapsed: () => {
       if (!window.matchMedia("(min-width: 768px)").matches) {
-        const w = h.current, I = i.current;
+        const w = h.current, I = c.current;
         if (w && I) {
           const M = w.scrollLeft, ee = I.offsetLeft, te = Math.abs(M - ee) < Math.abs(M);
           return te !== g.current && (g.current = te, j(te)), te;
@@ -324,7 +324,7 @@ const Je = Le(null), Ge = Le(null), $t = () => {
     }
     Q.push(o);
   });
-  const re = !!W, ae = W ?? (Q.length ? /* @__PURE__ */ e.jsx(we, { children: Q }) : null), le = re ? Q : [], Z = K ?? (!!K ? /* @__PURE__ */ e.jsx(Ae, { children: J, context: U, modal: a, closeOnOutsideClick: c }) : null), xe = Y ?? (!!Y ? /* @__PURE__ */ e.jsx(ve, { children: Y }) : null), Ne = !!L, se = L, me = !!B, ie = ne(() => ({
+  const re = !!W, ae = W ?? (Q.length ? /* @__PURE__ */ e.jsx(we, { children: Q }) : null), le = re ? Q : [], Z = K ?? (!!K ? /* @__PURE__ */ e.jsx(Ae, { children: J, context: U, modal: a, closeOnOutsideClick: i }) : null), xe = Y ?? (!!Y ? /* @__PURE__ */ e.jsx(ve, { children: Y }) : null), Ne = !!L, ne = L, me = !!B, ie = se(() => ({
     isCollapsed: g.current,
     isSidebarOpen: !S.current
   }), [g.current, S.current]);
@@ -369,12 +369,12 @@ const Je = Le(null), Ge = Le(null), $t = () => {
         ]
       }
     ),
-    Z && pe(Z) ? je.cloneElement(Z, { ref: i, modal: a, closeOnOutsideClick: c }) : Z,
-    se && pe(se) ? je.cloneElement(se, {
+    Z && pe(Z) ? je.cloneElement(Z, { ref: c, modal: a, closeOnOutsideClick: i }) : Z,
+    ne && pe(ne) ? je.cloneElement(ne, {
       ref: m,
-      className: k("sidebar", se.props?.className, l),
+      className: k("sidebar", ne.props?.className, l),
       context: U
-    }) : se
+    }) : ne
   ] }) }) });
 }, Fe = E(Yt), Ye = E(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
@@ -404,12 +404,12 @@ ve.displayName = "NavigationDrawerFooter";
 const Qe = E(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: k("w-full border-t border-neutral-strong-default ", t) }));
 Qe.displayName = "NavigationDrawerSpacer";
 const Ae = E(de(({ children: t, className: r, context: s, modal: l, closeOnOutsideClick: d }, a) => {
-  const c = be(t, s), h = oe(), u = () => {
+  const i = be(t, s), h = oe(), u = () => {
     d && (h.closeDrawer(), h.closeSidebar());
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: a, className: k("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: u }),
-    c
+    i
   ] }) });
 }), (t, r) => t.children === r.children && t.className === r.className), X = Object.assign(Fe, {
   Root: Fe,
@@ -485,17 +485,17 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
     count: l,
     className: d,
     isSelected: a = !1,
-    hasSublinks: c,
+    hasSublinks: i,
     subLinksCollapsed: h,
     onToggleSublinks: u,
     as: f = "div",
-    onClick: i,
+    onClick: c,
     onAuxClick: m,
     disabled: g = !1,
     tooltipText: S,
     selectorCss: C
   } = t, p = (y) => {
-    g || i?.(y);
+    g || c?.(y);
   }, _ = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
       s && (S ? /* @__PURE__ */ e.jsx(Pt, { title: S, disabled: g, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: ke({ disabled: g, isSelected: a }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: ke({ disabled: g, isSelected: a }) })),
@@ -503,7 +503,7 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
       l && l ? /* @__PURE__ */ e.jsx(He, { count: l, maxCount: 99, className: "badge", disabled: g }) : "",
-      c && /* @__PURE__ */ e.jsx(
+      i && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: k(
@@ -559,7 +559,7 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
 }, Re = E(tr);
 Re.displayName = "NavigationDrawerItemBase";
 const rr = (t) => {
-  const { title: r, icon: s, count: l, className: d, isActive: a, onClick: c, isView: h = !0, disabled: u, tooltipText: f, selectorCss: i } = t;
+  const { title: r, icon: s, count: l, className: d, isActive: a, onClick: i, isView: h = !0, disabled: u, tooltipText: f, selectorCss: c } = t;
   return h ? /* @__PURE__ */ e.jsx(
     Re,
     {
@@ -569,10 +569,10 @@ const rr = (t) => {
       count: l,
       className: d,
       isSelected: a,
-      onClick: c,
+      onClick: i,
       disabled: u,
       tooltipText: f,
-      selectorCss: i
+      selectorCss: c
     }
   ) : null;
 }, Ze = E(rr);
@@ -581,15 +581,15 @@ const sr = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) =
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
 }, children: t?.map((d) => {
-  const { id: a, onClick: c, isView: h = !0, payload: u, ...f } = d, i = a === r, m = () => {
-    s?.(a, u), c?.();
+  const { id: a, onClick: i, isView: h = !0, payload: u, ...f } = d, c = a === r, m = () => {
+    s?.(a, u), i?.();
   };
   return h ? /* @__PURE__ */ e.jsx(
     Ze,
     {
       ...f,
       id: a,
-      isActive: i,
+      isActive: c,
       onClick: m
     },
     a
@@ -597,16 +597,16 @@ const sr = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) =
 }) }), et = E(sr);
 et.displayName = "NavigationDrawerActions";
 const nr = (t) => {
-  const { className: r, title: s, path: l, onClick: d, isSelected: a, parentPath: c } = t, { pathname: h } = Ue(), u = x(() => {
+  const { className: r, title: s, path: l, onClick: d, isSelected: a, parentPath: i } = t, { pathname: h } = Ue(), u = x(() => {
     d?.(l);
   }, [l]), f = x(() => {
     if (l.startsWith("./")) {
-      if (!c) return;
-      const m = c + l.slice(2);
+      if (!i) return;
+      const m = i + l.slice(2);
       window.open(m, "_blank");
     } else
       window.open(l, "_blank");
-  }, [l]), i = a || l === h;
+  }, [l]), c = a || l === h;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
@@ -617,20 +617,20 @@ const nr = (t) => {
         "transition-all duration-300 ease-in-out cursor-pointer",
         "h-10 w-full rounded-lg py-[11px] px-3",
         "hover:bg-neutral-medium-hover",
-        i && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
+        c && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
         r
       ),
       children: /* @__PURE__ */ e.jsx("p", { className: k(
         "prometeo-fonts-label-large text-neutral-medium-default",
         "group-active:text-neutral-default-focused group-focus:text-neutral-default-focused",
-        i && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
+        c && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
       ), children: s })
     }
   );
 }, tt = E(nr);
 tt.displayName = "NavItemSecondary";
 const or = de((t, r) => {
-  const [s, l] = H(!0), d = D(null), { path: a, title: c, icon: h, count: u, className: f, isSelected: i = !1, onClick: m, sublinks: g, toggleCollapse: S, getIsCollapsed: C, subscribeToCollapse: p, isView: _ = !0, disabled: j, tooltipText: v, selectorCss: y } = t;
+  const [s, l] = H(!0), d = D(null), { path: a, title: i, icon: h, count: u, className: f, isSelected: c = !1, onClick: m, sublinks: g, toggleCollapse: S, getIsCollapsed: C, subscribeToCollapse: p, isView: _ = !0, disabled: j, tooltipText: v, selectorCss: y } = t;
   V(() => p ? p((P) => {
     P && l(!0);
   }) : void 0, [p]);
@@ -685,11 +685,11 @@ const or = de((t, r) => {
       Re,
       {
         as: "a",
-        title: c,
+        title: i,
         icon: z,
         count: u,
         className: f,
-        isSelected: i,
+        isSelected: c,
         hasSublinks: !!g,
         subLinksCollapsed: s,
         onToggleSublinks: J,
@@ -704,12 +704,12 @@ const or = de((t, r) => {
 }), rt = E(or);
 rt.displayName = "NavigationDrawerLinkItem";
 const ar = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l, toggleCollapse: d, subscribeToCollapse: a }) => {
-  const { pathname: c } = Ue();
+  const { pathname: i } = Ue();
   return /* @__PURE__ */ e.jsx(Oe, { className: k("flex flex-col w-full", s), contentClassName: "space-y-2", axis: "y", scrollbarProps: { hide: !0 }, indicators: {
     top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
     bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
   }, children: t?.map((h, u) => {
-    const f = h.isSelected || h.path === c || (h.relatedPaths?.some((i) => c.startsWith(i)) ?? !1) || (h.sublinks?.some((i) => i.path === c) ?? !1);
+    const f = h.isSelected || h.path === i || (h.relatedPaths?.some((c) => i.startsWith(c)) ?? !1) || (h.sublinks?.some((c) => c.path === i) ?? !1);
     return /* @__PURE__ */ e.jsx(
       rt,
       {
@@ -728,14 +728,14 @@ const ar = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l,
   }) });
 }, st = E(ar);
 st.displayName = "NavigationDrawerNavlinks";
-const nt = E(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: l, initialSectionRef: d, navigationControlsRef: a, onActionClick: c }) => {
-  const { getIsCollapsed: h, toggleCollapse: u, subscribeToCollapse: f, subscribeToSidebarOpen: i, getIsSidebarOpen: m } = oe(), [g, S] = H(() => m?.() ?? !1), [C, p] = H(() => d?.current ?? "notifications");
+const nt = E(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: l, initialSectionRef: d, navigationControlsRef: a, onActionClick: i }) => {
+  const { getIsCollapsed: h, toggleCollapse: u, subscribeToCollapse: f, subscribeToSidebarOpen: c, getIsSidebarOpen: m } = oe(), [g, S] = H(() => m?.() ?? !1), [C, p] = H(() => d?.current ?? "notifications");
   V(() => {
-    const v = i?.(S), y = a?.current?.subscribeToSection?.(p);
+    const v = c?.(S), y = a?.current?.subscribeToSection?.(p);
     return () => {
       v?.(), y?.();
     };
-  }, [i, a]);
+  }, [c, a]);
   const j = g && (C === "notifications" || C === "help") ? C : l;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(X.Spacer, { className: "pb-3" }),
@@ -756,7 +756,7 @@ const nt = E(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
         {
           actions: s,
           activeActionId: j,
-          onActionClick: c,
+          onActionClick: i,
           className: "max-h-[30dvh]"
         }
       )
@@ -770,7 +770,7 @@ const lr = (t) => {
     return null;
   const a = (u, f) => {
     s && f && s(u, f);
-  }, c = (u) => {
+  }, i = (u) => {
     if (!d)
       return;
     const f = ye({ session: u }, d);
@@ -785,7 +785,7 @@ const lr = (t) => {
         name: f.name,
         avatarSize: "xxs",
         secondarySlot: h(u),
-        subImageUrl: c(u),
+        subImageUrl: i(u),
         imageUrl: f.profile_picture,
         className: "pyrion-navigation-drawer-user-card"
       },
@@ -799,19 +799,19 @@ const lr = (t) => {
   resolveSessionSecondarySlot: l,
   onSessionClick: d,
   onLogoutClick: a,
-  onProfileClick: c,
+  onProfileClick: i,
   options: h,
   currentSystemId: u,
   userOptionsControls: f,
-  mobileAppSwitcherControls: i
+  mobileAppSwitcherControls: c
 }) => {
   const { getIsCollapsed: m, toggleCollapse: g, subscribeToCollapse: S } = oe(), C = x(() => {
     const p = m();
-    p ? (g(), f.current?.open()) : c?.(p);
-  }, [m, g, f, c]);
+    p ? (g(), f.current?.open()) : i?.(p);
+  }, [m, g, f, i]);
   return V(() => S((p) => {
-    p && (f.current?.close(), i.current?.close());
-  }), [S, f, i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    p && (f.current?.close(), c.current?.close());
+  }), [S, f, c]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(X.Spacer, { className: "mb-3" }),
     /* @__PURE__ */ e.jsxs(he, { className: "", controls: f, children: [
       /* @__PURE__ */ e.jsx(he.Content, { onClick: C, className: "max-h-[60px] min-h-[60px] h-[60px] max-w-[70vw] w-[min(285px,70vw)] flex items-center", children: /* @__PURE__ */ e.jsx(
@@ -880,8 +880,8 @@ const lr = (t) => {
   for (const d of s) {
     if (!Object.prototype.hasOwnProperty.call(r, d))
       return !1;
-    const a = t[d], c = r[d];
-    if (a !== c)
+    const a = t[d], i = r[d];
+    if (a !== i)
       return !1;
   }
   return t.currentAppSessions !== r.currentAppSessions || t.options !== r.options || t.currentSystemId !== r.currentSystemId || t.userOptionsControls !== r.userOptionsControls || t.mobileAppSwitcherControls !== r.mobileAppSwitcherControls;
@@ -894,8 +894,8 @@ const at = E(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
         const h = t.find((u) => u._id === s);
         if (h) return { coverImage: h.coverImage, thumbnail: h.thumbnail };
       }
-      const a = window.location.origin, c = t.find((h) => h.url === a);
-      if (c) return { coverImage: c.coverImage, thumbnail: c.thumbnail };
+      const a = window.location.origin, i = t.find((h) => h.url === a);
+      if (i) return { coverImage: i.coverImage, thumbnail: i.thumbnail };
     }
     return { coverImage: "", thumbnail: "" };
   }, [t]), d = !!r;
@@ -981,10 +981,10 @@ function fr({
   isHyperDown: l,
   feedback: d,
   showSummaryInSlot: a,
-  copyOverrides: c,
+  copyOverrides: i,
   className: h
 }) {
-  const u = ur(t, c), f = !s && d.phase === "empty" && l, i = !s && d.phase === "idle";
+  const u = ur(t, i), f = !s && d.phase === "empty" && l, c = !s && d.phase === "idle";
   return /* @__PURE__ */ e.jsxs("div", { className: k("grid min-h-11 place-items-center p-4 relative text-center isolate", h), children: [
     /* @__PURE__ */ e.jsx(
       "p",
@@ -1024,7 +1024,7 @@ function fr({
       {
         className: k(
           "relative z-0 prometeo-fonts-label-medium text-neutral-medium-default transition-opacity duration-300 pointer-events-none",
-          i ? "opacity-100" : "opacity-0"
+          c ? "opacity-100" : "opacity-0"
         ),
         children: u.idleHint
       }
@@ -1041,7 +1041,7 @@ const mr = ({ type: t }) => {
   ] }),
   /* @__PURE__ */ e.jsx(ce, { shape: "rounded", className: "w-20 h-3" })
 ] }), hr = 2500, br = 400, xr = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: s, errorState: l, notifications: d, scrollableState: a }) => {
-  const [c, h] = H("NO_LEIDAS"), u = D(null), f = D(null), [i, m] = H({ phase: "idle" }), g = D(null), S = D(s.isLoading), C = D(0), p = D(!1), _ = D(0), j = D(0), v = x(() => {
+  const [i, h] = H("NO_LEIDAS"), u = D(null), f = D(null), [c, m] = H({ phase: "idle" }), g = D(null), S = D(s.isLoading), C = D(0), p = D(!1), _ = D(0), j = D(0), v = x(() => {
     g.current && (clearTimeout(g.current), g.current = null);
   }, []), y = x(() => {
     v(), g.current = setTimeout(() => {
@@ -1050,7 +1050,7 @@ const mr = ({ type: t }) => {
   }, [v]);
   V(() => () => v(), [v]), V(() => {
     v(), m({ phase: "idle" }), p.current = !1;
-  }, [c, v]), V(() => {
+  }, [i, v]), V(() => {
     const L = S.current;
     if (S.current = s.isLoading, !L && s.isLoading && s.type === "load_more" && (p.current = !0, C.current = d.length, v(), m({ phase: "idle" })), L && !s.isLoading && p.current) {
       p.current = !1;
@@ -1068,7 +1068,7 @@ const mr = ({ type: t }) => {
     v,
     y
   ]), V(() => {
-    if (!(i.phase !== "success" && i.phase !== "empty")) {
+    if (!(c.phase !== "success" && c.phase !== "empty")) {
       if (a.state.hyperextensionActive.down) {
         v();
         return;
@@ -1076,15 +1076,15 @@ const mr = ({ type: t }) => {
       y();
     }
   }, [
-    i.phase,
-    i.phase === "success" ? i.addedCount : 0,
-    i.phase === "success" ? i.bumpId : 0,
+    c.phase,
+    c.phase === "success" ? c.addedCount : 0,
+    c.phase === "success" ? c.bumpId : 0,
     a.state.hyperextensionActive.down,
     v,
     y
   ]), V(() => {
-    if (i.phase !== "success") return;
-    const L = i.bumpId;
+    if (c.phase !== "success") return;
+    const L = c.bumpId;
     if (j.current === L) return;
     j.current = L;
     let B = 0, re = 0;
@@ -1098,8 +1098,8 @@ const mr = ({ type: t }) => {
       cancelAnimationFrame(B), cancelAnimationFrame(re);
     };
   }, [
-    i.phase,
-    i.phase === "success" ? i.bumpId : 0,
+    c.phase,
+    c.phase === "success" ? c.bumpId : 0,
     a.handlers
   ]);
   const A = (L) => {
@@ -1110,15 +1110,15 @@ const mr = ({ type: t }) => {
       const L = u.current.clientHeight;
       f.current.style.setProperty("height", `calc(100dvh - ${L}px - 20px)`);
     }
-  }, [u?.current, c]);
-  const R = d.filter((L) => !L.read).length, { isLoading: z, type: q } = s, $ = z && q === "load_more", { hasError: U, children: J } = l, F = ne(() => d?.filter(
-    (L) => c === "NO_LEIDAS" ? !L.read : L
-  ), [d, c]), P = ne(() => ({
-    activeTab: c,
+  }, [u?.current, i]);
+  const R = d.filter((L) => !L.read).length, { isLoading: z, type: q } = s, $ = z && q === "load_more", { hasError: U, children: J } = l, F = se(() => d?.filter(
+    (L) => i === "NO_LEIDAS" ? !L.read : L
+  ), [d, i]), P = se(() => ({
+    activeTab: i,
     isLoading: z,
     notificationsLength: d.length
     // Añadir la longitud de las notificaciones como metadata
-  }), [c, z, d.length]), W = c !== "NO_LEIDAS", Y = a.state.hyperextensionActive.down, Q = c === "NO_LEIDAS" ? "sync_unread" : "load_more", K = !$ && (i.phase === "success" || i.phase === "empty");
+  }), [i, z, d.length]), W = se(() => i !== "NO_LEIDAS", [i]), Y = a.state.hyperextensionActive.down, Q = i === "NO_LEIDAS" ? "sync_unread" : "load_more", K = !$ && (c.phase === "success" || c.phase === "empty");
   return /* @__PURE__ */ e.jsx(
     "section",
     {
@@ -1137,7 +1137,7 @@ const mr = ({ type: t }) => {
             {
               className: "px-4 md:px-2 md:pl-2 pl-2 gap-0 md:gap-0",
               onTabChange: A,
-              activeTab: c,
+              activeTab: i,
               items: [
                 { id: "ALL", title: "Todas" },
                 { id: "NO_LEIDAS", title: "Sin leer" }
@@ -1157,11 +1157,11 @@ const mr = ({ type: t }) => {
                     iconSize: fe
                   }
                 ),
-                R > 0 && L.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(He, { count: R, maxCount: 99, className: "absolute top-1 -right-1" }) })
+                R > 0 && L.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsx(He, { count: R, maxCount: 99, className: "absolute top-1 -right-1" })
               ] })
             }
           ),
-          r && b && c === "NO_LEIDAS" && !U && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ee, { disabled: z || R === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && b && i === "NO_LEIDAS" && !U && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ee, { disabled: z || R === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -1187,10 +1187,10 @@ const mr = ({ type: t }) => {
                       fr,
                       {
                         action: Q,
-                        activeTab: c,
+                        activeTab: i,
                         isLoadMorePending: $,
                         isHyperDown: Y,
-                        feedback: i,
+                        feedback: c,
                         showSummaryInSlot: K
                       }
                     )
@@ -1218,7 +1218,7 @@ const mr = ({ type: t }) => {
                       /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-strong-default", children: "Cargando más notificaciones" }),
                       /* @__PURE__ */ e.jsx(Ht, { variant: "dot", size: "small", color: "var(--neutral-200)", className: "*:size-[3px]", speedMultiplier: 0.9 })
                     ] }),
-                    i.phase === "empty" && /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-medium-default", children: "No se agregaron notificaciones nuevas" })
+                    c.phase === "empty" && /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-medium-default", children: "No se agregaron notificaciones nuevas" })
                   ]
                 }
               )
@@ -1229,7 +1229,7 @@ const mr = ({ type: t }) => {
     }
   );
 }, gr = (t) => {
-  const { notificationsListControls: r } = t, [s, l] = H([]), [d, a] = H({ isLoading: !1, type: "load_more" }), [c, h] = H({ hasError: !1 }), [u, f] = H(!0), i = D(/* @__PURE__ */ new Set());
+  const { notificationsListControls: r } = t, [s, l] = H([]), [d, a] = H({ isLoading: !1, type: "load_more" }), [i, h] = H({ hasError: !1 }), [u, f] = H(!0), c = D(/* @__PURE__ */ new Set());
   V(() => {
     u || setTimeout(() => {
       f(!0);
@@ -1239,26 +1239,26 @@ const mr = ({ type: t }) => {
     l((A) => {
       const b = Array.isArray(v) ? y === "bottom" ? [...A, ...v] : [...v, ...A] : y === "bottom" ? [...A, v] : [v, ...A];
       return queueMicrotask(() => {
-        i.current.forEach((R) => R(b, { total: b.length, unread: b.filter((z) => !z.read).length }));
+        c.current.forEach((R) => R(b, { total: b.length, unread: b.filter((z) => !z.read).length }));
       }), b;
     });
-  }, []), g = x((v) => (i.current.add(v), () => {
-    i.current.delete(v);
+  }, []), g = x((v) => (c.current.add(v), () => {
+    c.current.delete(v);
   }), []), S = x((v) => {
     l((y) => {
       const A = Array.isArray(v) ? y.filter((b) => !v.includes(b._id)) : y.filter((b) => b._id !== v);
       return queueMicrotask(() => {
-        i.current.forEach((b) => b(A, { total: A.length, unread: A.filter((R) => !R.read).length }));
+        c.current.forEach((b) => b(A, { total: A.length, unread: A.filter((R) => !R.read).length }));
       }), A;
     });
   }, []), C = x(() => {
     l([]), queueMicrotask(() => {
-      i.current.forEach((v) => v([], { total: 0, unread: 0 }));
+      c.current.forEach((v) => v([], { total: 0, unread: 0 }));
     });
   }, []), p = x((v) => {
     const y = Array.isArray(v) ? v : v(s);
     l(y), queueMicrotask(() => {
-      i.current.forEach((A) => A(y, { total: y.length, unread: y.filter((b) => !b.read).length }));
+      c.current.forEach((A) => A(y, { total: y.length, unread: y.filter((b) => !b.read).length }));
     });
   }, []), _ = x((v, y = "load_more") => {
     a({ isLoading: v, type: y });
@@ -1277,20 +1277,20 @@ const mr = ({ type: t }) => {
   }), [m, g, p, S, C, _, j, f]), {
     notifications: s,
     loadingState: d,
-    errorState: c,
+    errorState: i,
     hasNextPage: u
   };
-}, yr = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: d, scrollableControls: a, navigationControls: c }) => {
+}, yr = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: d, scrollableControls: a, navigationControls: i }) => {
   const [h, u] = H(l ?? "notifications");
   V(() => {
-    const C = c?.current?.subscribeToSection?.(u);
+    const C = i?.current?.subscribeToSection?.(u);
     return () => {
       C?.();
     };
-  }, [c]);
+  }, [i]);
   const f = () => {
     t();
-  }, { notifications: i, loadingState: m, errorState: g } = gr({ notificationsListControls: d }), S = Ft({ scrollTopButton: { target: "2000px" } });
+  }, { notifications: c, loadingState: m, errorState: g } = gr({ notificationsListControls: d }), S = Ft({ scrollTopButton: { target: "2000px" } });
   return Te(a, () => ({
     subscribeToScrollTarget: S.handlers.subscribeToScrollTarget,
     subscribeToHyperextension: S.handlers.subscribeToHyperextension,
@@ -1301,7 +1301,7 @@ const mr = ({ type: t }) => {
       {
         onCloseClick: f,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
-        notifications: i,
+        notifications: c,
         loadingState: m,
         errorState: g,
         scrollableState: S
@@ -1319,11 +1319,11 @@ const wr = ({
   scrollableControls: d,
   navigationControls: a
 }) => {
-  const { closeSidebar: c } = oe();
+  const { closeSidebar: i } = oe();
   return /* @__PURE__ */ e.jsx(
     it,
     {
-      closeSidebar: c,
+      closeSidebar: i,
       options: t,
       helpSection: r,
       initialSection: s.current,
@@ -1338,7 +1338,7 @@ const vr = ({ navigationControlsRef: t }) => {
   const r = oe();
   return t.current.toggleCollapse = r.toggleCollapse, t.current.toggleDrawer = r.toggleDrawer, t.current.closeDrawer = r.closeDrawer, t.current.openDrawer = r.openDrawer, t.current.getIsCollapsed = r.getIsCollapsed, t.current.subscribeToCollapse = r.subscribeToCollapse, t.current.openSidebar = r.openSidebar, t.current.closeSidebar = r.closeSidebar, t.current.toggleSidebar = r.toggleSidebar, t.current.getIsSidebarOpen = r.getIsSidebarOpen, t.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, t.current.setDrawerDragEnabled = r.setDrawerDragEnabled, t.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
 }, Nr = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: d, handleNavigation: a, allActions: c, tabs: h, navigationControlsRef: u, initialSectionRef: f, userOptionsControls: i, mobileAppSwitcherControls: m, notificationsListControls: g, scrollableControls: S, outletRef: C, ...p } = t;
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: d, handleNavigation: a, allActions: i, tabs: h, navigationControlsRef: u, initialSectionRef: f, userOptionsControls: c, mobileAppSwitcherControls: m, notificationsListControls: g, scrollableControls: S, outletRef: C, ...p } = t;
   return /* @__PURE__ */ e.jsxs(X, { disableDragOpen: p.options?.disableDragOpen, outletRef: C, defaultCollapsedState: p.options?.defaultCollapsedState, children: [
     /* @__PURE__ */ e.jsx(vr, { navigationControlsRef: u }),
     /* @__PURE__ */ e.jsx(X.LeftSlot, { children: /* @__PURE__ */ e.jsx(
@@ -1365,7 +1365,7 @@ const vr = ({ navigationControlsRef: t }) => {
       {
         navlinks: p.links,
         handleNavigation: a,
-        allActions: c,
+        allActions: i,
         activeActionId: p.activeActionId,
         initialSectionRef: f,
         navigationControlsRef: u,
@@ -1383,7 +1383,7 @@ const vr = ({ navigationControlsRef: t }) => {
         onLogoutClick: p.onLogoutClick,
         options: p.options,
         currentSystemId: p.currentSystemId,
-        userOptionsControls: i,
+        userOptionsControls: c,
         mobileAppSwitcherControls: m,
         onProfileClick: p.onProfileClick
       }
@@ -1411,14 +1411,14 @@ const vr = ({ navigationControlsRef: t }) => {
     )
   ] });
 }, dt = E(Nr, (t, r) => {
-  const { children: s, ...l } = t, { children: d, ...a } = r, c = Object.keys(l), h = Object.keys(a);
-  if (c.length !== h.length)
+  const { children: s, ...l } = t, { children: d, ...a } = r, i = Object.keys(l), h = Object.keys(a);
+  if (i.length !== h.length)
     return !1;
-  for (const u of c) {
+  for (const u of i) {
     if (!Object.prototype.hasOwnProperty.call(a, u))
       return !1;
-    const f = l[u], i = a[u];
-    if (f !== i)
+    const f = l[u], c = a[u];
+    if (f !== c)
       return !1;
   }
   return !0;
@@ -1431,7 +1431,7 @@ const ft = Le(null), Xr = () => {
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, Yr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: d, onNavigate: a, onLogoutClick: c, actions: h, activeActionId: u, onActionClick: f, tabsProps: i, currentSystemId: m, onSessionClick: g, onSystemLogoClick: S, onProfileClick: C, ...p }) => {
+}, Yr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: d, onNavigate: a, onLogoutClick: i, actions: h, activeActionId: u, onActionClick: f, tabsProps: c, currentSystemId: m, onSessionClick: g, onSystemLogoClick: S, onProfileClick: C, ...p }) => {
   const j = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
@@ -1484,17 +1484,17 @@ const ft = Le(null), Xr = () => {
       internal: ue(O?.url),
       external: O?.url
     };
-    le.system[N][T](G[T]), i?.onTabClick?.(n);
-  }, [m, ue, v, s.enabled_systems, i?.onTabClick]), fe = x((n) => {
+    le.system[N][T](G[T]), c?.onTabClick?.(n);
+  }, [m, ue, v, s.enabled_systems, c?.onTabClick]), fe = x((n) => {
     const N = v ? "mobile" : "desktop", O = s.company.products?.find((T) => T.name === n)?.domain;
-    le.product[N](O), i?.onTabClick?.(n);
-  }, [v, s.company.products, i?.onTabClick]), xe = x((n, N) => {
+    le.product[N](O), c?.onTabClick?.(n);
+  }, [v, s.company.products, c?.onTabClick]), xe = x((n, N) => {
     if (N) {
-      N(n), i?.onTabClick?.(n);
+      N(n), c?.onTabClick?.(n);
       return;
     } else
-      i?.onTabClick?.(n);
-  }, [i?.onTabClick]), Ne = x(() => {
+      c?.onTabClick?.(n);
+  }, [c?.onTabClick]), Ne = x(() => {
     const n = {};
     s.enabled_systems.forEach((O) => {
       n[O.url] = O.name;
@@ -1504,7 +1504,7 @@ const ft = Le(null), Xr = () => {
       if (N === O)
         return T;
     return "";
-  }, [s.enabled_systems]), se = i?.currentTabName || Ne(), me = ne(
+  }, [s.enabled_systems]), ne = c?.currentTabName || Ne(), me = se(
     () => s.sessions || [],
     [s.sessions]
   ), ie = (n) => n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n) : pe(n) ? n : typeof n == "object" ? JSON.stringify(n) : null, o = x((n, N) => {
@@ -1540,7 +1540,7 @@ const ft = Le(null), Xr = () => {
       return o(N, T);
     },
     [m, j?.sessionCardOptions?.secondarySlot, j?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems]
-  ), M = ne(() => {
+  ), M = se(() => {
     const n = [];
     return b.current.openNotifications = () => {
       R.current = "notifications", z.current.forEach((N) => N("notifications")), b.current.openSidebar?.();
@@ -1566,16 +1566,16 @@ const ft = Le(null), Xr = () => {
       onClick: () => j.configurationActionOptions?.onClick?.(b.current),
       className: "default-action-configuration"
     }), n;
-  }, [j, r, f, J]), ee = ne(
+  }, [j, r, f, J]), ee = se(
     () => [...M, ...h || []],
     [M, h]
-  ), te = ne(() => {
+  ), te = se(() => {
     const n = s.enabled_systems.map((T) => ({
       name: T.name,
       thumbnail: T.thumbnail,
       onClick: Z,
       id: T._id
-    })) || [], N = i?.customTabs?.map((T) => ({
+    })) || [], N = c?.customTabs?.map((T) => ({
       ...T,
       onClick: () => xe(T.name, T?.onClick)
     })) || [], O = s.company.products?.map((T) => ({
@@ -1584,7 +1584,7 @@ const ft = Le(null), Xr = () => {
       onClick: fe
     })) || [];
     return [...n, ...N, ...O];
-  }, [xe, fe, Z, s.enabled_systems, s.company.products, i?.customTabs]), Se = x((n, N) => {
+  }, [xe, fe, Z, s.enabled_systems, s.company.products, c?.customTabs]), Se = x((n, N) => {
     y.current?.addNewNotification ? y.current.addNewNotification(n, N) : console.warn("Notifications controls not ready yet");
   }, []), Ce = x((n) => y.current?.subscribeToUpdates ? y.current.subscribeToUpdates(n) : (console.warn("Notifications controls not ready yet"), () => {
   }), []), mt = x((n) => {
@@ -1617,8 +1617,8 @@ const ft = Le(null), Xr = () => {
   }, [U]), kt = x(() => {
     W(!1);
   }, []), Dt = x(() => {
-    c?.(b.current);
-  }, [c]), At = x((n) => {
+    i?.(b.current);
+  }, [i]), At = x((n) => {
     C?.(n, b.current);
   }, [C]), Lt = x((n, N) => {
     g?.(n, N, b.current);
@@ -1656,7 +1656,7 @@ const ft = Le(null), Xr = () => {
         scrollableControls: A,
         outletRef: U,
         onProfileClick: At,
-        currentTabName: se,
+        currentTabName: ne,
         children: t
       }
     ) })

package/dist/styles.css

@@ -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-headline-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;line-height:24px;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(135.9deg,var(--primary-500) .5%,var(--pyrion-orange-500) 90.05%)}.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)}.bg-pending-medium-default{background-color:var(--pending-300)}.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-medium-default{border-color:var(--neutral-400)}.border-neutral-medium-hover{border-color:var(--neutral-500)}.border-neutral-medium-pressed,.border-neutral-medium-focused{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}.scrollbar-stable-both-edges{scrollbar-gutter:stable both-edges}.scrollbar-stable-auto{scrollbar-gutter:auto}.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}}.drawer-mobile-content{overflow:hidden}.drawer-mobile-content--open{animation:drawer-mobile-enable-scroll 0s linear 0s forwards}.drawer-mobile-content--closed{overflow:hidden;animation:none}.drawer-mobile-content::-webkit-scrollbar-track,.drawer-mobile-content::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.drawer-mobile-content--open::-webkit-scrollbar-track,.drawer-mobile-content--open::-webkit-scrollbar-thumb{opacity:1;transition-delay:.5s}@keyframes drawer-mobile-enable-scroll{to{overflow:auto}}: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:1fr;overflow-x:auto;container-type:inline-size;scrollbar-width:none}.navigation-drawer>:nth-child(2){width:100cqw}.navigation-drawer>:first-child{position:absolute}.navigation-drawer :is(.system-thumbnail){display:none}.navigation-drawer :is(.collapse-button){display:none}.navigation-drawer>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:9999}.navigation-drawer .navigation-drawer-backdrop{transition:opacity .2s ease-in-out,background-color .2s ease-in-out;opacity:0;pointer-events:none;width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0}.navigation-drawer-with-sidebar{--vh: 1%;display:grid;grid-template-columns:auto 1fr auto;overflow-x:hidden;container-type:inline-size;max-width:100vw;scrollbar-width:none;height:100vh;max-height:min(var(--vh) * 100,100%);position:fixed;overflow-y:hidden!important}.navigation-drawer-with-sidebar>:nth-child(2){width:100cqw;overflow:hidden}.navigation-drawer-with-sidebar>:first-child{position:absolute;z-index:30;min-width:285px;transition:all .2s ease-in-out;max-width:calc(100vw - 40px);overflow:hidden}.navigation-drawer-with-sidebar>:first-child.has-left-slot{min-width:calc(285px - var(--left-slot-width));max-width:calc(100vw - 40px)}.navigation-drawer-with-sidebar>:first-child.collapsed{transform:translate(-100%)}.navigation-drawer-with-sidebar>:first-child.expanded{transform:translate(0)}.navigation-drawer-with-sidebar>:last-child{scroll-snap-align:end}.navigation-drawer-with-sidebar>.sidebar{width:100cqw;position:absolute;transition:all .25s ease-in-out;z-index:90}.navigation-drawer-with-sidebar>.sidebar.collapsed{transform:translate(100%)}.navigation-drawer-with-sidebar>.sidebar.expanded{transform:translate(0)}.navigation-drawer-with-sidebar :is(.system-thumbnail){display:none}.navigation-drawer-with-sidebar :is(.collapse-button){display:none}.navigation-drawer-with-sidebar>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:29}.navigation-drawer-with-sidebar .navigation-drawer-backdrop{transition:opacity .2s ease-in-out,background-color .2s ease-in-out;opacity:0;pointer-events:none;width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0}.navigation-drawer-with-sidebar.disabled-dragopen{touch-action:pan-right}@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>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{display:none}.navigation-drawer-with-sidebar{grid-template-columns:auto 1fr;position:relative;overflow-x:hidden}.navigation-drawer-with-sidebar>:first-child{position:relative;min-width:0px}.navigation-drawer-with-sidebar>:first-child.expanded{transform:translate(0)}.navigation-drawer-with-sidebar>:first-child.collapsed{transform:translate(0)}.navigation-drawer-with-sidebar>:nth-child(2){width:auto}.navigation-drawer-with-sidebar>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{display:none}.navigation-drawer-with-sidebar>.sidebar{width:492px;min-width:0;transition:width .3s ease-in-out;position:absolute;top:0;bottom:0;right:0;z-index:90;overflow:hidden}.navigation-drawer-with-sidebar>.sidebar.collapsed{width:0;min-width:0;overflow:hidden;border-left-width:0;transform:translate(0)}.navigation-drawer-with-sidebar>.sidebar.collapsed .secure-click-margin{width:0}.navigation-drawer-with-sidebar>.sidebar.expanded{width:492px;transform:translate(0)}.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;--left-slot-width: 40px;width:var(--expanded-width);transition:width .3s ease-in-out,min-width .3s ease-in-out}.drawer .drawer-content{transition:all .3s ease-in-out}.drawer.has-left-slot{--collapsed-width: calc(80px + var(--left-slot-width))}.drawer.collapsed{width:var(--collapsed-width);min-width:0px}.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.collapsed.has-left-slot{min-width:0;width:var(--collapsed-width)}.drawer.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.drawer.expanded.has-left-slot{width:calc(var(--expanded-width) + var(--left-slot-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{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}}.plain-tooltip{display:none;opacity:0;transition:opacity .3s ease,display .3s ease allow-discrete}.plain-tooltip.visible{display:block;opacity:1}@starting-style{.plain-tooltip.visible{opacity:0}}.prometeo-dialog{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}.prometeo-dialog[open]{opacity:1;transform:scale(1)}@starting-style{.prometeo-dialog[open]{opacity:0}.prometeo-dialog[open].prometeo-dialog-panel{transform:scale(.98)}}.prometeo-dialog-panel{opacity:1;transform:scale(1);transition:opacity .3s ease-in-out,transform .3s ease-in-out}@starting-style{.prometeo-dialog[open] .prometeo-dialog-panel{opacity:0;transform:scale(.98)}}*,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-headline-xsmall{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 20px; line-height: 24px; 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(135.9deg,var(--primary-500) .5%,var(--pyrion-orange-500) 90.05%);}@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 bg-pending-medium-default{background-color: var(--pending-300);}@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-medium-default{border-color: var(--neutral-400);}@utility border-neutral-medium-hover{border-color: var(--neutral-500);}@utility border-neutral-medium-pressed{border-color: var(--neutral-600);}@utility border-neutral-medium-focused{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}::-webkit-scrollbar-corner{background:#0000;background-color:var(--sb-track-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}@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 scrollbar-stable-both-edges{scrollbar-gutter: stable both-edges;}@utility scrollbar-stable-auto{scrollbar-gutter: auto;}@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;}}@-moz-document url-prefix(){.prometeo-scrollbar-thin{scrollbar-width:thin!important;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}.prometeo-scrollbar-thin-weak{scrollbar-width:thin!important;scrollbar-color:var(--sb-thumb-color-weak) var(--sb-track-color-weak)}.prometeo-scrollbar-overlay{scrollbar-width:thin;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}@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}.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus{-webkit-box-shadow:inset 0 0 270px -200px var(--primary-900);border-color:var(--primary-500);-webkit-transition:background-color 5000s;transition:background-color 5000s;-webkit-text-fill-color:var(--primary-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)~label{color:var(--primary-400)}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=error]{-webkit-box-shadow:inset 0 0 270px -200px var(--error-900);border-color:var(--error-500);-webkit-text-fill-color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=error]~label{color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=success]{-webkit-box-shadow:inset 0 0 270px -200px var(--success-900);border-color:var(--success-500);-webkit-text-fill-color:var(--success-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=success]~label{color:var(--success-400)!important}.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus{-webkit-box-shadow:inset 0 0 270px -200px var(--primary-900);border-color:var(--primary-500);-webkit-transition:background-color 5000s;transition:background-color 5000s;-webkit-text-fill-color:var(--primary-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)~label{color:var(--primary-400)}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=error]{-webkit-box-shadow:inset 0 0 270px -200px var(--error-900);border-color:var(--error-500);-webkit-text-fill-color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=error]~label{color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=success]{-webkit-box-shadow:inset 0 0 270px -200px var(--success-900);border-color:var(--success-500);-webkit-text-fill-color:var(--success-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=success]~label{color:var(--success-400)!important}@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)}}@keyframes scrollToEndPulse{0%{opacity:1;filter:brightness(1)}30%{opacity:1;filter:brightness(1.4)}50%{opacity:1;filter:brightness(1.1)}70%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:brightness(1)}}@keyframes scrollToEndPulseVertical{0%{opacity:.05;filter:brightness(1)}30%{opacity:.4;filter:brightness(1.2)}50%{opacity:.15;filter:brightness(1.1)}70%{opacity:.4;filter:brightness(1.2)}to{opacity:.15;filter:brightness(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-headline-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;line-height:24px;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(135.9deg,var(--primary-500) .5%,var(--pyrion-orange-500) 90.05%)}.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)}.bg-pending-medium-default{background-color:var(--pending-300)}.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-medium-default{border-color:var(--neutral-400)}.border-neutral-medium-hover{border-color:var(--neutral-500)}.border-neutral-medium-pressed,.border-neutral-medium-focused{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}.scrollbar-stable-both-edges{scrollbar-gutter:stable both-edges}.scrollbar-stable-auto{scrollbar-gutter:auto}.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}}.drawer-mobile-content{overflow:hidden}.drawer-mobile-content--open{animation:drawer-mobile-enable-scroll 0s linear 0s forwards}.drawer-mobile-content--closed{overflow:hidden;animation:none}.drawer-mobile-content::-webkit-scrollbar-track,.drawer-mobile-content::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.drawer-mobile-content--open::-webkit-scrollbar-track,.drawer-mobile-content--open::-webkit-scrollbar-thumb{opacity:1;transition-delay:.5s}@keyframes drawer-mobile-enable-scroll{to{overflow:auto}}: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:1fr;overflow-x:auto;container-type:inline-size;scrollbar-width:none}.navigation-drawer>:nth-child(2){width:100cqw}.navigation-drawer>:first-child{position:absolute}.navigation-drawer :is(.system-thumbnail){display:none}.navigation-drawer :is(.collapse-button){display:none}.navigation-drawer>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:9999}.navigation-drawer .navigation-drawer-backdrop{transition:opacity .2s ease-in-out,background-color .2s ease-in-out;opacity:0;pointer-events:none;width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0}.navigation-drawer-with-sidebar{--vh: 1%;display:grid;grid-template-columns:auto 1fr auto;overflow-x:hidden;container-type:inline-size;max-width:100vw;scrollbar-width:none;height:100vh;max-height:min(var(--vh) * 100,100%);position:fixed;overflow-y:hidden!important}.navigation-drawer-with-sidebar>:nth-child(2){width:100cqw;overflow:hidden}.navigation-drawer-with-sidebar>:first-child{position:absolute;z-index:30;min-width:285px;transition:all .2s ease-in-out;max-width:calc(100vw - 40px);overflow:hidden}.navigation-drawer-with-sidebar>:first-child.has-left-slot{min-width:calc(285px - var(--left-slot-width));max-width:calc(100vw - 40px)}.navigation-drawer-with-sidebar>:first-child.collapsed{transform:translate(-100%)}.navigation-drawer-with-sidebar>:first-child.expanded{transform:translate(0)}.navigation-drawer-with-sidebar>:last-child{scroll-snap-align:end}.navigation-drawer-with-sidebar>.sidebar{width:100cqw;position:absolute;transition:all .25s ease-in-out;z-index:90}.navigation-drawer-with-sidebar>.sidebar.collapsed{transform:translate(100%)}.navigation-drawer-with-sidebar>.sidebar.expanded{transform:translate(0)}.navigation-drawer-with-sidebar :is(.system-thumbnail){display:none}.navigation-drawer-with-sidebar :is(.collapse-button){display:none}.navigation-drawer-with-sidebar>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:29}.navigation-drawer-with-sidebar .navigation-drawer-backdrop{transition:opacity .2s ease-in-out,background-color .2s ease-in-out;opacity:0;pointer-events:none;width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0}.navigation-drawer-with-sidebar.disabled-dragopen{touch-action:pan-right}@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>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{display:none}.navigation-drawer-with-sidebar{grid-template-columns:auto 1fr;position:relative;overflow-x:hidden}.navigation-drawer-with-sidebar>:first-child{position:relative;min-width:0px}.navigation-drawer-with-sidebar>:first-child.expanded{transform:translate(0)}.navigation-drawer-with-sidebar>:first-child.collapsed{transform:translate(0)}.navigation-drawer-with-sidebar>:nth-child(2){width:auto}.navigation-drawer-with-sidebar>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{display:none}.navigation-drawer-with-sidebar>.sidebar{width:492px;min-width:0;transition:width .3s ease-in-out;position:absolute;top:0;bottom:0;right:0;z-index:90;overflow:hidden}.navigation-drawer-with-sidebar>.sidebar.collapsed{width:0;min-width:0;overflow:hidden;border-left-width:0;transform:translate(0)}.navigation-drawer-with-sidebar>.sidebar.collapsed .secure-click-margin{width:0}.navigation-drawer-with-sidebar>.sidebar.expanded{width:492px;transform:translate(0)}.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;--left-slot-width: 40px;width:var(--expanded-width);transition:width .3s ease-in-out,min-width .3s ease-in-out}.drawer .drawer-content{transition:all .3s ease-in-out}.drawer.has-left-slot{--collapsed-width: calc(80px + var(--left-slot-width))}.drawer.collapsed{width:var(--collapsed-width);min-width:0px}.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.collapsed.has-left-slot{min-width:0;width:var(--collapsed-width)}.drawer.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.drawer.expanded.has-left-slot{width:calc(var(--expanded-width) + var(--left-slot-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{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}}.plain-tooltip{display:none;opacity:0;transition:opacity .3s ease,display .3s ease allow-discrete}.plain-tooltip.visible{display:block;opacity:1}@starting-style{.plain-tooltip.visible{opacity:0}}.prometeo-dialog{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}.prometeo-dialog[open]{opacity:1;transform:scale(1)}@starting-style{.prometeo-dialog[open]{opacity:0}.prometeo-dialog[open].prometeo-dialog-panel{transform:scale(.98)}}.prometeo-dialog-panel{opacity:1;transform:scale(1);transition:opacity .3s ease-in-out,transform .3s ease-in-out}@starting-style{.prometeo-dialog[open] .prometeo-dialog-panel{opacity:0;transform:scale(.98)}}.scrollable-base-container{--hyper-extension-top-slot-height: 0px}.scrollable-base-container:has(.hyper-extension-bottom-slot):has(.hyper-extension-top-slot){display:grid;grid-template-rows:auto 1fr auto;overflow-y:auto;scroll-snap-type:y mandatory;container-type:size;gap:0;scrollbar-width:none}.scrollable-base-container:has(.hyper-extension-bottom-slot):has(.hyper-extension-top-slot)>:nth-child(2){height:100cqh;scroll-snap-align:center;overscroll-behavior:auto}.scrollable-base-container:has(.hyper-extension-bottom-slot):has(.hyper-extension-top-slot) .shadow-indicators-container,.scrollable-base-container:has(.hyper-extension-bottom-slot):has(.hyper-extension-top-slot) .icons-indicators-container{top:var(--hyper-extension-top-slot-height)}.scrollable-base-container:has(.hyper-extension-bottom-slot):has(.hyper-extension-top-slot) .scroll-to-top-button{transform:translateY(var(--hyper-extension-top-slot-height))}.scrollable-base-container:has(.hyper-extension-bottom-slot):not(:has(.hyper-extension-top-slot)){display:grid;grid-template-rows:1fr auto;overflow-y:auto;scroll-snap-type:y mandatory;container-type:size;gap:0;scrollbar-width:none}.scrollable-base-container:has(.hyper-extension-bottom-slot):not(:has(.hyper-extension-top-slot))>:nth-child(1){scroll-snap-align:center;height:100cqh;overscroll-behavior:auto}.scrollable-base-container:has(.hyper-extension-bottom-slot):not(:has(.hyper-extension-top-slot)) .shadow-indicators-container{top:var(--hyper-extension-top-slot-height)}.scrollable-base-container:has(.hyper-extension-bottom-slot):not(:has(.hyper-extension-top-slot)) .icons-indicators-container{top:var(--hyper-extension-top-slot-height);overflow:hidden}.scrollable-base-container:has(.hyper-extension-bottom-slot):not(:has(.hyper-extension-top-slot)) .scroll-to-top-button{transform:translateY(var(--hyper-extension-top-slot-height))}.scrollable-base-container:not(:has(.hyper-extension-bottom-slot)):not(:has(.hyper-extension-top-slot)):has(.icons-indicators-container){overflow:hidden}*,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-headline-xsmall{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 20px; line-height: 24px; 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(135.9deg,var(--primary-500) .5%,var(--pyrion-orange-500) 90.05%);}@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 bg-pending-medium-default{background-color: var(--pending-300);}@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-medium-default{border-color: var(--neutral-400);}@utility border-neutral-medium-hover{border-color: var(--neutral-500);}@utility border-neutral-medium-pressed{border-color: var(--neutral-600);}@utility border-neutral-medium-focused{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}::-webkit-scrollbar-corner{background:#0000;background-color:var(--sb-track-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}@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 scrollbar-stable-both-edges{scrollbar-gutter: stable both-edges;}@utility scrollbar-stable-auto{scrollbar-gutter: auto;}@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;}}@-moz-document url-prefix(){.prometeo-scrollbar-thin{scrollbar-width:thin!important;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}.prometeo-scrollbar-thin-weak{scrollbar-width:thin!important;scrollbar-color:var(--sb-thumb-color-weak) var(--sb-track-color-weak)}.prometeo-scrollbar-overlay{scrollbar-width:thin;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}@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}.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus{-webkit-box-shadow:inset 0 0 270px -200px var(--primary-900);border-color:var(--primary-500);-webkit-transition:background-color 5000s;transition:background-color 5000s;-webkit-text-fill-color:var(--primary-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)~label{color:var(--primary-400)}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=error]{-webkit-box-shadow:inset 0 0 270px -200px var(--error-900);border-color:var(--error-500);-webkit-text-fill-color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=error]~label{color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=success]{-webkit-box-shadow:inset 0 0 270px -200px var(--success-900);border-color:var(--success-500);-webkit-text-fill-color:var(--success-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill),.prometeo-input-autofill:is(:-webkit-autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill):focus)[data-variant=success]~label{color:var(--success-400)!important}.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus{-webkit-box-shadow:inset 0 0 270px -200px var(--primary-900);border-color:var(--primary-500);-webkit-transition:background-color 5000s;transition:background-color 5000s;-webkit-text-fill-color:var(--primary-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)~label{color:var(--primary-400)}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=error]{-webkit-box-shadow:inset 0 0 270px -200px var(--error-900);border-color:var(--error-500);-webkit-text-fill-color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=error]~label{color:var(--error-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=success]{-webkit-box-shadow:inset 0 0 270px -200px var(--success-900);border-color:var(--success-500);-webkit-text-fill-color:var(--success-400)!important}:is(.prometeo-input-autofill:is(:-webkit-autofill,:autofill),.prometeo-input-autofill:is(:-webkit-autofill,:autofill):hover,.prometeo-input-autofill:is(:-webkit-autofill,:autofill):focus)[data-variant=success]~label{color:var(--success-400)!important}@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)}}@keyframes scrollToEndPulse{0%{opacity:1;filter:brightness(1)}30%{opacity:1;filter:brightness(1.4)}50%{opacity:1;filter:brightness(1.1)}70%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:brightness(1)}}@keyframes scrollToEndPulseVertical{0%{opacity:.05;filter:brightness(1)}30%{opacity:.4;filter:brightness(1.2)}50%{opacity:.15;filter:brightness(1.1)}70%{opacity:.4;filter:brightness(1.2)}to{opacity:.15;filter:brightness(1.1)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "6.3.6",
+  "version": "6.3.8",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",

package/src/styles/base.css

@@ -15,6 +15,7 @@
 @import "../components/PyrionNavigationDrawer/PyrionNavigationDrawer.css";
 @import "../components/PlainTooltip/PlainTooltip.css";
 @import "../components/Dialog/Dialog.styles.css";
+@import "../components/Scrollable/ScrollableBase.css";
 
 
 * {