@konstructio/ui 0.0.13-alpha.1 → 0.1.0-alpha.2

package/dist/components/Badge/Badge.js

@@ -0,0 +1,79 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useRef as v, useState as w, useCallback as x, useEffect as y } from "react";
+import { cn as m } from "../../utils/index.js";
+import { buttonDismissVariants as M, badgeVariants as Z } from "./Badge.variants.js";
+import { c as N } from "../../createLucideIcon-CoF3ywd5.js";
+/**
+* @license lucide-react v0.488.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const V = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], I = N("x", V), L = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M7.05002%201.45002C7.05002%201.17155%206.9394%200.904476%206.74249%200.707562C6.54557%200.510649%206.2785%200.400024%206.00002%200.400024C5.72155%200.400024%205.45448%200.510649%205.25756%200.707562C5.06065%200.904476%204.95002%201.17155%204.95002%201.45002C4.95002%201.7285%205.06065%201.99557%205.25756%202.19249C5.45448%202.3894%205.72155%202.50002%206.00002%202.50002C6.2785%202.50002%206.54557%202.3894%206.74249%202.19249C6.9394%201.99557%207.05002%201.7285%207.05002%201.45002ZM7.05002%2010.55C7.05002%2010.2715%206.9394%2010.0045%206.74249%209.80756C6.54557%209.61065%206.2785%209.50002%206.00002%209.50002C5.72155%209.50002%205.45448%209.61065%205.25756%209.80756C5.06065%2010.0045%204.95002%2010.2715%204.95002%2010.55C4.95002%2010.8285%205.06065%2011.0956%205.25756%2011.2925C5.45448%2011.4894%205.72155%2011.6%206.00002%2011.6C6.2785%2011.6%206.54557%2011.4894%206.74249%2011.2925C6.9394%2011.0956%207.05002%2010.8285%207.05002%2010.55ZM1.45002%207.05002C1.7285%207.05002%201.99557%206.9394%202.19249%206.74249C2.3894%206.54557%202.50002%206.2785%202.50002%206.00002C2.50002%205.72155%202.3894%205.45448%202.19249%205.25756C1.99557%205.06065%201.7285%204.95002%201.45002%204.95002C1.17155%204.95002%200.904476%205.06065%200.707562%205.25756C0.510649%205.45448%200.400024%205.72155%200.400024%206.00002C0.400024%206.2785%200.510649%206.54557%200.707562%206.74249C0.904476%206.9394%201.17155%207.05002%201.45002%207.05002ZM11.6%206.00002C11.6%205.72155%2011.4894%205.45448%2011.2925%205.25756C11.0956%205.06065%2010.8285%204.95002%2010.55%204.95002C10.2715%204.95002%2010.0045%205.06065%209.80756%205.25756C9.61065%205.45448%209.50002%205.72155%209.50002%206.00002C9.50002%206.2785%209.61065%206.54557%209.80756%206.74249C10.0045%206.9394%2010.2715%207.05002%2010.55%207.05002C10.8285%207.05002%2011.0956%206.9394%2011.2925%206.74249C11.4894%206.54557%2011.6%206.2785%2011.6%206.00002ZM3.52596%209.9594C3.62349%209.86187%203.70085%209.74609%203.75363%209.61867C3.80641%209.49124%203.83358%209.35467%203.83358%209.21674C3.83358%209.07882%203.80641%208.94225%203.75363%208.81482C3.70085%208.6874%203.62349%208.57161%203.52596%208.47409C3.42844%208.37656%203.31265%208.2992%203.18523%208.24642C3.0578%208.19364%202.92123%208.16647%202.78331%208.16647C2.50476%208.16647%202.23761%208.27712%202.04065%208.47409C1.84368%208.67105%201.73303%208.93819%201.73303%209.21674C1.73303%209.49529%201.84368%209.76243%202.04065%209.9594C2.23761%2010.1564%202.50476%2010.267%202.78331%2010.267C3.06186%2010.267%203.329%2010.1564%203.52596%209.9594ZM3.52596%203.52377C3.62833%203.42738%203.7103%203.31141%203.76701%203.18274C3.82371%203.05407%203.85399%202.91532%203.85605%202.77472C3.85812%202.63413%203.83192%202.49455%203.77902%202.36427C3.72611%202.23399%203.64758%202.11566%203.54808%202.01631C3.44858%201.91695%203.33014%201.8386%203.19978%201.78589C3.06942%201.73318%202.92981%201.70718%202.78921%201.70945C2.64862%201.71172%202.50992%201.74221%202.38133%201.7991C2.25274%201.85599%202.13689%201.93814%202.04065%202.04065C1.84368%202.23761%201.73303%202.50476%201.73303%202.78331C1.73303%203.06186%201.84368%203.329%202.04065%203.52596C2.23761%203.72293%202.50476%203.83358%202.78331%203.83358C3.06186%203.83358%203.329%203.72293%203.52596%203.52596V3.52377ZM8.47409%209.9594C8.57161%2010.0569%208.6874%2010.1343%208.81482%2010.1871C8.94225%2010.2399%209.07882%2010.267%209.21674%2010.267C9.35467%2010.267%209.49124%2010.2399%209.61867%2010.1871C9.74609%2010.1343%209.86187%2010.0569%209.9594%209.9594C10.0569%209.86187%2010.1343%209.74609%2010.1871%209.61867C10.2399%209.49124%2010.267%209.35467%2010.267%209.21674C10.267%209.07882%2010.2399%208.94225%2010.1871%208.81482C10.1343%208.6874%2010.0569%208.57161%209.9594%208.47409C9.86187%208.37656%209.74609%208.2992%209.61867%208.24642C9.49124%208.19364%209.35467%208.16647%209.21674%208.16647C9.07882%208.16647%208.94225%208.19364%208.81482%208.24642C8.6874%208.2992%208.57161%208.37656%208.47409%208.47409C8.37656%208.57161%208.2992%208.6874%208.24642%208.81482C8.19364%208.94225%208.16647%209.07882%208.16647%209.21674C8.16647%209.35467%208.19364%209.49124%208.24642%209.61867C8.2992%209.74609%208.37656%209.86187%208.47409%209.9594Z'%20fill='currentColor'%20/%3e%3c/svg%3e", _ = ({
+  className: u,
+  dismissible: p = !1,
+  label: s,
+  loading: o = !1,
+  size: n,
+  variant: b,
+  onClick: e,
+  onDismiss: C
+}) => {
+  const t = v(null), [f, h] = w("visible"), g = x(
+    (a) => {
+      a.stopPropagation(), C == null || C(), h("hidden");
+    },
+    [C]
+  );
+  return y(() => {
+    var i;
+    const a = new AbortController();
+    return (i = t.current) == null || i.addEventListener(
+      "animationend",
+      () => {
+        var l, c;
+        (l = t.current) == null || l.style.setProperty("display", "none"), (c = t.current) == null || c.remove();
+      },
+      { signal: a.signal }
+    ), () => a.abort();
+  }, []), /* @__PURE__ */ d(
+    "span",
+    {
+      ref: t,
+      className: m(
+        Z({ variant: b, size: n, className: u }),
+        e && "cursor-pointer"
+      ),
+      role: e ? "button" : void 0,
+      onClick: e,
+      tabIndex: e ? 0 : void 0,
+      "aria-label": e ? `${s} badge` : void 0,
+      "aria-busy": o,
+      "aria-live": "polite",
+      "data-state": f,
+      children: [
+        o && /* @__PURE__ */ r(L, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
+        s,
+        p && /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: m(M({ size: n })),
+            onClick: g,
+            "aria-label": "Dismiss",
+            children: [
+              /* @__PURE__ */ r(I, { className: "h-full w-full" }),
+              /* @__PURE__ */ r("span", { className: "sr-only", children: "Dismiss" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  _ as Badge
+};

package/dist/components/Badge/Badge.variants.js

@@ -0,0 +1,67 @@
+import { c as e } from "../../index-BNmRGtA6.js";
+const a = e(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-1.5",
+    "rounded-md",
+    "px-2",
+    "py-1",
+    "w-max",
+    "shadow-xs",
+    "data-[state=hidden]:animate-out",
+    "data-[state=hidden]:fade-out-0",
+    "data-[state=hidden]:zoom-out-95"
+  ],
+  {
+    variants: {
+      variant: {
+        default: ["bg-gray-100", "text-gray-800"],
+        danger: ["bg-red-100", "text-red-800"],
+        info: ["bg-blue-100", "text-blue-800"],
+        success: ["bg-green-100", "text-green-800"],
+        warning: ["bg-yellow-100", "text-yellow-800"]
+      },
+      size: {
+        small: "text-sm",
+        medium: "text-base",
+        large: "text-lg",
+        xlarge: "text-xl",
+        xxlarge: "text-2xl"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "medium"
+    }
+  }
+), i = e(
+  [
+    "rounded-full",
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "focus:outline-none",
+    "text-inherit",
+    "cursor-pointer"
+  ],
+  {
+    variants: {
+      size: {
+        small: ["h-3", "w-3"],
+        medium: ["h-3.5", "w-3.5"],
+        large: ["h-4", "w-4"],
+        xlarge: ["h-5", "w-5"],
+        xxlarge: ["h-6", "w-6"]
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+export {
+  a as badgeVariants,
+  i as buttonDismissVariants
+};

package/dist/components/Divider/Divider.variants.js

@@ -1,17 +1,14 @@
 import { c as a } from "../../index-BNmRGtA6.js";
-const t = a(
-  ["h-[1px]", "bg-zinc-200", "w-full", "border-gray-200"],
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
+const i = a(["h-[1px]", "bg-zinc-200", "w-full"], {
+  variants: {
+    variant: {
+      default: ""
     }
+  },
+  defaultVariants: {
+    variant: "default"
   }
-);
+});
 export {
-  t as dividerVariants
+  i as dividerVariants
 };

package/dist/components/Loading/Loading.js

@@ -1,111 +1,26 @@
-import { jsx as g } from "react/jsx-runtime";
-import { cn as w } from "../../utils/index.js";
-import { loadingVariants as f } from "./Loading.variants.js";
-import { forwardRef as i, createElement as n } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as c } from "../../utils/index.js";
+import { loadingVariants as i } from "./Loading.variants.js";
+import { c as t } from "../../createLucideIcon-CoF3ywd5.js";
 /**
 * @license lucide-react v0.488.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const h = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (e) => e.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
-), c = (e) => {
-  const t = L(e);
-  return t.charAt(0).toUpperCase() + t.slice(1);
-}, l = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
-/**
-* @license lucide-react v0.488.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var k = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
-* @license lucide-react v0.488.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const A = i(
-  ({
-    color: e = "currentColor",
-    size: t = 24,
-    strokeWidth: o = 2,
-    absoluteStrokeWidth: r,
-    className: s = "",
-    children: a,
-    iconNode: m,
-    ...d
-  }, p) => n(
-    "svg",
-    {
-      ref: p,
-      ...k,
-      width: t,
-      height: t,
-      stroke: e,
-      strokeWidth: r ? Number(o) * 24 / Number(t) : o,
-      className: l("lucide", s),
-      ...d
-    },
-    [
-      ...m.map(([u, C]) => n(u, C)),
-      ...Array.isArray(a) ? a : [a]
-    ]
-  )
-);
-/**
-* @license lucide-react v0.488.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const b = (e, t) => {
-  const o = i(
-    ({ className: r, ...s }, a) => n(A, {
-      ref: a,
-      iconNode: t,
-      className: l(
-        `lucide-${h(c(e))}`,
-        `lucide-${e}`,
-        r
-      ),
-      ...s
-    })
-  );
-  return o.displayName = c(e), o;
-};
-/**
-* @license lucide-react v0.488.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const x = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], y = b("loader-circle", x), v = ({ className: e, theme: t, ...o }) => /* @__PURE__ */ g(
-  y,
+const d = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], m = t("loader-circle", d), n = ({ className: o, theme: a, ...r }) => /* @__PURE__ */ e(
+  m,
   {
-    "data-theme": t,
-    className: w(
-      f({
-        className: e
+    "data-theme": a,
+    className: c(
+      i({
+        className: o
       })
     ),
-    ...o
+    ...r
   }
 );
-v.displayName = "Loading";
+n.displayName = "Loading";
 export {
-  v as Loading
+  n as Loading
 };

package/dist/components/Table/Table.variants.js

@@ -4,8 +4,7 @@ const r = t([
   "w-full",
   "border-collapse",
   "border-spacing-0",
-  "rounded",
-  "shadow-sm"
+  "rounded"
 ]), a = t(
   [
     "h-8",
@@ -24,17 +23,17 @@ const r = t([
       }
     }
   }
-), s = t([
+), o = t([
   "h-[18px]",
   "bg-slate-100",
   "[&>tr>th]:py-3",
   "[&>tr>th]:px-4",
   "[&>tr>th]:uppercase",
   "text-left"
-]), o = t([]);
+]), s = t([]);
 export {
-  o as bodyVariants,
-  s as headVariants,
+  s as bodyVariants,
+  o as headVariants,
   a as rowVariants,
   r as tableVariants
 };

package/dist/createLucideIcon-CoF3ywd5.js

@@ -0,0 +1,89 @@
+import { forwardRef as i, createElement as n } from "react";
+/**
+* @license lucide-react v0.488.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const w = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), g = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, r, o) => o ? o.toUpperCase() : r.toLowerCase()
+), c = (e) => {
+  const t = g(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, l = (...e) => e.filter((t, r, o) => !!t && t.trim() !== "" && o.indexOf(t) === r).join(" ").trim();
+/**
+* @license lucide-react v0.488.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var h = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+* @license lucide-react v0.488.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const f = i(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: o,
+    className: a = "",
+    children: s,
+    iconNode: u,
+    ...m
+  }, C) => n(
+    "svg",
+    {
+      ref: C,
+      ...h,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: o ? Number(r) * 24 / Number(t) : r,
+      className: l("lucide", a),
+      ...m
+    },
+    [
+      ...u.map(([p, d]) => n(p, d)),
+      ...Array.isArray(s) ? s : [s]
+    ]
+  )
+);
+/**
+* @license lucide-react v0.488.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const b = (e, t) => {
+  const r = i(
+    ({ className: o, ...a }, s) => n(f, {
+      ref: s,
+      iconNode: t,
+      className: l(
+        `lucide-${w(c(e))}`,
+        `lucide-${e}`,
+        o
+      ),
+      ...a
+    })
+  );
+  return r.displayName = c(e), r;
+};
+export {
+  b as c
+};

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.21",
+  "version": "0.0.13-alpha.2",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/styles.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-green-500:#22c55e;--color-emerald-700:#047857;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#60a5fa;--color-blue-600:#2563eb;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-pink-50:#fdf2f8;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-900:#111827;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-700:#3f3f46;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--viewport-padding:25px;--color-metal-1000:#758c9f;--color-powder-500:#7395bf;--color-kubefirst-primary:#8851c8;--color-kubefirst-secondary:#7037ae;--color-kubefirst-dark-blue-900:#1e2235;--color-colony-primary:#a61b4e;--color-colony-secondary:#d32263;--color-civo-primary:#239dff;--color-civo-secondary:#4fb1ff;--animate-enter:enter;--animate-exit:exit;--animate-hide:hide;--animate-slide-in:slideIn;--animate-swipe-out:swipeOut}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-\[120\%\]{top:-120%}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-1\/2{right:50%}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[50\%\]{right:50%}.right-\[100\%\],.right-full{right:100%}.\!bottom-\[-20px\]{bottom:-20px!important}.-bottom-\[120\%\]{bottom:-120%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-1\/2,.left-\[50\%\]{left:50%}.left-\[100\%\],.left-full{left:100%}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\[1px\]{height:1px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[350px\]{height:350px}.h-full{height:100%}.h-px{height:1px}.max-h-\[185px\]{max-height:185px}.max-h-\[250px\]{max-height:250px}.max-h-\[300px\]{max-height:300px}.min-h-\[450px\]{min-height:450px}.\!w-1\/3{width:33.3333%!important}.w-0{width:calc(var(--spacing)*0)}.w-1\/4{width:25%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-\[2px\]{width:2px}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[44px\]{width:44px}.w-\[72px\]{width:72px}.w-\[100px\]{width:100px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[350px\]{width:350px}.w-\[390px\]{width:390px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-max{width:max-content}.max-w-16{max-width:calc(var(--spacing)*16)}.max-w-\[100vw\]{max-width:100vw}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-lg{max-width:var(--container-lg)}.min-w-\[500px\]{min-width:500px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2,.translate-x-2\/4{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2\/4{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[40\%\]{--tw-translate-y:40%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-blue-100{border-color:var(--color-blue-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-kubefirst-primary{border-color:var(--color-kubefirst-primary)}.border-neutral-900\/35{border-color:#17171759}@supports (color:color-mix(in lab,red,red)){.border-neutral-900\/35{border-color:color-mix(in oklab,var(--color-neutral-900)35%,transparent)}}.border-neutral-900\/45{border-color:#17171773}@supports (color:color-mix(in lab,red,red)){.border-neutral-900\/45{border-color:color-mix(in oklab,var(--color-neutral-900)45%,transparent)}}.border-purple-100{border-color:var(--color-purple-100)}.border-red-600{border-color:var(--color-red-600)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-400{border-color:var(--color-zinc-400)}.border-zinc-500{border-color:var(--color-zinc-500)}.border-t-transparent{border-top-color:#0000}.border-r-transparent{border-right-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#1e2235\]{background-color:#1e2235}.bg-\[\#81E2B4\]{background-color:#81e2b4}.bg-\[\#252a41\]{background-color:#252a41}.bg-\[\#dbeafe\]{background-color:#dbeafe}.bg-\[\#dcfce7\]{background-color:#dcfce7}.bg-\[\#e0e7ff\]{background-color:#e0e7ff}.bg-\[\#e0f2fe\]{background-color:#e0f2fe}.bg-\[\#ecfccb\]{background-color:#ecfccb}.bg-\[\#ecfdf5\]{background-color:#ecfdf5}.bg-\[\#ecfeff\]{background-color:#ecfeff}.bg-\[\#ede9fe\]{background-color:#ede9fe}.bg-\[\#f4f4f5\]{background-color:#f4f4f5}.bg-\[\#fce7f3\]{background-color:#fce7f3}.bg-\[\#fdf4ff\]{background-color:#fdf4ff}.bg-\[\#fef3c7\]{background-color:#fef3c7}.bg-\[\#fef9c3\]{background-color:#fef9c3}.bg-black{background-color:var(--color-black)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-kubefirst-dark-blue-900{background-color:var(--color-kubefirst-dark-blue-900)}.bg-kubefirst-primary{background-color:var(--color-kubefirst-primary)}.bg-kubefirst-secondary{background-color:var(--color-kubefirst-secondary)}.bg-metal-1000{background-color:var(--color-metal-1000)}.bg-neutral-900\/30{background-color:#1717174d}@supports (color:color-mix(in lab,red,red)){.bg-neutral-900\/30{background-color:color-mix(in oklab,var(--color-neutral-900)30%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-300{background-color:var(--color-zinc-300)}.bg-zinc-400{background-color:var(--color-zinc-400)}.bg-linear-to-r{--tw-gradient-position:to right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.from-\[\#81e2b4\]{--tw-gradient-from:#81e2b4;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-kubefirst-primary{--tw-gradient-to:var(--color-kubefirst-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-\[length\:100\%_100\%\]{background-size:100% 100%}.stroke-2{stroke-width:2px}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[var\(--viewport-padding\)\]{padding:var(--viewport-padding)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-11{padding-bottom:calc(var(--spacing)*11)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[45px\]{font-size:45px}.text-\[57px\]{font-size:57px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[32px\]{--tw-leading:32px;line-height:32px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[40px\]{--tw-leading:40px;line-height:40px}.leading-\[44px\]{--tw-leading:44px;line-height:44px}.leading-\[52px\]{--tw-leading:52px;line-height:52px}.leading-\[64px\]{--tw-leading:64px;line-height:64px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1px\]{--tw-tracking:.1px;letter-spacing:.1px}.tracking-\[0\.4px\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\[0\.15px\]{--tw-tracking:.15px;letter-spacing:.15px}.tracking-\[0\.25px\]{--tw-tracking:.25px;letter-spacing:.25px}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#0e7490\]{color:#0e7490}.text-\[\#1d4ed8\]{color:#1d4ed8}.text-\[\#4d7c0f\]{color:#4d7c0f}.text-\[\#6d28d9\]{color:#6d28d9}.text-\[\#9ea2c6\]{color:#9ea2c6}.text-\[\#81e2b4\]{color:#81e2b4}.text-\[\#0369a1\]{color:#0369a1}.text-\[\#4338ca\]{color:#4338ca}.text-\[\#15803d\]{color:#15803d}.text-\[\#047857\]{color:#047857}.text-\[\#71717A\],.text-\[\#71717a\]{color:#71717a}.text-\[\#ABADC6\]{color:#abadc6}.text-\[\#a21caf\]{color:#a21caf}.text-\[\#a16207\]{color:#a16207}.text-\[\#abadc6\]{color:#abadc6}.text-\[\#be185d\]{color:#be185d}.text-\[\#d97706\]{color:#d97706}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-inherit{color:inherit}.text-kubefirst-primary{color:var(--color-kubefirst-primary)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-700{color:var(--color-zinc-700)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-50\/40{--tw-shadow-color:#eff6ff66}@supports (color:color-mix(in lab,red,red)){.shadow-blue-50\/40{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-50)40%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-kubefirst-primary{--tw-shadow-color:#8851c8}@supports (color:color-mix(in lab,red,red)){.shadow-kubefirst-primary{--tw-shadow-color:color-mix(in oklab,var(--color-kubefirst-primary)var(--tw-shadow-alpha),transparent)}}.shadow-purple-200{--tw-shadow-color:#e9d5ff}@supports (color:color-mix(in lab,red,red)){.shadow-purple-200{--tw-shadow-color:color-mix(in oklab,var(--color-purple-200)var(--tw-shadow-alpha),transparent)}}.shadow-slate-200{--tw-shadow-color:#e2e8f0}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200{--tw-shadow-color:color-mix(in oklab,var(--color-slate-200)var(--tw-shadow-alpha),transparent)}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-10{transition-delay:10ms}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-50{--tw-duration:50ms;transition-duration:50ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.animate-in{animation-name:var(--animate-enter);animation-duration:var(--tw-duration,.3s);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-moz-appearance\:textfield\]{-moz-appearance:textfield}.fade-in-0{--tw-enter-opacity: 0 }.fade-in-50{--tw-enter-opacity: .5 }.zoom-in-85{--tw-enter-scale: .85 }.zoom-in-95{--tw-enter-scale:calc(95/100)}.group-focus-within\:rounded-sm:is(:where(.group):focus-within *){border-radius:var(--radius-sm)}.group-focus-within\:no-underline:is(:where(.group):focus-within *){text-decoration-line:none}.group-focus-within\:outline:is(:where(.group):focus-within *){outline-style:var(--tw-outline-style);outline-width:1px}.group-focus-within\:outline-2:is(:where(.group):focus-within *){outline-style:var(--tw-outline-style);outline-width:2px}.group-focus-within\:outline-offset-4:is(:where(.group):focus-within *){outline-offset:4px}.group-focus-within\:outline-slate-500:is(:where(.group):focus-within *){outline-color:var(--color-slate-500)}@media (hover:hover){.group-hover\:rounded-sm:is(:where(.group):hover *){border-radius:var(--radius-sm)}.group-hover\:border-kubefirst-primary:is(:where(.group):hover *){border-color:var(--color-kubefirst-primary)}.group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *){opacity:1}}.peer-checked\:border-kubefirst-primary:is(:where(.peer):checked~*){border-color:var(--color-kubefirst-primary)}.peer-checked\:border-zinc-300:is(:where(.peer):checked~*){border-color:var(--color-zinc-300)}.peer-checked\:border-zinc-400:is(:where(.peer):checked~*){border-color:var(--color-zinc-400)}.selection\:bg-powder-500 ::selection{background-color:var(--color-powder-500)}.selection\:bg-powder-500::selection{background-color:var(--color-powder-500)}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}.placeholder\:text-gray-300::placeholder{color:var(--color-gray-300)}.before\:h-0:before{content:var(--tw-content);height:calc(var(--spacing)*0)}.before\:w-0:before{content:var(--tw-content);width:calc(var(--spacing)*0)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-100:before{content:var(--tw-content);--tw-duration:.1s;transition-duration:.1s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.peer-checked\:before\:h-\[70\%\]:is(:where(.peer):checked~*):before{content:var(--tw-content);height:70%}.peer-checked\:before\:w-\[70\%\]:is(:where(.peer):checked~*):before{content:var(--tw-content);width:70%}.peer-checked\:before\:bg-kubefirst-primary:is(:where(.peer):checked~*):before{content:var(--tw-content);background-color:var(--color-kubefirst-primary)}.peer-checked\:before\:bg-zinc-300:is(:where(.peer):checked~*):before{content:var(--tw-content);background-color:var(--color-zinc-300)}.peer-checked\:before\:bg-zinc-400:is(:where(.peer):checked~*):before{content:var(--tw-content);background-color:var(--color-zinc-400)}.first\:pt-2:first-child{padding-top:calc(var(--spacing)*2)}.last\:pb-2:last-child{padding-bottom:calc(var(--spacing)*2)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-kubefirst-secondary:hover{border-color:var(--color-kubefirst-secondary)}.hover\:border-red-700:hover{border-color:var(--color-red-700)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#252a41\]:hover{background-color:#252a41}.hover\:bg-kubefirst-primary\/5:hover{background-color:#8851c80d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-kubefirst-primary\/5:hover{background-color:color-mix(in oklab,var(--color-kubefirst-primary)5%,transparent)}}.hover\:bg-kubefirst-secondary:hover{background-color:var(--color-kubefirst-secondary)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:text-kubefirst-primary:hover{color:var(--color-kubefirst-primary)}.hover\:text-kubefirst-secondary:hover{color:var(--color-kubefirst-secondary)}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-purple-100:focus{background-color:var(--color-purple-100)}.focus\:bg-slate-50:focus{background-color:var(--color-slate-50)}.focus\:shadow-md:focus{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-kubefirst-primary:focus{--tw-ring-color:var(--color-kubefirst-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-zinc-50:focus-visible{background-color:var(--color-zinc-50)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-transparent:focus-visible{--tw-ring-color:transparent}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:border-kubefirst-primary[aria-expanded=true]{border-color:var(--color-kubefirst-primary)}.aria-expanded\:text-kubefirst-secondary[aria-expanded=true]{color:var(--color-kubefirst-secondary)}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[state\=checked\]\:translate-x-5\.5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=closed\]\:animate-hide[data-state=closed]{animation:var(--animate-hide)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:var(--animate-exit);animation-duration:var(--tw-duration,.3s);--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:animate-hide[data-state=closed]{animation-name:var(--animate-hide);animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0 }.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:calc(95/100)}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation-name:var(--animate-exit);animation-duration:var(--tw-duration,.3s);--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=hidden\]\:fade-out-0[data-state=hidden]{--tw-exit-opacity: 0 }.data-\[state\=hidden\]\:zoom-out-95[data-state=hidden]{--tw-exit-scale:calc(95/100)}.data-\[state\=open\]\:animate-slide-in[data-state=open]{animation:var(--animate-slide-in)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:var(--animate-enter);animation-duration:var(--tw-duration,.3s);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=open\]\:animate-slide-in[data-state=open]{animation-name:var(--animate-slide-in);animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0 }.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:calc(95/100)}.data-\[state\=unchecked\]\:bg-zinc-200[data-state=unchecked]{background-color:var(--color-zinc-200)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-swipe-out[data-swipe=end]{animation:var(--animate-swipe-out);animation-name:var(--animate-swipe-out);animation-duration:.15s}.data-\[swipe\=move\]\:translate-x-4[data-swipe=move]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:40rem){.sm\:rounded-lg{border-radius:var(--radius-lg)}}@media (min-width:48rem){.md\:\!bottom-0{bottom:calc(var(--spacing)*0)!important}.md\:left-\[35\%\]{left:35%}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[256px\]{width:256px}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.md\:py-5{padding-block:calc(var(--spacing)*5)}}@media (min-width:64rem){.lg\:overflow-hidden{overflow:hidden}}.civo\:h-8:where([data-theme=civo],[data-theme=civo] *){height:calc(var(--spacing)*8)}.civo\:h-11:where([data-theme=civo],[data-theme=civo] *){height:calc(var(--spacing)*11)}.civo\:w-8:where([data-theme=civo],[data-theme=civo] *){width:calc(var(--spacing)*8)}.civo\:w-11:where([data-theme=civo],[data-theme=civo] *){width:calc(var(--spacing)*11)}.civo\:border-\[\#cbd5e0\]:where([data-theme=civo],[data-theme=civo] *){border-color:#cbd5e0}.civo\:border-civo-primary:where([data-theme=civo],[data-theme=civo] *){border-color:var(--color-civo-primary)}.civo\:border-transparent:where([data-theme=civo],[data-theme=civo] *){border-color:#0000}.civo\:border-white:where([data-theme=civo],[data-theme=civo] *){border-color:var(--color-white)}.civo\:border-zinc-200:where([data-theme=civo],[data-theme=civo] *){border-color:var(--color-zinc-200)}.civo\:bg-civo-primary:where([data-theme=civo],[data-theme=civo] *){background-color:var(--color-civo-primary)}.civo\:bg-transparent:where([data-theme=civo],[data-theme=civo] *){background-color:#0000}.civo\:bg-white:where([data-theme=civo],[data-theme=civo] *){background-color:var(--color-white)}.civo\:bg-zinc-200:where([data-theme=civo],[data-theme=civo] *){background-color:var(--color-zinc-200)}.civo\:text-\[\#324154\]:where([data-theme=civo],[data-theme=civo] *){color:#324154}.civo\:text-civo-primary:where([data-theme=civo],[data-theme=civo] *){color:var(--color-civo-primary)}.civo\:text-slate-300:where([data-theme=civo],[data-theme=civo] *){color:var(--color-slate-300)}.civo\:text-slate-400:where([data-theme=civo],[data-theme=civo] *){color:var(--color-slate-400)}.civo\:text-zinc-400:where([data-theme=civo],[data-theme=civo] *){color:var(--color-zinc-400)}.civo\:text-zinc-500:where([data-theme=civo],[data-theme=civo] *){color:var(--color-zinc-500)}@media (hover:hover){.civo\:group-hover\:border-civo-primary:where([data-theme=civo],[data-theme=civo] *):is(:where(.group):hover *){border-color:var(--color-civo-primary)}.civo\:hover\:border-\[\#d6dde6\]:where([data-theme=civo],[data-theme=civo] *):hover{border-color:#d6dde6}.civo\:hover\:border-civo-secondary:where([data-theme=civo],[data-theme=civo] *):hover{border-color:var(--color-civo-secondary)}.civo\:hover\:border-transparent:where([data-theme=civo],[data-theme=civo] *):hover{border-color:#0000}.civo\:hover\:bg-blue-50:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-blue-50)}.civo\:hover\:bg-blue-100:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-blue-100)}.civo\:hover\:bg-civo-primary\/5:where([data-theme=civo],[data-theme=civo] *):hover{background-color:#239dff0d}@supports (color:color-mix(in lab,red,red)){.civo\:hover\:bg-civo-primary\/5:where([data-theme=civo],[data-theme=civo] *):hover{background-color:color-mix(in oklab,var(--color-civo-primary)5%,transparent)}}.civo\:hover\:bg-civo-secondary:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-civo-secondary)}.civo\:hover\:bg-white:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-white)}.civo\:hover\:text-\[\#5d6776\]:where([data-theme=civo],[data-theme=civo] *):hover{color:#5d6776}.civo\:hover\:text-civo-primary:where([data-theme=civo],[data-theme=civo] *):hover{color:var(--color-civo-primary)}}.civo\:focus\:bg-blue-100:where([data-theme=civo],[data-theme=civo] *):focus{background-color:var(--color-blue-100)}.civo\:focus\:focus\:ring-blue-400:where([data-theme=civo],[data-theme=civo] *):focus:focus{--tw-ring-color:var(--color-blue-400)}.colony\:h-8:where([data-theme=colony],[data-theme=colony] *){height:calc(var(--spacing)*8)}.colony\:h-11:where([data-theme=colony],[data-theme=colony] *){height:calc(var(--spacing)*11)}.colony\:w-8:where([data-theme=colony],[data-theme=colony] *){width:calc(var(--spacing)*8)}.colony\:w-11:where([data-theme=colony],[data-theme=colony] *){width:calc(var(--spacing)*11)}.colony\:border-colony-primary:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-colony-primary)}.colony\:border-red-100:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-red-100)}.colony\:border-red-700:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-red-700)}.colony\:border-transparent:where([data-theme=colony],[data-theme=colony] *){border-color:#0000}.colony\:border-white:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-white)}.colony\:border-zinc-200:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-zinc-200)}.colony\:bg-colony-primary:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-colony-primary)}.colony\:bg-red-500:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-red-500)}.colony\:bg-red-600:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-red-600)}.colony\:bg-red-700:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-red-700)}.colony\:bg-transparent:where([data-theme=colony],[data-theme=colony] *){background-color:#0000}.colony\:bg-white:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-white)}.colony\:bg-zinc-200:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-zinc-200)}.colony\:text-colony-primary:where([data-theme=colony],[data-theme=colony] *){color:var(--color-colony-primary)}.colony\:text-red-400:where([data-theme=colony],[data-theme=colony] *){color:var(--color-red-400)}.colony\:text-slate-300:where([data-theme=colony],[data-theme=colony] *){color:var(--color-slate-300)}.colony\:text-slate-400:where([data-theme=colony],[data-theme=colony] *){color:var(--color-slate-400)}.colony\:text-zinc-400:where([data-theme=colony],[data-theme=colony] *){color:var(--color-zinc-400)}.colony\:text-zinc-500:where([data-theme=colony],[data-theme=colony] *){color:var(--color-zinc-500)}.colony\:shadow-red-200:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:#fecaca}@supports (color:color-mix(in lab,red,red)){.colony\:shadow-red-200:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:color-mix(in oklab,var(--color-red-200)var(--tw-shadow-alpha),transparent)}}.colony\:shadow-red-400:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:#f87171}@supports (color:color-mix(in lab,red,red)){.colony\:shadow-red-400:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:color-mix(in oklab,var(--color-red-400)var(--tw-shadow-alpha),transparent)}}@media (hover:hover){.colony\:group-hover\:border-colony-primary:where([data-theme=colony],[data-theme=colony] *):is(:where(.group):hover *){border-color:var(--color-colony-primary)}.colony\:hover\:border-colony-secondary:where([data-theme=colony],[data-theme=colony] *):hover{border-color:var(--color-colony-secondary)}.colony\:hover\:border-transparent:where([data-theme=colony],[data-theme=colony] *):hover{border-color:#0000}.colony\:hover\:bg-colony-primary\/5:where([data-theme=colony],[data-theme=colony] *):hover{background-color:#a61b4e0d}@supports (color:color-mix(in lab,red,red)){.colony\:hover\:bg-colony-primary\/5:where([data-theme=colony],[data-theme=colony] *):hover{background-color:color-mix(in oklab,var(--color-colony-primary)5%,transparent)}}.colony\:hover\:bg-colony-secondary:where([data-theme=colony],[data-theme=colony] *):hover{background-color:var(--color-colony-secondary)}.colony\:hover\:bg-pink-50:where([data-theme=colony],[data-theme=colony] *):hover{background-color:var(--color-pink-50)}.colony\:hover\:bg-red-100:where([data-theme=colony],[data-theme=colony] *):hover{background-color:var(--color-red-100)}.colony\:hover\:text-colony-primary:where([data-theme=colony],[data-theme=colony] *):hover{color:var(--color-colony-primary)}.colony\:hover\:text-colony-secondary:where([data-theme=colony],[data-theme=colony] *):hover{color:var(--color-colony-secondary)}}.colony\:focus\:bg-red-100:where([data-theme=colony],[data-theme=colony] *):focus{background-color:var(--color-red-100)}.colony\:focus\:focus\:ring-red-400:where([data-theme=colony],[data-theme=colony] *):focus:focus{--tw-ring-color:var(--color-red-400)}.colony\:focus\:ring-red-700:where([data-theme=colony],[data-theme=colony] *):focus{--tw-ring-color:var(--color-red-700)}.colony\:focus-visible\:bg-red-100:where([data-theme=colony],[data-theme=colony] *):focus-visible{background-color:var(--color-red-100)}.colony\:aria-expanded\:border-red-400:where([data-theme=colony],[data-theme=colony] *)[aria-expanded=true]{border-color:var(--color-red-400)}.colony\:aria-expanded\:text-red-400:where([data-theme=colony],[data-theme=colony] *)[aria-expanded=true]{color:var(--color-red-400)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\+span\]\:cursor-not-allowed+span{cursor:not-allowed}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:items-center>*{align-items:center}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\]\:gap-2>*{gap:calc(var(--spacing)*2)}.\[\&\>\*\>img\]\:pt-3>*>img{padding-top:calc(var(--spacing)*3)}.\[\&\>\*\>p\]\:absolute>*>p{position:absolute}.\[\&\>\*\>p\]\:bottom-0>*>p{bottom:calc(var(--spacing)*0)}.\[\&\>\*\>p\]\:-mt-2>*>p{margin-top:calc(var(--spacing)*-2)}.\[\&\>\*\>svg\]\:text-blue-600>*>svg{color:var(--color-blue-600)}.\[\&\>a\]\:flex>a{display:flex}.\[\&\>a\]\:w-full>a{width:100%}.\[\&\>a\]\:gap-2>a{gap:calc(var(--spacing)*2)}.\[\&\>a\]\:text-inherit>a{color:inherit}.\[\&\>a\]\:no-underline>a{text-decoration-line:none}.\[\&\>img\]\:pt-3>img{padding-top:calc(var(--spacing)*3)}.\[\&\>p\]\:-mt-2>p{margin-top:calc(var(--spacing)*-2)}.\[\&\>p\]\:pl-14>p{padding-left:calc(var(--spacing)*14)}.\[\&\>svg\]\:h-5>svg{height:calc(var(--spacing)*5)}.\[\&\>svg\]\:h-6>svg{height:calc(var(--spacing)*6)}.\[\&\>svg\]\:w-5>svg{width:calc(var(--spacing)*5)}.\[\&\>svg\]\:w-6>svg{width:calc(var(--spacing)*6)}.civo\:\[\&\>svg\]\:h-5:where([data-theme=civo],[data-theme=civo] *)>svg{height:calc(var(--spacing)*5)}.civo\:\[\&\>svg\]\:h-6:where([data-theme=civo],[data-theme=civo] *)>svg{height:calc(var(--spacing)*6)}.civo\:\[\&\>svg\]\:w-5:where([data-theme=civo],[data-theme=civo] *)>svg{width:calc(var(--spacing)*5)}.civo\:\[\&\>svg\]\:w-6:where([data-theme=civo],[data-theme=civo] *)>svg{width:calc(var(--spacing)*6)}.colony\:\[\&\>svg\]\:h-5:where([data-theme=colony],[data-theme=colony] *)>svg{height:calc(var(--spacing)*5)}.colony\:\[\&\>svg\]\:h-6:where([data-theme=colony],[data-theme=colony] *)>svg{height:calc(var(--spacing)*6)}.colony\:\[\&\>svg\]\:w-5:where([data-theme=colony],[data-theme=colony] *)>svg{width:calc(var(--spacing)*5)}.colony\:\[\&\>svg\]\:w-6:where([data-theme=colony],[data-theme=colony] *)>svg{width:calc(var(--spacing)*6)}.\[\&\>td\]\:px-4>td{padding-inline:calc(var(--spacing)*4)}.\[\&\>td\]\:py-3>td{padding-block:calc(var(--spacing)*3)}.\[\&\>tr\>th\]\:px-4>tr>th{padding-inline:calc(var(--spacing)*4)}.\[\&\>tr\>th\]\:py-3>tr>th{padding-block:calc(var(--spacing)*3)}.\[\&\>tr\>th\]\:uppercase>tr>th{text-transform:uppercase}.\[\&\[data-visible\=\'true\'\]\]\:opacity-100[data-visible=true]{opacity:1}}html{-webkit-font-smoothing:antialiased}body{font-family:Roboto,sans-serif}.kubefirst-table{border-radius:4px;box-shadow:0 4px 12px #0000000a}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes swipeOut{0%{transform:translate(0)}to{transform:translate(calc(100% + var(--viewport-padding)))}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-yellow-100:#fef9c3;--color-yellow-800:#854d0e;--color-green-100:#dcfce7;--color-green-500:#22c55e;--color-green-800:#166534;--color-emerald-700:#047857;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#60a5fa;--color-blue-600:#2563eb;--color-blue-800:#1e40af;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-pink-50:#fdf2f8;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-700:#3f3f46;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--viewport-padding:25px;--color-metal-1000:#758c9f;--color-powder-500:#7395bf;--color-kubefirst-primary:#8851c8;--color-kubefirst-secondary:#7037ae;--color-kubefirst-dark-blue-900:#1e2235;--color-colony-primary:#a61b4e;--color-colony-secondary:#d32263;--color-civo-primary:#239dff;--color-civo-secondary:#4fb1ff;--animate-enter:enter;--animate-exit:exit;--animate-hide:hide;--animate-slide-in:slideIn;--animate-swipe-out:swipeOut;--animate-duration-time:1s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-font-smoothing:antialiased}body{font-family:Roboto,sans-serif}}@layer components{.kubefirst-table{border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000000a}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-\[120\%\]{top:-120%}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-1\/2{right:50%}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[50\%\]{right:50%}.right-\[100\%\],.right-full{right:100%}.\!bottom-\[-20px\]{bottom:-20px!important}.-bottom-\[120\%\]{bottom:-120%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-1\/2,.left-\[50\%\]{left:50%}.left-\[100\%\],.left-full{left:100%}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\[1px\]{height:1px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[350px\]{height:350px}.h-full{height:100%}.h-px{height:1px}.max-h-\[185px\]{max-height:185px}.max-h-\[250px\]{max-height:250px}.max-h-\[300px\]{max-height:300px}.min-h-\[450px\]{min-height:450px}.\!w-1\/3{width:33.3333%!important}.w-0{width:calc(var(--spacing)*0)}.w-1\/4{width:25%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-\[2px\]{width:2px}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[44px\]{width:44px}.w-\[72px\]{width:72px}.w-\[100px\]{width:100px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[350px\]{width:350px}.w-\[390px\]{width:390px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-max{width:max-content}.max-w-16{max-width:calc(var(--spacing)*16)}.max-w-\[100vw\]{max-width:100vw}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-lg{max-width:var(--container-lg)}.min-w-\[500px\]{min-width:500px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2,.translate-x-2\/4{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2\/4{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[40\%\]{--tw-translate-y:40%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-blue-100{border-color:var(--color-blue-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-kubefirst-primary{border-color:var(--color-kubefirst-primary)}.border-neutral-900\/35{border-color:#17171759}@supports (color:color-mix(in lab,red,red)){.border-neutral-900\/35{border-color:color-mix(in oklab,var(--color-neutral-900)35%,transparent)}}.border-neutral-900\/45{border-color:#17171773}@supports (color:color-mix(in lab,red,red)){.border-neutral-900\/45{border-color:color-mix(in oklab,var(--color-neutral-900)45%,transparent)}}.border-purple-100{border-color:var(--color-purple-100)}.border-red-600{border-color:var(--color-red-600)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-400{border-color:var(--color-zinc-400)}.border-zinc-500{border-color:var(--color-zinc-500)}.border-t-transparent{border-top-color:#0000}.border-r-transparent{border-right-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#1e2235\]{background-color:#1e2235}.bg-\[\#81E2B4\]{background-color:#81e2b4}.bg-\[\#252a41\]{background-color:#252a41}.bg-\[\#dbeafe\]{background-color:#dbeafe}.bg-\[\#dcfce7\]{background-color:#dcfce7}.bg-\[\#e0e7ff\]{background-color:#e0e7ff}.bg-\[\#e0f2fe\]{background-color:#e0f2fe}.bg-\[\#ecfccb\]{background-color:#ecfccb}.bg-\[\#ecfdf5\]{background-color:#ecfdf5}.bg-\[\#ecfeff\]{background-color:#ecfeff}.bg-\[\#ede9fe\]{background-color:#ede9fe}.bg-\[\#f4f4f5\]{background-color:#f4f4f5}.bg-\[\#fce7f3\]{background-color:#fce7f3}.bg-\[\#fdf4ff\]{background-color:#fdf4ff}.bg-\[\#fef3c7\]{background-color:#fef3c7}.bg-\[\#fef9c3\]{background-color:#fef9c3}.bg-black{background-color:var(--color-black)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-kubefirst-dark-blue-900{background-color:var(--color-kubefirst-dark-blue-900)}.bg-kubefirst-primary{background-color:var(--color-kubefirst-primary)}.bg-kubefirst-secondary{background-color:var(--color-kubefirst-secondary)}.bg-metal-1000{background-color:var(--color-metal-1000)}.bg-neutral-900\/30{background-color:#1717174d}@supports (color:color-mix(in lab,red,red)){.bg-neutral-900\/30{background-color:color-mix(in oklab,var(--color-neutral-900)30%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-300{background-color:var(--color-zinc-300)}.bg-zinc-400{background-color:var(--color-zinc-400)}.bg-linear-to-r{--tw-gradient-position:to right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.from-\[\#81e2b4\]{--tw-gradient-from:#81e2b4;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-kubefirst-primary{--tw-gradient-to:var(--color-kubefirst-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-\[length\:100\%_100\%\]{background-size:100% 100%}.stroke-2{stroke-width:2px}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[var\(--viewport-padding\)\]{padding:var(--viewport-padding)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-11{padding-bottom:calc(var(--spacing)*11)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[45px\]{font-size:45px}.text-\[57px\]{font-size:57px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[32px\]{--tw-leading:32px;line-height:32px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[40px\]{--tw-leading:40px;line-height:40px}.leading-\[44px\]{--tw-leading:44px;line-height:44px}.leading-\[52px\]{--tw-leading:52px;line-height:52px}.leading-\[64px\]{--tw-leading:64px;line-height:64px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1px\]{--tw-tracking:.1px;letter-spacing:.1px}.tracking-\[0\.4px\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\[0\.15px\]{--tw-tracking:.15px;letter-spacing:.15px}.tracking-\[0\.25px\]{--tw-tracking:.25px;letter-spacing:.25px}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#0e7490\]{color:#0e7490}.text-\[\#1d4ed8\]{color:#1d4ed8}.text-\[\#4d7c0f\]{color:#4d7c0f}.text-\[\#6d28d9\]{color:#6d28d9}.text-\[\#9ea2c6\]{color:#9ea2c6}.text-\[\#81e2b4\]{color:#81e2b4}.text-\[\#0369a1\]{color:#0369a1}.text-\[\#4338ca\]{color:#4338ca}.text-\[\#15803d\]{color:#15803d}.text-\[\#047857\]{color:#047857}.text-\[\#71717A\],.text-\[\#71717a\]{color:#71717a}.text-\[\#ABADC6\]{color:#abadc6}.text-\[\#a21caf\]{color:#a21caf}.text-\[\#a16207\]{color:#a16207}.text-\[\#abadc6\]{color:#abadc6}.text-\[\#be185d\]{color:#be185d}.text-\[\#d97706\]{color:#d97706}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-800{color:var(--color-green-800)}.text-inherit{color:inherit}.text-kubefirst-primary{color:var(--color-kubefirst-primary)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-700{color:var(--color-zinc-700)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-50\/40{--tw-shadow-color:#eff6ff66}@supports (color:color-mix(in lab,red,red)){.shadow-blue-50\/40{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-50)40%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-kubefirst-primary{--tw-shadow-color:#8851c8}@supports (color:color-mix(in lab,red,red)){.shadow-kubefirst-primary{--tw-shadow-color:color-mix(in oklab,var(--color-kubefirst-primary)var(--tw-shadow-alpha),transparent)}}.shadow-purple-200{--tw-shadow-color:#e9d5ff}@supports (color:color-mix(in lab,red,red)){.shadow-purple-200{--tw-shadow-color:color-mix(in oklab,var(--color-purple-200)var(--tw-shadow-alpha),transparent)}}.shadow-slate-200{--tw-shadow-color:#e2e8f0}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200{--tw-shadow-color:color-mix(in oklab,var(--color-slate-200)var(--tw-shadow-alpha),transparent)}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-10{transition-delay:10ms}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-50{--tw-duration:50ms;transition-duration:50ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.animate-in{animation-name:var(--animate-enter);animation-duration:var(--tw-duration,.3s);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.animate-spin{animation-name:spin;animation-duration:var(--animate-duration-time,1s);animation-iteration-count:infinite}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-moz-appearance\:textfield\]{-moz-appearance:textfield}.animate-duration-time-2{--animate-duration-time: 2s }.fade-in-0{--tw-enter-opacity: 0 }.fade-in-50{--tw-enter-opacity: .5 }.zoom-in-85{--tw-enter-scale: .85 }.zoom-in-95{--tw-enter-scale:calc(95/100)}.group-focus-within\:rounded-sm:is(:where(.group):focus-within *){border-radius:var(--radius-sm)}.group-focus-within\:no-underline:is(:where(.group):focus-within *){text-decoration-line:none}.group-focus-within\:outline:is(:where(.group):focus-within *){outline-style:var(--tw-outline-style);outline-width:1px}.group-focus-within\:outline-2:is(:where(.group):focus-within *){outline-style:var(--tw-outline-style);outline-width:2px}.group-focus-within\:outline-offset-4:is(:where(.group):focus-within *){outline-offset:4px}.group-focus-within\:outline-slate-500:is(:where(.group):focus-within *){outline-color:var(--color-slate-500)}@media (hover:hover){.group-hover\:rounded-sm:is(:where(.group):hover *){border-radius:var(--radius-sm)}.group-hover\:border-kubefirst-primary:is(:where(.group):hover *){border-color:var(--color-kubefirst-primary)}.group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *){opacity:1}}.peer-checked\:border-kubefirst-primary:is(:where(.peer):checked~*){border-color:var(--color-kubefirst-primary)}.peer-checked\:border-zinc-300:is(:where(.peer):checked~*){border-color:var(--color-zinc-300)}.peer-checked\:border-zinc-400:is(:where(.peer):checked~*){border-color:var(--color-zinc-400)}.selection\:bg-powder-500 ::selection{background-color:var(--color-powder-500)}.selection\:bg-powder-500::selection{background-color:var(--color-powder-500)}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}.placeholder\:text-gray-300::placeholder{color:var(--color-gray-300)}.before\:h-0:before{content:var(--tw-content);height:calc(var(--spacing)*0)}.before\:w-0:before{content:var(--tw-content);width:calc(var(--spacing)*0)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-100:before{content:var(--tw-content);--tw-duration:.1s;transition-duration:.1s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.peer-checked\:before\:h-\[70\%\]:is(:where(.peer):checked~*):before{content:var(--tw-content);height:70%}.peer-checked\:before\:w-\[70\%\]:is(:where(.peer):checked~*):before{content:var(--tw-content);width:70%}.peer-checked\:before\:bg-kubefirst-primary:is(:where(.peer):checked~*):before{content:var(--tw-content);background-color:var(--color-kubefirst-primary)}.peer-checked\:before\:bg-zinc-300:is(:where(.peer):checked~*):before{content:var(--tw-content);background-color:var(--color-zinc-300)}.peer-checked\:before\:bg-zinc-400:is(:where(.peer):checked~*):before{content:var(--tw-content);background-color:var(--color-zinc-400)}.first\:pt-2:first-child{padding-top:calc(var(--spacing)*2)}.last\:pb-2:last-child{padding-bottom:calc(var(--spacing)*2)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-kubefirst-secondary:hover{border-color:var(--color-kubefirst-secondary)}.hover\:border-red-700:hover{border-color:var(--color-red-700)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#252a41\]:hover{background-color:#252a41}.hover\:bg-kubefirst-primary\/5:hover{background-color:#8851c80d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-kubefirst-primary\/5:hover{background-color:color-mix(in oklab,var(--color-kubefirst-primary)5%,transparent)}}.hover\:bg-kubefirst-secondary:hover{background-color:var(--color-kubefirst-secondary)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:text-kubefirst-primary:hover{color:var(--color-kubefirst-primary)}.hover\:text-kubefirst-secondary:hover{color:var(--color-kubefirst-secondary)}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-purple-100:focus{background-color:var(--color-purple-100)}.focus\:bg-slate-50:focus{background-color:var(--color-slate-50)}.focus\:shadow-md:focus{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-kubefirst-primary:focus{--tw-ring-color:var(--color-kubefirst-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-zinc-50:focus-visible{background-color:var(--color-zinc-50)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-transparent:focus-visible{--tw-ring-color:transparent}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:border-kubefirst-primary[aria-expanded=true]{border-color:var(--color-kubefirst-primary)}.aria-expanded\:text-kubefirst-secondary[aria-expanded=true]{color:var(--color-kubefirst-secondary)}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[state\=checked\]\:translate-x-5\.5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=closed\]\:animate-hide[data-state=closed]{animation:var(--animate-hide)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:var(--animate-exit);animation-duration:var(--tw-duration,.3s);--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:animate-hide[data-state=closed]{animation-name:var(--animate-hide);animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0 }.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:calc(95/100)}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation-name:var(--animate-exit);animation-duration:var(--tw-duration,.3s);--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=hidden\]\:fade-out-0[data-state=hidden]{--tw-exit-opacity: 0 }.data-\[state\=hidden\]\:zoom-out-95[data-state=hidden]{--tw-exit-scale:calc(95/100)}.data-\[state\=open\]\:animate-slide-in[data-state=open]{animation:var(--animate-slide-in)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:var(--animate-enter);animation-duration:var(--tw-duration,.3s);--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=open\]\:animate-slide-in[data-state=open]{animation-name:var(--animate-slide-in);animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0 }.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:calc(95/100)}.data-\[state\=unchecked\]\:bg-zinc-200[data-state=unchecked]{background-color:var(--color-zinc-200)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-swipe-out[data-swipe=end]{animation:var(--animate-swipe-out);animation-name:var(--animate-swipe-out);animation-duration:.15s}.data-\[swipe\=move\]\:translate-x-4[data-swipe=move]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:40rem){.sm\:rounded-lg{border-radius:var(--radius-lg)}}@media (min-width:48rem){.md\:\!bottom-0{bottom:calc(var(--spacing)*0)!important}.md\:left-\[35\%\]{left:35%}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[256px\]{width:256px}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.md\:py-5{padding-block:calc(var(--spacing)*5)}}@media (min-width:64rem){.lg\:overflow-hidden{overflow:hidden}}.civo\:h-8:where([data-theme=civo],[data-theme=civo] *){height:calc(var(--spacing)*8)}.civo\:h-11:where([data-theme=civo],[data-theme=civo] *){height:calc(var(--spacing)*11)}.civo\:w-8:where([data-theme=civo],[data-theme=civo] *){width:calc(var(--spacing)*8)}.civo\:w-11:where([data-theme=civo],[data-theme=civo] *){width:calc(var(--spacing)*11)}.civo\:border-\[\#cbd5e0\]:where([data-theme=civo],[data-theme=civo] *){border-color:#cbd5e0}.civo\:border-civo-primary:where([data-theme=civo],[data-theme=civo] *){border-color:var(--color-civo-primary)}.civo\:border-transparent:where([data-theme=civo],[data-theme=civo] *){border-color:#0000}.civo\:border-white:where([data-theme=civo],[data-theme=civo] *){border-color:var(--color-white)}.civo\:border-zinc-200:where([data-theme=civo],[data-theme=civo] *){border-color:var(--color-zinc-200)}.civo\:bg-civo-primary:where([data-theme=civo],[data-theme=civo] *){background-color:var(--color-civo-primary)}.civo\:bg-transparent:where([data-theme=civo],[data-theme=civo] *){background-color:#0000}.civo\:bg-white:where([data-theme=civo],[data-theme=civo] *){background-color:var(--color-white)}.civo\:bg-zinc-200:where([data-theme=civo],[data-theme=civo] *){background-color:var(--color-zinc-200)}.civo\:text-\[\#324154\]:where([data-theme=civo],[data-theme=civo] *){color:#324154}.civo\:text-civo-primary:where([data-theme=civo],[data-theme=civo] *){color:var(--color-civo-primary)}.civo\:text-slate-300:where([data-theme=civo],[data-theme=civo] *){color:var(--color-slate-300)}.civo\:text-slate-400:where([data-theme=civo],[data-theme=civo] *){color:var(--color-slate-400)}.civo\:text-zinc-400:where([data-theme=civo],[data-theme=civo] *){color:var(--color-zinc-400)}.civo\:text-zinc-500:where([data-theme=civo],[data-theme=civo] *){color:var(--color-zinc-500)}@media (hover:hover){.civo\:group-hover\:border-civo-primary:where([data-theme=civo],[data-theme=civo] *):is(:where(.group):hover *){border-color:var(--color-civo-primary)}.civo\:hover\:border-\[\#d6dde6\]:where([data-theme=civo],[data-theme=civo] *):hover{border-color:#d6dde6}.civo\:hover\:border-civo-secondary:where([data-theme=civo],[data-theme=civo] *):hover{border-color:var(--color-civo-secondary)}.civo\:hover\:border-transparent:where([data-theme=civo],[data-theme=civo] *):hover{border-color:#0000}.civo\:hover\:bg-blue-50:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-blue-50)}.civo\:hover\:bg-blue-100:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-blue-100)}.civo\:hover\:bg-civo-primary\/5:where([data-theme=civo],[data-theme=civo] *):hover{background-color:#239dff0d}@supports (color:color-mix(in lab,red,red)){.civo\:hover\:bg-civo-primary\/5:where([data-theme=civo],[data-theme=civo] *):hover{background-color:color-mix(in oklab,var(--color-civo-primary)5%,transparent)}}.civo\:hover\:bg-civo-secondary:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-civo-secondary)}.civo\:hover\:bg-white:where([data-theme=civo],[data-theme=civo] *):hover{background-color:var(--color-white)}.civo\:hover\:text-\[\#5d6776\]:where([data-theme=civo],[data-theme=civo] *):hover{color:#5d6776}.civo\:hover\:text-civo-primary:where([data-theme=civo],[data-theme=civo] *):hover{color:var(--color-civo-primary)}}.civo\:focus\:bg-blue-100:where([data-theme=civo],[data-theme=civo] *):focus{background-color:var(--color-blue-100)}.civo\:focus\:focus\:ring-blue-400:where([data-theme=civo],[data-theme=civo] *):focus:focus{--tw-ring-color:var(--color-blue-400)}.colony\:h-8:where([data-theme=colony],[data-theme=colony] *){height:calc(var(--spacing)*8)}.colony\:h-11:where([data-theme=colony],[data-theme=colony] *){height:calc(var(--spacing)*11)}.colony\:w-8:where([data-theme=colony],[data-theme=colony] *){width:calc(var(--spacing)*8)}.colony\:w-11:where([data-theme=colony],[data-theme=colony] *){width:calc(var(--spacing)*11)}.colony\:border-colony-primary:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-colony-primary)}.colony\:border-red-100:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-red-100)}.colony\:border-red-700:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-red-700)}.colony\:border-transparent:where([data-theme=colony],[data-theme=colony] *){border-color:#0000}.colony\:border-white:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-white)}.colony\:border-zinc-200:where([data-theme=colony],[data-theme=colony] *){border-color:var(--color-zinc-200)}.colony\:bg-colony-primary:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-colony-primary)}.colony\:bg-red-500:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-red-500)}.colony\:bg-red-600:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-red-600)}.colony\:bg-red-700:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-red-700)}.colony\:bg-transparent:where([data-theme=colony],[data-theme=colony] *){background-color:#0000}.colony\:bg-white:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-white)}.colony\:bg-zinc-200:where([data-theme=colony],[data-theme=colony] *){background-color:var(--color-zinc-200)}.colony\:text-colony-primary:where([data-theme=colony],[data-theme=colony] *){color:var(--color-colony-primary)}.colony\:text-red-400:where([data-theme=colony],[data-theme=colony] *){color:var(--color-red-400)}.colony\:text-slate-300:where([data-theme=colony],[data-theme=colony] *){color:var(--color-slate-300)}.colony\:text-slate-400:where([data-theme=colony],[data-theme=colony] *){color:var(--color-slate-400)}.colony\:text-zinc-400:where([data-theme=colony],[data-theme=colony] *){color:var(--color-zinc-400)}.colony\:text-zinc-500:where([data-theme=colony],[data-theme=colony] *){color:var(--color-zinc-500)}.colony\:shadow-red-200:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:#fecaca}@supports (color:color-mix(in lab,red,red)){.colony\:shadow-red-200:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:color-mix(in oklab,var(--color-red-200)var(--tw-shadow-alpha),transparent)}}.colony\:shadow-red-400:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:#f87171}@supports (color:color-mix(in lab,red,red)){.colony\:shadow-red-400:where([data-theme=colony],[data-theme=colony] *){--tw-shadow-color:color-mix(in oklab,var(--color-red-400)var(--tw-shadow-alpha),transparent)}}@media (hover:hover){.colony\:group-hover\:border-colony-primary:where([data-theme=colony],[data-theme=colony] *):is(:where(.group):hover *){border-color:var(--color-colony-primary)}.colony\:hover\:border-colony-secondary:where([data-theme=colony],[data-theme=colony] *):hover{border-color:var(--color-colony-secondary)}.colony\:hover\:border-transparent:where([data-theme=colony],[data-theme=colony] *):hover{border-color:#0000}.colony\:hover\:bg-colony-primary\/5:where([data-theme=colony],[data-theme=colony] *):hover{background-color:#a61b4e0d}@supports (color:color-mix(in lab,red,red)){.colony\:hover\:bg-colony-primary\/5:where([data-theme=colony],[data-theme=colony] *):hover{background-color:color-mix(in oklab,var(--color-colony-primary)5%,transparent)}}.colony\:hover\:bg-colony-secondary:where([data-theme=colony],[data-theme=colony] *):hover{background-color:var(--color-colony-secondary)}.colony\:hover\:bg-pink-50:where([data-theme=colony],[data-theme=colony] *):hover{background-color:var(--color-pink-50)}.colony\:hover\:bg-red-100:where([data-theme=colony],[data-theme=colony] *):hover{background-color:var(--color-red-100)}.colony\:hover\:text-colony-primary:where([data-theme=colony],[data-theme=colony] *):hover{color:var(--color-colony-primary)}.colony\:hover\:text-colony-secondary:where([data-theme=colony],[data-theme=colony] *):hover{color:var(--color-colony-secondary)}}.colony\:focus\:bg-red-100:where([data-theme=colony],[data-theme=colony] *):focus{background-color:var(--color-red-100)}.colony\:focus\:focus\:ring-red-400:where([data-theme=colony],[data-theme=colony] *):focus:focus{--tw-ring-color:var(--color-red-400)}.colony\:focus\:ring-red-700:where([data-theme=colony],[data-theme=colony] *):focus{--tw-ring-color:var(--color-red-700)}.colony\:focus-visible\:bg-red-100:where([data-theme=colony],[data-theme=colony] *):focus-visible{background-color:var(--color-red-100)}.colony\:aria-expanded\:border-red-400:where([data-theme=colony],[data-theme=colony] *)[aria-expanded=true]{border-color:var(--color-red-400)}.colony\:aria-expanded\:text-red-400:where([data-theme=colony],[data-theme=colony] *)[aria-expanded=true]{color:var(--color-red-400)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\+span\]\:cursor-not-allowed+span{cursor:not-allowed}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:items-center>*{align-items:center}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\]\:gap-2>*{gap:calc(var(--spacing)*2)}.\[\&\>\*\>img\]\:pt-3>*>img{padding-top:calc(var(--spacing)*3)}.\[\&\>\*\>p\]\:absolute>*>p{position:absolute}.\[\&\>\*\>p\]\:bottom-0>*>p{bottom:calc(var(--spacing)*0)}.\[\&\>\*\>p\]\:-mt-2>*>p{margin-top:calc(var(--spacing)*-2)}.\[\&\>\*\>svg\]\:text-blue-600>*>svg{color:var(--color-blue-600)}.\[\&\>a\]\:flex>a{display:flex}.\[\&\>a\]\:w-full>a{width:100%}.\[\&\>a\]\:gap-2>a{gap:calc(var(--spacing)*2)}.\[\&\>a\]\:text-inherit>a{color:inherit}.\[\&\>a\]\:no-underline>a{text-decoration-line:none}.\[\&\>img\]\:pt-3>img{padding-top:calc(var(--spacing)*3)}.\[\&\>p\]\:-mt-2>p{margin-top:calc(var(--spacing)*-2)}.\[\&\>p\]\:pl-14>p{padding-left:calc(var(--spacing)*14)}.\[\&\>svg\]\:h-5>svg{height:calc(var(--spacing)*5)}.\[\&\>svg\]\:h-6>svg{height:calc(var(--spacing)*6)}.\[\&\>svg\]\:w-5>svg{width:calc(var(--spacing)*5)}.\[\&\>svg\]\:w-6>svg{width:calc(var(--spacing)*6)}.civo\:\[\&\>svg\]\:h-5:where([data-theme=civo],[data-theme=civo] *)>svg{height:calc(var(--spacing)*5)}.civo\:\[\&\>svg\]\:h-6:where([data-theme=civo],[data-theme=civo] *)>svg{height:calc(var(--spacing)*6)}.civo\:\[\&\>svg\]\:w-5:where([data-theme=civo],[data-theme=civo] *)>svg{width:calc(var(--spacing)*5)}.civo\:\[\&\>svg\]\:w-6:where([data-theme=civo],[data-theme=civo] *)>svg{width:calc(var(--spacing)*6)}.colony\:\[\&\>svg\]\:h-5:where([data-theme=colony],[data-theme=colony] *)>svg{height:calc(var(--spacing)*5)}.colony\:\[\&\>svg\]\:h-6:where([data-theme=colony],[data-theme=colony] *)>svg{height:calc(var(--spacing)*6)}.colony\:\[\&\>svg\]\:w-5:where([data-theme=colony],[data-theme=colony] *)>svg{width:calc(var(--spacing)*5)}.colony\:\[\&\>svg\]\:w-6:where([data-theme=colony],[data-theme=colony] *)>svg{width:calc(var(--spacing)*6)}.\[\&\>td\]\:px-4>td{padding-inline:calc(var(--spacing)*4)}.\[\&\>td\]\:py-3>td{padding-block:calc(var(--spacing)*3)}.\[\&\>tr\>th\]\:px-4>tr>th{padding-inline:calc(var(--spacing)*4)}.\[\&\>tr\>th\]\:py-3>tr>th{padding-block:calc(var(--spacing)*3)}.\[\&\>tr\>th\]\:uppercase>tr>th{text-transform:uppercase}.\[\&\[data-visible\=\'true\'\]\]\:opacity-100[data-visible=true]{opacity:1}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes swipeOut{0%{transform:translate(0)}to{transform:translate(calc(100% + var(--viewport-padding)))}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}

package/dist/ui/utilities.css

@@ -1,12 +1,11 @@
 @theme {
-  /* Animations */
   --animate-enter: enter;
   --animate-exit: exit;
   --animate-hide: hide;
   --animate-slide-in: slideIn;
   --animate-swipe-out: swipeOut;
+  --animate-duration-time: 1s;
 
-  /* Keyframes */
   @keyframes hide {
     from {
       opacity: 1;
@@ -163,3 +162,13 @@
   animation-name: var(--animate-hide);
   animation-duration: 0.15s;
 }
+
+@utility animate-duration-time-* {
+  --animate-duration-time: calc(--value(number) * 1s);
+}
+
+@utility animate-spin {
+  animation-name: spin;
+  animation-duration: var(--animate-duration-time, 1s);
+  animation-iteration-count: infinite;
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.13-alpha.1",
+  "version": "0.1.0-alpha.2",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",