prometeo-design-system 4.4.1 → 4.4.3

package/dist/CheckBox.es.js

@@ -1,10 +1,14 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as s } from "./cn-B6yFEsav.js";
-import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
-import { Check as j } from "./Icons/Check.es.js";
-const i = g(
-  ({ className: l, disabled: e, onChange: d, value: u, ...t }, r) => {
-    const f = v(), o = C(null), p = `
+import { c as C } from "./cn-B6yFEsav.js";
+import { memo as y, forwardRef as j, useId as I, useRef as z, useState as N, useImperativeHandle as w } from "react";
+import { Check as R } from "./Icons/Check.es.js";
+const l = j(
+  ({ className: c, disabled: e, onChange: o, value: d, checked: n, ...f }, u) => {
+    const p = I(), s = z(null), i = n !== void 0, [h, m] = N(!1), t = i ? n : h;
+    w(u, () => s.current, []);
+    const x = (r) => {
+      o && o(r), i || m(r.target.checked);
+    }, b = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -17,68 +21,64 @@ const i = g(
       after:bg-neutral-700
       after:-z-10
       after:opacity-0
-      ${!e && "hover:after:opacity-100"}
+      ${!e && "aria-checked:hover:after:opacity-100"}
       after:transition-all
       after:duration-200
       after:ease-in-out
       after:pointer-events-none
-      ${!e && "aria-checked:hover:bg-primary-default-hover hover:border-primary-default-hover"}
+      ${!e && `aria-checked:hover:bg-primary-default-hover 
+         hover:border-primary-default-hover`}
       transition-all
       duration-200
       ease-in-out
-    `, h = "hover:#hover-span:opacity-100", x = "bg-primary-light", m = `
+    `, g = "bg-primary-light", v = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
       border-neutral-medium-default
       hover:border-neutral-medium-hover
-    `, b = {
-      selected: "bg-primary-default-disabled!",
-      default: "border-neutral-default-disabled "
-    }, c = y(() => {
-      if (o.current)
-        return o.current.click();
-    }, []);
+      transition-all
+      duration-200
+      ease-in-out
+    `, k = {
+      selected: "bg-primary-default-disabled",
+      default: "border-neutral-default-disabled"
+    };
     return /* @__PURE__ */ a.jsx(
       "div",
       {
-        id: "checkbox-container",
         style: {
           width: "24px",
           height: "24px",
           position: "relative",
           zIndex: 10
         },
-        className: "grid place-items-center p-2",
-        onClick: c,
+        className: "grid place-items-center p-2 ",
         draggable: !1,
         children: /* @__PURE__ */ a.jsxs(
           "div",
           {
-            id: "checkbox-box",
-            "aria-checked": t.checked,
-            className: s(
+            "aria-checked": t,
+            className: C(
               "grid place-items-center absolute size-[18px] rounded-[2px]",
-              p,
-              m,
-              t.checked ? x : "",
-              e && b[t.checked ? "selected" : "default"],
-              l
+              b,
+              v,
+              t ? g : "",
+              e && k[t ? "selected" : "default"],
+              c
             ),
-            onClick: c,
             draggable: !1,
             children: [
               /* @__PURE__ */ a.jsx(
                 "input",
                 {
                   type: "checkbox",
-                  id: f,
-                  ref: (n) => {
-                    o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
+                  id: p,
+                  ref: (r) => {
+                    s.current = r;
                   },
-                  onChange: d,
-                  value: u,
-                  className: s(h),
+                  onChange: x,
+                  value: d,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -91,11 +91,11 @@ const i = g(
                     opacity: 0,
                     zIndex: 150
                   },
-                  ...t
+                  ...f
                 }
               ),
-              t.checked && /* @__PURE__ */ a.jsx(
-                j,
+              t && /* @__PURE__ */ a.jsx(
+                R,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -108,8 +108,8 @@ const i = g(
     );
   }
 );
-i.displayName = "CheckBox";
-const $ = k(i);
+l.displayName = "CheckBox";
+const E = y(l);
 export {
-  $ as default
+  E as default
 };

package/dist/Header.es.js

@@ -1,32 +1,34 @@
-import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as l } from "./cn-B6yFEsav.js";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
+import { c as a } from "./cn-B6yFEsav.js";
 import { motion as n } from "framer-motion";
-import { memo as d } from "react";
-const c = ({ title: e, subtitle: t, children: i, className: s, subtitleClassName: m, titleClassName: r }) => /* @__PURE__ */ a.jsx(
-  "header",
+import { memo as f } from "react";
+const c = ({ title: e, subtitle: t, children: i, className: r, subtitleClassName: m, titleClassName: d, mainActionSlot: l }) => /* @__PURE__ */ s.jsxs(
+  n.header,
   {
-    className: l(
-      "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36",
-      s
+    initial: { opacity: 0, y: -10 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.6, ease: "easeOut" },
+    className: a(
+      "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36 overflow-hidden",
+      "flex justify-between items-center w-full",
+      r
     ),
-    children: /* @__PURE__ */ a.jsxs(
-      n.div,
-      {
-        initial: { opacity: 0, y: -10 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.6, ease: "easeOut" },
-        className: "flex justify-between items-center w-full",
-        children: [
-          /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col leading-6", children: [
-            t && /* @__PURE__ */ a.jsx("h3", { className: l(" prometeo-fonts-body-medium text-neutral-medium-default ", m), children: t }),
-            e && /* @__PURE__ */ a.jsx("h1", { className: l("prometeo-fonts-headline-small text-neutral-strong-default", r), children: e })
-          ] }),
-          i && /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: i })
-        ]
-      }
-    )
+    children: [
+      /* @__PURE__ */ s.jsxs("div", { className: a(
+        "flex items-center md:items-start md:flex-col leading-6 h-full justify-center min-w-max",
+        l && "justify-start"
+      ), children: [
+        l && /* @__PURE__ */ s.jsx("div", { children: typeof l == "function" ? l() : l }),
+        /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col leading-6 justify-center", children: [
+          t && /* @__PURE__ */ s.jsx("h3", { className: a(" prometeo-fonts-body-medium text-neutral-medium-default ", m), children: t }),
+          e && /* @__PURE__ */ s.jsx("h1", { className: a("prometeo-fonts-headline-small text-neutral-strong-default", d), children: e })
+        ] })
+      ] }),
+      i && /* @__PURE__ */ s.jsx("div", { className: "bg-red-400 px-2", children: i })
+    ]
   }
-), x = d(c, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+), u = f(c, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+u.displayName = "Header";
 export {
-  x as default
+  u as default
 };

package/dist/Icons/ArrowDownward.es.js

@@ -1,9 +1,18 @@
-import { j as r } from "../jsx-runtime-GkKLlHH4.js";
-import { m as o } from "../iconUtils-D0lVAgGT.js";
-const l = o(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
-  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2814", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
-  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2814)", children: /* @__PURE__ */ r.jsx("path", { d: "M10 15L5 9.99999L6.16667 8.83332L9.16667 11.8333V4.16666H10.8333V11.8333L13.8333 8.83332L15 9.99999L10 15Z", fill: "currentColor" }) })
-] }));
+import { j as o } from "../jsx-runtime-GkKLlHH4.js";
+import { m as s } from "../iconUtils-D0lVAgGT.js";
+const e = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...m,
+    viewBox: "0 -960 960 960",
+    width: r,
+    height: r,
+    fill: "currentColor",
+    className: t,
+    children: /* @__PURE__ */ o.jsx("path", { d: "M480-120 200-400l80-80 160 160v-400h80v400l160-160 80 80-280 280Z" })
+  }
+));
 export {
-  l as ArrowDownward
+  e as ArrowDownward
 };

package/dist/Icons/ArrowUpward.es.js

@@ -1,9 +1,18 @@
-import { j as r } from "../jsx-runtime-GkKLlHH4.js";
-import { m as i } from "../iconUtils-D0lVAgGT.js";
-const l = i(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
-  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2813", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
-  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2813)", children: /* @__PURE__ */ r.jsx("path", { d: "M9.16667 15V7.33332L6.16667 10.3333L5 9.16666L10 4.16666L15 9.16666L13.8333 10.3333L10.8333 7.33332V15H9.16667Z", fill: "currentColor" }) })
-] }));
+import { j as o } from "../jsx-runtime-GkKLlHH4.js";
+import { m as s } from "../iconUtils-D0lVAgGT.js";
+const h = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...m,
+    viewBox: "0 -960 960 960",
+    width: r,
+    height: r,
+    fill: "currentColor",
+    className: t,
+    children: /* @__PURE__ */ o.jsx("path", { d: "M480-840 200-560l80 80 160-160v400h80v-400l160 160 80-80-280-280Z" })
+  }
+));
 export {
-  l as ArrowUpward
+  h as ArrowUpward
 };

package/dist/Icons/DragIndicator.d.ts

