prometeo-design-system 4.8.0 → 4.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/PyrionLayout.es.js +281 -281
  2. package/dist/Scrollable.es.js +58 -58
  3. package/dist/styles.css +1 -1
  4. package/package.json +2 -2
  5. package/src/styles/base.css +1 -2
  6. package/src/styles/utilities.css +1 -1
package/dist/Scrollable.es.js CHANGED
@@ -3,9 +3,9 @@ import { u as Rt } from "./useDevice-vwn4GLwK.js";
3
3
  import { g as G, r as w } from "./useLabelBackground-D5SzHhl_.js";
4
4
  import { c as L } from "./cn-B6yFEsav.js";
5
5
  import { c as Z } from "./index-BOQuZ0gG.js";
6
- import Tt, { useRef as f, useState as Ot, useCallback as C, useImperativeHandle as Wt, useLayoutEffect as qt, useEffect as Vt } from "react";
7
- import { CrevronLeft as xt } from "./Icons/CrevronLeft.es.js";
8
- const St = Z(
6
+ import xt, { useRef as f, useState as Ot, useCallback as C, useImperativeHandle as Wt, useLayoutEffect as qt, useEffect as Vt } from "react";
7
+ import { CrevronLeft as St } from "./Icons/CrevronLeft.es.js";
8
+ const Lt = Z(
9
9
  "",
10
10
  {
11
11
  variants: {
@@ -51,32 +51,32 @@ const St = Z(
51
51
  }
52
52
  }
53
53
  }), Zt = (tt) => {
54
- const { defaultBehavior: A = "scroll-on-click" } = tt, Lt = Rt(), B = {
54
+ const { defaultBehavior: A = "scroll-on-click" } = tt, Mt = Rt(), B = {
55
55
  top: { show: !0, type: "shadow", behavior: A, hoverDelay: 300 },
56
56
  bottom: { show: !0, type: "shadow", behavior: A, hoverDelay: 300 },
57
57
  left: { show: !0, type: "icon", behavior: A, hoverDelay: 300 },
58
58
  right: { show: !0, type: "icon", behavior: A, hoverDelay: 300 }
59
59
  }, et = {
60
60
  hide: !1,
61
- size: "medium"
61
+ size: "small"
62
62
  }, {
63
- debugMode: Mt = !1,
63
+ debugMode: Nt = !1,
64
64
  className: rt,
65
65
  axis: y = "both",
66
- children: Nt,
66
+ children: ot,
67
67
  indicators: R,
68
68
  scrollbarProps: Et = et,
69
- disableMouseScroll: ot = !1,
69
+ disableMouseScroll: st = !1,
70
70
  persistScroll: j = !1,
71
71
  controls: It,
72
72
  scrollTopButton: M,
73
73
  scrollMetadata: O
74
- } = tt, a = f({}), l = f(null), h = f(null), E = f(null), u = f(null), d = f(5), i = f({}), H = f(null), g = f(!1), st = f(!1), W = f(null), P = f(null), [$t, Dt] = Ot(!1), I = {
74
+ } = tt, a = f({}), l = f(null), h = f(null), E = f(null), u = f(null), d = f(5), i = f({}), H = f(null), g = f(!1), nt = f(!1), W = f(null), P = f(null), [$t, Dt] = Ot(!1), I = {
75
75
  top: { ...B.top, ...R?.top },
76
76
  bottom: { ...B.bottom, ...R?.bottom },
77
77
  left: { ...B.left, ...R?.left },
78
78
  right: { ...B.right, ...R?.right }
79
- }, nt = { ...et, ...Et }, z = f([]), lt = f(/* @__PURE__ */ new Map()), ct = f({ scrollTop: 0, scrollLeft: 0 }), _ = (t) => {
79
+ }, lt = { ...et, ...Et }, z = f([]), ct = f(/* @__PURE__ */ new Map()), at = f({ scrollTop: 0, scrollLeft: 0 }), _ = (t) => {
80
80
  if (!l.current) return 0;
81
81
  const { scrollTop: e, scrollLeft: o, scrollHeight: r, clientHeight: n, scrollWidth: s, clientWidth: c } = l.current;
82
82
  switch (t) {
@@ -91,7 +91,7 @@ const St = Z(
91
91
  default:
92
92
  return 0;
93
93
  }
94
- }, at = C((t) => {
94
+ }, it = C((t) => {
95
95
  if (!t || !l.current) return 0;
96
96
  const { clientHeight: e, scrollHeight: o } = l.current;
97
97
  if (t.includes("%")) {
@@ -104,21 +104,21 @@ const St = Z(
104
104
  return parseFloat(t.replace("vh", "")) / 100 * window.innerHeight;
105
105
  }
106
106
  return 0;
107
- }, []), it = C(() => {
107
+ }, []), ut = C(() => {
108
108
  if (!l.current || !M) return;
109
- const { scrollTop: t } = l.current, e = at(M.target || "40vh");
109
+ const { scrollTop: t } = l.current, e = it(M.target || "40vh");
110
110
  Dt(t >= e);
111
- }, [M, at]), ut = C(() => {
111
+ }, [M, it]), ft = C(() => {
112
112
  if (!l.current) return { x: 0, y: 0 };
113
113
  const { scrollTop: t, scrollLeft: e, scrollHeight: o, scrollWidth: r, clientHeight: n, clientWidth: s } = l.current, c = Math.max(0, o - n), m = Math.max(0, r - s), T = c > 0 ? t / c * 100 : 0;
114
114
  return { x: m > 0 ? e / m * 100 : 0, y: T };
115
- }, []), ft = C((t) => {
116
- const e = ct.current;
117
- let o = null;
118
- return t.scrollTop > e.scrollTop ? o = "down" : t.scrollTop < e.scrollTop ? o = "up" : t.scrollLeft > e.scrollLeft ? o = "right" : t.scrollLeft < e.scrollLeft && (o = "left"), ct.current = t, o;
119
115
  }, []), ht = C((t) => {
116
+ const e = at.current;
117
+ let o = null;
118
+ return t.scrollTop > e.scrollTop ? o = "down" : t.scrollTop < e.scrollTop ? o = "up" : t.scrollLeft > e.scrollLeft ? o = "right" : t.scrollLeft < e.scrollLeft && (o = "left"), at.current = t, o;
119
+ }, []), dt = C((t) => {
120
120
  if (!l.current) return;
121
- const { scrollTop: e, scrollLeft: o, scrollHeight: r, scrollWidth: n, clientHeight: s, clientWidth: c } = l.current, m = ft(t), { x: T, y: x } = ut(), S = {
121
+ const { scrollTop: e, scrollLeft: o, scrollHeight: r, scrollWidth: n, clientHeight: s, clientWidth: c } = l.current, m = ht(t), { x: T, y: x } = ft(), S = {
122
122
  percentage: x,
123
123
  direction: m,
124
124
  scrollTop: e,
@@ -145,8 +145,8 @@ const St = Z(
145
145
  (y === "y" || y === "both") && p.callback(S), (y === "x" || y === "both") && p.callback(X);
146
146
  return;
147
147
  }
148
- const Y = (v.direction === "y" || v.direction === "both") && (y === "y" || y === "both"), wt = (v.direction === "x" || v.direction === "both") && (y === "x" || y === "both");
149
- if (!Y && !wt) return;
148
+ const Y = (v.direction === "y" || v.direction === "both") && (y === "y" || y === "both"), Tt = (v.direction === "x" || v.direction === "both") && (y === "x" || y === "both");
149
+ if (!Y && !Tt) return;
150
150
  const $ = (Y ? S : X).percentage, D = v.target * 100;
151
151
  let k = !1;
152
152
  if (v.trip === "forth")
@@ -158,13 +158,13 @@ const St = Z(
158
158
  k = p.triggered !== F;
159
159
  }
160
160
  if (k) {
161
- const F = `${z.current.indexOf(p)}-${v?.target || 0}-${v?.direction || "y"}`, U = Date.now(), Bt = lt.current.get(F) || 0;
161
+ const F = `${z.current.indexOf(p)}-${v?.target || 0}-${v?.direction || "y"}`, U = Date.now(), Bt = ct.current.get(F) || 0;
162
162
  if (U - Bt < 500)
163
163
  return;
164
- v.trip === "round-trip" && (p.triggered = $ >= D, p.lastDirection = m || void 0), lt.current.set(F, U), p.lastTriggerTime = U, Y ? p.callback(S) : wt && p.callback(X);
164
+ v.trip === "round-trip" && (p.triggered = $ >= D, p.lastDirection = m || void 0), ct.current.set(F, U), p.lastTriggerTime = U, Y ? p.callback(S) : Tt && p.callback(X);
165
165
  }
166
166
  });
167
- }, [y, ft, ut, O]), dt = C((t, e) => {
167
+ }, [y, ht, ft, O]), pt = C((t, e) => {
168
168
  const o = {
169
169
  callback: t,
170
170
  config: e,
@@ -177,8 +177,8 @@ const St = Z(
177
177
  };
178
178
  }, []);
179
179
  Wt(It, () => ({
180
- subscribeToScrollTarget: dt
181
- }), [dt]);
180
+ subscribeToScrollTarget: pt
181
+ }), [pt]);
182
182
  const q = (t, e = 100, o = !0) => {
183
183
  if (!l.current) return;
184
184
  const r = _(t), n = Math.min(Math.abs(e), r);
@@ -246,7 +246,7 @@ const St = Z(
246
246
  if (!o) return;
247
247
  const r = o.querySelector(".shadow-hover");
248
248
  r && (r.style.opacity = "0");
249
- }, pt = (t, e, o) => {
249
+ }, gt = (t, e, o) => {
250
250
  if (e === "scroll-on-click" && g.current) {
251
251
  g.current = !1;
252
252
  return;
@@ -260,7 +260,7 @@ const St = Z(
260
260
  const { clientHeight: r, clientWidth: n } = l.current, s = t === "top" || t === "bottom" ? r * 0.8 : n * 0.8;
261
261
  q(t, s);
262
262
  }
263
- }, gt = (t, e) => {
263
+ }, mt = (t, e) => {
264
264
  u.current && (clearTimeout(u.current), u.current = null), g.current = !0, d.current = 3;
265
265
  let o = 0;
266
266
  H.current = t, i.current[t] = !1, q(t, d.current, !1), h.current = setInterval(() => {
@@ -303,20 +303,20 @@ const St = Z(
303
303
  h.current && (clearInterval(h.current), h.current = null), d.current = 5, r ? i.current[r] ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => {
304
304
  N(r, o), i.current[r] = !1, g.current = !1;
305
305
  }, 1e3)) : (N(r, o), i.current[r] = !1, g.current = !1) : g.current = !1, H.current = null;
306
- }, mt = (t, e, o) => {
307
- if (!Lt && (Ht(t, o), e === "scroll-on-hover")) {
306
+ }, vt = (t, e, o) => {
307
+ if (!Mt && (Ht(t, o), e === "scroll-on-hover")) {
308
308
  const r = I[t]?.hoverDelay ?? 800;
309
309
  E.current = setTimeout(() => {
310
- gt(t, o);
310
+ mt(t, o);
311
311
  }, r);
312
312
  }
313
- }, vt = (t, e, o) => {
314
- Pt(t, o), e === "scroll-on-hover" && J(t, !0, o);
315
313
  }, bt = (t, e, o) => {
314
+ Pt(t, o), e === "scroll-on-hover" && J(t, !0, o);
315
+ }, yt = (t, e, o) => {
316
316
  e === "scroll-on-click" && (g.current = !1, E.current = setTimeout(() => {
317
- gt(t, o);
317
+ mt(t, o);
318
318
  }, 200));
319
- }, yt = (t, e, o) => {
319
+ }, wt = (t, e, o) => {
320
320
  e === "scroll-on-click" && J(t, !1, o);
321
321
  }, K = () => {
322
322
  if (!l.current) return;
@@ -337,7 +337,7 @@ const St = Z(
337
337
  } catch {
338
338
  }
339
339
  }
340
- K(), st.current || (st.current = !0, requestAnimationFrame(() => {
340
+ K(), nt.current || (nt.current = !0, requestAnimationFrame(() => {
341
341
  Object.values(a.current).forEach((r) => {
342
342
  r?.classList.add("transition-all", "duration-300");
343
343
  }), setTimeout(() => {
@@ -345,12 +345,12 @@ const St = Z(
345
345
  }, 0);
346
346
  }));
347
347
  const e = () => {
348
- if (K(), it(), l.current) {
348
+ if (K(), ut(), l.current) {
349
349
  const r = {
350
350
  scrollTop: l.current.scrollTop,
351
351
  scrollLeft: l.current.scrollLeft
352
352
  };
353
- ht(r);
353
+ dt(r);
354
354
  }
355
355
  j && W.current && (P.current && clearTimeout(P.current), P.current = setTimeout(() => {
356
356
  try {
@@ -365,12 +365,12 @@ const St = Z(
365
365
  };
366
366
  t.addEventListener("scroll", e);
367
367
  const o = (r) => {
368
- ot && r.preventDefault();
368
+ st && r.preventDefault();
369
369
  };
370
370
  return t.addEventListener("wheel", o, { passive: !1 }), () => {
371
371
  t.removeEventListener("scroll", e), t.removeEventListener("wheel", o), P.current && clearTimeout(P.current);
372
372
  };
373
- }, [ot, j, O, it, ht]), Vt(() => {
373
+ }, [st, j, O, ut, dt, ot]), Vt(() => {
374
374
  if (!l.current) return;
375
375
  let t = G(l.current);
376
376
  Object.entries(I).forEach(([e, o]) => {
@@ -388,21 +388,21 @@ const St = Z(
388
388
  }
389
389
  });
390
390
  }, [I]);
391
- const zt = Tt.Children.toArray(Nt), At = Object.values(I).some((t) => t?.show && t?.type === "icon");
392
- return /* @__PURE__ */ b.jsxs("div", { className: L("relative p-0", rt, St({ axis: y }), "scrolleable", At ? "overflow-visible" : "overflow-hidden!"), children: [
391
+ const zt = xt.Children.toArray(ot), At = Object.values(I).some((t) => t?.show && t?.type === "icon");
392
+ return /* @__PURE__ */ b.jsxs("div", { className: L("relative p-0", rt, Lt({ axis: y }), "scrolleable", At ? "overflow-visible" : "overflow-hidden!"), children: [
393
393
  /* @__PURE__ */ b.jsx(
394
394
  "div",
395
395
  {
396
396
  ref: l,
397
397
  className: L(
398
- Mt && "border border-red-900 border-dashed",
398
+ Nt && "border border-red-900 border-dashed",
399
399
  rt,
400
400
  "py-2 relative w-full h-full min-h-full",
401
- St({ axis: y }),
402
- Ft({ hide: nt?.hide, size: nt?.size }),
401
+ Lt({ axis: y }),
402
+ Ft({ hide: lt?.hide, size: lt?.size }),
403
403
  ""
404
404
  ),
405
- children: zt?.map((t) => Tt.cloneElement(t, { className: L(t?.props?.className, "shrink-0! pointer-events-auto") }))
405
+ children: zt?.map((t) => xt.cloneElement(t, { className: L(t?.props?.className, "shrink-0! pointer-events-auto") }))
406
406
  }
407
407
  ),
408
408
  /* @__PURE__ */ b.jsx("div", { className: "h-full w-full z-10 absolute inset-0 pointer-events-none overflow-hidden rounded-[inherit]", children: Object.entries(I).map(([t, e]) => {
@@ -419,11 +419,11 @@ const St = Z(
419
419
  "ease-in-out z-100",
420
420
  "opacity-0 pointer-events-none"
421
421
  ),
422
- onClick: () => pt(o, e.behavior, e.type),
423
- onMouseEnter: () => mt(o, e.behavior, e.type),
424
- onMouseLeave: () => vt(o, e.behavior, e.type),
425
- onMouseDown: () => bt(o, e.behavior, e.type),
426
- onMouseUp: () => yt(o, e.behavior, e.type),
422
+ onClick: () => gt(o, e.behavior, e.type),
423
+ onMouseEnter: () => vt(o, e.behavior, e.type),
424
+ onMouseLeave: () => bt(o, e.behavior, e.type),
425
+ onMouseDown: () => yt(o, e.behavior, e.type),
426
+ onMouseUp: () => wt(o, e.behavior, e.type),
427
427
  children: [
428
428
  /* @__PURE__ */ b.jsx("span", { className: L(Q({ position: o, type: "shadow" }), "shadow-base", e.className) }),
429
429
  /* @__PURE__ */ b.jsx("span", { className: L(Q({ position: o, type: "shadow" }), "shadow-hover opacity-0 transition-opacity duration-300", e.className) })
@@ -442,12 +442,12 @@ const St = Z(
442
442
  a.current[t] = r;
443
443
  },
444
444
  className: "pointer-events-auto cursor-default transition-all duration-300 opacity-0",
445
- onClick: () => pt(o, e.behavior, e.type),
446
- onMouseEnter: () => mt(o, e.behavior, e.type),
447
- onMouseLeave: () => vt(o, e.behavior, e.type),
448
- onMouseDown: () => bt(o, e.behavior, e.type),
449
- onMouseUp: () => yt(o, e.behavior, e.type),
450
- children: /* @__PURE__ */ b.jsx(xt, { size: 20, className: L(Q({ position: o, type: "icon" }), e.className) })
445
+ onClick: () => gt(o, e.behavior, e.type),
446
+ onMouseEnter: () => vt(o, e.behavior, e.type),
447
+ onMouseLeave: () => bt(o, e.behavior, e.type),
448
+ onMouseDown: () => yt(o, e.behavior, e.type),
449
+ onMouseUp: () => wt(o, e.behavior, e.type),
450
+ children: /* @__PURE__ */ b.jsx(St, { size: 20, className: L(Q({ position: o, type: "icon" }), e.className) })
451
451
  },
452
452
  t
453
453
  );
@@ -468,7 +468,7 @@ const St = Z(
468
468
  style: {
469
469
  transition: "all 0.3s ease-in-out"
470
470
  },
471
- children: M.icon ? /* @__PURE__ */ b.jsx(M.icon, { size: 20, className: "text-white" }) : /* @__PURE__ */ b.jsx(xt, { size: 20, className: "text-white rotate-90" })
471
+ children: M.icon ? /* @__PURE__ */ b.jsx(M.icon, { size: 20, className: "text-white" }) : /* @__PURE__ */ b.jsx(St, { size: 20, className: "text-white rotate-90" })
472
472
  }
473
473
  )
474
474
  ] });
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @layer base{@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2")}}@layer base{:root{--white: #ffffff;--black: #000000;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #9f9fa9;--neutral-500: #71717b;--neutral-600: #52525c;--neutral-700: #3f3f47;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-925: #151517;--neutral-950: #09090b;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c6d2ff;--primary-300: #a3b3ff;--primary-400: #7c86ff;--primary-500: #615fff;--primary-600: #4f39f6;--primary-700: #432dd7;--primary-800: #372aac;--primary-900: #312c85;--primary-950: #1e1a4d;--success-50: #ecfdf5;--success-100: #d0fae5;--success-200: #a4f4cf;--success-300: #5ee9b5;--success-400: #00d492;--success-500: #00bc7d;--success-600: #009966;--success-700: #007a55;--success-800: #006045;--success-900: #004f3b;--success-950: #002c22;--error-50: #fef2f2;--error-100: #ffe2e2;--error-200: #ffc9c9;--error-300: #ffa2a2;--error-400: #ff6467;--error-500: #fb2c36;--error-600: #e7000b;--error-700: #c10007;--error-800: #9f0712;--error-900: #82181a;--error-950: #460809;--warning-50: #fefce8;--warning-100: #fef9c2;--warning-200: #fff085;--warning-300: #ffdf20;--warning-400: #fdc700;--warning-500: #f0b100;--warning-600: #d08700;--warning-700: #a65f00;--warning-800: #894b00;--warning-900: #733e0a;--warning-950: #432004;--pending-300: #ffb86a;--pending-500: #ff6900;--pending-800: #9f2d00;--progress-300: #51a2ff;--progress-500: #155dfc;--progress-800: #193cb8;--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}::-webkit-scrollbar-corner{background:#0000;background-color:var(--sb-track-color)}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility prometeo-scrollbar-thin-weak{ --sb-size: 12px !important; --sb-track-color-weak: var(--neutral-900) !important; --sb-thumb-color-weak: var(--primary-900) !important; &::-webkit-scrollbar { width: 12px !important; height: var(--sb-size) !important; } &::-webkit-scrollbar-track { background: var(--sb-track-color-weak) !important; } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color-weak) !important; border: 5px solid var(--sb-track-color-weak) !important; border-radius: 8px !important; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility 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)}}
1
+ @layer base{@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2")}}@layer base{:root{--white: #ffffff;--black: #000000;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #9f9fa9;--neutral-500: #71717b;--neutral-600: #52525c;--neutral-700: #3f3f47;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-925: #151517;--neutral-950: #09090b;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c6d2ff;--primary-300: #a3b3ff;--primary-400: #7c86ff;--primary-500: #615fff;--primary-600: #4f39f6;--primary-700: #432dd7;--primary-800: #372aac;--primary-900: #312c85;--primary-950: #1e1a4d;--success-50: #ecfdf5;--success-100: #d0fae5;--success-200: #a4f4cf;--success-300: #5ee9b5;--success-400: #00d492;--success-500: #00bc7d;--success-600: #009966;--success-700: #007a55;--success-800: #006045;--success-900: #004f3b;--success-950: #002c22;--error-50: #fef2f2;--error-100: #ffe2e2;--error-200: #ffc9c9;--error-300: #ffa2a2;--error-400: #ff6467;--error-500: #fb2c36;--error-600: #e7000b;--error-700: #c10007;--error-800: #9f0712;--error-900: #82181a;--error-950: #460809;--warning-50: #fefce8;--warning-100: #fef9c2;--warning-200: #fff085;--warning-300: #ffdf20;--warning-400: #fdc700;--warning-500: #f0b100;--warning-600: #d08700;--warning-700: #a65f00;--warning-800: #894b00;--warning-900: #733e0a;--warning-950: #432004;--pending-300: #ffb86a;--pending-500: #ff6900;--pending-800: #9f2d00;--progress-300: #51a2ff;--progress-500: #155dfc;--progress-800: #193cb8;--pyrion-orange-500: #FC5509}}@layer utilities{.prometeo-fonts-display-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:56px;line-height:64px;color:var(--black)}.prometeo-fonts-display-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:48px;line-height:56px;color:var(--black)}.prometeo-fonts-display-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:36px;line-height:44px;color:var(--black)}.prometeo-fonts-headline-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;line-height:40px;color:var(--neutral-100)}.prometeo-fonts-headline-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:28px;line-height:32px;color:var(--neutral-100)}.prometeo-fonts-headline-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-headline-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;line-height:24px;color:var(--neutral-100)}.prometeo-fonts-title-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-medium{font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-title-small{font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-xlarge{font-family:Montserrat,sans-serif;font-weight:400;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-body-large{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100)}.prometeo-fonts-body-medium{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-small{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-body-xsmall{font-family:Montserrat,sans-serif;font-weight:400;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-fonts-label-xlarge{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-label-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-label-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-gradient-bg{background:linear-gradient(135.9deg,var(--primary-500) .5%,var(--pyrion-orange-500) 90.05%)}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.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(135.9deg,var(--primary-500) .5%,var(--pyrion-orange-500) 90.05%);}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility 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}::-webkit-scrollbar-corner{background:#0000;background-color:var(--sb-track-color)}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility prometeo-scrollbar-thin-weak{ --sb-size: 12px !important; --sb-track-color-weak: var(--neutral-900) !important; --sb-thumb-color-weak: var(--primary-900) !important; &::-webkit-scrollbar { width: 12px !important; height: var(--sb-size) !important; } &::-webkit-scrollbar-track { background: var(--sb-track-color-weak) !important; } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color-weak) !important; border: 5px solid var(--sb-track-color-weak) !important; border-radius: 8px !important; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility 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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "prometeo-design-system",
3
3
  "private": false,
4
- "version": "4.8.0",
4
+ "version": "4.8.2",
5
5
  "type": "module",
6
6
  "description": "design kit system",
7
7
  "main": "dist/prometeo-design-system.umd.js",
@@ -238,7 +238,7 @@
238
238
  "url": "https://github.com/your-username/prometeo-design-system/issues"
239
239
  },
240
240
  "scripts": {
241
- "dev": "vite",
241
+ "dev": "vite --port 5174",
242
242
  "build": "node scripts/migrate-utilities.js && tsc -p tsconfig.build.json && vite build",
243
243
  "build:mf": "node scripts/migrate-utilities.js && tsc -p tsconfig.build.json && vite build --config vite.mf.config.ts",
244
244
  "preview:mf": "vite preview --config vite.mf.config.ts --port 5001",
package/src/styles/base.css CHANGED
@@ -189,9 +189,8 @@ body {
189
189
  /* <!-- COLORS --> */
190
190
 
191
191
  /* GRADIENTS */
192
-
193
192
  @utility prometeo-gradient-bg {
194
- background: linear-gradient(to bottom, var(--primary-900), var(--primary-950));
193
+ background: linear-gradient(135.9deg, var(--primary-500) 0.5%, var(--pyrion-orange-500) 90.05%);
195
194
  }
196
195
 
197
196
  @utility prometeo-gradient-border {
package/src/styles/utilities.css CHANGED
@@ -178,7 +178,7 @@
178
178
  }
179
179
 
180
180
  .prometeo-gradient-bg {
181
- background: linear-gradient(to bottom, var(--primary-900), var(--primary-950));
181
+ background: linear-gradient(135.9deg, var(--primary-500) 0.5%, var(--pyrion-orange-500) 90.05%);
182
182
  }
183
183
 
184
184
  .prometeo-gradient-border {