@@ -0,0 +1,6 @@
+export * from './components/DragIndicator'
+export {}
+import PrometeoDesignSystem from './components/DragIndicator'
+export default PrometeoDesignSystem
+export * from './components/DragIndicator'
+export {}

package/dist/Icons/DragIndicator.es.js

@@ -0,0 +1,19 @@
+import { j as T } from "../jsx-runtime-GkKLlHH4.js";
+import { m as o } from "../iconUtils-D0lVAgGT.js";
+const e = o(({ size: q = 24, className: r, ...t }) => /* @__PURE__ */ T.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    viewBox: "0 -960 960 960",
+    width: q,
+    height: q,
+    fill: "currentColor",
+    className: r,
+    children: /* @__PURE__ */ T.jsx("path", { d: "M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" })
+  }
+));
+export {
+  e as DragIndicator,
+  e as default
+};

package/dist/Icons/components/DragIndicator.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const DragIndicator: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default DragIndicator;

package/dist/Icons/index.d.ts

@@ -65,5 +65,6 @@ export { Reassignment } from './components/Reassignment';
 export { ReassignmentFill } from './components/ReassignmentFill';
 export { Send } from './components/Send';
 export { StarFill } from './components/StarFill';
+export { DragIndicator } from './components/DragIndicator';
 export type { IconProps } from './iconUtils';
 export type { IconComponent } from './types';

package/dist/Icons/types.d.ts

@@ -65,6 +65,7 @@ import { Reassignment } from './components/Reassignment';
 import { ReassignmentFill } from './components/ReassignmentFill';
 import { Send } from './components/Send';
 import { StarFill } from './components/StarFill';
+import { DragIndicator } from './components/DragIndicator';
 export type IconsMap = {
     Ticket: typeof Ticket;
     Home: typeof Home;
@@ -133,6 +134,7 @@ export type IconsMap = {
     Send: typeof Send;
     StarFill: typeof StarFill;
     UserAvatar: typeof UserAvatar;
+    DragIndicator: typeof DragIndicator;
 };
 export type IconName = keyof IconsMap;
 export type IconComponent = IconsMap[IconName];

package/dist/Icons.es.js

@@ -2,21 +2,21 @@ import { Ticket as e } from "./Icons/Ticket.es.js";
 import { Home as p } from "./Icons/Home.es.js";
 import { Boards as f } from "./Icons/Boards.es.js";
 import { Notifications as a } from "./Icons/Notifications.es.js";
-import { Help as i } from "./Icons/Help.es.js";
+import { Help as l } from "./Icons/Help.es.js";
 import { Settings as d } from "./Icons/Settings.es.js";
-import { CrevronLeft as C } from "./Icons/CrevronLeft.es.js";
+import { CrevronLeft as c } from "./Icons/CrevronLeft.es.js";
 import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
 import { ArrowLeft as h } from "./Icons/ArrowLeft.es.js";
-import { ArrowDownward as S } from "./Icons/ArrowDownward.es.js";
+import { ArrowDownward as g } from "./Icons/ArrowDownward.es.js";
 import { ArrowUpward as k } from "./Icons/ArrowUpward.es.js";
 import { Shared as U } from "./Icons/Shared.es.js";
-import { ChevronDown as v } from "./Icons/ChevronDown.es.js";
+import { ChevronDown as D } from "./Icons/ChevronDown.es.js";
 import { Collapse as E } from "./Icons/Collapse.es.js";
 import { Calendar as T } from "./Icons/Calendar.es.js";
 import { Close as H } from "./Icons/Close.es.js";
-import { UserPerson as V } from "./Icons/UserPerson.es.js";
-import { UserAvatar as q } from "./Icons/UserAvatar.es.js";
-import { Logout as I } from "./Icons/Logout.es.js";
+import { UserPerson as M } from "./Icons/UserPerson.es.js";
+import { UserAvatar as b } from "./Icons/UserAvatar.es.js";
+import { Logout as B } from "./Icons/Logout.es.js";
 import { ArrowUpDown as P } from "./Icons/ArrowUpDown.es.js";
 import { Filter as W } from "./Icons/Filter.es.js";
 import { Search as z } from "./Icons/Search.es.js";
@@ -29,21 +29,21 @@ import { Copy as er } from "./Icons/Copy.es.js";
 import { FaLock as pr } from "./Icons/FaLock.es.js";
 import { AccountCircle as fr } from "./Icons/AccountCircle.es.js";
 import { UserAdd as ar } from "./Icons/UserAdd.es.js";
-import { AttachFile as ir } from "./Icons/AttachFile.es.js";
+import { AttachFile as lr } from "./Icons/AttachFile.es.js";
 import { HistoryActivity as dr } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as Cr } from "./Icons/MessageSquare.es.js";
+import { MessageSquare as cr } from "./Icons/MessageSquare.es.js";
 import { CloseNavBarDesktop as Fr } from "./Icons/CloseNavBarDesktop.es.js";
 import { EyeVisibility as hr } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as Sr } from "./Icons/EyeVisibilityOff.es.js";
+import { EyeVisibilityOff as gr } from "./Icons/EyeVisibilityOff.es.js";
 import { Check as kr } from "./Icons/Check.es.js";
 import { Info as Ur } from "./Icons/Info.es.js";
-import { Error as vr } from "./Icons/Error.es.js";
+import { Error as Dr } from "./Icons/Error.es.js";
 import { TicketFilled as Er } from "./Icons/TicketFilled.es.js";
 import { UploadCloud as Tr } from "./Icons/UploadCloud.es.js";
 import { Clock as Hr } from "./Icons/Clock.es.js";
-import { Pause as Vr } from "./Icons/Pause.es.js";
-import { FastForward as qr } from "./Icons/FastForward.es.js";
-import { Trash as Ir } from "./Icons/Trash.es.js";
+import { Pause as Mr } from "./Icons/Pause.es.js";
+import { FastForward as br } from "./Icons/FastForward.es.js";
+import { Trash as Br } from "./Icons/Trash.es.js";
 import { Sort as Pr } from "./Icons/Sort.es.js";
 import { Cancel as Wr } from "./Icons/Cancel.es.js";
 import { CheckCircle as zr } from "./Icons/CheckCircle.es.js";
@@ -56,63 +56,65 @@ import { Download as eo } from "./Icons/Download.es.js";
 import { Reload as po } from "./Icons/Reload.es.js";
 import { Image as fo } from "./Icons/Image.es.js";
 import { DocumentFill as ao } from "./Icons/DocumentFill.es.js";
-import { Company as io } from "./Icons/Company.es.js";
+import { Company as lo } from "./Icons/Company.es.js";
 import { EditFill as no } from "./Icons/EditFill.es.js";
-import { TrashFill as co } from "./Icons/TrashFill.es.js";
+import { TrashFill as Co } from "./Icons/TrashFill.es.js";
 import { MessageSquareFill as Ao } from "./Icons/MessageSquareFill.es.js";
 import { UserAddFill as wo } from "./Icons/UserAddFill.es.js";
-import { Reassignment as go } from "./Icons/Reassignment.es.js";
+import { Reassignment as So } from "./Icons/Reassignment.es.js";
 import { ReassignmentFill as yo } from "./Icons/ReassignmentFill.es.js";
 import { Send as uo } from "./Icons/Send.es.js";
-import { StarFill as Do } from "./Icons/StarFill.es.js";
+import { StarFill as vo } from "./Icons/StarFill.es.js";
+import { DragIndicator as Lo } from "./Icons/DragIndicator.es.js";
 export {
   fr as AccountCircle,
   Y as Add,
-  S as ArrowDownward,
+  g as ArrowDownward,
   h as ArrowLeft,
   P as ArrowUpDown,
   k as ArrowUpward,
-  ir as AttachFile,
+  lr as AttachFile,
   f as Boards,
   T as Calendar,
   Wr as Cancel,
   kr as Check,
   zr as CheckCircle,
   Qr as CheckList,
-  v as ChevronDown,
+  D as ChevronDown,
   Hr as Clock,
   H as Close,
   Fr as CloseNavBarDesktop,
   E as Collapse,
-  io as Company,
+  lo as Company,
   er as Copy,
-  C as CrevronLeft,
+  c as CrevronLeft,
   F as CrevronRight,
   ao as DocumentFill,
   eo as Download,
+  Lo as DragIndicator,
   _ as Edit,
   no as EditFill,
   ro as Email,
-  vr as Error,
+  Dr as Error,
   hr as EyeVisibility,
-  Sr as EyeVisibilityOff,
+  gr as EyeVisibilityOff,
   pr as FaLock,
-  qr as FastForward,
+  br as FastForward,
   _r as File,
   W as Filter,
   Jr as FormatColorText,
-  i as Help,
+  l as Help,
   dr as HistoryActivity,
   p as Home,
   fo as Image,
   Ur as Info,
-  I as Logout,
-  Cr as MessageSquare,
+  B as Logout,
+  cr as MessageSquare,
   Ao as MessageSquareFill,
   Q as MoreVert,
   a as Notifications,
-  Vr as Pause,
-  go as Reassignment,
+  Mr as Pause,
+  So as Reassignment,
   yo as ReassignmentFill,
   po as Reload,
   z as Search,
@@ -120,17 +122,17 @@ export {
   d as Settings,
   U as Shared,
   Pr as Sort,
-  Do as StarFill,
+  vo as StarFill,
   J as Stars,
   e as Ticket,
   Er as TicketFilled,
-  Ir as Trash,
-  co as TrashFill,
+  Br as Trash,
+  Co as TrashFill,
   rr as Upload,
   Tr as UploadCloud,
   ar as UserAdd,
   wo as UserAddFill,
-  q as UserAvatar,
-  V as UserPerson,
+  b as UserAvatar,
+  M as UserPerson,
   Yr as WhatsApp
 };

package/dist/PyrionLayout.es.js

@@ -16,7 +16,7 @@ import Ye from "./UserCard.es.js";
 import pe from "./Button.es.js";
 import { Logout as St } from "./Icons/Logout.es.js";
 import jt from "./NotificationCard.es.js";
-import { T as kt, a as Dt } from "./TabLinks-BjGwvqR9.js";
+import { T as kt, a as Dt } from "./TabLinks-DnoWdrdk.js";
 import { Notifications as Xe } from "./Icons/Notifications.es.js";
 import { Close as _e } from "./Icons/Close.es.js";
 import { Help as Je } from "./Icons/Help.es.js";

package/dist/{TabLinks-BjGwvqR9.js → TabLinks-DnoWdrdk.js}

@@ -1,21 +1,21 @@
-import { j as n } from "./jsx-runtime-GkKLlHH4.js";
+import { j as i } from "./jsx-runtime-GkKLlHH4.js";
 import { motion as I } from "framer-motion";
 import { memo as $, useId as w, useRef as z, useEffect as E, isValidElement as L } from "react";
 import { c as d } from "./cn-B6yFEsav.js";
 import M from "./PlainTooltip.es.js";
-const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a, o) => {
+const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a, n) => {
   if (!e)
     return null;
   if (typeof e == "function") {
-    const i = e;
-    return /* @__PURE__ */ n.jsx(i, { size: o, className: a });
+    const o = e;
+    return /* @__PURE__ */ i.jsx(o, { size: n, className: a });
   }
   if (typeof e == "object") {
     if (L(e))
       return e;
     if ("$$typeof" in e && e.$$typeof === R) {
-      const i = e;
-      return /* @__PURE__ */ n.jsx(i, { size: o, className: a });
+      const o = e;
+      return /* @__PURE__ */ i.jsx(o, { size: n, className: a });
     }
   }
   return e;
@@ -23,28 +23,28 @@ const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a, o) => {
 function v({
   items: e,
   activeTab: a,
-  onTabChange: o,
-  className: i,
-  tabClassName: l,
+  onTabChange: n,
+  className: o,
+  tabClassName: r,
   activeTabClassName: s,
   indicatorClassName: b,
-  animated: r = !0,
+  animated: l = !0,
   renderTab: u
 }) {
-  const p = (t) => {
-    t.disabled || o?.(t.id, t);
-  }, x = w();
-  return /* @__PURE__ */ n.jsx(
+  const x = (t) => {
+    t.disabled || n?.(t.id, t);
+  }, p = w();
+  return /* @__PURE__ */ i.jsx(
     "div",
     {
       className: d(
-        "flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5 overflow-hidden",
-        i
+        "flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5 overflow-x-auto prometeo-scrollbar-none",
+        o
       ),
       role: "tablist",
       children: e?.map((t) => {
-        const c = a === t.id, f = () => p(t), { iconPosition: h = "top", iconSize: m = 24 } = t;
-        return u ? /* @__PURE__ */ n.jsx("div", { children: u(t, c, f, t.onIconClick, t.onIconHover, t.iconTooltipTitle, t.iconTooltipProps, t.iconSize) }, t.id) : /* @__PURE__ */ n.jsx(
+        const c = a === t.id, f = () => x(t), { iconPosition: h = "top", iconSize: m = 24 } = t;
+        return u ? /* @__PURE__ */ i.jsx("div", { children: u(t, c, f, t.onIconClick, t.onIconHover, t.iconTooltipTitle, t.iconTooltipProps, t.iconSize) }, t.id) : /* @__PURE__ */ i.jsx(
           H,
           {
             id: t.id,
@@ -53,17 +53,17 @@ function v({
             iconPosition: h,
             onClick: f,
             disabled: t.disabled,
-            className: l,
+            className: r,
             isActive: c,
             activeClassName: s,
-            animated: r,
+            animated: l,
             onIconHover: t.onIconHover,
             onIconClick: t.onIconClick,
             iconTooltipTitle: t.iconTooltipTitle,
             iconTooltipProps: t.iconTooltipProps,
             iconSize: m,
             indicatorClassName: b,
-            layoutId: x
+            layoutId: p
           },
           t.id
         );
@@ -75,22 +75,22 @@ v.displayName = "TabLinks";
 const D = $(v, (e, a) => {
   if (e.activeTab !== a.activeTab || e.className !== a.className || e.tabClassName !== a.tabClassName || e.activeTabClassName !== a.activeTabClassName || e.indicatorClassName !== a.indicatorClassName || e.animated !== a.animated || e.onTabChange !== a.onTabChange || e.renderTab !== a.renderTab || e.items.length !== a.items.length)
     return !1;
-  for (let o = 0; o < e.items.length; o++) {
-    const i = e.items[o], l = a.items[o];
-    if (i.id !== l.id || i.title !== l.title || i.disabled !== l.disabled || i.description !== l.description)
+  for (let n = 0; n < e.items.length; n++) {
+    const o = e.items[n], r = a.items[n];
+    if (o.id !== r.id || o.title !== r.title || o.disabled !== r.disabled || o.description !== r.description)
       return !1;
   }
   return !0;
-}), H = ({ id: e, title: a, icon: o, iconPosition: i = "top", onClick: l, disabled: s = !1, className: b, isActive: r, activeClassName: u, onIconHover: p, onIconClick: x, iconTooltipTitle: t, iconTooltipProps: c, iconSize: f = 20, indicatorClassName: h, layoutId: m }) => {
+}), H = ({ id: e, title: a, icon: n, iconPosition: o = "top", onClick: r, disabled: s = !1, className: b, isActive: l, activeClassName: u, onIconHover: x, onIconClick: p, iconTooltipTitle: t, iconTooltipProps: c, iconSize: f = 20, indicatorClassName: h, layoutId: m }) => {
   const y = z(!0);
   E(() => {
     y.current && (y.current = !1);
   }, []);
-  const C = (T, g, j, N, k) => j ? /* @__PURE__ */ n.jsx(M, { title: j, ...N, children: /* @__PURE__ */ n.jsx("div", { onMouseEnter: g, onClick: k, children: T }) }) : /* @__PURE__ */ n.jsx("div", { onMouseEnter: g, onClick: k, children: T });
-  return /* @__PURE__ */ n.jsxs(
+  const C = (T, g, j, N, k) => j ? /* @__PURE__ */ i.jsx(M, { title: j, ...N, children: /* @__PURE__ */ i.jsx("div", { onMouseEnter: g, onClick: k, children: T }) }) : /* @__PURE__ */ i.jsx("div", { onMouseEnter: g, onClick: k, children: T });
+  return /* @__PURE__ */ i.jsxs(
     "button",
     {
-      onClick: l,
+      onClick: r,
       disabled: s,
       className: d(
         "group/tablink-item",
@@ -98,35 +98,35 @@ const D = $(v, (e, a) => {
         s && "hover:text-primary-default-default cursor-pointer",
         s && "opacity-50 cursor-default",
         b,
-        r && u
+        l && u
       ),
       tabIndex: s ? -1 : 0,
       "aria-label": a,
       role: "tab",
-      "aria-selected": r,
+      "aria-selected": l,
       children: [
-        /* @__PURE__ */ n.jsxs("div", { className: d(
+        /* @__PURE__ */ i.jsxs("div", { className: d(
           "flex items-center gap-0.5",
-          i === "left" && "flex-row-reverse",
-          i === "top" ? "flex-col-reverse" : "gap-1"
+          o === "left" && "flex-row-reverse",
+          o === "top" ? "flex-col-reverse" : "gap-1"
         ), children: [
-          /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ i.jsx(
             "label",
             {
               className: d(
                 "transition-all duration-300 ease-in-out relative z-10 group-hover/tablink-item:text-neutral-medium-hover ",
-                r ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large cursor-pointer",
-                "leading-6! line-clamp-1"
+                l ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large cursor-pointer",
+                "leading-6! min-w-max"
               ),
               children: a
             }
           ),
-          C(S(o, d(
+          C(S(n, d(
             "transition-all duration-300 ease-in-out group-hover/tablink-item:text-neutral-medium-hover ",
-            r ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large"
-          ), f), p, t, c, x)
+            l ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large"
+          ), f), x, t, c, p)
         ] }),
-        r ? /* @__PURE__ */ n.jsx(
+        l ? /* @__PURE__ */ i.jsx(
           I.div,
           {
             layoutId: m ? `tab-indicator-${m}` : "tab-indicator",

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { T as f } from "./TabLinks-BjGwvqR9.js";
+import { T as f } from "./TabLinks-DnoWdrdk.js";
 export {
   f as default
 };

package/dist/components/CheckBox/CheckBox.d.ts

@@ -6,6 +6,7 @@ export type CheckBoxProps = {
 interface ICheckBox extends CheckBoxProps {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string;
+    checked?: boolean;
 }
 declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/Header/Header.d.ts

@@ -6,6 +6,7 @@ export interface IHeader {
     subtitle?: string;
     subtitleClassName?: string;
     titleClassName?: string;
+    mainActionSlot?: ReactNode | (() => ReactNode);
 }
-declare const _default: import('react').MemoExoticComponent<({ title, subtitle, children, className, subtitleClassName, titleClassName }: IHeader) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+declare const Header: import('react').MemoExoticComponent<({ title, subtitle, children, className, subtitleClassName, titleClassName, mainActionSlot }: IHeader) => import("react/jsx-runtime").JSX.Element>;
+export default Header;

package/dist/prometeo-design-system.es.js

@@ -21,7 +21,7 @@ import { D as ne } from "./DatePicker-QuBgR5DQ.js";
 import { RecurrentDatePicker as me } from "./RecurrentDatePicker.es.js";
 import { RecurrentDatePickerRRule as ie } from "./RecurrentDatePickerRRule.es.js";
 import { Table as ce, TableBody as be, TableCaption as De, TableCell as ve, TableFooter as Te, TableHead as ge, TableHeader as ke, TableRow as he } from "./Table.es.js";
-import { T as Ce } from "./TabLinks-BjGwvqR9.js";
+import { T as Ce } from "./TabLinks-DnoWdrdk.js";
 import { default as Ee } from "./TextArea.es.js";
 import { default as Re } from "./Tooltip.es.js";
 import { default as Se } from "./Skeleton.es.js";

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(to bottom,var(--primary-900),var(--primary-950))}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.border-primary{border-color:var(--primary-500)}.border-primary-default-default{border-color:var(--primary-400)}.border-primary-default-hover{border-color:var(--primary-500)}.border-primary-default-focused,.border-primary-default-pressed{border-color:var(--primary-600)}.border-primary-default-disabled{border-color:var(--neutral-700)}.border-primary-strong-pressed{border-color:var(--primary-700)}.border-primary-light,.border-primary-medium-default{border-color:var(--primary-400)}.border-primary-medium-disabled{border-color:var(--neutral-600)}.border-primary-medium-hover{border-color:var(--primary-300)}.border-primary-medium-pressed{border-color:var(--primary-200)}.border-neutral,.border-neutral-default-default{border-color:var(--neutral-500)}.border-neutral-default-hover{border-color:var(--neutral-400)}.border-neutral-default-pressed,.border-neutral-default-focused{border-color:var(--neutral-500)}.border-neutral-default-disabled,.border-neutral-strong-default{border-color:var(--neutral-700)}.border-neutral-strong{border-color:var(--neutral-800)}.border-neutral-default{border-color:var(--neutral-900)}.border-neutral-medium{border-color:var(--neutral-600)}.border-neutral-medium-default{border-color:var(--neutral-400)}.border-neutral-weak{border-color:var(--neutral-700)}.border-success,.border-success-default-default{border-color:var(--success-500)}.border-success-default-hover{border-color:var(--success-600)}.border-success-default-pressed,.border-success-default-focused{border-color:var(--success-700)}.border-success-default-disabled{border-color:var(--neutral-800)}.border-error,.border-error-default-default{border-color:var(--error-500)}.border-error-default-hover{border-color:var(--error-600)}.border-error-default-pressed,.border-error-default-focused{border-color:var(--error-700)}.border-error-default-disabled{border-color:var(--neutral-800)}.border-warning,.border-warning-default-default{border-color:var(--warning-500)}.border-warning-default-hover{border-color:var(--warning-600)}.border-warning-default-pressed,.border-warning-default-focused{border-color:var(--warning-700)}.icon-neutral-default-default{color:var(--neutral-500)}.icon-neutral-medium-default{color:var(--neutral-400)}.icon-neutral-medium-focused{color:var(--neutral-600)}.icon-neutral-strong-default{color:var(--neutral-100)}.icon-neutral-strong-disabled{color:var(--neutral-500)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs-prometeo{font-size:.875rem;line-height:1.25}.text-sm-prometeo{font-size:1rem;line-height:1.375}.text-md-prometeo{font-size:1.125rem;line-height:1.375}.text-lg-prometeo{font-size:1.25rem;line-height:1.375}.text-xl-prometeo{font-size:1.5rem;line-height:1.375}.bg-primary{background-color:var(--primary-500)}.bg-primary:hover{background-color:var(--primary-600)}.bg-primary:active{background-color:var(--primary-700)}.bg-success{background-color:var(--success-500)}.bg-success:hover{background-color:var(--success-600)}.bg-error{background-color:var(--error-500)}.bg-error:hover{background-color:var(--error-600)}.input-base{padding:.5rem .75rem;border:1px solid var(--neutral-500);border-radius:.375rem;background-color:var(--neutral-800);color:var(--neutral-100)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #615fff1a}.ring-primary-default-default{--tw-ring-color: var(--primary-400)}.ring-primary-default-hover,.ring-primary-default-pressed,.ring-primary-default-focused{--tw-ring-color: var(--primary-600)}.ring-success-default-default{--tw-ring-color: var(--success-500)}.ring-success-default-hover,.ring-success-default-pressed{--tw-ring-color: var(--success-600)}.ring-success-default-focused{--tw-ring-color: var(--success-700)}.ring-warning-default-default{--tw-ring-color: var(--warning-500)}.ring-warning-default-hover{--tw-ring-color: var(--warning-600)}.ring-warning-default-pressed,.ring-warning-default-focused{--tw-ring-color: var(--warning-700)}.ring-error-default-default{--tw-ring-color: var(--error-500)}.ring-error-default-hover{--tw-ring-color: var(--error-600)}.ring-error-default-pressed,.ring-error-default-focused{--tw-ring-color: var(--error-700)}.prometeo-scrollbar-thin{--sb-size: 8px !important;--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400)}.prometeo-scrollbar-thin::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.prometeo-scrollbar-thin::-webkit-scrollbar-track{background:var(--sb-track-color)}.prometeo-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:2px solid var(--sb-track-color);border-radius:8px}.prometeo-scrollbar-thin-weak{--sb-size: 12px !important;--sb-track-color-weak: var(--neutral-900) !important;--sb-thumb-color-weak: var(--primary-900) !important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar{width:12px!important;height:var(--sb-size)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-track{background:var(--sb-track-color-weak)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-thumb{background:var(--sb-thumb-color-weak)!important;border:5px solid var(--sb-track-color-weak)!important;border-radius:8px!important}.scrollbar-stable{scrollbar-gutter:stable}.prometeo-scrollbar-overlay{--sb-size: 8px;padding-inline-end:var(--sb-size)!important;margin-inline-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay::-webkit-scrollbar{width:var(--sb-size)}.prometeo-scrollbar-overlay-x{--sb-size: 8px;padding-block-end:var(--sb-size)!important;margin-block-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay-x::-webkit-scrollbar{height:var(--sb-size)}.prometeo-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.prometeo-scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --spinner-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.spinner-sync-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--border-width: 4px;border-radius:9999px;border:var(--border-width) solid var(--spinner-secondary-color)}.spinner-sync-animation:before{content:"";position:absolute;inset:calc(-1 * var(--border-width));padding:var(--border-width);border-radius:inherit;background:conic-gradient(var(--spinner-secondary-color) 0deg,var(--spinner-secondary-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinner-sync-fill calc(4s / var(--spinner-speed)) linear infinite}@keyframes spinner-sync-fill{0%{--spinner-progress: 0deg;transform:rotate(0)}50%{--spinner-progress: 360deg;transform:rotate(360deg)}to{--spinner-progress: 0deg;transform:rotate(360deg)}}.spinner-dot-animation{display:inline-flex;align-items:flex-end;justify-content:center;gap:.25rem;--spinner-dot-color: var(--primary-500);--spinner-dot-speed: 1}.spinner-dot{background-color:var(--spinner-dot-color);border-radius:9999px;animation-name:spinner-dot-move;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(.8s / var(--spinner-dot-speed));transform-origin:center bottom}.spinner-dot:nth-child(2){animation-delay:calc(.8s / var(--spinner-dot-speed)/6)}.spinner-dot:nth-child(3){animation-delay:calc(.8s / var(--spinner-dot-speed)/6 * 2)}@keyframes spinner-dot-move{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}.spinner-bounce-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-speed: 1}.spinner-bounce-animation:before,.spinner-bounce-animation:after{content:"";position:absolute;inset:0;border-radius:9999px;background-color:var(--spinner-color);transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(1.5s / var(--spinner-speed))}.spinner-bounce-animation:before{animation-name:spinner-bounce-inner}.spinner-bounce-animation:after{opacity:.35;animation-name:spinner-bounce-outer}@keyframes spinner-bounce-inner{0%,to{transform:scale(0)}50%{transform:scale(.5)}}@keyframes spinner-bounce-outer{0%,to{transform:scale(1)}50%{transform:scale(.5)}}.spinner-linear-animation{position:relative;display:block;overflow:hidden;border-radius:9999px;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--spinner-height: .25rem;width:100%;height:var(--spinner-height);background-color:var(--spinner-secondary-color);background-color:color-mix(in srgb,var(--spinner-secondary-color) 40%,transparent)}.spinner-linear-animation:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-primary calc(4s / var(--spinner-speed)) ease-in-out infinite}.spinner-linear-animation:before{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-secondary-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-secondary calc(4s / var(--spinner-speed)) ease-in-out infinite}@keyframes spinner-linear-primary{0%{transform:scaleX(0);color:var(--spinner-color)}49%{transform:scaleX(1);color:var(--spinner-color)}50%{transform:scaleX(1);color:var(--spinner-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}@keyframes spinner-linear-secondary{0%,50%{transform:scaleX(1);color:var(--spinner-secondary-color)}99%{transform:scaleX(1);color:var(--spinner-secondary-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}.navigation-drawer{display:grid;grid-template-columns:auto 1fr;overflow-x:auto;scroll-snap-type:x mandatory;container-type:inline-size;scrollbar-width:none}.navigation-drawer>:nth-child(2){width:100cqw;scroll-snap-align:center}.navigation-drawer>:first-child{scroll-snap-align:start}.navigation-drawer :is(.system-thumbnail){display:none}.navigation-drawer :is(.collapse-button){display:none}.navigation-drawer>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:999}.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:auto;scroll-snap-type:x mandatory;scroll-snap-stop:always;container-type:inline-size;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;scroll-snap-align:center}.navigation-drawer-with-sidebar>:first-child{scroll-snap-align:start;min-width:285px}.navigation-drawer-with-sidebar>:last-child{scroll-snap-align:end}.navigation-drawer-with-sidebar>.sidebar{width:100cqw}.navigation-drawer-with-sidebar :is(.system-thumbnail){display:none}.navigation-drawer-with-sidebar :is(.collapse-button){display:none}.navigation-drawer-with-sidebar>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:999}.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{min-width:0px}.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:479px;min-width:0px;transition:width .3s ease-in-out;position:absolute;top:0;bottom:0;right:0;z-index:100;overflow:hidden}.navigation-drawer-with-sidebar>.sidebar.collapsed{width:0px;min-width:0px;overflow:hidden;border-left-width:0px}.navigation-drawer-with-sidebar>.sidebar.collapsed .secure-click-margin{width:0px}.navigation-drawer-with-sidebar>.sidebar.expanded{width:480px}.navigation-drawer-sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:90;cursor:default;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.navigation-drawer-with-sidebar>.sidebar.expanded .navigation-drawer-sidebar-overlay{opacity:1;pointer-events:auto}.navigation-drawer-sidebar-inner{position:relative;z-index:100;height:100%}.navigation-drawer-sidebar-inner .secure-click-margin{position:fixed;background:transparent;height:100%;width:10px;transform:translate(-100%)}.collapse-button{transition:transform .3s ease-in-out;display:flex!important}.system-thumbnail,.system-cover-image{transition:display,width .3s ease-in-out allow-discrete}.drawer{--collapsed-width: 80px;--expanded-width: 285px;width:var(--expanded-width);transition:width .3s ease-in-out}.drawer .drawer-content{transition:all .3s ease-in-out}.drawer.collapsed{width:var(--collapsed-width);min-width:none}.drawer.collapsed .collapse-button{transform:translate(4px)}.drawer.collapsed .collapse-button svg{transform:translate(4px) rotate(180deg)}.drawer.collapsed .system-thumbnail{display:block;width:100%}.drawer.collapsed .system-cover-image{display:none;width:0px}.drawer.collapsed .drawer-content{padding:8px 0}.drawer.expanded{width:var(--expanded-width)}.drawer.expanded .system-thumbnail{display:none;width:0px}.drawer.expanded .system-cover-image{display:block;width:100%}}.sublinks{--sublinks-max-height:0px;transition:max-height .3s ease-in-out,opacity .2s ease-in-out;interpolate-size:allow-keywords;transform-origin:top;overflow:hidden}.sublinks.collapsed{opacity:0;max-height:0px}.sublinks.expanded{opacity:1;max-height:var(--sublinks-max-height)}@media(min-width:768px){:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed{overflow-y:hidden}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed div{scrollbar-width:none}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem{width:48px;position:relative}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem label,:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem .sublinks-toggle{display:none}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem .badge{position:absolute;top:2px;right:2px}}.navitem:has(.sublinks-toggle button:active) .prometeo-fonts-label-large,.navitem:has(.sublinks-toggle button:focus-visible) .prometeo-fonts-label-large,.navitem:has(.sublinks-toggle button:active) svg,.navitem:has(.sublinks-toggle button:focus-visible) svg{color:inherit!important}@media(min-width:768px){:is(.navigation-drawer,.navigation-drawer-with-sidebar) .ticketcard-content{transition:all .3s ease-in-out}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .ticketcard-toggle-button{transition:all .3s ease-in-out;max-width:32px}:is(.navigation-drawer,.navigation-drawer-with-sidebar) :is(.ticketcard-content.clickable) .pyrion-navigation-drawer-user-card p{transition:all .3s ease-in-out}:is(.navigation-drawer,.navigation-drawer-with-sidebar) :is(.ticketcard-content.clickable):hover.clickable .pyrion-navigation-drawer-user-card p{color:var(--primary-400)!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-container{gap:0px!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-content{width:48px;min-width:48px;padding:8px}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-toggle-button{max-width:0!important;min-width:0!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .pyrion-navigation-drawer-user-card .usercard-content{opacity:0}}.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}}*,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(to bottom,var(--primary-900),var(--primary-950));}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility border-primary{border-color: var(--primary-500);}@utility border-primary-default-default{border-color: var(--primary-400);}@utility border-primary-default-hover{border-color: var(--primary-500);}@utility border-primary-default-focused{border-color: var(--primary-600);}@utility border-primary-default-pressed{border-color: var(--primary-600);}@utility border-primary-default-disabled{border-color: var(--neutral-700);}@utility border-primary-strong-pressed{border-color: var(--primary-700);}@utility border-primary-light{border-color: var(--primary-400);}@utility border-primary-medium-default{border-color: var(--primary-400);}@utility border-primary-medium-disabled{border-color: var(--neutral-600);}@utility border-primary-medium-hover{border-color: var(--primary-300);}@utility border-primary-medium-pressed{border-color: var(--primary-200);}@utility border-neutral{border-color: var(--neutral-500);}@utility border-neutral-default-default{border-color: var(--neutral-500);}@utility border-neutral-default-hover{border-color: var(--neutral-400);}@utility border-neutral-default-pressed{border-color: var(--neutral-500);}@utility border-neutral-default-focused{border-color: var(--neutral-500);}@utility border-neutral-default-disabled{border-color: var(--neutral-700);}@utility border-neutral-strong-default{border-color: var(--neutral-700);}@utility border-neutral-strong{border-color: var(--neutral-800);}@utility border-neutral-default{border-color: var(--neutral-900);}@utility border-neutral-medium{border-color: var(--neutral-600);}@utility border-neutral-medium-default{border-color: var(--neutral-400);}@utility border-neutral-weak{border-color: var(--neutral-700);}@utility border-success{border-color: var(--success-500);}@utility border-success-default-default{border-color: var(--success-500);}@utility border-success-default-hover{border-color: var(--success-600);}@utility border-success-default-pressed{border-color: var(--success-700);}@utility border-success-default-focused{border-color: var(--success-700);}@utility border-success-default-disabled{border-color: var(--neutral-800);}@utility border-error{border-color: var(--error-500);}@utility border-error-default-default{border-color: var(--error-500);}@utility border-error-default-hover{border-color: var(--error-600);}@utility border-error-default-pressed{border-color: var(--error-700);}@utility border-error-default-focused{border-color: var(--error-700);}@utility border-error-default-disabled{border-color: var(--neutral-800);}@utility border-warning{border-color: var(--warning-500);}@utility border-warning-default-default{border-color: var(--warning-500);}@utility border-warning-default-hover{border-color: var(--warning-600);}@utility border-warning-default-pressed{border-color: var(--warning-700);}@utility border-warning-default-focused{border-color: var(--warning-700);}@utility icon-neutral-default-default{color: var(--neutral-500);}@utility icon-neutral-medium-default{color: var(--neutral-400);}@utility icon-neutral-medium-focused{color: var(--neutral-600);}@utility icon-neutral-strong-default{color: var(--neutral-100);}@utility icon-neutral-strong-disabled{color: var(--neutral-500);}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility text-xs-prometeo{font-size: .875rem; line-height: 1.25;}@utility text-sm-prometeo{font-size: 1rem; line-height: 1.375;}@utility text-md-prometeo{font-size: 1.125rem; line-height: 1.375;}@utility text-lg-prometeo{font-size: 1.25rem; line-height: 1.375;}@utility text-xl-prometeo{font-size: 1.5rem; line-height: 1.375;}@utility bg-primary{background-color: var(--primary-500); &:hover {background-color: var(--primary-600);} &:active {background-color: var(--primary-700);}}@utility bg-success{background-color: var(--success-500); &:hover {background-color: var(--success-600);}}@utility bg-error{background-color: var(--error-500); &:hover {background-color: var(--error-600);}}@utility input-base{padding: .5rem .75rem; border: 1px solid var(--neutral-500); border-radius: .375rem; background-color: var(--neutral-800); color: var(--neutral-100); &:focus {outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(97,95,255,.1);}}@utility ring-primary-default-default{ --tw-ring-color: var(--primary-400); }@utility ring-primary-default-hover{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-pressed{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-focused{ --tw-ring-color: var(--primary-600); }@utility ring-success-default-default{ --tw-ring-color: var(--success-500); }@utility ring-success-default-hover{ --tw-ring-color: var(--success-600); }@utility ring-success-default-pressed{ --tw-ring-color: var(--success-600); }@utility ring-success-default-focused{ --tw-ring-color: var(--success-700); }@utility ring-warning-default-default{ --tw-ring-color: var(--warning-500); }@utility ring-warning-default-hover{ --tw-ring-color: var(--warning-600); }@utility ring-warning-default-pressed{ --tw-ring-color: var(--warning-700); }@utility ring-warning-default-focused{ --tw-ring-color: var(--warning-700); }@utility ring-error-default-default{ --tw-ring-color: var(--error-500); }@utility ring-error-default-hover{ --tw-ring-color: var(--error-600); }@utility ring-error-default-pressed{ --tw-ring-color: var(--error-700); }@utility ring-error-default-focused{ --tw-ring-color: var(--error-700); }*{--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400);--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:3px solid var(--neutral-800);border-radius:10px}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility prometeo-scrollbar-thin-weak{ --sb-size: 12px !important; --sb-track-color-weak: var(--neutral-900) !important; --sb-thumb-color-weak: var(--primary-900) !important; &::-webkit-scrollbar { width: 12px !important; height: var(--sb-size) !important; } &::-webkit-scrollbar-track { background: var(--sb-track-color-weak) !important; } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color-weak) !important; border: 5px solid var(--sb-track-color-weak) !important; border-radius: 8px !important; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility prometeo-scrollbar-overlay{ --sb-size: 8px; padding-inline-end: var(--sb-size) !important; margin-inline-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { width: var(--sb-size); } }@utility prometeo-scrollbar-overlay-x{ --sb-size: 8px; padding-block-end: var(--sb-size)!important; margin-block-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { height: var(--sb-size); } }@utility prometeo-scrollbar-none{scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {width: 0; height: 0; display: none; background: transparent;}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.input-group{position:relative;width:var(--input-width, 100%)}.input-field{padding:12px;border:1px solid var(--neutral-500);font-size:16px;transition:all .1s ease;border-radius:8px;box-sizing:border-box}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;padding:0 .25rem;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease;z-index:10}.input-field:focus+.floating-label,.input-field.has-value+.floating-label{top:-10px;left:0;transform:translateY(-50%);font-size:.75rem;color:var(--neutral-400)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:transparent;border:1px solid var(--neutral-400);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#fff;border-bottom:1px solid #374151}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#374151}.custom-option.selected{background-color:#1e40af}.custom-option.selected:hover{background-color:#1d4ed8}.option-checkbox{margin-right:.75rem;accent-color:#3b82f6}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem;flex-shrink:0}@keyframes cursor-intermitent{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes shadowPulse{0%{opacity:0;transform:scaleY(1)}20%{opacity:.3;transform:scaleY(1.05)}50%{opacity:.05;transform:scaleY(1)}80%{opacity:.3;transform:scaleY(1.05)}to{opacity:.05;transform:scaleY(1)}}@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(to bottom,var(--primary-900),var(--primary-950))}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.border-primary{border-color:var(--primary-500)}.border-primary-default-default{border-color:var(--primary-400)}.border-primary-default-hover{border-color:var(--primary-500)}.border-primary-default-focused,.border-primary-default-pressed{border-color:var(--primary-600)}.border-primary-default-disabled{border-color:var(--neutral-700)}.border-primary-strong-pressed{border-color:var(--primary-700)}.border-primary-light,.border-primary-medium-default{border-color:var(--primary-400)}.border-primary-medium-disabled{border-color:var(--neutral-600)}.border-primary-medium-hover{border-color:var(--primary-300)}.border-primary-medium-pressed{border-color:var(--primary-200)}.border-neutral,.border-neutral-default-default{border-color:var(--neutral-500)}.border-neutral-default-hover{border-color:var(--neutral-400)}.border-neutral-default-pressed,.border-neutral-default-focused{border-color:var(--neutral-500)}.border-neutral-default-disabled,.border-neutral-strong-default{border-color:var(--neutral-700)}.border-neutral-strong{border-color:var(--neutral-800)}.border-neutral-default{border-color:var(--neutral-900)}.border-neutral-medium{border-color:var(--neutral-600)}.border-neutral-medium-default{border-color:var(--neutral-400)}.border-neutral-medium-hover{border-color:var(--neutral-500)}.border-neutral-weak{border-color:var(--neutral-700)}.border-success,.border-success-default-default{border-color:var(--success-500)}.border-success-default-hover{border-color:var(--success-600)}.border-success-default-pressed,.border-success-default-focused{border-color:var(--success-700)}.border-success-default-disabled{border-color:var(--neutral-800)}.border-error,.border-error-default-default{border-color:var(--error-500)}.border-error-default-hover{border-color:var(--error-600)}.border-error-default-pressed,.border-error-default-focused{border-color:var(--error-700)}.border-error-default-disabled{border-color:var(--neutral-800)}.border-warning,.border-warning-default-default{border-color:var(--warning-500)}.border-warning-default-hover{border-color:var(--warning-600)}.border-warning-default-pressed,.border-warning-default-focused{border-color:var(--warning-700)}.icon-neutral-default-default{color:var(--neutral-500)}.icon-neutral-medium-default{color:var(--neutral-400)}.icon-neutral-medium-focused{color:var(--neutral-600)}.icon-neutral-strong-default{color:var(--neutral-100)}.icon-neutral-strong-disabled{color:var(--neutral-500)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs-prometeo{font-size:.875rem;line-height:1.25}.text-sm-prometeo{font-size:1rem;line-height:1.375}.text-md-prometeo{font-size:1.125rem;line-height:1.375}.text-lg-prometeo{font-size:1.25rem;line-height:1.375}.text-xl-prometeo{font-size:1.5rem;line-height:1.375}.bg-primary{background-color:var(--primary-500)}.bg-primary:hover{background-color:var(--primary-600)}.bg-primary:active{background-color:var(--primary-700)}.bg-success{background-color:var(--success-500)}.bg-success:hover{background-color:var(--success-600)}.bg-error{background-color:var(--error-500)}.bg-error:hover{background-color:var(--error-600)}.input-base{padding:.5rem .75rem;border:1px solid var(--neutral-500);border-radius:.375rem;background-color:var(--neutral-800);color:var(--neutral-100)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #615fff1a}.ring-primary-default-default{--tw-ring-color: var(--primary-400)}.ring-primary-default-hover,.ring-primary-default-pressed,.ring-primary-default-focused{--tw-ring-color: var(--primary-600)}.ring-success-default-default{--tw-ring-color: var(--success-500)}.ring-success-default-hover,.ring-success-default-pressed{--tw-ring-color: var(--success-600)}.ring-success-default-focused{--tw-ring-color: var(--success-700)}.ring-warning-default-default{--tw-ring-color: var(--warning-500)}.ring-warning-default-hover{--tw-ring-color: var(--warning-600)}.ring-warning-default-pressed,.ring-warning-default-focused{--tw-ring-color: var(--warning-700)}.ring-error-default-default{--tw-ring-color: var(--error-500)}.ring-error-default-hover{--tw-ring-color: var(--error-600)}.ring-error-default-pressed,.ring-error-default-focused{--tw-ring-color: var(--error-700)}.prometeo-scrollbar-thin{--sb-size: 8px !important;--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400)}.prometeo-scrollbar-thin::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.prometeo-scrollbar-thin::-webkit-scrollbar-track{background:var(--sb-track-color)}.prometeo-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:2px solid var(--sb-track-color);border-radius:8px}.prometeo-scrollbar-thin-weak{--sb-size: 12px !important;--sb-track-color-weak: var(--neutral-900) !important;--sb-thumb-color-weak: var(--primary-900) !important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar{width:12px!important;height:var(--sb-size)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-track{background:var(--sb-track-color-weak)!important}.prometeo-scrollbar-thin-weak::-webkit-scrollbar-thumb{background:var(--sb-thumb-color-weak)!important;border:5px solid var(--sb-track-color-weak)!important;border-radius:8px!important}.scrollbar-stable{scrollbar-gutter:stable}.prometeo-scrollbar-overlay{--sb-size: 8px;padding-inline-end:var(--sb-size)!important;margin-inline-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay::-webkit-scrollbar{width:var(--sb-size)}.prometeo-scrollbar-overlay-x{--sb-size: 8px;padding-block-end:var(--sb-size)!important;margin-block-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay-x::-webkit-scrollbar{height:var(--sb-size)}.prometeo-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.prometeo-scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --spinner-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.spinner-sync-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--border-width: 4px;border-radius:9999px;border:var(--border-width) solid var(--spinner-secondary-color)}.spinner-sync-animation:before{content:"";position:absolute;inset:calc(-1 * var(--border-width));padding:var(--border-width);border-radius:inherit;background:conic-gradient(var(--spinner-secondary-color) 0deg,var(--spinner-secondary-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) calc(360deg - var(--spinner-progress)),var(--spinner-color) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinner-sync-fill calc(4s / var(--spinner-speed)) linear infinite}@keyframes spinner-sync-fill{0%{--spinner-progress: 0deg;transform:rotate(0)}50%{--spinner-progress: 360deg;transform:rotate(360deg)}to{--spinner-progress: 0deg;transform:rotate(360deg)}}.spinner-dot-animation{display:inline-flex;align-items:flex-end;justify-content:center;gap:.25rem;--spinner-dot-color: var(--primary-500);--spinner-dot-speed: 1}.spinner-dot{background-color:var(--spinner-dot-color);border-radius:9999px;animation-name:spinner-dot-move;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(.8s / var(--spinner-dot-speed));transform-origin:center bottom}.spinner-dot:nth-child(2){animation-delay:calc(.8s / var(--spinner-dot-speed)/6)}.spinner-dot:nth-child(3){animation-delay:calc(.8s / var(--spinner-dot-speed)/6 * 2)}@keyframes spinner-dot-move{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}.spinner-bounce-animation{position:relative;display:inline-block;box-sizing:border-box;--spinner-color: var(--primary-500);--spinner-speed: 1}.spinner-bounce-animation:before,.spinner-bounce-animation:after{content:"";position:absolute;inset:0;border-radius:9999px;background-color:var(--spinner-color);transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:calc(1.5s / var(--spinner-speed))}.spinner-bounce-animation:before{animation-name:spinner-bounce-inner}.spinner-bounce-animation:after{opacity:.35;animation-name:spinner-bounce-outer}@keyframes spinner-bounce-inner{0%,to{transform:scale(0)}50%{transform:scale(.5)}}@keyframes spinner-bounce-outer{0%,to{transform:scale(1)}50%{transform:scale(.5)}}.spinner-linear-animation{position:relative;display:block;overflow:hidden;border-radius:9999px;--spinner-color: var(--primary-500);--spinner-secondary-color: var(--primary-200);--spinner-speed: 1;--spinner-height: .25rem;width:100%;height:var(--spinner-height);background-color:var(--spinner-secondary-color);background-color:color-mix(in srgb,var(--spinner-secondary-color) 40%,transparent)}.spinner-linear-animation:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-primary calc(4s / var(--spinner-speed)) ease-in-out infinite}.spinner-linear-animation:before{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);color:var(--spinner-secondary-color);background-image:linear-gradient(to right,transparent 0%,currentColor 40%,currentColor 100%);animation:spinner-linear-secondary calc(4s / var(--spinner-speed)) ease-in-out infinite}@keyframes spinner-linear-primary{0%{transform:scaleX(0);color:var(--spinner-color)}49%{transform:scaleX(1);color:var(--spinner-color)}50%{transform:scaleX(1);color:var(--spinner-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}@keyframes spinner-linear-secondary{0%,50%{transform:scaleX(1);color:var(--spinner-secondary-color)}99%{transform:scaleX(1);color:var(--spinner-secondary-color)}to{transform:scaleX(1);color:var(--spinner-secondary-color)}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}.navigation-drawer{display:grid;grid-template-columns:auto 1fr;overflow-x:auto;scroll-snap-type:x mandatory;container-type:inline-size;scrollbar-width:none}.navigation-drawer>:nth-child(2){width:100cqw;scroll-snap-align:center}.navigation-drawer>:first-child{scroll-snap-align:start}.navigation-drawer :is(.system-thumbnail){display:none}.navigation-drawer :is(.collapse-button){display:none}.navigation-drawer>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:999}.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:auto;scroll-snap-type:x mandatory;scroll-snap-stop:always;container-type:inline-size;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;scroll-snap-align:center}.navigation-drawer-with-sidebar>:first-child{scroll-snap-align:start;min-width:285px}.navigation-drawer-with-sidebar>:last-child{scroll-snap-align:end}.navigation-drawer-with-sidebar>.sidebar{width:100cqw}.navigation-drawer-with-sidebar :is(.system-thumbnail){display:none}.navigation-drawer-with-sidebar :is(.collapse-button){display:none}.navigation-drawer-with-sidebar>.drawer.expanded~#navigation-drawer-outlet .navigation-drawer-backdrop{background-color:#00000060;opacity:1;pointer-events:auto;z-index:999}.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{min-width:0px}.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:479px;min-width:0px;transition:width .3s ease-in-out;position:absolute;top:0;bottom:0;right:0;z-index:100;overflow:hidden}.navigation-drawer-with-sidebar>.sidebar.collapsed{width:0px;min-width:0px;overflow:hidden;border-left-width:0px}.navigation-drawer-with-sidebar>.sidebar.collapsed .secure-click-margin{width:0px}.navigation-drawer-with-sidebar>.sidebar.expanded{width:480px}.navigation-drawer-sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:90;cursor:default;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.navigation-drawer-with-sidebar>.sidebar.expanded .navigation-drawer-sidebar-overlay{opacity:1;pointer-events:auto}.navigation-drawer-sidebar-inner{position:relative;z-index:100;height:100%}.navigation-drawer-sidebar-inner .secure-click-margin{position:fixed;background:transparent;height:100%;width:10px;transform:translate(-100%)}.collapse-button{transition:transform .3s ease-in-out;display:flex!important}.system-thumbnail,.system-cover-image{transition:display,width .3s ease-in-out allow-discrete}.drawer{--collapsed-width: 80px;--expanded-width: 285px;width:var(--expanded-width);transition:width .3s ease-in-out}.drawer .drawer-content{transition:all .3s ease-in-out}.drawer.collapsed{width:var(--collapsed-width);min-width:none}.drawer.collapsed .collapse-button{transform:translate(4px)}.drawer.collapsed .collapse-button svg{transform:translate(4px) rotate(180deg)}.drawer.collapsed .system-thumbnail{display:block;width:100%}.drawer.collapsed .system-cover-image{display:none;width:0px}.drawer.collapsed .drawer-content{padding:8px 0}.drawer.expanded{width:var(--expanded-width)}.drawer.expanded .system-thumbnail{display:none;width:0px}.drawer.expanded .system-cover-image{display:block;width:100%}}.sublinks{--sublinks-max-height:0px;transition:max-height .3s ease-in-out,opacity .2s ease-in-out;interpolate-size:allow-keywords;transform-origin:top;overflow:hidden}.sublinks.collapsed{opacity:0;max-height:0px}.sublinks.expanded{opacity:1;max-height:var(--sublinks-max-height)}@media(min-width:768px){:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed{overflow-y:hidden}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed div{scrollbar-width:none}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem{width:48px;position:relative}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem label,:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem .sublinks-toggle{display:none}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .navitem .badge{position:absolute;top:2px;right:2px}}.navitem:has(.sublinks-toggle button:active) .prometeo-fonts-label-large,.navitem:has(.sublinks-toggle button:focus-visible) .prometeo-fonts-label-large,.navitem:has(.sublinks-toggle button:active) svg,.navitem:has(.sublinks-toggle button:focus-visible) svg{color:inherit!important}@media(min-width:768px){:is(.navigation-drawer,.navigation-drawer-with-sidebar) .ticketcard-content{transition:all .3s ease-in-out}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .ticketcard-toggle-button{transition:all .3s ease-in-out;max-width:32px}:is(.navigation-drawer,.navigation-drawer-with-sidebar) :is(.ticketcard-content.clickable) .pyrion-navigation-drawer-user-card p{transition:all .3s ease-in-out}:is(.navigation-drawer,.navigation-drawer-with-sidebar) :is(.ticketcard-content.clickable):hover.clickable .pyrion-navigation-drawer-user-card p{color:var(--primary-400)!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-container{gap:0px!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-content{width:48px;min-width:48px;padding:8px}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .ticketcard-toggle-button{max-width:0!important;min-width:0!important}:is(.navigation-drawer,.navigation-drawer-with-sidebar) .collapsed .pyrion-navigation-drawer-user-card .usercard-content{opacity:0}}.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}}*,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(to bottom,var(--primary-900),var(--primary-950));}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility border-primary{border-color: var(--primary-500);}@utility border-primary-default-default{border-color: var(--primary-400);}@utility border-primary-default-hover{border-color: var(--primary-500);}@utility border-primary-default-focused{border-color: var(--primary-600);}@utility border-primary-default-pressed{border-color: var(--primary-600);}@utility border-primary-default-disabled{border-color: var(--neutral-700);}@utility border-primary-strong-pressed{border-color: var(--primary-700);}@utility border-primary-light{border-color: var(--primary-400);}@utility border-primary-medium-default{border-color: var(--primary-400);}@utility border-primary-medium-disabled{border-color: var(--neutral-600);}@utility border-primary-medium-hover{border-color: var(--primary-300);}@utility border-primary-medium-pressed{border-color: var(--primary-200);}@utility border-neutral{border-color: var(--neutral-500);}@utility border-neutral-default-default{border-color: var(--neutral-500);}@utility border-neutral-default-hover{border-color: var(--neutral-400);}@utility border-neutral-default-pressed{border-color: var(--neutral-500);}@utility border-neutral-default-focused{border-color: var(--neutral-500);}@utility border-neutral-default-disabled{border-color: var(--neutral-700);}@utility border-neutral-strong-default{border-color: var(--neutral-700);}@utility border-neutral-strong{border-color: var(--neutral-800);}@utility border-neutral-default{border-color: var(--neutral-900);}@utility border-neutral-medium{border-color: var(--neutral-600);}@utility border-neutral-medium-default{border-color: var(--neutral-400);}@utility border-neutral-medium-hover{border-color: var(--neutral-500);}@utility border-neutral-weak{border-color: var(--neutral-700);}@utility border-success{border-color: var(--success-500);}@utility border-success-default-default{border-color: var(--success-500);}@utility border-success-default-hover{border-color: var(--success-600);}@utility border-success-default-pressed{border-color: var(--success-700);}@utility border-success-default-focused{border-color: var(--success-700);}@utility border-success-default-disabled{border-color: var(--neutral-800);}@utility border-error{border-color: var(--error-500);}@utility border-error-default-default{border-color: var(--error-500);}@utility border-error-default-hover{border-color: var(--error-600);}@utility border-error-default-pressed{border-color: var(--error-700);}@utility border-error-default-focused{border-color: var(--error-700);}@utility border-error-default-disabled{border-color: var(--neutral-800);}@utility border-warning{border-color: var(--warning-500);}@utility border-warning-default-default{border-color: var(--warning-500);}@utility border-warning-default-hover{border-color: var(--warning-600);}@utility border-warning-default-pressed{border-color: var(--warning-700);}@utility border-warning-default-focused{border-color: var(--warning-700);}@utility icon-neutral-default-default{color: var(--neutral-500);}@utility icon-neutral-medium-default{color: var(--neutral-400);}@utility icon-neutral-medium-focused{color: var(--neutral-600);}@utility icon-neutral-strong-default{color: var(--neutral-100);}@utility icon-neutral-strong-disabled{color: var(--neutral-500);}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility text-xs-prometeo{font-size: .875rem; line-height: 1.25;}@utility text-sm-prometeo{font-size: 1rem; line-height: 1.375;}@utility text-md-prometeo{font-size: 1.125rem; line-height: 1.375;}@utility text-lg-prometeo{font-size: 1.25rem; line-height: 1.375;}@utility text-xl-prometeo{font-size: 1.5rem; line-height: 1.375;}@utility bg-primary{background-color: var(--primary-500); &:hover {background-color: var(--primary-600);} &:active {background-color: var(--primary-700);}}@utility bg-success{background-color: var(--success-500); &:hover {background-color: var(--success-600);}}@utility bg-error{background-color: var(--error-500); &:hover {background-color: var(--error-600);}}@utility input-base{padding: .5rem .75rem; border: 1px solid var(--neutral-500); border-radius: .375rem; background-color: var(--neutral-800); color: var(--neutral-100); &:focus {outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(97,95,255,.1);}}@utility ring-primary-default-default{ --tw-ring-color: var(--primary-400); }@utility ring-primary-default-hover{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-pressed{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-focused{ --tw-ring-color: var(--primary-600); }@utility ring-success-default-default{ --tw-ring-color: var(--success-500); }@utility ring-success-default-hover{ --tw-ring-color: var(--success-600); }@utility ring-success-default-pressed{ --tw-ring-color: var(--success-600); }@utility ring-success-default-focused{ --tw-ring-color: var(--success-700); }@utility ring-warning-default-default{ --tw-ring-color: var(--warning-500); }@utility ring-warning-default-hover{ --tw-ring-color: var(--warning-600); }@utility ring-warning-default-pressed{ --tw-ring-color: var(--warning-700); }@utility ring-warning-default-focused{ --tw-ring-color: var(--warning-700); }@utility ring-error-default-default{ --tw-ring-color: var(--error-500); }@utility ring-error-default-hover{ --tw-ring-color: var(--error-600); }@utility ring-error-default-pressed{ --tw-ring-color: var(--error-700); }@utility ring-error-default-focused{ --tw-ring-color: var(--error-700); }*{--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400);--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:3px solid var(--neutral-800);border-radius:10px}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility prometeo-scrollbar-thin-weak{ --sb-size: 12px !important; --sb-track-color-weak: var(--neutral-900) !important; --sb-thumb-color-weak: var(--primary-900) !important; &::-webkit-scrollbar { width: 12px !important; height: var(--sb-size) !important; } &::-webkit-scrollbar-track { background: var(--sb-track-color-weak) !important; } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color-weak) !important; border: 5px solid var(--sb-track-color-weak) !important; border-radius: 8px !important; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility prometeo-scrollbar-overlay{ --sb-size: 8px; padding-inline-end: var(--sb-size) !important; margin-inline-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { width: var(--sb-size); } }@utility prometeo-scrollbar-overlay-x{ --sb-size: 8px; padding-block-end: var(--sb-size)!important; margin-block-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { height: var(--sb-size); } }@utility prometeo-scrollbar-none{scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {width: 0; height: 0; display: none; background: transparent;}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.input-group{position:relative;width:var(--input-width, 100%)}.input-field{padding:12px;border:1px solid var(--neutral-500);font-size:16px;transition:all .1s ease;border-radius:8px;box-sizing:border-box}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;padding:0 .25rem;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease;z-index:10}.input-field:focus+.floating-label,.input-field.has-value+.floating-label{top:-10px;left:0;transform:translateY(-50%);font-size:.75rem;color:var(--neutral-400)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:transparent;border:1px solid var(--neutral-400);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#fff;border-bottom:1px solid #374151}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#374151}.custom-option.selected{background-color:#1e40af}.custom-option.selected:hover{background-color:#1d4ed8}.option-checkbox{margin-right:.75rem;accent-color:#3b82f6}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem;flex-shrink:0}@keyframes cursor-intermitent{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes shadowPulse{0%{opacity:0;transform:scaleY(1)}20%{opacity:.3;transform:scaleY(1.05)}50%{opacity:.05;transform:scaleY(1)}80%{opacity:.3;transform:scaleY(1.05)}to{opacity:.05;transform:scaleY(1)}}@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": "4.4.1",
+  "version": "4.4.3",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",

package/src/styles/base.css

@@ -882,6 +882,10 @@ body {
     border-color: var(--neutral-400);
 }
 
+@utility border-neutral-medium-hover {
+    border-color: var(--neutral-500);
+}
+
 @utility border-neutral-weak {
     border-color: var(--neutral-700);
 }

package/src/styles/intellisense.css

@@ -180,6 +180,7 @@
 @utility border-neutral-default { --intellisense-border-neutral-default: 1; }
 @utility border-neutral-medium { --intellisense-border-neutral-medium: 1; }
 @utility border-neutral-medium-default { --intellisense-border-neutral-medium-default: 1; }
+@utility border-neutral-medium-hover { --intellisense-border-neutral-medium-hover: 1; }
 @utility border-neutral-weak { --intellisense-border-neutral-weak: 1; }
 @utility border-success { --intellisense-border-success: 1; }
 @utility border-success-default-default { --intellisense-border-success-default-default: 1; }

package/src/styles/utilities.css

@@ -824,6 +824,10 @@
         border-color: var(--neutral-400);
     }
 
+    .border-neutral-medium-hover {
+        border-color: var(--neutral-500);
+    }
+
     .border-neutral-weak {
         border-color: var(--neutral-700);
     }