glass-studio-ui-pro 1.1.1 → 1.1.2

package/README.md

@@ -4,15 +4,33 @@
 
 ![Glass Studio Preview](https://i.ibb.co/yc8QmHwZ/Screenshot-2026-03-27-154613.png)
 
-`glass-studio-ui-pro` is a high-fidelity glassmorphism UI library designed for modern Vue 3 applications.
+`glass-studio-ui-pro` là thư viện UI chuyên về hiệu ứng kính mờ (Glassmorphism) hiệu năng cao cho Vue 3. Thư viện cung cấp các bộ lọc biến dạng lỏng (Liquid Distortion), hệ thống đổ bóng đa tầng và các preset chuyên nghiệp giúp tạo ra giao diện sang trọng, đẳng cấp.
 
-## 🚀 Getting Started
+---
+
+## ✨ Tính năng nổi bật
+
+- **Liquid Glass Distortion**: Tích hợp các bộ lọc biến dạng kính chân thực (Mist, Grain, Frosted, Ripple).
+- **Pro Presets**: Hơn 10 mã thiết kế kính được tinh chỉnh sẵn (Heavy-frost, Crystal, Deep-velvet...).
+- **Advanced Shadow Engine**: Hệ thống đổ bóng phản xạ (Reflex) và bóng mờ (Mist) tạo độ sâu vật lý.
+- **License Guard**: Hệ thống bảo mật và quản lý bản quyền thời gian thực.
+- **TypeScript First**: Hỗ trợ đầy đủ kiểu dữ liệu, tối ưu cho DX (Developer Experience).
+
+---
+
+## 🚀 Bắt đầu sử dụng
+
+### 1. Cài đặt
 
 ```bash
 npm install glass-studio-ui-pro
+# hoặc
+yarn add glass-studio-ui-pro
 ```
 
-### Global Setup
+### 2. Cấu hình Plugin (main.ts)
+
+Để kích hoạt đầy đủ tính năng Pro, bạn cần đăng ký plugin và truyền vào **License Key**:
 
 ```typescript
 import { createApp } from "vue";
@@ -20,15 +38,18 @@ import { GlassUI } from "glass-studio-ui-pro";
 import "glass-studio-ui-pro/style.css";
 
 const app = createApp(App);
+
+// Khởi tạo GlassUI với License Key của bạn
 app.use(GlassUI, {
-  licenseKey: "YOUR-LICENSE-KEY",
+  licenseKey: "YOUR-PRO-LICENSE-KEY",
 });
+
 app.mount("#app");
 ```
 
-### SVG Filters Setup (Required)
+### 3. Cài đặt SVG Filters (Root App)
 
-Add `CmFilters` to your root `App.vue`:
+Để các hiệu ứng biến dạng (Distortion) hoạt động, bạn **bắt buộc** phải đặt `CmFilters` tại file root (thường là `App.vue`):
 
 ```vue
 <script setup>
@@ -39,10 +60,73 @@ import { CmFilters } from "glass-studio-ui-pro";
   <div id="app">
     <router-view />
     <CmFilters />
+    <!-- Engine xử lý hiệu ứng kính -->
   </div>
 </template>
 ```
 
 ---
 
-(C) 2026 Glass Studio All Rights Reserved.
+## 🎨 Sử dụng linh kiện
+
+### CmCard (Thẻ kính)
+
+```vue
+<template>
+  <CmCard type="heavy-frost" shadow="mist" distortion="wavy">
+    <h3>Liquid Glass Performance</h3>
+    <p>Nội dung hiển thị với hiệu ứng kính cao cấp.</p>
+  </CmCard>
+</template>
+```
+
+### CmButton (Nút bấm thủy tinh)
+
+```vue
+<template>
+  <CmButton variant="primary" glow :blur="20" distortion="frosted">
+    Bắt đầu ngay
+  </CmButton>
+</template>
+```
+
+---
+
+## 📖 Bảng thông số (API Reference)
+
+### CmCard Props
+
+| Prop         | Type         | Default  | Description                                                   |
+| :----------- | :----------- | :------- | :------------------------------------------------------------ | ------------------------------- |
+| `type`       | `CardPreset` | `'none'` | Các preset sẵn có: `glass-frost`, `heavy-frost`, `crystal`... |
+| `blur`       | `number`     | `12`     | Độ mờ của lớp kính (px).                                      |
+| `opacity`    | `number`     | `0.12`   | Độ trong suốt của nền (0-1).                                  |
+| `distortion` | `string`     | `'none'` | Kiểu biến dạng: `wavy`, `frosted`, `grain`, `ripple`, `mist`. |
+| `shadow`     | `string      | boolean` | `false`                                                       | Kiểu đổ bóng: `mist`, `reflex`. |
+
+---
+
+## 🔐 Bảo mật & Bản quyền
+
+Đây là phiên bản **Pro**. Nếu không có License Key hợp lệ hoặc bản quyền hết hạn:
+
+- Linh kiện sẽ chuyển sang trạng thái **Secure Lock** (Giao diện tối giản).
+- Hiển thị thông báo lỗi trực tiếp từ hệ thống (Vd: **"LICENSE HAS EXPIRED"**).
+- Các bộ lọc cao cấp sẽ bị vô hiệu hóa để bảo vệ tài sản trí tuệ.
+
+Bạn có thể kiểm tra trạng thái bản quyền:
+
+```typescript
+import { getLicenseStatus } from "glass-studio-ui-pro";
+
+const status = getLicenseStatus();
+if (!status.isValid) {
+  console.error("Lỗi bản quyền:", status.message);
+}
+```
+
+---
+
+## 📄 Bản quyền
+
+(C) 2026 Glass Studio & CM Team. Mọi quyền được bảo lưu.

package/dist/components/CmModal.vue.d.ts

@@ -0,0 +1,43 @@
+interface Props {
+    modelValue: boolean;
+    title?: string;
+    width?: string;
+    blur?: number;
+    opacity?: number;
+    distortion?: 'none' | 'wavy' | 'frosted' | 'grain' | 'ripple' | 'mist';
+    shadow?: boolean | string;
+    showClose?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    blur: number;
+    opacity: number;
+    distortion: "none" | "wavy" | "frosted" | "grain" | "ripple" | "mist";
+    shadow: boolean | string;
+    title: string;
+    width: string;
+    showClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CmToolbar.vue.d.ts

@@ -0,0 +1,38 @@
+interface Props {
+    position?: 'top' | 'bottom' | 'static';
+    floating?: boolean;
+    blur?: number;
+    opacity?: number;
+    distortion?: 'none' | 'wavy' | 'frosted' | 'grain' | 'ripple' | 'mist';
+    shadow?: boolean | string;
+    height?: string;
+    narrow?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        default?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    blur: number;
+    opacity: number;
+    distortion: "none" | "wavy" | "frosted" | "grain" | "ripple" | "mist";
+    shadow: boolean | string;
+    position: "top" | "bottom" | "static";
+    height: string;
+    floating: boolean;
+    narrow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -2,8 +2,10 @@ import { default as CmCard } from './components/CmCard.vue';
 import { default as CmButton } from './components/CmButton.vue';
 import { default as CmCheckbox } from './components/CmCheckbox.vue';
 import { default as CmFilters } from './components/CmFilters.vue';
+import { default as CmModal } from './components/CmModal.vue';
+import { default as CmToolbar } from './components/CmToolbar.vue';
 import { getLicenseStatus } from './core/license';
-export { CmCard, CmButton, CmCheckbox, CmFilters, getLicenseStatus };
+export { CmCard, CmButton, CmCheckbox, CmFilters, CmModal, CmToolbar, getLicenseStatus };
 export interface GlassUIOptions {
     licenseKey?: string;
 }

package/dist/liquid-glass-ui.es.js

@@ -1,26 +1,26 @@
-import { defineComponent as k, computed as g, openBlock as f, createBlock as B, resolveDynamicComponent as M, normalizeStyle as w, normalizeClass as S, withCtx as V, createElementBlock as v, renderSlot as x, createCommentVNode as _, createElementVNode as y, unref as G, createStaticVNode as F } from "vue";
-import { Check as L } from "lucide-vue-next";
-const C = (t) => {
+import { defineComponent as x, computed as y, openBlock as d, createBlock as T, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as C, withCtx as V, createElementBlock as f, renderSlot as h, createCommentVNode as g, createElementVNode as p, unref as F, createStaticVNode as U, Teleport as G, createVNode as M, Transition as N, withModifiers as R, toDisplayString as j } from "vue";
+import { Check as O, X as E } from "lucide-vue-next";
+const B = (t) => {
   try {
     return atob(t);
   } catch {
     return t;
   }
 };
-let m = {
+let v = {
   isValid: !0,
   tier: "pro"
 };
-async function U(t) {
-  var n;
-  const a = C(
+async function I(t) {
+  var i;
+  const s = B(
     "aHR0cDovL2xvY2FsaG9zdDozMDAxL2FwaS9saWNlbnNlL25wbQ=="
-  ), s = C(
+  ), o = B(
     "ODhBRi0xMDBCLTVFOEUtNTkxOS00RThBLTMzQTktM0YwMy1FOTM4LTU2M0MtMUJGQy1CMTUzLTFDNTY="
-  ), o = t || s;
-  console.debug(`[DEBUG] Attempting license verification with key: ${o}`);
+  ), r = t || o;
+  console.debug(`[DEBUG] Attempting license verification with key: ${r}`);
   try {
-    const i = await fetch(a, {
+    const n = await fetch(s, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -28,39 +28,39 @@ async function U(t) {
         "X-Product": "glass-studio-ui-pro"
       },
       body: JSON.stringify({
-        licenseKey: o
+        licenseKey: r
       })
-    }), b = await i.json(), e = i.ok && b.isValid === !0, r = (n = b.license) == null ? void 0 : n.expiresAt;
-    let c = 0;
-    if (r) {
-      const p = new Date(r).getTime(), h = Date.now();
-      c = Math.max(
+    }), b = await n.json(), e = n.ok && b.isValid === !0, a = (i = b.license) == null ? void 0 : i.expiresAt;
+    let l = 0;
+    if (a) {
+      const w = new Date(a).getTime(), $ = Date.now();
+      l = Math.max(
         0,
-        Math.floor((p - h) / (1e3 * 60 * 60 * 24))
+        Math.floor((w - $) / (1e3 * 60 * 60 * 24))
       );
     }
-    m = {
+    v = {
       isValid: e,
-      expiryDate: r || "N/A",
+      expiryDate: a || "N/A",
       tier: e ? "pro" : "free",
-      remainingDays: c,
+      remainingDays: l,
       message: b.message || ""
     };
-    const d = document.documentElement, u = "_0x_err_sys_", l = "--_0x8f2d_v_st_";
-    return m.isValid ? (console.log("[+] SYSTEM_INIT: [OK]"), d.style.setProperty(l, "1"), d.classList.remove(u)) : (console.warn(
-      `[!] SECURITY_ALERT: ${C("Q29tcG9uZW50cyBMb2NrZWQ=")}. Code: ${i.status}`
-    ), d.style.setProperty(l, "0"), d.style.setProperty("--_0x8f2d_msg_", `'${m.message}'`), d.classList.add(u)), m;
+    const c = document.documentElement, m = "_0x_err_sys_", u = "--_0x8f2d_v_st_";
+    return v.isValid ? (console.log("[+] SYSTEM_INIT: [OK]"), c.style.setProperty(u, "1"), c.classList.remove(m)) : (console.warn(
+      `[!] SECURITY_ALERT: ${B("Q29tcG9uZW50cyBMb2NrZWQ=")}. Code: ${n.status}`
+    ), c.style.setProperty(u, "0"), c.style.setProperty("--_0x8f2d_msg_", `'${v.message}'`), c.classList.add(m)), v;
   } catch {
-    return m.isValid = !1, m;
+    return v.isValid = !1, v;
   }
 }
-const T = () => m, N = (t) => U(t), R = {
+const _ = () => v, z = (t) => I(t), P = {
   key: 0,
   class: "cm-card-header"
-}, O = { class: "cm-card-body" }, j = {
+}, A = { class: "cm-card-body" }, q = {
   key: 1,
   class: "cm-card-footer"
-}, E = /* @__PURE__ */ k({
+}, Q = /* @__PURE__ */ x({
   __name: "CmCard",
   props: {
     type: { default: "none" },
@@ -75,7 +75,7 @@ const T = () => m, N = (t) => U(t), R = {
     shadow: { type: [Boolean, String], default: void 0 }
   },
   setup(t) {
-    const a = t, s = {
+    const s = t, o = {
       "glass-frost": { blur: 0, opacity: 0, distortion: "mist", shadow: "reflex" },
       "light-frost": { blur: 5, opacity: 0.08, distortion: "frosted" },
       "heavy-frost": { blur: 24, opacity: 0, distortion: "frosted" },
@@ -93,60 +93,60 @@ const T = () => m, N = (t) => U(t), R = {
       frosted: { blur: 20, opacity: 0.12, distortion: "frosted" },
       glass: { blur: 0, opacity: 1, distortion: "none" },
       none: { blur: 15, opacity: 0.1, distortion: "none" }
-    }, o = g(() => {
-      const e = s[a.type] || s.none, c = T().isValid ? a.distortion ?? e.distortion : "none";
+    }, r = y(() => {
+      const e = o[s.type] || o.none, l = _().isValid ? s.distortion ?? e.distortion : "none";
       return {
-        blur: a.blur ?? e.blur,
-        opacity: a.opacity ?? e.opacity,
-        brightness: a.brightness ?? e.brightness,
-        distortion: c,
-        shadow: a.shadow ?? e.shadow
+        blur: s.blur ?? e.blur,
+        opacity: s.opacity ?? e.opacity,
+        brightness: s.brightness ?? e.brightness,
+        distortion: l,
+        shadow: s.shadow ?? e.shadow
       };
-    }), n = (e) => !e || e === "none" ? "" : `url(#cm-glass-distortion-${e})`, i = g(() => {
-      const e = o.value.shadow;
+    }), i = (e) => !e || e === "none" ? "" : `url(#cm-glass-distortion-${e})`, n = y(() => {
+      const e = r.value.shadow;
       return e === "mist" || e === "deep" ? "cm-shadow-mist" : e === "reflex" || e === !0 ? "cm-shadow-reflex" : "";
-    }), b = g(() => {
-      const e = [], r = typeof o.value.blur == "string" ? parseFloat(o.value.blur) : o.value.blur;
-      r && r > 0 && e.push(`blur(${r}px)`), o.value.brightness && e.push(`brightness(${o.value.brightness})`);
-      const c = n(o.value.distortion);
-      c && e.push(c);
-      const d = e.join(" ");
-      let u;
-      const l = o.value.shadow;
-      return typeof l == "string" && l !== "mist" && l !== "reflex" && l !== "deep" && (u = l), {
-        backdropFilter: d,
-        "-webkit-backdrop-filter": d,
-        background: `rgba(var(--glass-bg-rgb), ${o.value.opacity})`,
-        borderRadius: a.radius,
-        boxShadow: u,
-        "-webkit-box-shadow": u
+    }), b = y(() => {
+      const e = [], a = typeof r.value.blur == "string" ? parseFloat(r.value.blur) : r.value.blur;
+      a && a > 0 && e.push(`blur(${a}px)`), r.value.brightness && e.push(`brightness(${r.value.brightness})`);
+      const l = i(r.value.distortion);
+      l && e.push(l);
+      const c = e.join(" ");
+      let m;
+      const u = r.value.shadow;
+      return typeof u == "string" && u !== "mist" && u !== "reflex" && u !== "deep" && (m = u), {
+        backdropFilter: c,
+        "-webkit-backdrop-filter": c,
+        background: `rgba(var(--glass-bg-rgb), ${r.value.opacity})`,
+        borderRadius: s.radius,
+        boxShadow: m,
+        "-webkit-box-shadow": m
       };
     });
-    return (e, r) => (f(), B(M(t.tag), {
-      class: S(["cm-card", [
+    return (e, a) => (d(), T(L(t.tag), {
+      class: C(["cm-card", [
         { "cm-card-grain": t.grain },
-        `cm-distortion-${o.value.distortion}`,
+        `cm-distortion-${r.value.distortion}`,
         `cm-type-${t.type}`,
-        i.value,
+        n.value,
         t.customClass
       ]]),
-      style: w(b.value)
+      style: k(b.value)
     }, {
       default: V(() => [
-        e.$slots.header ? (f(), v("div", R, [
-          x(e.$slots, "header")
-        ])) : _("", !0),
-        y("div", O, [
-          x(e.$slots, "default")
+        e.$slots.header ? (d(), f("div", P, [
+          h(e.$slots, "header")
+        ])) : g("", !0),
+        p("div", A, [
+          h(e.$slots, "default")
         ]),
-        e.$slots.footer ? (f(), v("div", j, [
-          x(e.$slots, "footer")
-        ])) : _("", !0)
+        e.$slots.footer ? (d(), f("div", q, [
+          h(e.$slots, "footer")
+        ])) : g("", !0)
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), P = { class: "cm-btn-content" }, z = /* @__PURE__ */ k({
+}), Y = { class: "cm-btn-content" }, K = /* @__PURE__ */ x({
   __name: "CmButton",
   props: {
     variant: { default: "default" },
@@ -158,8 +158,8 @@ const T = () => m, N = (t) => U(t), R = {
     shadow: { type: [Boolean, String], default: "none" }
   },
   emits: ["click"],
-  setup(t, { emit: a }) {
-    const s = t, o = g(() => ({
+  setup(t, { emit: s }) {
+    const o = t, r = y(() => ({
       // Main button element is a transparent container
       background: "none",
       border: "none",
@@ -167,118 +167,246 @@ const T = () => m, N = (t) => U(t), R = {
       outline: "none",
       boxShadow: "none"
       // Handled by variants or shadowClass on main button
-    })), n = (e) => !e || e === "none" ? "" : `url(#cm-glass-distortion-${e})`, i = g(() => {
-      const e = [], r = [];
-      s.blur > 0 && e.push(`blur(${s.blur}px)`);
-      const d = T().isValid ? s.distortion : "none", u = n(d);
-      u && r.push(u);
-      const l = e.join(" "), $ = r.join(" ");
-      let p = `rgba(var(--glass-bg-rgb), ${s.opacity})`, h = "rgba(var(--glass-border-rgb), 0.15)";
-      return s.variant === "primary" ? (p = `rgba(var(--primary-color-rgb), ${Math.min(s.opacity + 0.15, 0.4)})`, h = "rgba(var(--primary-color-rgb), 0.3)") : s.variant === "ghost" && (p = "transparent", h = "transparent", s.active && (p = `rgba(var(--glass-bg-rgb), ${s.opacity})`, h = "rgba(var(--glass-border-rgb), 0.15)")), {
+    })), i = (e) => !e || e === "none" ? "" : `url(#cm-glass-distortion-${e})`, n = y(() => {
+      const e = [], a = [];
+      o.blur > 0 && e.push(`blur(${o.blur}px)`);
+      const c = _().isValid ? o.distortion : "none", m = i(c);
+      m && a.push(m);
+      const u = e.join(" "), D = a.join(" ");
+      let w = `rgba(var(--glass-bg-rgb), ${o.opacity})`, $ = "rgba(var(--glass-border-rgb), 0.15)";
+      return o.variant === "primary" ? (w = `rgba(var(--primary-color-rgb), ${Math.min(o.opacity + 0.15, 0.4)})`, $ = "rgba(var(--primary-color-rgb), 0.3)") : o.variant === "ghost" && (w = "transparent", $ = "transparent", o.active && (w = `rgba(var(--glass-bg-rgb), ${o.opacity})`, $ = "rgba(var(--glass-border-rgb), 0.15)")), {
         position: "absolute",
         top: 0,
         left: 0,
         right: 0,
         bottom: 0,
-        background: p,
-        border: s.variant === "ghost" && !s.active ? "none" : `1px solid ${h}`,
-        backdropFilter: l,
-        "-webkit-backdrop-filter": l,
-        filter: $,
+        background: w,
+        border: o.variant === "ghost" && !o.active ? "none" : `1px solid ${$}`,
+        backdropFilter: u,
+        "-webkit-backdrop-filter": u,
+        filter: D,
         // SVG filters on the colored surface
         pointerEvents: "none",
         zIndex: 1,
         borderRadius: "inherit",
         transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
       };
-    }), b = g(() => {
-      const e = s.shadow;
+    }), b = y(() => {
+      const e = o.shadow;
       return e === "mist" || e === "deep" ? "cm-shadow-mist" : e === "reflex" || e === !0 ? "cm-shadow-reflex" : "";
     });
-    return (e, r) => (f(), v("button", {
-      class: S(["cm-btn", [
-        `cm-btn-${s.variant}`,
-        { "cm-btn-active": s.active },
-        { "cm-btn-glow": s.glow },
+    return (e, a) => (d(), f("button", {
+      class: C(["cm-btn", [
+        `cm-btn-${o.variant}`,
+        { "cm-btn-active": o.active },
+        { "cm-btn-glow": o.glow },
         b.value
       ]]),
-      style: w(o.value),
-      onClick: r[0] || (r[0] = (c) => e.$emit("click", c))
+      style: k(r.value),
+      onClick: a[0] || (a[0] = (l) => e.$emit("click", l))
     }, [
-      y("div", {
+      p("div", {
         class: "cm-btn-surface",
-        style: w(i.value)
+        style: k(n.value)
       }, null, 4),
-      y("div", P, [
-        x(e.$slots, "default")
+      p("div", Y, [
+        h(e.$slots, "default")
       ])
     ], 6));
   }
-}), I = { class: "cm-checkbox-wrapper" }, A = ["checked", "disabled"], q = { class: "cm-checkbox-box" }, Q = {
+}), W = { class: "cm-checkbox-wrapper" }, J = ["checked", "disabled"], X = { class: "cm-checkbox-box" }, Z = {
   key: 0,
   class: "cm-checkbox-label"
-}, Y = /* @__PURE__ */ k({
+}, H = /* @__PURE__ */ x({
   __name: "CmCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: a }) {
-    const s = a, o = (n) => {
-      const i = n.target;
-      s("update:modelValue", i.checked), s("change", i.checked);
+  setup(t, { emit: s }) {
+    const o = s, r = (i) => {
+      const n = i.target;
+      o("update:modelValue", n.checked), o("change", n.checked);
     };
-    return (n, i) => (f(), v("label", {
-      class: S(["cm-checkbox-container", { disabled: t.disabled }])
+    return (i, n) => (d(), f("label", {
+      class: C(["cm-checkbox-container", { disabled: t.disabled }])
     }, [
-      y("div", I, [
-        y("input", {
+      p("div", W, [
+        p("input", {
           type: "checkbox",
           checked: t.modelValue,
-          onChange: o,
+          onChange: r,
           disabled: t.disabled
-        }, null, 40, A),
-        y("div", q, [
-          t.modelValue ? (f(), B(G(L), {
+        }, null, 40, J),
+        p("div", X, [
+          t.modelValue ? (d(), T(F(O), {
             key: 0,
             class: "cm-checkbox-icon"
-          })) : _("", !0)
+          })) : g("", !0)
         ])
       ]),
-      n.$slots.default ? (f(), v("span", Q, [
-        x(n.$slots, "default", {}, void 0, !0)
-      ])) : _("", !0)
+      i.$slots.default ? (d(), f("span", Z, [
+        h(i.$slots, "default", {}, void 0, !0)
+      ])) : g("", !0)
     ], 2));
   }
-}), D = (t, a) => {
-  const s = t.__vccOpts || t;
-  for (const [o, n] of a)
-    s[o] = n;
-  return s;
-}, K = /* @__PURE__ */ D(Y, [["__scopeId", "data-v-d47cd0ab"]]), W = {}, J = {
+}), S = (t, s) => {
+  const o = t.__vccOpts || t;
+  for (const [r, i] of s)
+    o[r] = i;
+  return o;
+}, ee = /* @__PURE__ */ S(H, [["__scopeId", "data-v-d47cd0ab"]]), te = {}, oe = {
   class: "cm-glass-filters",
   "aria-hidden": "true",
   focusable: "false"
 };
-function Z(t, a) {
-  return f(), v("svg", J, [...a[0] || (a[0] = [
-    F('<filter id="cm-glass-distortion-wavy" x="-10%" y="-10%" width="120%" height="120%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.003 0.007" numOctaves="1" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in="SourceGraphic" in2="turbulence" scale="200" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-frosted" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.009 0.009" numOctaves="2" seed="92" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.02" result="blur" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blur" scale="80" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-grain" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="1.2 1.2" numOctaves="1" seed="9000" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.1" result="blurred" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blurred" scale="100" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-ripple" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.008" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="155" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-mist" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.02" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="30" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter>', 5)
+function se(t, s) {
+  return d(), f("svg", oe, [...s[0] || (s[0] = [
+    U('<filter id="cm-glass-distortion-wavy" x="-10%" y="-10%" width="120%" height="120%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.003 0.007" numOctaves="1" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in="SourceGraphic" in2="turbulence" scale="200" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-frosted" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.009 0.009" numOctaves="2" seed="92" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.02" result="blur" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blur" scale="80" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-grain" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="1.2 1.2" numOctaves="1" seed="9000" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.1" result="blurred" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blurred" scale="100" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-ripple" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.008" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="155" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-mist" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.02" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="30" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter>', 5)
   ])]);
 }
-const H = /* @__PURE__ */ D(W, [["render", Z], ["__scopeId", "data-v-52af4cfb"]]);
+const ae = /* @__PURE__ */ S(te, [["render", se], ["__scopeId", "data-v-52af4cfb"]]), re = {
+  key: 1,
+  class: "cm-modal-header"
+}, ie = { class: "cm-modal-title" }, ne = { class: "cm-modal-body" }, le = {
+  key: 2,
+  class: "cm-modal-footer"
+}, ce = /* @__PURE__ */ x({
+  __name: "CmModal",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: "" },
+    width: { default: "500px" },
+    blur: { default: 25 },
+    opacity: { default: 0.15 },
+    distortion: { default: "frosted" },
+    shadow: { type: [Boolean, String], default: "mist" },
+    showClose: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(t, { emit: s }) {
+    const o = t, r = s, i = () => {
+      r("update:modelValue", !1), r("close");
+    }, n = (a) => !a || a === "none" ? "" : `url(#cm-glass-distortion-${a})`, b = y(() => {
+      const l = _().isValid ? o.distortion : "none", c = [`blur(${o.blur}px)`], m = n(l);
+      m && c.push(m);
+      const u = c.join(" ");
+      return {
+        width: o.width,
+        background: `rgba(var(--glass-bg-rgb), ${o.opacity})`,
+        backdropFilter: u,
+        "-webkit-backdrop-filter": u,
+        borderRadius: "24px",
+        border: "1px solid rgba(var(--glass-border-rgb), 0.15)"
+      };
+    }), e = y(() => o.shadow === "mist" || o.shadow === "deep" ? "cm-shadow-mist" : o.shadow === "reflex" || o.shadow === !0 ? "cm-shadow-reflex" : "");
+    return (a, l) => (d(), T(G, { to: "body" }, [
+      M(N, { name: "cm-modal-fade" }, {
+        default: V(() => [
+          t.modelValue ? (d(), f("div", {
+            key: 0,
+            class: "cm-modal-overlay",
+            onClick: R(i, ["self"])
+          }, [
+            p("div", {
+              class: C(["cm-modal-container", [e.value, `cm-distortion-${t.distortion}`]]),
+              style: k(b.value)
+            }, [
+              t.showClose ? (d(), f("button", {
+                key: 0,
+                class: "cm-modal-close",
+                onClick: i
+              }, [
+                M(F(E), { size: 20 })
+              ])) : g("", !0),
+              a.$slots.header || t.title ? (d(), f("div", re, [
+                h(a.$slots, "header", {}, () => [
+                  p("h3", ie, j(t.title), 1)
+                ], !0)
+              ])) : g("", !0),
+              p("div", ne, [
+                h(a.$slots, "default", {}, void 0, !0)
+              ]),
+              a.$slots.footer ? (d(), f("div", le, [
+                h(a.$slots, "footer", {}, void 0, !0)
+              ])) : g("", !0)
+            ], 6)
+          ])) : g("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), de = /* @__PURE__ */ S(ce, [["__scopeId", "data-v-3303a45f"]]), ue = { class: "cm-toolbar-content" }, fe = {
+  key: 0,
+  class: "cm-toolbar-section left"
+}, be = { class: "cm-toolbar-section middle" }, me = {
+  key: 1,
+  class: "cm-toolbar-section right"
+}, he = /* @__PURE__ */ x({
+  __name: "CmToolbar",
+  props: {
+    position: { default: "static" },
+    floating: { type: Boolean, default: !1 },
+    blur: { default: 15 },
+    opacity: { default: 0.12 },
+    distortion: { default: "mist" },
+    shadow: { type: [Boolean, String], default: "reflex" },
+    height: { default: "auto" },
+    narrow: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const s = t, o = y(() => {
+      const n = _().isValid ? s.distortion : "none", b = [`blur(${s.blur}px)`], a = ((c) => c !== "none" ? `url(#cm-glass-distortion-${c})` : "")(n);
+      a && b.push(a);
+      const l = b.join(" ");
+      return {
+        height: s.height,
+        background: `rgba(var(--glass-bg-rgb), ${s.opacity})`,
+        backdropFilter: l,
+        "-webkit-backdrop-filter": l,
+        padding: s.narrow ? "0.5rem 1rem" : "1rem 1.5rem",
+        border: "1px solid rgba(var(--glass-border-rgb), 0.12)"
+      };
+    }), r = y(() => s.shadow === "mist" || s.shadow === "deep" ? "cm-shadow-mist" : s.shadow === "reflex" || s.shadow === !0 ? "cm-shadow-reflex" : "");
+    return (i, n) => (d(), f("div", {
+      class: C(["cm-toolbar", [
+        `cm-toolbar-${t.position}`,
+        { "cm-toolbar-floating": t.floating },
+        r.value,
+        `cm-distortion-${t.distortion}`
+      ]]),
+      style: k(o.value)
+    }, [
+      p("div", ue, [
+        i.$slots.left ? (d(), f("div", fe, [
+          h(i.$slots, "left", {}, void 0, !0)
+        ])) : g("", !0),
+        p("div", be, [
+          h(i.$slots, "default", {}, void 0, !0)
+        ]),
+        i.$slots.right ? (d(), f("div", me, [
+          h(i.$slots, "right", {}, void 0, !0)
+        ])) : g("", !0)
+      ])
+    ], 6));
+  }
+}), pe = /* @__PURE__ */ S(he, [["__scopeId", "data-v-94c209b6"]]);
 console.log("📦 Glass Studio UI Pro: Library Loaded (v0.1.11)");
-const te = {
-  install(t, a = {}) {
-    N(a.licenseKey), t.component("CmCard", E), t.component("CmButton", z), t.component("CmCheckbox", K), t.component("CmFilters", H);
+const ve = {
+  install(t, s = {}) {
+    z(s.licenseKey), t.component("CmCard", Q), t.component("CmButton", K), t.component("CmCheckbox", ee), t.component("CmFilters", ae), t.component("CmModal", de), t.component("CmToolbar", pe);
   }
 };
 export {
-  z as CmButton,
-  E as CmCard,
-  K as CmCheckbox,
-  H as CmFilters,
-  te as GlassUI,
-  te as default,
-  T as getLicenseStatus
+  K as CmButton,
+  Q as CmCard,
+  ee as CmCheckbox,
+  ae as CmFilters,
+  de as CmModal,
+  pe as CmToolbar,
+  ve as GlassUI,
+  ve as default,
+  _ as getLicenseStatus
 };

package/dist/liquid-glass-ui.umd.js

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lucide-vue-next")):typeof define=="function"&&define.amd?define(["exports","vue","lucide-vue-next"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.LiquidGlassUI={},i.Vue,i.LucideVueNext))})(this,(function(i,e,$){"use strict";const g=o=>{try{return atob(o)}catch{return o}};let m={isValid:!0,tier:"pro"};async function T(o){var l;const s=g("aHR0cDovL2xvY2FsaG9zdDozMDAxL2FwaS9saWNlbnNlL25wbQ=="),a=g("ODhBRi0xMDBCLTVFOEUtNTkxOS00RThBLTMzQTktM0YwMy1FOTM4LTU2M0MtMUJGQy1CMTUzLTFDNTY="),n=o||a;console.debug(`[DEBUG] Attempting license verification with key: ${n}`);try{const c=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","X-Product":"glass-studio-ui-pro"},body:JSON.stringify({licenseKey:n})}),p=await c.json(),t=c.ok&&p.isValid===!0,r=(l=p.license)==null?void 0:l.expiresAt;let u=0;if(r){const h=new Date(r).getTime(),y=Date.now();u=Math.max(0,Math.floor((h-y)/(1e3*60*60*24)))}m={isValid:t,expiryDate:r||"N/A",tier:t?"pro":"free",remainingDays:u,message:p.message||""};const f=document.documentElement,b="_0x_err_sys_",d="--_0x8f2d_v_st_";return m.isValid?(console.log("[+] SYSTEM_INIT: [OK]"),f.style.setProperty(d,"1"),f.classList.remove(b)):(console.warn(`[!] SECURITY_ALERT: ${g("Q29tcG9uZW50cyBMb2NrZWQ=")}. Code: ${c.status}`),f.style.setProperty(d,"0"),f.style.setProperty("--_0x8f2d_msg_",`'${m.message}'`),f.classList.add(b)),m}catch{return m.isValid=!1,m}}const k=()=>m,V=o=>T(o),D={key:0,class:"cm-card-header"},M={class:"cm-card-body"},N={key:1,class:"cm-card-footer"},x=e.defineComponent({__name:"CmCard",props:{type:{default:"none"},blur:{default:void 0},opacity:{default:void 0},brightness:{default:void 0},grain:{type:Boolean,default:!1},distortion:{default:void 0},customClass:{default:""},radius:{default:"16px"},tag:{default:"div"},shadow:{type:[Boolean,String],default:void 0}},setup(o){const s=o,a={"glass-frost":{blur:0,opacity:0,distortion:"mist",shadow:"reflex"},"light-frost":{blur:5,opacity:.08,distortion:"frosted"},"heavy-frost":{blur:24,opacity:0,distortion:"frosted"},"grain-frost":{blur:4,opacity:0,distortion:"grain"},"fine-frost":{blur:7,opacity:0,distortion:"mist",shadow:"reflex"},"soft-mist":{blur:20,opacity:0,distortion:"none",brightness:2,shadow:"mist"},crystal:{blur:10,opacity:.08,distortion:"none"},"deep-velvet":{blur:60,opacity:.2,distortion:"none"},frosted:{blur:20,opacity:.12,distortion:"frosted"},glass:{blur:0,opacity:1,distortion:"none"},none:{blur:15,opacity:.1,distortion:"none"}},n=e.computed(()=>{const t=a[s.type]||a.none,u=k().isValid?s.distortion??t.distortion:"none";return{blur:s.blur??t.blur,opacity:s.opacity??t.opacity,brightness:s.brightness??t.brightness,distortion:u,shadow:s.shadow??t.shadow}}),l=t=>!t||t==="none"?"":`url(#cm-glass-distortion-${t})`,c=e.computed(()=>{const t=n.value.shadow;return t==="mist"||t==="deep"?"cm-shadow-mist":t==="reflex"||t===!0?"cm-shadow-reflex":""}),p=e.computed(()=>{const t=[],r=typeof n.value.blur=="string"?parseFloat(n.value.blur):n.value.blur;r&&r>0&&t.push(`blur(${r}px)`),n.value.brightness&&t.push(`brightness(${n.value.brightness})`);const u=l(n.value.distortion);u&&t.push(u);const f=t.join(" ");let b;const d=n.value.shadow;return typeof d=="string"&&d!=="mist"&&d!=="reflex"&&d!=="deep"&&(b=d),{backdropFilter:f,"-webkit-backdrop-filter":f,background:`rgba(var(--glass-bg-rgb), ${n.value.opacity})`,borderRadius:s.radius,boxShadow:b,"-webkit-box-shadow":b}});return(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),{class:e.normalizeClass(["cm-card",[{"cm-card-grain":o.grain},`cm-distortion-${n.value.distortion}`,`cm-type-${o.type}`,c.value,o.customClass]]),style:e.normalizeStyle(p.value)},{default:e.withCtx(()=>[t.$slots.header?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",M,[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)]),_:3},8,["class","style"]))}}),G={class:"cm-btn-content"},C=e.defineComponent({__name:"CmButton",props:{variant:{default:"default"},active:{type:Boolean,default:!1},glow:{type:Boolean,default:!1},blur:{default:12},opacity:{default:.12},distortion:{default:"none"},shadow:{type:[Boolean,String],default:"none"}},emits:["click"],setup(o,{emit:s}){const a=o,n=e.computed(()=>({background:"none",border:"none",outline:"none",boxShadow:"none"})),l=t=>!t||t==="none"?"":`url(#cm-glass-distortion-${t})`,c=e.computed(()=>{const t=[],r=[];a.blur>0&&t.push(`blur(${a.blur}px)`);const f=k().isValid?a.distortion:"none",b=l(f);b&&r.push(b);const d=t.join(" "),B=r.join(" ");let h=`rgba(var(--glass-bg-rgb), ${a.opacity})`,y="rgba(var(--glass-border-rgb), 0.15)";return a.variant==="primary"?(h=`rgba(var(--primary-color-rgb), ${Math.min(a.opacity+.15,.4)})`,y="rgba(var(--primary-color-rgb), 0.3)"):a.variant==="ghost"&&(h="transparent",y="transparent",a.active&&(h=`rgba(var(--glass-bg-rgb), ${a.opacity})`,y="rgba(var(--glass-border-rgb), 0.15)")),{position:"absolute",top:0,left:0,right:0,bottom:0,background:h,border:a.variant==="ghost"&&!a.active?"none":`1px solid ${y}`,backdropFilter:d,"-webkit-backdrop-filter":d,filter:B,pointerEvents:"none",zIndex:1,borderRadius:"inherit",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"}}),p=e.computed(()=>{const t=a.shadow;return t==="mist"||t==="deep"?"cm-shadow-mist":t==="reflex"||t===!0?"cm-shadow-reflex":""});return(t,r)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["cm-btn",[`cm-btn-${a.variant}`,{"cm-btn-active":a.active},{"cm-btn-glow":a.glow},p.value]]),style:e.normalizeStyle(n.value),onClick:r[0]||(r[0]=u=>t.$emit("click",u))},[e.createElementVNode("div",{class:"cm-btn-surface",style:e.normalizeStyle(c.value)},null,4),e.createElementVNode("div",G,[e.renderSlot(t.$slots,"default")])],6))}}),E={class:"cm-checkbox-wrapper"},L=["checked","disabled"],F={class:"cm-checkbox-box"},U={key:0,class:"cm-checkbox-label"},O=e.defineComponent({__name:"CmCheckbox",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(o,{emit:s}){const a=s,n=l=>{const c=l.target;a("update:modelValue",c.checked),a("change",c.checked)};return(l,c)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["cm-checkbox-container",{disabled:o.disabled}])},[e.createElementVNode("div",E,[e.createElementVNode("input",{type:"checkbox",checked:o.modelValue,onChange:n,disabled:o.disabled},null,40,L),e.createElementVNode("div",F,[o.modelValue?(e.openBlock(),e.createBlock(e.unref($.Check),{key:0,class:"cm-checkbox-icon"})):e.createCommentVNode("",!0)])]),l.$slots.default?(e.openBlock(),e.createElementBlock("span",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),v=(o,s)=>{const a=o.__vccOpts||o;for(const[n,l]of s)a[n]=l;return a},_=v(O,[["__scopeId","data-v-d47cd0ab"]]),R={},j={class:"cm-glass-filters","aria-hidden":"true",focusable:"false"};function z(o,s){return e.openBlock(),e.createElementBlock("svg",j,[...s[0]||(s[0]=[e.createStaticVNode('<filter id="cm-glass-distortion-wavy" x="-10%" y="-10%" width="120%" height="120%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.003 0.007" numOctaves="1" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in="SourceGraphic" in2="turbulence" scale="200" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-frosted" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.009 0.009" numOctaves="2" seed="92" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.02" result="blur" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blur" scale="80" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-grain" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="1.2 1.2" numOctaves="1" seed="9000" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.1" result="blurred" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blurred" scale="100" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-ripple" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.008" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="155" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-mist" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.02" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="30" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter>',5)])])}const S=v(R,[["render",z],["__scopeId","data-v-52af4cfb"]]);console.log("📦 Glass Studio UI Pro: Library Loaded (v0.1.11)");const w={install(o,s={}){V(s.licenseKey),o.component("CmCard",x),o.component("CmButton",C),o.component("CmCheckbox",_),o.component("CmFilters",S)}};i.CmButton=C,i.CmCard=x,i.CmCheckbox=_,i.CmFilters=S,i.GlassUI=w,i.default=w,i.getLicenseStatus=k,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lucide-vue-next")):typeof define=="function"&&define.amd?define(["exports","vue","lucide-vue-next"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.LiquidGlassUI={},c.Vue,c.LucideVueNext))})(this,(function(c,e,w){"use strict";const C=o=>{try{return atob(o)}catch{return o}};let p={isValid:!0,tier:"pro"};async function E(o){var l;const a=C("aHR0cDovL2xvY2FsaG9zdDozMDAxL2FwaS9saWNlbnNlL25wbQ=="),s=C("ODhBRi0xMDBCLTVFOEUtNTkxOS00RThBLTMzQTktM0YwMy1FOTM4LTU2M0MtMUJGQy1CMTUzLTFDNTY="),r=o||s;console.debug(`[DEBUG] Attempting license verification with key: ${r}`);try{const i=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","X-Product":"glass-studio-ui-pro"},body:JSON.stringify({licenseKey:r})}),u=await i.json(),t=i.ok&&u.isValid===!0,n=(l=u.license)==null?void 0:l.expiresAt;let d=0;if(n){const h=new Date(n).getTime(),g=Date.now();d=Math.max(0,Math.floor((h-g)/(1e3*60*60*24)))}p={isValid:t,expiryDate:n||"N/A",tier:t?"pro":"free",remainingDays:d,message:u.message||""};const f=document.documentElement,b="_0x_err_sys_",m="--_0x8f2d_v_st_";return p.isValid?(console.log("[+] SYSTEM_INIT: [OK]"),f.style.setProperty(m,"1"),f.classList.remove(b)):(console.warn(`[!] SECURITY_ALERT: ${C("Q29tcG9uZW50cyBMb2NrZWQ=")}. Code: ${i.status}`),f.style.setProperty(m,"0"),f.style.setProperty("--_0x8f2d_msg_",`'${p.message}'`),f.classList.add(b)),p}catch{return p.isValid=!1,p}}const y=()=>p,M=o=>E(o),D={key:0,class:"cm-card-header"},v={class:"cm-card-body"},L={key:1,class:"cm-card-footer"},B=e.defineComponent({__name:"CmCard",props:{type:{default:"none"},blur:{default:void 0},opacity:{default:void 0},brightness:{default:void 0},grain:{type:Boolean,default:!1},distortion:{default:void 0},customClass:{default:""},radius:{default:"16px"},tag:{default:"div"},shadow:{type:[Boolean,String],default:void 0}},setup(o){const a=o,s={"glass-frost":{blur:0,opacity:0,distortion:"mist",shadow:"reflex"},"light-frost":{blur:5,opacity:.08,distortion:"frosted"},"heavy-frost":{blur:24,opacity:0,distortion:"frosted"},"grain-frost":{blur:4,opacity:0,distortion:"grain"},"fine-frost":{blur:7,opacity:0,distortion:"mist",shadow:"reflex"},"soft-mist":{blur:20,opacity:0,distortion:"none",brightness:2,shadow:"mist"},crystal:{blur:10,opacity:.08,distortion:"none"},"deep-velvet":{blur:60,opacity:.2,distortion:"none"},frosted:{blur:20,opacity:.12,distortion:"frosted"},glass:{blur:0,opacity:1,distortion:"none"},none:{blur:15,opacity:.1,distortion:"none"}},r=e.computed(()=>{const t=s[a.type]||s.none,d=y().isValid?a.distortion??t.distortion:"none";return{blur:a.blur??t.blur,opacity:a.opacity??t.opacity,brightness:a.brightness??t.brightness,distortion:d,shadow:a.shadow??t.shadow}}),l=t=>!t||t==="none"?"":`url(#cm-glass-distortion-${t})`,i=e.computed(()=>{const t=r.value.shadow;return t==="mist"||t==="deep"?"cm-shadow-mist":t==="reflex"||t===!0?"cm-shadow-reflex":""}),u=e.computed(()=>{const t=[],n=typeof r.value.blur=="string"?parseFloat(r.value.blur):r.value.blur;n&&n>0&&t.push(`blur(${n}px)`),r.value.brightness&&t.push(`brightness(${r.value.brightness})`);const d=l(r.value.distortion);d&&t.push(d);const f=t.join(" ");let b;const m=r.value.shadow;return typeof m=="string"&&m!=="mist"&&m!=="reflex"&&m!=="deep"&&(b=m),{backdropFilter:f,"-webkit-backdrop-filter":f,background:`rgba(var(--glass-bg-rgb), ${r.value.opacity})`,borderRadius:a.radius,boxShadow:b,"-webkit-box-shadow":b}});return(t,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),{class:e.normalizeClass(["cm-card",[{"cm-card-grain":o.grain},`cm-distortion-${r.value.distortion}`,`cm-type-${o.type}`,i.value,o.customClass]]),style:e.normalizeStyle(u.value)},{default:e.withCtx(()=>[t.$slots.header?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",v,[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)]),_:3},8,["class","style"]))}}),F={class:"cm-btn-content"},S=e.defineComponent({__name:"CmButton",props:{variant:{default:"default"},active:{type:Boolean,default:!1},glow:{type:Boolean,default:!1},blur:{default:12},opacity:{default:.12},distortion:{default:"none"},shadow:{type:[Boolean,String],default:"none"}},emits:["click"],setup(o,{emit:a}){const s=o,r=e.computed(()=>({background:"none",border:"none",outline:"none",boxShadow:"none"})),l=t=>!t||t==="none"?"":`url(#cm-glass-distortion-${t})`,i=e.computed(()=>{const t=[],n=[];s.blur>0&&t.push(`blur(${s.blur}px)`);const f=y().isValid?s.distortion:"none",b=l(f);b&&n.push(b);const m=t.join(" "),N=n.join(" ");let h=`rgba(var(--glass-bg-rgb), ${s.opacity})`,g="rgba(var(--glass-border-rgb), 0.15)";return s.variant==="primary"?(h=`rgba(var(--primary-color-rgb), ${Math.min(s.opacity+.15,.4)})`,g="rgba(var(--primary-color-rgb), 0.3)"):s.variant==="ghost"&&(h="transparent",g="transparent",s.active&&(h=`rgba(var(--glass-bg-rgb), ${s.opacity})`,g="rgba(var(--glass-border-rgb), 0.15)")),{position:"absolute",top:0,left:0,right:0,bottom:0,background:h,border:s.variant==="ghost"&&!s.active?"none":`1px solid ${g}`,backdropFilter:m,"-webkit-backdrop-filter":m,filter:N,pointerEvents:"none",zIndex:1,borderRadius:"inherit",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"}}),u=e.computed(()=>{const t=s.shadow;return t==="mist"||t==="deep"?"cm-shadow-mist":t==="reflex"||t===!0?"cm-shadow-reflex":""});return(t,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["cm-btn",[`cm-btn-${s.variant}`,{"cm-btn-active":s.active},{"cm-btn-glow":s.glow},u.value]]),style:e.normalizeStyle(r.value),onClick:n[0]||(n[0]=d=>t.$emit("click",d))},[e.createElementVNode("div",{class:"cm-btn-surface",style:e.normalizeStyle(i.value)},null,4),e.createElementVNode("div",F,[e.renderSlot(t.$slots,"default")])],6))}}),U={class:"cm-checkbox-wrapper"},G=["checked","disabled"],z={class:"cm-checkbox-box"},j={key:0,class:"cm-checkbox-label"},R=e.defineComponent({__name:"CmCheckbox",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(o,{emit:a}){const s=a,r=l=>{const i=l.target;s("update:modelValue",i.checked),s("change",i.checked)};return(l,i)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["cm-checkbox-container",{disabled:o.disabled}])},[e.createElementVNode("div",U,[e.createElementVNode("input",{type:"checkbox",checked:o.modelValue,onChange:r,disabled:o.disabled},null,40,G),e.createElementVNode("div",z,[o.modelValue?(e.openBlock(),e.createBlock(e.unref(w.Check),{key:0,class:"cm-checkbox-icon"})):e.createCommentVNode("",!0)])]),l.$slots.default?(e.openBlock(),e.createElementBlock("span",j,[e.renderSlot(l.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),k=(o,a)=>{const s=o.__vccOpts||o;for(const[r,l]of a)s[r]=l;return s},$=k(R,[["__scopeId","data-v-d47cd0ab"]]),O={},I={class:"cm-glass-filters","aria-hidden":"true",focusable:"false"};function P(o,a){return e.openBlock(),e.createElementBlock("svg",I,[...a[0]||(a[0]=[e.createStaticVNode('<filter id="cm-glass-distortion-wavy" x="-10%" y="-10%" width="120%" height="120%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.003 0.007" numOctaves="1" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in="SourceGraphic" in2="turbulence" scale="200" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-frosted" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="0.009 0.009" numOctaves="2" seed="92" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.02" result="blur" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blur" scale="80" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-grain" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="fractalNoise" baseFrequency="1.2 1.2" numOctaves="1" seed="9000" result="noise" data-v-52af4cfb></feTurbulence><feGaussianBlur in="noise" stdDeviation="0.1" result="blurred" data-v-52af4cfb></feGaussianBlur><feDisplacementMap in="SourceGraphic" in2="blurred" scale="100" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-ripple" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.008" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="155" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter><filter id="cm-glass-distortion-mist" x="-5%" y="-5%" width="110%" height="110%" filterUnits="objectBoundingBox" data-v-52af4cfb><feTurbulence type="turbulence" baseFrequency="0.02" numOctaves="3" result="turbulence" data-v-52af4cfb></feTurbulence><feDisplacementMap in2="turbulence" in="SourceGraphic" scale="30" xChannelSelector="R" yChannelSelector="G" data-v-52af4cfb></feDisplacementMap></filter>',5)])])}const _=k(O,[["render",P],["__scopeId","data-v-52af4cfb"]]),q={key:1,class:"cm-modal-header"},A={class:"cm-modal-title"},Q={class:"cm-modal-body"},Y={key:2,class:"cm-modal-footer"},x=k(e.defineComponent({__name:"CmModal",props:{modelValue:{type:Boolean},title:{default:""},width:{default:"500px"},blur:{default:25},opacity:{default:.15},distortion:{default:"frosted"},shadow:{type:[Boolean,String],default:"mist"},showClose:{type:Boolean,default:!0}},emits:["update:modelValue","close"],setup(o,{emit:a}){const s=o,r=a,l=()=>{r("update:modelValue",!1),r("close")},i=n=>!n||n==="none"?"":`url(#cm-glass-distortion-${n})`,u=e.computed(()=>{const d=y().isValid?s.distortion:"none",f=[`blur(${s.blur}px)`],b=i(d);b&&f.push(b);const m=f.join(" ");return{width:s.width,background:`rgba(var(--glass-bg-rgb), ${s.opacity})`,backdropFilter:m,"-webkit-backdrop-filter":m,borderRadius:"24px",border:"1px solid rgba(var(--glass-border-rgb), 0.15)"}}),t=e.computed(()=>s.shadow==="mist"||s.shadow==="deep"?"cm-shadow-mist":s.shadow==="reflex"||s.shadow===!0?"cm-shadow-reflex":"");return(n,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"cm-modal-fade"},{default:e.withCtx(()=>[o.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cm-modal-overlay",onClick:e.withModifiers(l,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["cm-modal-container",[t.value,`cm-distortion-${o.distortion}`]]),style:e.normalizeStyle(u.value)},[o.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cm-modal-close",onClick:l},[e.createVNode(e.unref(w.X),{size:20})])):e.createCommentVNode("",!0),n.$slots.header||o.title?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(n.$slots,"header",{},()=>[e.createElementVNode("h3",A,e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[e.renderSlot(n.$slots,"default",{},void 0,!0)]),n.$slots.footer?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(n.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6)])):e.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-3303a45f"]]),K={class:"cm-toolbar-content"},W={key:0,class:"cm-toolbar-section left"},J={class:"cm-toolbar-section middle"},X={key:1,class:"cm-toolbar-section right"},V=k(e.defineComponent({__name:"CmToolbar",props:{position:{default:"static"},floating:{type:Boolean,default:!1},blur:{default:15},opacity:{default:.12},distortion:{default:"mist"},shadow:{type:[Boolean,String],default:"reflex"},height:{default:"auto"},narrow:{type:Boolean,default:!1}},setup(o){const a=o,s=e.computed(()=>{const i=y().isValid?a.distortion:"none",u=[`blur(${a.blur}px)`],n=(f=>f!=="none"?`url(#cm-glass-distortion-${f})`:"")(i);n&&u.push(n);const d=u.join(" ");return{height:a.height,background:`rgba(var(--glass-bg-rgb), ${a.opacity})`,backdropFilter:d,"-webkit-backdrop-filter":d,padding:a.narrow?"0.5rem 1rem":"1rem 1.5rem",border:"1px solid rgba(var(--glass-border-rgb), 0.12)"}}),r=e.computed(()=>a.shadow==="mist"||a.shadow==="deep"?"cm-shadow-mist":a.shadow==="reflex"||a.shadow===!0?"cm-shadow-reflex":"");return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cm-toolbar",[`cm-toolbar-${o.position}`,{"cm-toolbar-floating":o.floating},r.value,`cm-distortion-${o.distortion}`]]),style:e.normalizeStyle(s.value)},[e.createElementVNode("div",K,[l.$slots.left?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(l.$slots,"left",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.renderSlot(l.$slots,"default",{},void 0,!0)]),l.$slots.right?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(l.$slots,"right",{},void 0,!0)])):e.createCommentVNode("",!0)])],6))}}),[["__scopeId","data-v-94c209b6"]]);console.log("📦 Glass Studio UI Pro: Library Loaded (v0.1.11)");const T={install(o,a={}){M(a.licenseKey),o.component("CmCard",B),o.component("CmButton",S),o.component("CmCheckbox",$),o.component("CmFilters",_),o.component("CmModal",x),o.component("CmToolbar",V)}};c.CmButton=S,c.CmCard=B,c.CmCheckbox=$,c.CmFilters=_,c.CmModal=x,c.CmToolbar=V,c.GlassUI=T,c.default=T,c.getLicenseStatus=y,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/style.css

@@ -1 +1 @@
-[data-theme=dark],.dark-mode{--glass-bg-rgb: 17, 24, 39;--glass-border-rgb: 255, 255, 255;--text-color: #f9fafb;--bg-color: #0b0f1a;--primary-color: #818cf8;--primary-color-rgb: 129, 140, 248;--surface-color: rgba(17, 24, 39, .6);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}.bg-liquid-glass{background-image:url(https://essential-addons.com/wp-content/uploads/2025/08/tropical-leaves-blue-yellow-jungle-foliage-artwork-3.webp);height:100vh;overflow:auto;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.bg-liquid-glass:before,.bg-liquid-glass:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);z-index:-2;opacity:.6;animation:flow 20s infinite alternate linear}.bg-liquid-glass:before{width:300px;height:300px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);top:-50px;right:-50px}.bg-liquid-glass:after{width:400px;height:400px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes flow{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,50px) scale(1.2)}to{transform:translate(-50px,100px) scale(.8)}}.cm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.75rem 1.5rem;border:1px solid rgba(var(--glass-border-rgb),.15);color:var(--text-color);font-family:inherit;font-weight:600;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.cm-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);z-index:1}.cm-btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem}.cm-btn:hover{transform:translateY(-2px);border-color:rgba(var(--glass-border-rgb),.3);box-shadow:0 6px 16px #00000026;background:rgba(var(--glass-bg-rgb),.2)!important}.cm-btn:active,.cm-btn-active{transform:translateY(0) scale(.96);background:rgba(var(--glass-bg-rgb),.3)!important}.cm-btn-primary{border:1px solid var(--primary-color);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.3),rgba(var(--primary-color-rgb),.1));color:var(--primary-color)}.cm-btn-primary:hover{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.4),rgba(var(--primary-color-rgb),.2))!important}.cm-btn-glow{box-shadow:0 0 20px rgba(var(--primary-color-rgb),.3)}.cm-btn-glow:hover{box-shadow:0 0 30px rgba(var(--primary-color-rgb),.5)}.cm-card{position:relative;overflow:hidden;transition:all .3s ease;padding:1.5rem;border:1px solid rgba(var(--glass-border-rgb),.1);box-shadow:var(--glass-shadow)}.cm-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);z-index:-1}.cm-card-header{border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem;padding-bottom:.5rem}.cm-card-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:1rem;padding-top:.5rem}:root{--c-light: #fff;--c-dark: #000;--glass-reflex-dark: 2;--glass-reflex-light: 2;--cm-shadow-mist: 0px 19px 26px 0px rgba(0, 0, 0, .2);--cm-shadow-reflex: inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);--glass-bg-rgb: 255, 255, 255;--glass-border-rgb: 255, 255, 255;--text-color: #1a1a2e;--bg-color: #f0f2f5;--primary-color: #6366f1;--primary-color-rgb: 99, 102, 241;--surface-color: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--red-50: rgb(254.2, 245.65, 245.65);--red-100: rgb(252.6, 226.95, 226.95);--red-200: rgb(250.2, 198.9, 198.9);--red-300: rgb(247, 161.5, 161.5);--red-400: rgb(243, 114.75, 114.75);--red-500: #ef4444;--red-600: rgb(203.15, 57.8, 57.8);--red-700: rgb(155.35, 44.2, 44.2);--red-800: rgb(107.55, 30.6, 30.6);--red-900: rgb(59.75, 17, 17);--orange-50: rgb(254.7, 248, 243.35);--orange-100: rgb(254.1, 234, 220.05);--orange-200: rgb(253.2, 213, 185.1);--orange-300: rgb(252, 185, 138.5);--orange-400: rgb(250.5, 150, 80.25);--orange-500: #f97316;--orange-600: rgb(211.65, 97.75, 18.7);--orange-700: rgb(161.85, 74.75, 14.3);--orange-800: rgb(112.05, 51.75, 9.9);--orange-900: rgb(62.25, 28.75, 5.5);--yellow-50: rgb(255, 251.9, 242.6);--yellow-100: rgb(255, 245.7, 217.8);--yellow-200: rgb(255, 236.4, 180.6);--yellow-300: #ffe083;--yellow-400: rgb(255, 208.5, 69);--yellow-500: #ffc107;--yellow-600: rgb(216.75, 164.05, 5.95);--yellow-700: rgb(165.75, 125.45, 4.55);--yellow-800: rgb(114.75, 86.85, 3.15);--yellow-900: rgb(63.75, 48.25, 1.75);--green-50: rgb(243.95, 252.1, 246.95);--green-100: rgb(221.85, 246.3, 230.85);--green-200: rgb(188.7, 237.6, 206.7);--green-300: rgb(144.5, 226, 174.5);--green-400: rgb(89.25, 211.5, 134.25);--green-500: #22c55e;--green-600: rgb(28.9, 167.45, 79.9);--green-700: rgb(22.1, 128.05, 61.1);--green-800: rgb(15.3, 88.65, 42.3);--green-900: rgb(8.5, 49.25, 23.5);--mint-50: rgb(243.05, 251.5, 248.7);--mint-100: rgb(219.15, 244.5, 236.1);--mint-200: rgb(183.3, 234, 217.2);--mint-300: rgb(135.5, 220, 192);--mint-400: rgb(75.75, 202.5, 160.5);--mint-500: #10b981;--mint-600: rgb(13.6, 157.25, 109.65);--mint-700: rgb(10.4, 120.25, 83.85);--mint-800: rgb(7.2, 83.25, 58.05);--mint-900: rgb(4, 46.25, 32.25);--cyan-50: rgb(242.55, 251.35, 252.85);--cyan-100: rgb(217.65, 244.05, 248.55);--cyan-200: rgb(180.3, 233.1, 242.1);--cyan-300: rgb(130.5, 218.5, 233.5);--cyan-400: rgb(68.25, 200.25, 222.75);--cyan-500: #06b6d4;--cyan-600: rgb(5.1, 154.7, 180.2);--cyan-700: rgb(3.9, 118.3, 137.8);--cyan-800: rgb(2.7, 81.9, 95.4);--cyan-900: rgb(1.5, 45.5, 53);--blue-50: rgb(245.2, 248.75, 254.55);--blue-100: rgb(225.6, 236.25, 253.65);--blue-200: rgb(196.2, 217.5, 252.3);--blue-300: rgb(157, 192.5, 250.5);--blue-400: rgb(108, 161.25, 248.25);--blue-500: #3b82f6;--blue-600: rgb(50.15, 110.5, 209.1);--blue-700: rgb(38.35, 84.5, 159.9);--blue-800: rgb(26.55, 58.5, 110.7);--blue-900: rgb(14.75, 32.5, 61.5);--brand-50: rgb(243.55, 245.45, 248.9);--brand-100: rgb(220.65, 226.35, 236.7);--brand-200: rgb(186.3, 197.7, 218.4);--brand-300: rgb(140.5, 159.5, 194);--brand-400: rgb(83.25, 111.75, 163.5);--brand-500: #1a4085;--brand-600: rgb(22.1, 54.4, 113.05);--brand-700: rgb(16.9, 41.6, 86.45);--brand-800: rgb(11.7, 28.8, 59.85);--brand-900: rgb(6.5, 16, 33.25);--indigo-50: rgb(247.2, 247.35, 254.3);--indigo-100: rgb(231.6, 232.05, 252.9);--indigo-200: rgb(208.2, 209.1, 250.8);--indigo-300: rgb(177, 178.5, 248);--indigo-400: rgb(138, 140.25, 244.5);--indigo-500: #6366f1;--indigo-600: rgb(84.15, 86.7, 204.85);--indigo-700: rgb(64.35, 66.3, 156.65);--indigo-800: rgb(44.55, 45.9, 108.45);--indigo-900: rgb(24.75, 25.5, 60.25);--purple-50: rgb(250.65, 246.5, 254.6);--purple-100: rgb(241.95, 229.5, 253.8);--purple-200: rgb(228.9, 204, 252.6);--purple-300: rgb(211.5, 170, 251);--purple-400: rgb(189.75, 127.5, 249);--purple-500: #a855f7;--purple-600: rgb(142.8, 72.25, 209.95);--purple-700: rgb(109.2, 55.25, 160.55);--purple-800: rgb(75.6, 38.25, 111.15);--purple-900: rgb(42, 21.25, 61.75);--gray-50: rgb(247.6, 247.95, 248.65);--gray-100: rgb(232.8, 233.85, 235.95);--gray-200: rgb(210.6, 212.7, 216.9);--gray-300: rgb(181, 184.5, 191.5);--gray-400: rgb(144, 149.25, 159.75);--gray-500: #6b7280;--gray-600: rgb(90.95, 96.9, 108.8);--gray-700: rgb(69.55, 74.1, 83.2);--gray-800: rgb(48.15, 51.3, 57.6);--gray-900: rgb(26.75, 28.5, 32);--white: #ffffff;--black: #111111}.bg-red-100{background-color:var(--red-100)!important}.txt-red-100{color:var(--red-100)!important}.border-red-100{border-color:var(--red-100)!important}.bg-red-200{background-color:var(--red-200)!important}.txt-red-200{color:var(--red-200)!important}.border-red-200{border-color:var(--red-200)!important}.bg-red-300{background-color:var(--red-300)!important}.txt-red-300{color:var(--red-300)!important}.border-red-300{border-color:var(--red-300)!important}.bg-red-400{background-color:var(--red-400)!important}.txt-red-400{color:var(--red-400)!important}.border-red-400{border-color:var(--red-400)!important}.bg-red-500{background-color:var(--red-500)!important}.txt-red-500{color:var(--red-500)!important}.border-red-500{border-color:var(--red-500)!important}.bg-red-600{background-color:var(--red-600)!important}.txt-red-600{color:var(--red-600)!important}.border-red-600{border-color:var(--red-600)!important}.bg-red-700{background-color:var(--red-700)!important}.txt-red-700{color:var(--red-700)!important}.border-red-700{border-color:var(--red-700)!important}.bg-red-800{background-color:var(--red-800)!important}.txt-red-800{color:var(--red-800)!important}.border-red-800{border-color:var(--red-800)!important}.bg-red-900{background-color:var(--red-900)!important}.txt-red-900{color:var(--red-900)!important}.border-red-900{border-color:var(--red-900)!important}.bg-red-50{background-color:var(--red-50)!important}.txt-red-50{color:var(--red-50)!important}.border-red-50{border-color:var(--red-50)!important}.bg-orange-100{background-color:var(--orange-100)!important}.txt-orange-100{color:var(--orange-100)!important}.border-orange-100{border-color:var(--orange-100)!important}.bg-orange-200{background-color:var(--orange-200)!important}.txt-orange-200{color:var(--orange-200)!important}.border-orange-200{border-color:var(--orange-200)!important}.bg-orange-300{background-color:var(--orange-300)!important}.txt-orange-300{color:var(--orange-300)!important}.border-orange-300{border-color:var(--orange-300)!important}.bg-orange-400{background-color:var(--orange-400)!important}.txt-orange-400{color:var(--orange-400)!important}.border-orange-400{border-color:var(--orange-400)!important}.bg-orange-500{background-color:var(--orange-500)!important}.txt-orange-500{color:var(--orange-500)!important}.border-orange-500{border-color:var(--orange-500)!important}.bg-orange-600{background-color:var(--orange-600)!important}.txt-orange-600{color:var(--orange-600)!important}.border-orange-600{border-color:var(--orange-600)!important}.bg-orange-700{background-color:var(--orange-700)!important}.txt-orange-700{color:var(--orange-700)!important}.border-orange-700{border-color:var(--orange-700)!important}.bg-orange-800{background-color:var(--orange-800)!important}.txt-orange-800{color:var(--orange-800)!important}.border-orange-800{border-color:var(--orange-800)!important}.bg-orange-900{background-color:var(--orange-900)!important}.txt-orange-900{color:var(--orange-900)!important}.border-orange-900{border-color:var(--orange-900)!important}.bg-orange-50{background-color:var(--orange-50)!important}.txt-orange-50{color:var(--orange-50)!important}.border-orange-50{border-color:var(--orange-50)!important}.bg-yellow-100{background-color:var(--yellow-100)!important}.txt-yellow-100{color:var(--yellow-100)!important}.border-yellow-100{border-color:var(--yellow-100)!important}.bg-yellow-200{background-color:var(--yellow-200)!important}.txt-yellow-200{color:var(--yellow-200)!important}.border-yellow-200{border-color:var(--yellow-200)!important}.bg-yellow-300{background-color:var(--yellow-300)!important}.txt-yellow-300{color:var(--yellow-300)!important}.border-yellow-300{border-color:var(--yellow-300)!important}.bg-yellow-400{background-color:var(--yellow-400)!important}.txt-yellow-400{color:var(--yellow-400)!important}.border-yellow-400{border-color:var(--yellow-400)!important}.bg-yellow-500{background-color:var(--yellow-500)!important}.txt-yellow-500{color:var(--yellow-500)!important}.border-yellow-500{border-color:var(--yellow-500)!important}.bg-yellow-600{background-color:var(--yellow-600)!important}.txt-yellow-600{color:var(--yellow-600)!important}.border-yellow-600{border-color:var(--yellow-600)!important}.bg-yellow-700{background-color:var(--yellow-700)!important}.txt-yellow-700{color:var(--yellow-700)!important}.border-yellow-700{border-color:var(--yellow-700)!important}.bg-yellow-800{background-color:var(--yellow-800)!important}.txt-yellow-800{color:var(--yellow-800)!important}.border-yellow-800{border-color:var(--yellow-800)!important}.bg-yellow-900{background-color:var(--yellow-900)!important}.txt-yellow-900{color:var(--yellow-900)!important}.border-yellow-900{border-color:var(--yellow-900)!important}.bg-yellow-50{background-color:var(--yellow-50)!important}.txt-yellow-50{color:var(--yellow-50)!important}.border-yellow-50{border-color:var(--yellow-50)!important}.bg-green-100{background-color:var(--green-100)!important}.txt-green-100{color:var(--green-100)!important}.border-green-100{border-color:var(--green-100)!important}.bg-green-200{background-color:var(--green-200)!important}.txt-green-200{color:var(--green-200)!important}.border-green-200{border-color:var(--green-200)!important}.bg-green-300{background-color:var(--green-300)!important}.txt-green-300{color:var(--green-300)!important}.border-green-300{border-color:var(--green-300)!important}.bg-green-400{background-color:var(--green-400)!important}.txt-green-400{color:var(--green-400)!important}.border-green-400{border-color:var(--green-400)!important}.bg-green-500{background-color:var(--green-500)!important}.txt-green-500{color:var(--green-500)!important}.border-green-500{border-color:var(--green-500)!important}.bg-green-600{background-color:var(--green-600)!important}.txt-green-600{color:var(--green-600)!important}.border-green-600{border-color:var(--green-600)!important}.bg-green-700{background-color:var(--green-700)!important}.txt-green-700{color:var(--green-700)!important}.border-green-700{border-color:var(--green-700)!important}.bg-green-800{background-color:var(--green-800)!important}.txt-green-800{color:var(--green-800)!important}.border-green-800{border-color:var(--green-800)!important}.bg-green-900{background-color:var(--green-900)!important}.txt-green-900{color:var(--green-900)!important}.border-green-900{border-color:var(--green-900)!important}.bg-green-50{background-color:var(--green-50)!important}.txt-green-50{color:var(--green-50)!important}.border-green-50{border-color:var(--green-50)!important}.bg-mint-100{background-color:var(--mint-100)!important}.txt-mint-100{color:var(--mint-100)!important}.border-mint-100{border-color:var(--mint-100)!important}.bg-mint-200{background-color:var(--mint-200)!important}.txt-mint-200{color:var(--mint-200)!important}.border-mint-200{border-color:var(--mint-200)!important}.bg-mint-300{background-color:var(--mint-300)!important}.txt-mint-300{color:var(--mint-300)!important}.border-mint-300{border-color:var(--mint-300)!important}.bg-mint-400{background-color:var(--mint-400)!important}.txt-mint-400{color:var(--mint-400)!important}.border-mint-400{border-color:var(--mint-400)!important}.bg-mint-500{background-color:var(--mint-500)!important}.txt-mint-500{color:var(--mint-500)!important}.border-mint-500{border-color:var(--mint-500)!important}.bg-mint-600{background-color:var(--mint-600)!important}.txt-mint-600{color:var(--mint-600)!important}.border-mint-600{border-color:var(--mint-600)!important}.bg-mint-700{background-color:var(--mint-700)!important}.txt-mint-700{color:var(--mint-700)!important}.border-mint-700{border-color:var(--mint-700)!important}.bg-mint-800{background-color:var(--mint-800)!important}.txt-mint-800{color:var(--mint-800)!important}.border-mint-800{border-color:var(--mint-800)!important}.bg-mint-900{background-color:var(--mint-900)!important}.txt-mint-900{color:var(--mint-900)!important}.border-mint-900{border-color:var(--mint-900)!important}.bg-mint-50{background-color:var(--mint-50)!important}.txt-mint-50{color:var(--mint-50)!important}.border-mint-50{border-color:var(--mint-50)!important}.bg-cyan-100{background-color:var(--cyan-100)!important}.txt-cyan-100{color:var(--cyan-100)!important}.border-cyan-100{border-color:var(--cyan-100)!important}.bg-cyan-200{background-color:var(--cyan-200)!important}.txt-cyan-200{color:var(--cyan-200)!important}.border-cyan-200{border-color:var(--cyan-200)!important}.bg-cyan-300{background-color:var(--cyan-300)!important}.txt-cyan-300{color:var(--cyan-300)!important}.border-cyan-300{border-color:var(--cyan-300)!important}.bg-cyan-400{background-color:var(--cyan-400)!important}.txt-cyan-400{color:var(--cyan-400)!important}.border-cyan-400{border-color:var(--cyan-400)!important}.bg-cyan-500{background-color:var(--cyan-500)!important}.txt-cyan-500{color:var(--cyan-500)!important}.border-cyan-500{border-color:var(--cyan-500)!important}.bg-cyan-600{background-color:var(--cyan-600)!important}.txt-cyan-600{color:var(--cyan-600)!important}.border-cyan-600{border-color:var(--cyan-600)!important}.bg-cyan-700{background-color:var(--cyan-700)!important}.txt-cyan-700{color:var(--cyan-700)!important}.border-cyan-700{border-color:var(--cyan-700)!important}.bg-cyan-800{background-color:var(--cyan-800)!important}.txt-cyan-800{color:var(--cyan-800)!important}.border-cyan-800{border-color:var(--cyan-800)!important}.bg-cyan-900{background-color:var(--cyan-900)!important}.txt-cyan-900{color:var(--cyan-900)!important}.border-cyan-900{border-color:var(--cyan-900)!important}.bg-cyan-50{background-color:var(--cyan-50)!important}.txt-cyan-50{color:var(--cyan-50)!important}.border-cyan-50{border-color:var(--cyan-50)!important}.bg-blue-100{background-color:var(--blue-100)!important}.txt-blue-100{color:var(--blue-100)!important}.border-blue-100{border-color:var(--blue-100)!important}.bg-blue-200{background-color:var(--blue-200)!important}.txt-blue-200{color:var(--blue-200)!important}.border-blue-200{border-color:var(--blue-200)!important}.bg-blue-300{background-color:var(--blue-300)!important}.txt-blue-300{color:var(--blue-300)!important}.border-blue-300{border-color:var(--blue-300)!important}.bg-blue-400{background-color:var(--blue-400)!important}.txt-blue-400{color:var(--blue-400)!important}.border-blue-400{border-color:var(--blue-400)!important}.bg-blue-500{background-color:var(--blue-500)!important}.txt-blue-500{color:var(--blue-500)!important}.border-blue-500{border-color:var(--blue-500)!important}.bg-blue-600{background-color:var(--blue-600)!important}.txt-blue-600{color:var(--blue-600)!important}.border-blue-600{border-color:var(--blue-600)!important}.bg-blue-700{background-color:var(--blue-700)!important}.txt-blue-700{color:var(--blue-700)!important}.border-blue-700{border-color:var(--blue-700)!important}.bg-blue-800{background-color:var(--blue-800)!important}.txt-blue-800{color:var(--blue-800)!important}.border-blue-800{border-color:var(--blue-800)!important}.bg-blue-900{background-color:var(--blue-900)!important}.txt-blue-900{color:var(--blue-900)!important}.border-blue-900{border-color:var(--blue-900)!important}.bg-blue-50{background-color:var(--blue-50)!important}.txt-blue-50{color:var(--blue-50)!important}.border-blue-50{border-color:var(--blue-50)!important}.bg-brand-100{background-color:var(--brand-100)!important}.txt-brand-100{color:var(--brand-100)!important}.border-brand-100{border-color:var(--brand-100)!important}.bg-brand-200{background-color:var(--brand-200)!important}.txt-brand-200{color:var(--brand-200)!important}.border-brand-200{border-color:var(--brand-200)!important}.bg-brand-300{background-color:var(--brand-300)!important}.txt-brand-300{color:var(--brand-300)!important}.border-brand-300{border-color:var(--brand-300)!important}.bg-brand-400{background-color:var(--brand-400)!important}.txt-brand-400{color:var(--brand-400)!important}.border-brand-400{border-color:var(--brand-400)!important}.bg-brand-500{background-color:var(--brand-500)!important}.txt-brand-500{color:var(--brand-500)!important}.border-brand-500{border-color:var(--brand-500)!important}.bg-brand-600{background-color:var(--brand-600)!important}.txt-brand-600{color:var(--brand-600)!important}.border-brand-600{border-color:var(--brand-600)!important}.bg-brand-700{background-color:var(--brand-700)!important}.txt-brand-700{color:var(--brand-700)!important}.border-brand-700{border-color:var(--brand-700)!important}.bg-brand-800{background-color:var(--brand-800)!important}.txt-brand-800{color:var(--brand-800)!important}.border-brand-800{border-color:var(--brand-800)!important}.bg-brand-900{background-color:var(--brand-900)!important}.txt-brand-900{color:var(--brand-900)!important}.border-brand-900{border-color:var(--brand-900)!important}.bg-brand-50{background-color:var(--brand-50)!important}.txt-brand-50{color:var(--brand-50)!important}.border-brand-50{border-color:var(--brand-50)!important}.bg-indigo-100{background-color:var(--indigo-100)!important}.txt-indigo-100{color:var(--indigo-100)!important}.border-indigo-100{border-color:var(--indigo-100)!important}.bg-indigo-200{background-color:var(--indigo-200)!important}.txt-indigo-200{color:var(--indigo-200)!important}.border-indigo-200{border-color:var(--indigo-200)!important}.bg-indigo-300{background-color:var(--indigo-300)!important}.txt-indigo-300{color:var(--indigo-300)!important}.border-indigo-300{border-color:var(--indigo-300)!important}.bg-indigo-400{background-color:var(--indigo-400)!important}.txt-indigo-400{color:var(--indigo-400)!important}.border-indigo-400{border-color:var(--indigo-400)!important}.bg-indigo-500{background-color:var(--indigo-500)!important}.txt-indigo-500{color:var(--indigo-500)!important}.border-indigo-500{border-color:var(--indigo-500)!important}.bg-indigo-600{background-color:var(--indigo-600)!important}.txt-indigo-600{color:var(--indigo-600)!important}.border-indigo-600{border-color:var(--indigo-600)!important}.bg-indigo-700{background-color:var(--indigo-700)!important}.txt-indigo-700{color:var(--indigo-700)!important}.border-indigo-700{border-color:var(--indigo-700)!important}.bg-indigo-800{background-color:var(--indigo-800)!important}.txt-indigo-800{color:var(--indigo-800)!important}.border-indigo-800{border-color:var(--indigo-800)!important}.bg-indigo-900{background-color:var(--indigo-900)!important}.txt-indigo-900{color:var(--indigo-900)!important}.border-indigo-900{border-color:var(--indigo-900)!important}.bg-indigo-50{background-color:var(--indigo-50)!important}.txt-indigo-50{color:var(--indigo-50)!important}.border-indigo-50{border-color:var(--indigo-50)!important}.bg-purple-100{background-color:var(--purple-100)!important}.txt-purple-100{color:var(--purple-100)!important}.border-purple-100{border-color:var(--purple-100)!important}.bg-purple-200{background-color:var(--purple-200)!important}.txt-purple-200{color:var(--purple-200)!important}.border-purple-200{border-color:var(--purple-200)!important}.bg-purple-300{background-color:var(--purple-300)!important}.txt-purple-300{color:var(--purple-300)!important}.border-purple-300{border-color:var(--purple-300)!important}.bg-purple-400{background-color:var(--purple-400)!important}.txt-purple-400{color:var(--purple-400)!important}.border-purple-400{border-color:var(--purple-400)!important}.bg-purple-500{background-color:var(--purple-500)!important}.txt-purple-500{color:var(--purple-500)!important}.border-purple-500{border-color:var(--purple-500)!important}.bg-purple-600{background-color:var(--purple-600)!important}.txt-purple-600{color:var(--purple-600)!important}.border-purple-600{border-color:var(--purple-600)!important}.bg-purple-700{background-color:var(--purple-700)!important}.txt-purple-700{color:var(--purple-700)!important}.border-purple-700{border-color:var(--purple-700)!important}.bg-purple-800{background-color:var(--purple-800)!important}.txt-purple-800{color:var(--purple-800)!important}.border-purple-800{border-color:var(--purple-800)!important}.bg-purple-900{background-color:var(--purple-900)!important}.txt-purple-900{color:var(--purple-900)!important}.border-purple-900{border-color:var(--purple-900)!important}.bg-purple-50{background-color:var(--purple-50)!important}.txt-purple-50{color:var(--purple-50)!important}.border-purple-50{border-color:var(--purple-50)!important}.bg-gray-100{background-color:var(--gray-100)!important}.txt-gray-100{color:var(--gray-100)!important}.border-gray-100{border-color:var(--gray-100)!important}.bg-gray-200{background-color:var(--gray-200)!important}.txt-gray-200{color:var(--gray-200)!important}.border-gray-200{border-color:var(--gray-200)!important}.bg-gray-300{background-color:var(--gray-300)!important}.txt-gray-300{color:var(--gray-300)!important}.border-gray-300{border-color:var(--gray-300)!important}.bg-gray-400{background-color:var(--gray-400)!important}.txt-gray-400{color:var(--gray-400)!important}.border-gray-400{border-color:var(--gray-400)!important}.bg-gray-500{background-color:var(--gray-500)!important}.txt-gray-500{color:var(--gray-500)!important}.border-gray-500{border-color:var(--gray-500)!important}.bg-gray-600{background-color:var(--gray-600)!important}.txt-gray-600{color:var(--gray-600)!important}.border-gray-600{border-color:var(--gray-600)!important}.bg-gray-700{background-color:var(--gray-700)!important}.txt-gray-700{color:var(--gray-700)!important}.border-gray-700{border-color:var(--gray-700)!important}.bg-gray-800{background-color:var(--gray-800)!important}.txt-gray-800{color:var(--gray-800)!important}.border-gray-800{border-color:var(--gray-800)!important}.bg-gray-900{background-color:var(--gray-900)!important}.txt-gray-900{color:var(--gray-900)!important}.border-gray-900{border-color:var(--gray-900)!important}.bg-gray-50{background-color:var(--gray-50)!important}.txt-gray-50{color:var(--gray-50)!important}.border-gray-50{border-color:var(--gray-50)!important}.bg-white{background-color:var(--white)!important}.bg-black{background-color:var(--black)!important}.txt-white{color:var(--white)!important}.txt-black{color:var(--black)!important}.bg-transparent{background-color:transparent!important}.cm-container{background:rgba(var(--glass-bg-rgb),.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--glass-border-rgb),.15);box-shadow:0 4px 15px #0000001a}.cm-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.cm-container{border-radius:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-card-legacy{background:rgba(var(--glass-bg-rgb),.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(var(--glass-border-rgb),.12);box-shadow:0 4px 15px #0000001a}.cm-card-legacy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.cm-card-legacy{border-radius:16px;padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.125)}.cm-card-legacy:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026;background:rgba(var(--glass-bg-rgb),.18)}.cm-btn-legacy{background:rgba(var(--glass-bg-rgb),.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--glass-border-rgb),.1)}.cm-btn-legacy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.cm-btn-legacy{border-radius:10px;padding:.6rem 1.25rem;color:var(--text-color);font-weight:600;cursor:pointer;border:none;background:rgba(var(--glass-bg-rgb),.12);transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-btn-legacy:hover{background:rgba(var(--glass-bg-rgb),.25);transform:scale(1.02)}.cm-gradient-text{background:linear-gradient(to right,#6366f1,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.cm-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.flex{display:flex!important}.col,.flex-column{display:flex;flex-direction:column!important}.row,.flex-row{display:flex;flex-direction:row!important}.wrap{flex-wrap:wrap!important}.j-center{justify-content:center!important}.j-end{justify-content:flex-end!important}.j-start{justify-content:flex-start!important}.j-between{justify-content:space-between!important}.j-around{justify-content:space-around!important}.a-center{align-items:center!important}.a-end{align-items:flex-end!important}.a-start{align-items:flex-start!important}.j-a-center{display:flex!important;justify-content:center!important;align-items:center!important}.g-1{gap:.25rem!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mr-1{margin-right:.25rem!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.pr-1{padding-right:.25rem!important}.txt-1{font-size:.25rem!important}.txt-1-100{font-size:.25rem!important;font-weight:100!important}.txt-1-200{font-size:.25rem!important;font-weight:200!important}.txt-1-300{font-size:.25rem!important;font-weight:300!important}.txt-1-400{font-size:.25rem!important;font-weight:400!important}.txt-1-500{font-size:.25rem!important;font-weight:500!important}.txt-1-600{font-size:.25rem!important;font-weight:600!important}.txt-1-700{font-size:.25rem!important;font-weight:700!important}.txt-1-800{font-size:.25rem!important;font-weight:800!important}.txt-1-900{font-size:.25rem!important;font-weight:900!important}.g-2{gap:.5rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mr-2{margin-right:.5rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.pr-2{padding-right:.5rem!important}.txt-2{font-size:.5rem!important}.txt-2-100{font-size:.5rem!important;font-weight:100!important}.txt-2-200{font-size:.5rem!important;font-weight:200!important}.txt-2-300{font-size:.5rem!important;font-weight:300!important}.txt-2-400{font-size:.5rem!important;font-weight:400!important}.txt-2-500{font-size:.5rem!important;font-weight:500!important}.txt-2-600{font-size:.5rem!important;font-weight:600!important}.txt-2-700{font-size:.5rem!important;font-weight:700!important}.txt-2-800{font-size:.5rem!important;font-weight:800!important}.txt-2-900{font-size:.5rem!important;font-weight:900!important}.g-3{gap:.75rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3{margin-left:.75rem!important}.mr-3{margin-right:.75rem!important}.p-3{padding:.75rem!important}.pt-3{padding-top:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3{padding-left:.75rem!important}.pr-3{padding-right:.75rem!important}.txt-3{font-size:.75rem!important}.txt-3-100{font-size:.75rem!important;font-weight:100!important}.txt-3-200{font-size:.75rem!important;font-weight:200!important}.txt-3-300{font-size:.75rem!important;font-weight:300!important}.txt-3-400{font-size:.75rem!important;font-weight:400!important}.txt-3-500{font-size:.75rem!important;font-weight:500!important}.txt-3-600{font-size:.75rem!important;font-weight:600!important}.txt-3-700{font-size:.75rem!important;font-weight:700!important}.txt-3-800{font-size:.75rem!important;font-weight:800!important}.txt-3-900{font-size:.75rem!important;font-weight:900!important}.g-4{gap:1rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4{margin-left:1rem!important}.mr-4{margin-right:1rem!important}.p-4{padding:1rem!important}.pt-4{padding-top:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.pr-4{padding-right:1rem!important}.txt-4{font-size:1rem!important}.txt-4-100{font-size:1rem!important;font-weight:100!important}.txt-4-200{font-size:1rem!important;font-weight:200!important}.txt-4-300{font-size:1rem!important;font-weight:300!important}.txt-4-400{font-size:1rem!important;font-weight:400!important}.txt-4-500{font-size:1rem!important;font-weight:500!important}.txt-4-600{font-size:1rem!important;font-weight:600!important}.txt-4-700{font-size:1rem!important;font-weight:700!important}.txt-4-800{font-size:1rem!important;font-weight:800!important}.txt-4-900{font-size:1rem!important;font-weight:900!important}.g-5{gap:1.25rem!important}.m-5{margin:1.25rem!important}.mt-5{margin-top:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-5{margin-left:1.25rem!important}.mr-5{margin-right:1.25rem!important}.p-5{padding:1.25rem!important}.pt-5{padding-top:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-5{padding-left:1.25rem!important}.pr-5{padding-right:1.25rem!important}.txt-5{font-size:1.25rem!important}.txt-5-100{font-size:1.25rem!important;font-weight:100!important}.txt-5-200{font-size:1.25rem!important;font-weight:200!important}.txt-5-300{font-size:1.25rem!important;font-weight:300!important}.txt-5-400{font-size:1.25rem!important;font-weight:400!important}.txt-5-500{font-size:1.25rem!important;font-weight:500!important}.txt-5-600{font-size:1.25rem!important;font-weight:600!important}.txt-5-700{font-size:1.25rem!important;font-weight:700!important}.txt-5-800{font-size:1.25rem!important;font-weight:800!important}.txt-5-900{font-size:1.25rem!important;font-weight:900!important}.g-6{gap:1.5rem!important}.m-6{margin:1.5rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-6{margin-left:1.5rem!important}.mr-6{margin-right:1.5rem!important}.p-6{padding:1.5rem!important}.pt-6{padding-top:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6{padding-left:1.5rem!important}.pr-6{padding-right:1.5rem!important}.txt-6{font-size:1.5rem!important}.txt-6-100{font-size:1.5rem!important;font-weight:100!important}.txt-6-200{font-size:1.5rem!important;font-weight:200!important}.txt-6-300{font-size:1.5rem!important;font-weight:300!important}.txt-6-400{font-size:1.5rem!important;font-weight:400!important}.txt-6-500{font-size:1.5rem!important;font-weight:500!important}.txt-6-600{font-size:1.5rem!important;font-weight:600!important}.txt-6-700{font-size:1.5rem!important;font-weight:700!important}.txt-6-800{font-size:1.5rem!important;font-weight:800!important}.txt-6-900{font-size:1.5rem!important;font-weight:900!important}.g-7{gap:1.75rem!important}.m-7{margin:1.75rem!important}.mt-7{margin-top:1.75rem!important}.mb-7{margin-bottom:1.75rem!important}.ml-7{margin-left:1.75rem!important}.mr-7{margin-right:1.75rem!important}.p-7{padding:1.75rem!important}.pt-7{padding-top:1.75rem!important}.pb-7{padding-bottom:1.75rem!important}.pl-7{padding-left:1.75rem!important}.pr-7{padding-right:1.75rem!important}.txt-7{font-size:1.75rem!important}.txt-7-100{font-size:1.75rem!important;font-weight:100!important}.txt-7-200{font-size:1.75rem!important;font-weight:200!important}.txt-7-300{font-size:1.75rem!important;font-weight:300!important}.txt-7-400{font-size:1.75rem!important;font-weight:400!important}.txt-7-500{font-size:1.75rem!important;font-weight:500!important}.txt-7-600{font-size:1.75rem!important;font-weight:600!important}.txt-7-700{font-size:1.75rem!important;font-weight:700!important}.txt-7-800{font-size:1.75rem!important;font-weight:800!important}.txt-7-900{font-size:1.75rem!important;font-weight:900!important}.g-8{gap:2rem!important}.m-8{margin:2rem!important}.mt-8{margin-top:2rem!important}.mb-8{margin-bottom:2rem!important}.ml-8{margin-left:2rem!important}.mr-8{margin-right:2rem!important}.p-8{padding:2rem!important}.pt-8{padding-top:2rem!important}.pb-8{padding-bottom:2rem!important}.pl-8{padding-left:2rem!important}.pr-8{padding-right:2rem!important}.txt-8{font-size:2rem!important}.txt-8-100{font-size:2rem!important;font-weight:100!important}.txt-8-200{font-size:2rem!important;font-weight:200!important}.txt-8-300{font-size:2rem!important;font-weight:300!important}.txt-8-400{font-size:2rem!important;font-weight:400!important}.txt-8-500{font-size:2rem!important;font-weight:500!important}.txt-8-600{font-size:2rem!important;font-weight:600!important}.txt-8-700{font-size:2rem!important;font-weight:700!important}.txt-8-800{font-size:2rem!important;font-weight:800!important}.txt-8-900{font-size:2rem!important;font-weight:900!important}.g-10{gap:2.5rem!important}.m-10{margin:2.5rem!important}.mt-10{margin-top:2.5rem!important}.mb-10{margin-bottom:2.5rem!important}.ml-10{margin-left:2.5rem!important}.mr-10{margin-right:2.5rem!important}.p-10{padding:2.5rem!important}.pt-10{padding-top:2.5rem!important}.pb-10{padding-bottom:2.5rem!important}.pl-10{padding-left:2.5rem!important}.pr-10{padding-right:2.5rem!important}.txt-10{font-size:2.5rem!important}.txt-10-100{font-size:2.5rem!important;font-weight:100!important}.txt-10-200{font-size:2.5rem!important;font-weight:200!important}.txt-10-300{font-size:2.5rem!important;font-weight:300!important}.txt-10-400{font-size:2.5rem!important;font-weight:400!important}.txt-10-500{font-size:2.5rem!important;font-weight:500!important}.txt-10-600{font-size:2.5rem!important;font-weight:600!important}.txt-10-700{font-size:2.5rem!important;font-weight:700!important}.txt-10-800{font-size:2.5rem!important;font-weight:800!important}.txt-10-900{font-size:2.5rem!important;font-weight:900!important}.g-12{gap:3rem!important}.m-12{margin:3rem!important}.mt-12{margin-top:3rem!important}.mb-12{margin-bottom:3rem!important}.ml-12{margin-left:3rem!important}.mr-12{margin-right:3rem!important}.p-12{padding:3rem!important}.pt-12{padding-top:3rem!important}.pb-12{padding-bottom:3rem!important}.pl-12{padding-left:3rem!important}.pr-12{padding-right:3rem!important}.txt-12{font-size:3rem!important}.txt-12-100{font-size:3rem!important;font-weight:100!important}.txt-12-200{font-size:3rem!important;font-weight:200!important}.txt-12-300{font-size:3rem!important;font-weight:300!important}.txt-12-400{font-size:3rem!important;font-weight:400!important}.txt-12-500{font-size:3rem!important;font-weight:500!important}.txt-12-600{font-size:3rem!important;font-weight:600!important}.txt-12-700{font-size:3rem!important;font-weight:700!important}.txt-12-800{font-size:3rem!important;font-weight:800!important}.txt-12-900{font-size:3rem!important;font-weight:900!important}.g-14{gap:3.5rem!important}.m-14{margin:3.5rem!important}.mt-14{margin-top:3.5rem!important}.mb-14{margin-bottom:3.5rem!important}.ml-14{margin-left:3.5rem!important}.mr-14{margin-right:3.5rem!important}.p-14{padding:3.5rem!important}.pt-14{padding-top:3.5rem!important}.pb-14{padding-bottom:3.5rem!important}.pl-14{padding-left:3.5rem!important}.pr-14{padding-right:3.5rem!important}.txt-14{font-size:3.5rem!important}.txt-14-100{font-size:3.5rem!important;font-weight:100!important}.txt-14-200{font-size:3.5rem!important;font-weight:200!important}.txt-14-300{font-size:3.5rem!important;font-weight:300!important}.txt-14-400{font-size:3.5rem!important;font-weight:400!important}.txt-14-500{font-size:3.5rem!important;font-weight:500!important}.txt-14-600{font-size:3.5rem!important;font-weight:600!important}.txt-14-700{font-size:3.5rem!important;font-weight:700!important}.txt-14-800{font-size:3.5rem!important;font-weight:800!important}.txt-14-900{font-size:3.5rem!important;font-weight:900!important}.g-16{gap:4rem!important}.m-16{margin:4rem!important}.mt-16{margin-top:4rem!important}.mb-16{margin-bottom:4rem!important}.ml-16{margin-left:4rem!important}.mr-16{margin-right:4rem!important}.p-16{padding:4rem!important}.pt-16{padding-top:4rem!important}.pb-16{padding-bottom:4rem!important}.pl-16{padding-left:4rem!important}.pr-16{padding-right:4rem!important}.txt-16{font-size:4rem!important}.txt-16-100{font-size:4rem!important;font-weight:100!important}.txt-16-200{font-size:4rem!important;font-weight:200!important}.txt-16-300{font-size:4rem!important;font-weight:300!important}.txt-16-400{font-size:4rem!important;font-weight:400!important}.txt-16-500{font-size:4rem!important;font-weight:500!important}.txt-16-600{font-size:4rem!important;font-weight:600!important}.txt-16-700{font-size:4rem!important;font-weight:700!important}.txt-16-800{font-size:4rem!important;font-weight:800!important}.txt-16-900{font-size:4rem!important;font-weight:900!important}.g-20{gap:5rem!important}.m-20{margin:5rem!important}.mt-20{margin-top:5rem!important}.mb-20{margin-bottom:5rem!important}.ml-20{margin-left:5rem!important}.mr-20{margin-right:5rem!important}.p-20{padding:5rem!important}.pt-20{padding-top:5rem!important}.pb-20{padding-bottom:5rem!important}.pl-20{padding-left:5rem!important}.pr-20{padding-right:5rem!important}.txt-20{font-size:5rem!important}.txt-20-100{font-size:5rem!important;font-weight:100!important}.txt-20-200{font-size:5rem!important;font-weight:200!important}.txt-20-300{font-size:5rem!important;font-weight:300!important}.txt-20-400{font-size:5rem!important;font-weight:400!important}.txt-20-500{font-size:5rem!important;font-weight:500!important}.txt-20-600{font-size:5rem!important;font-weight:600!important}.txt-20-700{font-size:5rem!important;font-weight:700!important}.txt-20-800{font-size:5rem!important;font-weight:800!important}.txt-20-900{font-size:5rem!important;font-weight:900!important}.g-24{gap:6rem!important}.m-24{margin:6rem!important}.mt-24{margin-top:6rem!important}.mb-24{margin-bottom:6rem!important}.ml-24{margin-left:6rem!important}.mr-24{margin-right:6rem!important}.p-24{padding:6rem!important}.pt-24{padding-top:6rem!important}.pb-24{padding-bottom:6rem!important}.pl-24{padding-left:6rem!important}.pr-24{padding-right:6rem!important}.txt-24{font-size:6rem!important}.txt-24-100{font-size:6rem!important;font-weight:100!important}.txt-24-200{font-size:6rem!important;font-weight:200!important}.txt-24-300{font-size:6rem!important;font-weight:300!important}.txt-24-400{font-size:6rem!important;font-weight:400!important}.txt-24-500{font-size:6rem!important;font-weight:500!important}.txt-24-600{font-size:6rem!important;font-weight:600!important}.txt-24-700{font-size:6rem!important;font-weight:700!important}.txt-24-800{font-size:6rem!important;font-weight:800!important}.txt-24-900{font-size:6rem!important;font-weight:900!important}.g-32{gap:8rem!important}.m-32{margin:8rem!important}.mt-32{margin-top:8rem!important}.mb-32{margin-bottom:8rem!important}.ml-32{margin-left:8rem!important}.mr-32{margin-right:8rem!important}.p-32{padding:8rem!important}.pt-32{padding-top:8rem!important}.pb-32{padding-bottom:8rem!important}.pl-32{padding-left:8rem!important}.pr-32{padding-right:8rem!important}.txt-32{font-size:8rem!important}.txt-32-100{font-size:8rem!important;font-weight:100!important}.txt-32-200{font-size:8rem!important;font-weight:200!important}.txt-32-300{font-size:8rem!important;font-weight:300!important}.txt-32-400{font-size:8rem!important;font-weight:400!important}.txt-32-500{font-size:8rem!important;font-weight:500!important}.txt-32-600{font-size:8rem!important;font-weight:600!important}.txt-32-700{font-size:8rem!important;font-weight:700!important}.txt-32-800{font-size:8rem!important;font-weight:800!important}.txt-32-900{font-size:8rem!important;font-weight:900!important}.g-40{gap:10rem!important}.m-40{margin:10rem!important}.mt-40{margin-top:10rem!important}.mb-40{margin-bottom:10rem!important}.ml-40{margin-left:10rem!important}.mr-40{margin-right:10rem!important}.p-40{padding:10rem!important}.pt-40{padding-top:10rem!important}.pb-40{padding-bottom:10rem!important}.pl-40{padding-left:10rem!important}.pr-40{padding-right:10rem!important}.txt-40{font-size:10rem!important}.txt-40-100{font-size:10rem!important;font-weight:100!important}.txt-40-200{font-size:10rem!important;font-weight:200!important}.txt-40-300{font-size:10rem!important;font-weight:300!important}.txt-40-400{font-size:10rem!important;font-weight:400!important}.txt-40-500{font-size:10rem!important;font-weight:500!important}.txt-40-600{font-size:10rem!important;font-weight:600!important}.txt-40-700{font-size:10rem!important;font-weight:700!important}.txt-40-800{font-size:10rem!important;font-weight:800!important}.txt-40-900{font-size:10rem!important;font-weight:900!important}.g-48{gap:12rem!important}.m-48{margin:12rem!important}.mt-48{margin-top:12rem!important}.mb-48{margin-bottom:12rem!important}.ml-48{margin-left:12rem!important}.mr-48{margin-right:12rem!important}.p-48{padding:12rem!important}.pt-48{padding-top:12rem!important}.pb-48{padding-bottom:12rem!important}.pl-48{padding-left:12rem!important}.pr-48{padding-right:12rem!important}.txt-48{font-size:12rem!important}.txt-48-100{font-size:12rem!important;font-weight:100!important}.txt-48-200{font-size:12rem!important;font-weight:200!important}.txt-48-300{font-size:12rem!important;font-weight:300!important}.txt-48-400{font-size:12rem!important;font-weight:400!important}.txt-48-500{font-size:12rem!important;font-weight:500!important}.txt-48-600{font-size:12rem!important;font-weight:600!important}.txt-48-700{font-size:12rem!important;font-weight:700!important}.txt-48-800{font-size:12rem!important;font-weight:800!important}.txt-48-900{font-size:12rem!important;font-weight:900!important}.g-56{gap:14rem!important}.m-56{margin:14rem!important}.mt-56{margin-top:14rem!important}.mb-56{margin-bottom:14rem!important}.ml-56{margin-left:14rem!important}.mr-56{margin-right:14rem!important}.p-56{padding:14rem!important}.pt-56{padding-top:14rem!important}.pb-56{padding-bottom:14rem!important}.pl-56{padding-left:14rem!important}.pr-56{padding-right:14rem!important}.txt-56{font-size:14rem!important}.txt-56-100{font-size:14rem!important;font-weight:100!important}.txt-56-200{font-size:14rem!important;font-weight:200!important}.txt-56-300{font-size:14rem!important;font-weight:300!important}.txt-56-400{font-size:14rem!important;font-weight:400!important}.txt-56-500{font-size:14rem!important;font-weight:500!important}.txt-56-600{font-size:14rem!important;font-weight:600!important}.txt-56-700{font-size:14rem!important;font-weight:700!important}.txt-56-800{font-size:14rem!important;font-weight:800!important}.txt-56-900{font-size:14rem!important;font-weight:900!important}.g-64{gap:16rem!important}.m-64{margin:16rem!important}.mt-64{margin-top:16rem!important}.mb-64{margin-bottom:16rem!important}.ml-64{margin-left:16rem!important}.mr-64{margin-right:16rem!important}.p-64{padding:16rem!important}.pt-64{padding-top:16rem!important}.pb-64{padding-bottom:16rem!important}.pl-64{padding-left:16rem!important}.pr-64{padding-right:16rem!important}.txt-64{font-size:16rem!important}.txt-64-100{font-size:16rem!important;font-weight:100!important}.txt-64-200{font-size:16rem!important;font-weight:200!important}.txt-64-300{font-size:16rem!important;font-weight:300!important}.txt-64-400{font-size:16rem!important;font-weight:400!important}.txt-64-500{font-size:16rem!important;font-weight:500!important}.txt-64-600{font-size:16rem!important;font-weight:600!important}.txt-64-700{font-size:16rem!important;font-weight:700!important}.txt-64-800{font-size:16rem!important;font-weight:800!important}.txt-64-900{font-size:16rem!important;font-weight:900!important}.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}.cm-shadow-mist{box-shadow:var(--cm-shadow-mist)!important;-webkit-box-shadow:var(--cm-shadow-mist)!important}.cm-shadow-reflex{box-shadow:var(--cm-shadow-reflex)!important;-webkit-box-shadow:var(--cm-shadow-reflex)!important}html._0x_err_sys_ [class*=cm-],html._0x_err_sys_ [class*=cm-]:before{background:#0d0d0d!important;background-color:#0d0d0d!important;color:#333!important;border:1px solid #1a1a1a!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:grayscale(1)!important;pointer-events:none!important;transition:none!important;opacity:1!important;visibility:visible!important;position:relative}html._0x_err_sys_ [class*=cm-]>*{opacity:0!important;visibility:hidden!important}html._0x_err_sys_ .cm-card:after,html._0x_err_sys_ .cm-btn:after,html._0x_err_sys_ .cm-checkbox-container:after{content:var(--_0x8f2d_msg_, "LICENSE_REQUIRED");position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#f44!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;z-index:100!important;pointer-events:none!important;text-shadow:0 0 10px rgba(255,0,0,.3)!important}.cm-checkbox-container[data-v-d47cd0ab]{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.cm-checkbox-container.disabled[data-v-d47cd0ab]{cursor:not-allowed;opacity:.5}.cm-checkbox-wrapper[data-v-d47cd0ab]{position:relative;width:20px;height:20px}.cm-checkbox-wrapper input[data-v-d47cd0ab]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cm-checkbox-box[data-v-d47cd0ab]{position:absolute;top:0;left:0;height:20px;width:20px;background:rgba(var(--glass-bg-rgb),.1);border:1px solid rgba(var(--glass-border-rgb),.2);border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.cm-checkbox-box .cm-checkbox-icon[data-v-d47cd0ab]{width:14px;height:14px;color:#fff;stroke-width:3px;transition:transform .2s}.cm-checkbox-wrapper input:checked~.cm-checkbox-box[data-v-d47cd0ab]{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb),.3)}.cm-checkbox-container:hover .cm-checkbox-box[data-v-d47cd0ab]{border-color:rgba(var(--glass-border-rgb),.4);background:rgba(var(--glass-bg-rgb),.2)}.cm-checkbox-label[data-v-d47cd0ab]{font-size:.9rem;color:var(--text-color);opacity:.8}.cm-glass-filters[data-v-52af4cfb]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}
+[data-theme=dark],.dark-mode{--glass-bg-rgb: 17, 24, 39;--glass-border-rgb: 255, 255, 255;--text-color: #f9fafb;--bg-color: #0b0f1a;--primary-color: #818cf8;--primary-color-rgb: 129, 140, 248;--surface-color: rgba(17, 24, 39, .6);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}.bg-liquid-glass{background-image:url(https://essential-addons.com/wp-content/uploads/2025/08/tropical-leaves-blue-yellow-jungle-foliage-artwork-3.webp);height:100vh;overflow:auto;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.bg-liquid-glass:before,.bg-liquid-glass:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);z-index:-2;opacity:.6;animation:flow 20s infinite alternate linear}.bg-liquid-glass:before{width:300px;height:300px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);top:-50px;right:-50px}.bg-liquid-glass:after{width:400px;height:400px;background:radial-gradient(circle,#ec4899 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes flow{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,50px) scale(1.2)}to{transform:translate(-50px,100px) scale(.8)}}.cm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.75rem 1.5rem;border:1px solid rgba(var(--glass-border-rgb),.15);color:var(--text-color);font-family:inherit;font-weight:600;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.cm-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);z-index:1}.cm-btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem}.cm-btn:hover{transform:translateY(-2px);border-color:rgba(var(--glass-border-rgb),.3);box-shadow:0 6px 16px #00000026;background:rgba(var(--glass-bg-rgb),.2)!important}.cm-btn:active,.cm-btn-active{transform:translateY(0) scale(.96);background:rgba(var(--glass-bg-rgb),.3)!important}.cm-btn-primary{border:1px solid var(--primary-color);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.3),rgba(var(--primary-color-rgb),.1));color:var(--primary-color)}.cm-btn-primary:hover{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.4),rgba(var(--primary-color-rgb),.2))!important}.cm-btn-glow{box-shadow:0 0 20px rgba(var(--primary-color-rgb),.3)}.cm-btn-glow:hover{box-shadow:0 0 30px rgba(var(--primary-color-rgb),.5)}.cm-card{position:relative;overflow:hidden;transition:all .3s ease;padding:1.5rem;border:1px solid rgba(var(--glass-border-rgb),.1);box-shadow:var(--glass-shadow)}.cm-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);z-index:-1}.cm-card-header{border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem;padding-bottom:.5rem}.cm-card-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:1rem;padding-top:.5rem}:root{--c-light: #fff;--c-dark: #000;--glass-reflex-dark: 2;--glass-reflex-light: 2;--cm-shadow-mist: 0px 19px 26px 0px rgba(0, 0, 0, .2);--cm-shadow-reflex: inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);--glass-bg-rgb: 255, 255, 255;--glass-border-rgb: 255, 255, 255;--text-color: #1a1a2e;--bg-color: #f0f2f5;--primary-color: #6366f1;--primary-color-rgb: 99, 102, 241;--surface-color: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--red-50: rgb(254.2, 245.65, 245.65);--red-100: rgb(252.6, 226.95, 226.95);--red-200: rgb(250.2, 198.9, 198.9);--red-300: rgb(247, 161.5, 161.5);--red-400: rgb(243, 114.75, 114.75);--red-500: #ef4444;--red-600: rgb(203.15, 57.8, 57.8);--red-700: rgb(155.35, 44.2, 44.2);--red-800: rgb(107.55, 30.6, 30.6);--red-900: rgb(59.75, 17, 17);--orange-50: rgb(254.7, 248, 243.35);--orange-100: rgb(254.1, 234, 220.05);--orange-200: rgb(253.2, 213, 185.1);--orange-300: rgb(252, 185, 138.5);--orange-400: rgb(250.5, 150, 80.25);--orange-500: #f97316;--orange-600: rgb(211.65, 97.75, 18.7);--orange-700: rgb(161.85, 74.75, 14.3);--orange-800: rgb(112.05, 51.75, 9.9);--orange-900: rgb(62.25, 28.75, 5.5);--yellow-50: rgb(255, 251.9, 242.6);--yellow-100: rgb(255, 245.7, 217.8);--yellow-200: rgb(255, 236.4, 180.6);--yellow-300: #ffe083;--yellow-400: rgb(255, 208.5, 69);--yellow-500: #ffc107;--yellow-600: rgb(216.75, 164.05, 5.95);--yellow-700: rgb(165.75, 125.45, 4.55);--yellow-800: rgb(114.75, 86.85, 3.15);--yellow-900: rgb(63.75, 48.25, 1.75);--green-50: rgb(243.95, 252.1, 246.95);--green-100: rgb(221.85, 246.3, 230.85);--green-200: rgb(188.7, 237.6, 206.7);--green-300: rgb(144.5, 226, 174.5);--green-400: rgb(89.25, 211.5, 134.25);--green-500: #22c55e;--green-600: rgb(28.9, 167.45, 79.9);--green-700: rgb(22.1, 128.05, 61.1);--green-800: rgb(15.3, 88.65, 42.3);--green-900: rgb(8.5, 49.25, 23.5);--mint-50: rgb(243.05, 251.5, 248.7);--mint-100: rgb(219.15, 244.5, 236.1);--mint-200: rgb(183.3, 234, 217.2);--mint-300: rgb(135.5, 220, 192);--mint-400: rgb(75.75, 202.5, 160.5);--mint-500: #10b981;--mint-600: rgb(13.6, 157.25, 109.65);--mint-700: rgb(10.4, 120.25, 83.85);--mint-800: rgb(7.2, 83.25, 58.05);--mint-900: rgb(4, 46.25, 32.25);--cyan-50: rgb(242.55, 251.35, 252.85);--cyan-100: rgb(217.65, 244.05, 248.55);--cyan-200: rgb(180.3, 233.1, 242.1);--cyan-300: rgb(130.5, 218.5, 233.5);--cyan-400: rgb(68.25, 200.25, 222.75);--cyan-500: #06b6d4;--cyan-600: rgb(5.1, 154.7, 180.2);--cyan-700: rgb(3.9, 118.3, 137.8);--cyan-800: rgb(2.7, 81.9, 95.4);--cyan-900: rgb(1.5, 45.5, 53);--blue-50: rgb(245.2, 248.75, 254.55);--blue-100: rgb(225.6, 236.25, 253.65);--blue-200: rgb(196.2, 217.5, 252.3);--blue-300: rgb(157, 192.5, 250.5);--blue-400: rgb(108, 161.25, 248.25);--blue-500: #3b82f6;--blue-600: rgb(50.15, 110.5, 209.1);--blue-700: rgb(38.35, 84.5, 159.9);--blue-800: rgb(26.55, 58.5, 110.7);--blue-900: rgb(14.75, 32.5, 61.5);--brand-50: rgb(243.55, 245.45, 248.9);--brand-100: rgb(220.65, 226.35, 236.7);--brand-200: rgb(186.3, 197.7, 218.4);--brand-300: rgb(140.5, 159.5, 194);--brand-400: rgb(83.25, 111.75, 163.5);--brand-500: #1a4085;--brand-600: rgb(22.1, 54.4, 113.05);--brand-700: rgb(16.9, 41.6, 86.45);--brand-800: rgb(11.7, 28.8, 59.85);--brand-900: rgb(6.5, 16, 33.25);--indigo-50: rgb(247.2, 247.35, 254.3);--indigo-100: rgb(231.6, 232.05, 252.9);--indigo-200: rgb(208.2, 209.1, 250.8);--indigo-300: rgb(177, 178.5, 248);--indigo-400: rgb(138, 140.25, 244.5);--indigo-500: #6366f1;--indigo-600: rgb(84.15, 86.7, 204.85);--indigo-700: rgb(64.35, 66.3, 156.65);--indigo-800: rgb(44.55, 45.9, 108.45);--indigo-900: rgb(24.75, 25.5, 60.25);--purple-50: rgb(250.65, 246.5, 254.6);--purple-100: rgb(241.95, 229.5, 253.8);--purple-200: rgb(228.9, 204, 252.6);--purple-300: rgb(211.5, 170, 251);--purple-400: rgb(189.75, 127.5, 249);--purple-500: #a855f7;--purple-600: rgb(142.8, 72.25, 209.95);--purple-700: rgb(109.2, 55.25, 160.55);--purple-800: rgb(75.6, 38.25, 111.15);--purple-900: rgb(42, 21.25, 61.75);--gray-50: rgb(247.6, 247.95, 248.65);--gray-100: rgb(232.8, 233.85, 235.95);--gray-200: rgb(210.6, 212.7, 216.9);--gray-300: rgb(181, 184.5, 191.5);--gray-400: rgb(144, 149.25, 159.75);--gray-500: #6b7280;--gray-600: rgb(90.95, 96.9, 108.8);--gray-700: rgb(69.55, 74.1, 83.2);--gray-800: rgb(48.15, 51.3, 57.6);--gray-900: rgb(26.75, 28.5, 32);--white: #ffffff;--black: #111111}.bg-red-100{background-color:var(--red-100)!important}.txt-red-100{color:var(--red-100)!important}.border-red-100{border-color:var(--red-100)!important}.bg-red-200{background-color:var(--red-200)!important}.txt-red-200{color:var(--red-200)!important}.border-red-200{border-color:var(--red-200)!important}.bg-red-300{background-color:var(--red-300)!important}.txt-red-300{color:var(--red-300)!important}.border-red-300{border-color:var(--red-300)!important}.bg-red-400{background-color:var(--red-400)!important}.txt-red-400{color:var(--red-400)!important}.border-red-400{border-color:var(--red-400)!important}.bg-red-500{background-color:var(--red-500)!important}.txt-red-500{color:var(--red-500)!important}.border-red-500{border-color:var(--red-500)!important}.bg-red-600{background-color:var(--red-600)!important}.txt-red-600{color:var(--red-600)!important}.border-red-600{border-color:var(--red-600)!important}.bg-red-700{background-color:var(--red-700)!important}.txt-red-700{color:var(--red-700)!important}.border-red-700{border-color:var(--red-700)!important}.bg-red-800{background-color:var(--red-800)!important}.txt-red-800{color:var(--red-800)!important}.border-red-800{border-color:var(--red-800)!important}.bg-red-900{background-color:var(--red-900)!important}.txt-red-900{color:var(--red-900)!important}.border-red-900{border-color:var(--red-900)!important}.bg-red-50{background-color:var(--red-50)!important}.txt-red-50{color:var(--red-50)!important}.border-red-50{border-color:var(--red-50)!important}.bg-orange-100{background-color:var(--orange-100)!important}.txt-orange-100{color:var(--orange-100)!important}.border-orange-100{border-color:var(--orange-100)!important}.bg-orange-200{background-color:var(--orange-200)!important}.txt-orange-200{color:var(--orange-200)!important}.border-orange-200{border-color:var(--orange-200)!important}.bg-orange-300{background-color:var(--orange-300)!important}.txt-orange-300{color:var(--orange-300)!important}.border-orange-300{border-color:var(--orange-300)!important}.bg-orange-400{background-color:var(--orange-400)!important}.txt-orange-400{color:var(--orange-400)!important}.border-orange-400{border-color:var(--orange-400)!important}.bg-orange-500{background-color:var(--orange-500)!important}.txt-orange-500{color:var(--orange-500)!important}.border-orange-500{border-color:var(--orange-500)!important}.bg-orange-600{background-color:var(--orange-600)!important}.txt-orange-600{color:var(--orange-600)!important}.border-orange-600{border-color:var(--orange-600)!important}.bg-orange-700{background-color:var(--orange-700)!important}.txt-orange-700{color:var(--orange-700)!important}.border-orange-700{border-color:var(--orange-700)!important}.bg-orange-800{background-color:var(--orange-800)!important}.txt-orange-800{color:var(--orange-800)!important}.border-orange-800{border-color:var(--orange-800)!important}.bg-orange-900{background-color:var(--orange-900)!important}.txt-orange-900{color:var(--orange-900)!important}.border-orange-900{border-color:var(--orange-900)!important}.bg-orange-50{background-color:var(--orange-50)!important}.txt-orange-50{color:var(--orange-50)!important}.border-orange-50{border-color:var(--orange-50)!important}.bg-yellow-100{background-color:var(--yellow-100)!important}.txt-yellow-100{color:var(--yellow-100)!important}.border-yellow-100{border-color:var(--yellow-100)!important}.bg-yellow-200{background-color:var(--yellow-200)!important}.txt-yellow-200{color:var(--yellow-200)!important}.border-yellow-200{border-color:var(--yellow-200)!important}.bg-yellow-300{background-color:var(--yellow-300)!important}.txt-yellow-300{color:var(--yellow-300)!important}.border-yellow-300{border-color:var(--yellow-300)!important}.bg-yellow-400{background-color:var(--yellow-400)!important}.txt-yellow-400{color:var(--yellow-400)!important}.border-yellow-400{border-color:var(--yellow-400)!important}.bg-yellow-500{background-color:var(--yellow-500)!important}.txt-yellow-500{color:var(--yellow-500)!important}.border-yellow-500{border-color:var(--yellow-500)!important}.bg-yellow-600{background-color:var(--yellow-600)!important}.txt-yellow-600{color:var(--yellow-600)!important}.border-yellow-600{border-color:var(--yellow-600)!important}.bg-yellow-700{background-color:var(--yellow-700)!important}.txt-yellow-700{color:var(--yellow-700)!important}.border-yellow-700{border-color:var(--yellow-700)!important}.bg-yellow-800{background-color:var(--yellow-800)!important}.txt-yellow-800{color:var(--yellow-800)!important}.border-yellow-800{border-color:var(--yellow-800)!important}.bg-yellow-900{background-color:var(--yellow-900)!important}.txt-yellow-900{color:var(--yellow-900)!important}.border-yellow-900{border-color:var(--yellow-900)!important}.bg-yellow-50{background-color:var(--yellow-50)!important}.txt-yellow-50{color:var(--yellow-50)!important}.border-yellow-50{border-color:var(--yellow-50)!important}.bg-green-100{background-color:var(--green-100)!important}.txt-green-100{color:var(--green-100)!important}.border-green-100{border-color:var(--green-100)!important}.bg-green-200{background-color:var(--green-200)!important}.txt-green-200{color:var(--green-200)!important}.border-green-200{border-color:var(--green-200)!important}.bg-green-300{background-color:var(--green-300)!important}.txt-green-300{color:var(--green-300)!important}.border-green-300{border-color:var(--green-300)!important}.bg-green-400{background-color:var(--green-400)!important}.txt-green-400{color:var(--green-400)!important}.border-green-400{border-color:var(--green-400)!important}.bg-green-500{background-color:var(--green-500)!important}.txt-green-500{color:var(--green-500)!important}.border-green-500{border-color:var(--green-500)!important}.bg-green-600{background-color:var(--green-600)!important}.txt-green-600{color:var(--green-600)!important}.border-green-600{border-color:var(--green-600)!important}.bg-green-700{background-color:var(--green-700)!important}.txt-green-700{color:var(--green-700)!important}.border-green-700{border-color:var(--green-700)!important}.bg-green-800{background-color:var(--green-800)!important}.txt-green-800{color:var(--green-800)!important}.border-green-800{border-color:var(--green-800)!important}.bg-green-900{background-color:var(--green-900)!important}.txt-green-900{color:var(--green-900)!important}.border-green-900{border-color:var(--green-900)!important}.bg-green-50{background-color:var(--green-50)!important}.txt-green-50{color:var(--green-50)!important}.border-green-50{border-color:var(--green-50)!important}.bg-mint-100{background-color:var(--mint-100)!important}.txt-mint-100{color:var(--mint-100)!important}.border-mint-100{border-color:var(--mint-100)!important}.bg-mint-200{background-color:var(--mint-200)!important}.txt-mint-200{color:var(--mint-200)!important}.border-mint-200{border-color:var(--mint-200)!important}.bg-mint-300{background-color:var(--mint-300)!important}.txt-mint-300{color:var(--mint-300)!important}.border-mint-300{border-color:var(--mint-300)!important}.bg-mint-400{background-color:var(--mint-400)!important}.txt-mint-400{color:var(--mint-400)!important}.border-mint-400{border-color:var(--mint-400)!important}.bg-mint-500{background-color:var(--mint-500)!important}.txt-mint-500{color:var(--mint-500)!important}.border-mint-500{border-color:var(--mint-500)!important}.bg-mint-600{background-color:var(--mint-600)!important}.txt-mint-600{color:var(--mint-600)!important}.border-mint-600{border-color:var(--mint-600)!important}.bg-mint-700{background-color:var(--mint-700)!important}.txt-mint-700{color:var(--mint-700)!important}.border-mint-700{border-color:var(--mint-700)!important}.bg-mint-800{background-color:var(--mint-800)!important}.txt-mint-800{color:var(--mint-800)!important}.border-mint-800{border-color:var(--mint-800)!important}.bg-mint-900{background-color:var(--mint-900)!important}.txt-mint-900{color:var(--mint-900)!important}.border-mint-900{border-color:var(--mint-900)!important}.bg-mint-50{background-color:var(--mint-50)!important}.txt-mint-50{color:var(--mint-50)!important}.border-mint-50{border-color:var(--mint-50)!important}.bg-cyan-100{background-color:var(--cyan-100)!important}.txt-cyan-100{color:var(--cyan-100)!important}.border-cyan-100{border-color:var(--cyan-100)!important}.bg-cyan-200{background-color:var(--cyan-200)!important}.txt-cyan-200{color:var(--cyan-200)!important}.border-cyan-200{border-color:var(--cyan-200)!important}.bg-cyan-300{background-color:var(--cyan-300)!important}.txt-cyan-300{color:var(--cyan-300)!important}.border-cyan-300{border-color:var(--cyan-300)!important}.bg-cyan-400{background-color:var(--cyan-400)!important}.txt-cyan-400{color:var(--cyan-400)!important}.border-cyan-400{border-color:var(--cyan-400)!important}.bg-cyan-500{background-color:var(--cyan-500)!important}.txt-cyan-500{color:var(--cyan-500)!important}.border-cyan-500{border-color:var(--cyan-500)!important}.bg-cyan-600{background-color:var(--cyan-600)!important}.txt-cyan-600{color:var(--cyan-600)!important}.border-cyan-600{border-color:var(--cyan-600)!important}.bg-cyan-700{background-color:var(--cyan-700)!important}.txt-cyan-700{color:var(--cyan-700)!important}.border-cyan-700{border-color:var(--cyan-700)!important}.bg-cyan-800{background-color:var(--cyan-800)!important}.txt-cyan-800{color:var(--cyan-800)!important}.border-cyan-800{border-color:var(--cyan-800)!important}.bg-cyan-900{background-color:var(--cyan-900)!important}.txt-cyan-900{color:var(--cyan-900)!important}.border-cyan-900{border-color:var(--cyan-900)!important}.bg-cyan-50{background-color:var(--cyan-50)!important}.txt-cyan-50{color:var(--cyan-50)!important}.border-cyan-50{border-color:var(--cyan-50)!important}.bg-blue-100{background-color:var(--blue-100)!important}.txt-blue-100{color:var(--blue-100)!important}.border-blue-100{border-color:var(--blue-100)!important}.bg-blue-200{background-color:var(--blue-200)!important}.txt-blue-200{color:var(--blue-200)!important}.border-blue-200{border-color:var(--blue-200)!important}.bg-blue-300{background-color:var(--blue-300)!important}.txt-blue-300{color:var(--blue-300)!important}.border-blue-300{border-color:var(--blue-300)!important}.bg-blue-400{background-color:var(--blue-400)!important}.txt-blue-400{color:var(--blue-400)!important}.border-blue-400{border-color:var(--blue-400)!important}.bg-blue-500{background-color:var(--blue-500)!important}.txt-blue-500{color:var(--blue-500)!important}.border-blue-500{border-color:var(--blue-500)!important}.bg-blue-600{background-color:var(--blue-600)!important}.txt-blue-600{color:var(--blue-600)!important}.border-blue-600{border-color:var(--blue-600)!important}.bg-blue-700{background-color:var(--blue-700)!important}.txt-blue-700{color:var(--blue-700)!important}.border-blue-700{border-color:var(--blue-700)!important}.bg-blue-800{background-color:var(--blue-800)!important}.txt-blue-800{color:var(--blue-800)!important}.border-blue-800{border-color:var(--blue-800)!important}.bg-blue-900{background-color:var(--blue-900)!important}.txt-blue-900{color:var(--blue-900)!important}.border-blue-900{border-color:var(--blue-900)!important}.bg-blue-50{background-color:var(--blue-50)!important}.txt-blue-50{color:var(--blue-50)!important}.border-blue-50{border-color:var(--blue-50)!important}.bg-brand-100{background-color:var(--brand-100)!important}.txt-brand-100{color:var(--brand-100)!important}.border-brand-100{border-color:var(--brand-100)!important}.bg-brand-200{background-color:var(--brand-200)!important}.txt-brand-200{color:var(--brand-200)!important}.border-brand-200{border-color:var(--brand-200)!important}.bg-brand-300{background-color:var(--brand-300)!important}.txt-brand-300{color:var(--brand-300)!important}.border-brand-300{border-color:var(--brand-300)!important}.bg-brand-400{background-color:var(--brand-400)!important}.txt-brand-400{color:var(--brand-400)!important}.border-brand-400{border-color:var(--brand-400)!important}.bg-brand-500{background-color:var(--brand-500)!important}.txt-brand-500{color:var(--brand-500)!important}.border-brand-500{border-color:var(--brand-500)!important}.bg-brand-600{background-color:var(--brand-600)!important}.txt-brand-600{color:var(--brand-600)!important}.border-brand-600{border-color:var(--brand-600)!important}.bg-brand-700{background-color:var(--brand-700)!important}.txt-brand-700{color:var(--brand-700)!important}.border-brand-700{border-color:var(--brand-700)!important}.bg-brand-800{background-color:var(--brand-800)!important}.txt-brand-800{color:var(--brand-800)!important}.border-brand-800{border-color:var(--brand-800)!important}.bg-brand-900{background-color:var(--brand-900)!important}.txt-brand-900{color:var(--brand-900)!important}.border-brand-900{border-color:var(--brand-900)!important}.bg-brand-50{background-color:var(--brand-50)!important}.txt-brand-50{color:var(--brand-50)!important}.border-brand-50{border-color:var(--brand-50)!important}.bg-indigo-100{background-color:var(--indigo-100)!important}.txt-indigo-100{color:var(--indigo-100)!important}.border-indigo-100{border-color:var(--indigo-100)!important}.bg-indigo-200{background-color:var(--indigo-200)!important}.txt-indigo-200{color:var(--indigo-200)!important}.border-indigo-200{border-color:var(--indigo-200)!important}.bg-indigo-300{background-color:var(--indigo-300)!important}.txt-indigo-300{color:var(--indigo-300)!important}.border-indigo-300{border-color:var(--indigo-300)!important}.bg-indigo-400{background-color:var(--indigo-400)!important}.txt-indigo-400{color:var(--indigo-400)!important}.border-indigo-400{border-color:var(--indigo-400)!important}.bg-indigo-500{background-color:var(--indigo-500)!important}.txt-indigo-500{color:var(--indigo-500)!important}.border-indigo-500{border-color:var(--indigo-500)!important}.bg-indigo-600{background-color:var(--indigo-600)!important}.txt-indigo-600{color:var(--indigo-600)!important}.border-indigo-600{border-color:var(--indigo-600)!important}.bg-indigo-700{background-color:var(--indigo-700)!important}.txt-indigo-700{color:var(--indigo-700)!important}.border-indigo-700{border-color:var(--indigo-700)!important}.bg-indigo-800{background-color:var(--indigo-800)!important}.txt-indigo-800{color:var(--indigo-800)!important}.border-indigo-800{border-color:var(--indigo-800)!important}.bg-indigo-900{background-color:var(--indigo-900)!important}.txt-indigo-900{color:var(--indigo-900)!important}.border-indigo-900{border-color:var(--indigo-900)!important}.bg-indigo-50{background-color:var(--indigo-50)!important}.txt-indigo-50{color:var(--indigo-50)!important}.border-indigo-50{border-color:var(--indigo-50)!important}.bg-purple-100{background-color:var(--purple-100)!important}.txt-purple-100{color:var(--purple-100)!important}.border-purple-100{border-color:var(--purple-100)!important}.bg-purple-200{background-color:var(--purple-200)!important}.txt-purple-200{color:var(--purple-200)!important}.border-purple-200{border-color:var(--purple-200)!important}.bg-purple-300{background-color:var(--purple-300)!important}.txt-purple-300{color:var(--purple-300)!important}.border-purple-300{border-color:var(--purple-300)!important}.bg-purple-400{background-color:var(--purple-400)!important}.txt-purple-400{color:var(--purple-400)!important}.border-purple-400{border-color:var(--purple-400)!important}.bg-purple-500{background-color:var(--purple-500)!important}.txt-purple-500{color:var(--purple-500)!important}.border-purple-500{border-color:var(--purple-500)!important}.bg-purple-600{background-color:var(--purple-600)!important}.txt-purple-600{color:var(--purple-600)!important}.border-purple-600{border-color:var(--purple-600)!important}.bg-purple-700{background-color:var(--purple-700)!important}.txt-purple-700{color:var(--purple-700)!important}.border-purple-700{border-color:var(--purple-700)!important}.bg-purple-800{background-color:var(--purple-800)!important}.txt-purple-800{color:var(--purple-800)!important}.border-purple-800{border-color:var(--purple-800)!important}.bg-purple-900{background-color:var(--purple-900)!important}.txt-purple-900{color:var(--purple-900)!important}.border-purple-900{border-color:var(--purple-900)!important}.bg-purple-50{background-color:var(--purple-50)!important}.txt-purple-50{color:var(--purple-50)!important}.border-purple-50{border-color:var(--purple-50)!important}.bg-gray-100{background-color:var(--gray-100)!important}.txt-gray-100{color:var(--gray-100)!important}.border-gray-100{border-color:var(--gray-100)!important}.bg-gray-200{background-color:var(--gray-200)!important}.txt-gray-200{color:var(--gray-200)!important}.border-gray-200{border-color:var(--gray-200)!important}.bg-gray-300{background-color:var(--gray-300)!important}.txt-gray-300{color:var(--gray-300)!important}.border-gray-300{border-color:var(--gray-300)!important}.bg-gray-400{background-color:var(--gray-400)!important}.txt-gray-400{color:var(--gray-400)!important}.border-gray-400{border-color:var(--gray-400)!important}.bg-gray-500{background-color:var(--gray-500)!important}.txt-gray-500{color:var(--gray-500)!important}.border-gray-500{border-color:var(--gray-500)!important}.bg-gray-600{background-color:var(--gray-600)!important}.txt-gray-600{color:var(--gray-600)!important}.border-gray-600{border-color:var(--gray-600)!important}.bg-gray-700{background-color:var(--gray-700)!important}.txt-gray-700{color:var(--gray-700)!important}.border-gray-700{border-color:var(--gray-700)!important}.bg-gray-800{background-color:var(--gray-800)!important}.txt-gray-800{color:var(--gray-800)!important}.border-gray-800{border-color:var(--gray-800)!important}.bg-gray-900{background-color:var(--gray-900)!important}.txt-gray-900{color:var(--gray-900)!important}.border-gray-900{border-color:var(--gray-900)!important}.bg-gray-50{background-color:var(--gray-50)!important}.txt-gray-50{color:var(--gray-50)!important}.border-gray-50{border-color:var(--gray-50)!important}.bg-white{background-color:var(--white)!important}.bg-black{background-color:var(--black)!important}.txt-white{color:var(--white)!important}.txt-black{color:var(--black)!important}.bg-transparent{background-color:transparent!important}.cm-container{background:rgba(var(--glass-bg-rgb),.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--glass-border-rgb),.15);box-shadow:0 4px 15px #0000001a}.cm-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.cm-container{border-radius:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-card-legacy{background:rgba(var(--glass-bg-rgb),.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(var(--glass-border-rgb),.12);box-shadow:0 4px 15px #0000001a}.cm-card-legacy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.cm-card-legacy{border-radius:16px;padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.125)}.cm-card-legacy:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026;background:rgba(var(--glass-bg-rgb),.18)}.cm-btn-legacy{background:rgba(var(--glass-bg-rgb),.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--glass-border-rgb),.1)}.cm-btn-legacy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.cm-btn-legacy{border-radius:10px;padding:.6rem 1.25rem;color:var(--text-color);font-weight:600;cursor:pointer;border:none;background:rgba(var(--glass-bg-rgb),.12);transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-btn-legacy:hover{background:rgba(var(--glass-bg-rgb),.25);transform:scale(1.02)}.cm-gradient-text{background:linear-gradient(to right,#6366f1,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.cm-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.flex{display:flex!important}.col,.flex-column{display:flex;flex-direction:column!important}.row,.flex-row{display:flex;flex-direction:row!important}.wrap{flex-wrap:wrap!important}.j-center{justify-content:center!important}.j-end{justify-content:flex-end!important}.j-start{justify-content:flex-start!important}.j-between{justify-content:space-between!important}.j-around{justify-content:space-around!important}.a-center{align-items:center!important}.a-end{align-items:flex-end!important}.a-start{align-items:flex-start!important}.j-a-center{display:flex!important;justify-content:center!important;align-items:center!important}.g-1{gap:.25rem!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mr-1{margin-right:.25rem!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.pr-1{padding-right:.25rem!important}.txt-1{font-size:.25rem!important}.txt-1-100{font-size:.25rem!important;font-weight:100!important}.txt-1-200{font-size:.25rem!important;font-weight:200!important}.txt-1-300{font-size:.25rem!important;font-weight:300!important}.txt-1-400{font-size:.25rem!important;font-weight:400!important}.txt-1-500{font-size:.25rem!important;font-weight:500!important}.txt-1-600{font-size:.25rem!important;font-weight:600!important}.txt-1-700{font-size:.25rem!important;font-weight:700!important}.txt-1-800{font-size:.25rem!important;font-weight:800!important}.txt-1-900{font-size:.25rem!important;font-weight:900!important}.g-2{gap:.5rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mr-2{margin-right:.5rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.pr-2{padding-right:.5rem!important}.txt-2{font-size:.5rem!important}.txt-2-100{font-size:.5rem!important;font-weight:100!important}.txt-2-200{font-size:.5rem!important;font-weight:200!important}.txt-2-300{font-size:.5rem!important;font-weight:300!important}.txt-2-400{font-size:.5rem!important;font-weight:400!important}.txt-2-500{font-size:.5rem!important;font-weight:500!important}.txt-2-600{font-size:.5rem!important;font-weight:600!important}.txt-2-700{font-size:.5rem!important;font-weight:700!important}.txt-2-800{font-size:.5rem!important;font-weight:800!important}.txt-2-900{font-size:.5rem!important;font-weight:900!important}.g-3{gap:.75rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3{margin-left:.75rem!important}.mr-3{margin-right:.75rem!important}.p-3{padding:.75rem!important}.pt-3{padding-top:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3{padding-left:.75rem!important}.pr-3{padding-right:.75rem!important}.txt-3{font-size:.75rem!important}.txt-3-100{font-size:.75rem!important;font-weight:100!important}.txt-3-200{font-size:.75rem!important;font-weight:200!important}.txt-3-300{font-size:.75rem!important;font-weight:300!important}.txt-3-400{font-size:.75rem!important;font-weight:400!important}.txt-3-500{font-size:.75rem!important;font-weight:500!important}.txt-3-600{font-size:.75rem!important;font-weight:600!important}.txt-3-700{font-size:.75rem!important;font-weight:700!important}.txt-3-800{font-size:.75rem!important;font-weight:800!important}.txt-3-900{font-size:.75rem!important;font-weight:900!important}.g-4{gap:1rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4{margin-left:1rem!important}.mr-4{margin-right:1rem!important}.p-4{padding:1rem!important}.pt-4{padding-top:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.pr-4{padding-right:1rem!important}.txt-4{font-size:1rem!important}.txt-4-100{font-size:1rem!important;font-weight:100!important}.txt-4-200{font-size:1rem!important;font-weight:200!important}.txt-4-300{font-size:1rem!important;font-weight:300!important}.txt-4-400{font-size:1rem!important;font-weight:400!important}.txt-4-500{font-size:1rem!important;font-weight:500!important}.txt-4-600{font-size:1rem!important;font-weight:600!important}.txt-4-700{font-size:1rem!important;font-weight:700!important}.txt-4-800{font-size:1rem!important;font-weight:800!important}.txt-4-900{font-size:1rem!important;font-weight:900!important}.g-5{gap:1.25rem!important}.m-5{margin:1.25rem!important}.mt-5{margin-top:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-5{margin-left:1.25rem!important}.mr-5{margin-right:1.25rem!important}.p-5{padding:1.25rem!important}.pt-5{padding-top:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-5{padding-left:1.25rem!important}.pr-5{padding-right:1.25rem!important}.txt-5{font-size:1.25rem!important}.txt-5-100{font-size:1.25rem!important;font-weight:100!important}.txt-5-200{font-size:1.25rem!important;font-weight:200!important}.txt-5-300{font-size:1.25rem!important;font-weight:300!important}.txt-5-400{font-size:1.25rem!important;font-weight:400!important}.txt-5-500{font-size:1.25rem!important;font-weight:500!important}.txt-5-600{font-size:1.25rem!important;font-weight:600!important}.txt-5-700{font-size:1.25rem!important;font-weight:700!important}.txt-5-800{font-size:1.25rem!important;font-weight:800!important}.txt-5-900{font-size:1.25rem!important;font-weight:900!important}.g-6{gap:1.5rem!important}.m-6{margin:1.5rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-6{margin-left:1.5rem!important}.mr-6{margin-right:1.5rem!important}.p-6{padding:1.5rem!important}.pt-6{padding-top:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6{padding-left:1.5rem!important}.pr-6{padding-right:1.5rem!important}.txt-6{font-size:1.5rem!important}.txt-6-100{font-size:1.5rem!important;font-weight:100!important}.txt-6-200{font-size:1.5rem!important;font-weight:200!important}.txt-6-300{font-size:1.5rem!important;font-weight:300!important}.txt-6-400{font-size:1.5rem!important;font-weight:400!important}.txt-6-500{font-size:1.5rem!important;font-weight:500!important}.txt-6-600{font-size:1.5rem!important;font-weight:600!important}.txt-6-700{font-size:1.5rem!important;font-weight:700!important}.txt-6-800{font-size:1.5rem!important;font-weight:800!important}.txt-6-900{font-size:1.5rem!important;font-weight:900!important}.g-7{gap:1.75rem!important}.m-7{margin:1.75rem!important}.mt-7{margin-top:1.75rem!important}.mb-7{margin-bottom:1.75rem!important}.ml-7{margin-left:1.75rem!important}.mr-7{margin-right:1.75rem!important}.p-7{padding:1.75rem!important}.pt-7{padding-top:1.75rem!important}.pb-7{padding-bottom:1.75rem!important}.pl-7{padding-left:1.75rem!important}.pr-7{padding-right:1.75rem!important}.txt-7{font-size:1.75rem!important}.txt-7-100{font-size:1.75rem!important;font-weight:100!important}.txt-7-200{font-size:1.75rem!important;font-weight:200!important}.txt-7-300{font-size:1.75rem!important;font-weight:300!important}.txt-7-400{font-size:1.75rem!important;font-weight:400!important}.txt-7-500{font-size:1.75rem!important;font-weight:500!important}.txt-7-600{font-size:1.75rem!important;font-weight:600!important}.txt-7-700{font-size:1.75rem!important;font-weight:700!important}.txt-7-800{font-size:1.75rem!important;font-weight:800!important}.txt-7-900{font-size:1.75rem!important;font-weight:900!important}.g-8{gap:2rem!important}.m-8{margin:2rem!important}.mt-8{margin-top:2rem!important}.mb-8{margin-bottom:2rem!important}.ml-8{margin-left:2rem!important}.mr-8{margin-right:2rem!important}.p-8{padding:2rem!important}.pt-8{padding-top:2rem!important}.pb-8{padding-bottom:2rem!important}.pl-8{padding-left:2rem!important}.pr-8{padding-right:2rem!important}.txt-8{font-size:2rem!important}.txt-8-100{font-size:2rem!important;font-weight:100!important}.txt-8-200{font-size:2rem!important;font-weight:200!important}.txt-8-300{font-size:2rem!important;font-weight:300!important}.txt-8-400{font-size:2rem!important;font-weight:400!important}.txt-8-500{font-size:2rem!important;font-weight:500!important}.txt-8-600{font-size:2rem!important;font-weight:600!important}.txt-8-700{font-size:2rem!important;font-weight:700!important}.txt-8-800{font-size:2rem!important;font-weight:800!important}.txt-8-900{font-size:2rem!important;font-weight:900!important}.g-10{gap:2.5rem!important}.m-10{margin:2.5rem!important}.mt-10{margin-top:2.5rem!important}.mb-10{margin-bottom:2.5rem!important}.ml-10{margin-left:2.5rem!important}.mr-10{margin-right:2.5rem!important}.p-10{padding:2.5rem!important}.pt-10{padding-top:2.5rem!important}.pb-10{padding-bottom:2.5rem!important}.pl-10{padding-left:2.5rem!important}.pr-10{padding-right:2.5rem!important}.txt-10{font-size:2.5rem!important}.txt-10-100{font-size:2.5rem!important;font-weight:100!important}.txt-10-200{font-size:2.5rem!important;font-weight:200!important}.txt-10-300{font-size:2.5rem!important;font-weight:300!important}.txt-10-400{font-size:2.5rem!important;font-weight:400!important}.txt-10-500{font-size:2.5rem!important;font-weight:500!important}.txt-10-600{font-size:2.5rem!important;font-weight:600!important}.txt-10-700{font-size:2.5rem!important;font-weight:700!important}.txt-10-800{font-size:2.5rem!important;font-weight:800!important}.txt-10-900{font-size:2.5rem!important;font-weight:900!important}.g-12{gap:3rem!important}.m-12{margin:3rem!important}.mt-12{margin-top:3rem!important}.mb-12{margin-bottom:3rem!important}.ml-12{margin-left:3rem!important}.mr-12{margin-right:3rem!important}.p-12{padding:3rem!important}.pt-12{padding-top:3rem!important}.pb-12{padding-bottom:3rem!important}.pl-12{padding-left:3rem!important}.pr-12{padding-right:3rem!important}.txt-12{font-size:3rem!important}.txt-12-100{font-size:3rem!important;font-weight:100!important}.txt-12-200{font-size:3rem!important;font-weight:200!important}.txt-12-300{font-size:3rem!important;font-weight:300!important}.txt-12-400{font-size:3rem!important;font-weight:400!important}.txt-12-500{font-size:3rem!important;font-weight:500!important}.txt-12-600{font-size:3rem!important;font-weight:600!important}.txt-12-700{font-size:3rem!important;font-weight:700!important}.txt-12-800{font-size:3rem!important;font-weight:800!important}.txt-12-900{font-size:3rem!important;font-weight:900!important}.g-14{gap:3.5rem!important}.m-14{margin:3.5rem!important}.mt-14{margin-top:3.5rem!important}.mb-14{margin-bottom:3.5rem!important}.ml-14{margin-left:3.5rem!important}.mr-14{margin-right:3.5rem!important}.p-14{padding:3.5rem!important}.pt-14{padding-top:3.5rem!important}.pb-14{padding-bottom:3.5rem!important}.pl-14{padding-left:3.5rem!important}.pr-14{padding-right:3.5rem!important}.txt-14{font-size:3.5rem!important}.txt-14-100{font-size:3.5rem!important;font-weight:100!important}.txt-14-200{font-size:3.5rem!important;font-weight:200!important}.txt-14-300{font-size:3.5rem!important;font-weight:300!important}.txt-14-400{font-size:3.5rem!important;font-weight:400!important}.txt-14-500{font-size:3.5rem!important;font-weight:500!important}.txt-14-600{font-size:3.5rem!important;font-weight:600!important}.txt-14-700{font-size:3.5rem!important;font-weight:700!important}.txt-14-800{font-size:3.5rem!important;font-weight:800!important}.txt-14-900{font-size:3.5rem!important;font-weight:900!important}.g-16{gap:4rem!important}.m-16{margin:4rem!important}.mt-16{margin-top:4rem!important}.mb-16{margin-bottom:4rem!important}.ml-16{margin-left:4rem!important}.mr-16{margin-right:4rem!important}.p-16{padding:4rem!important}.pt-16{padding-top:4rem!important}.pb-16{padding-bottom:4rem!important}.pl-16{padding-left:4rem!important}.pr-16{padding-right:4rem!important}.txt-16{font-size:4rem!important}.txt-16-100{font-size:4rem!important;font-weight:100!important}.txt-16-200{font-size:4rem!important;font-weight:200!important}.txt-16-300{font-size:4rem!important;font-weight:300!important}.txt-16-400{font-size:4rem!important;font-weight:400!important}.txt-16-500{font-size:4rem!important;font-weight:500!important}.txt-16-600{font-size:4rem!important;font-weight:600!important}.txt-16-700{font-size:4rem!important;font-weight:700!important}.txt-16-800{font-size:4rem!important;font-weight:800!important}.txt-16-900{font-size:4rem!important;font-weight:900!important}.g-20{gap:5rem!important}.m-20{margin:5rem!important}.mt-20{margin-top:5rem!important}.mb-20{margin-bottom:5rem!important}.ml-20{margin-left:5rem!important}.mr-20{margin-right:5rem!important}.p-20{padding:5rem!important}.pt-20{padding-top:5rem!important}.pb-20{padding-bottom:5rem!important}.pl-20{padding-left:5rem!important}.pr-20{padding-right:5rem!important}.txt-20{font-size:5rem!important}.txt-20-100{font-size:5rem!important;font-weight:100!important}.txt-20-200{font-size:5rem!important;font-weight:200!important}.txt-20-300{font-size:5rem!important;font-weight:300!important}.txt-20-400{font-size:5rem!important;font-weight:400!important}.txt-20-500{font-size:5rem!important;font-weight:500!important}.txt-20-600{font-size:5rem!important;font-weight:600!important}.txt-20-700{font-size:5rem!important;font-weight:700!important}.txt-20-800{font-size:5rem!important;font-weight:800!important}.txt-20-900{font-size:5rem!important;font-weight:900!important}.g-24{gap:6rem!important}.m-24{margin:6rem!important}.mt-24{margin-top:6rem!important}.mb-24{margin-bottom:6rem!important}.ml-24{margin-left:6rem!important}.mr-24{margin-right:6rem!important}.p-24{padding:6rem!important}.pt-24{padding-top:6rem!important}.pb-24{padding-bottom:6rem!important}.pl-24{padding-left:6rem!important}.pr-24{padding-right:6rem!important}.txt-24{font-size:6rem!important}.txt-24-100{font-size:6rem!important;font-weight:100!important}.txt-24-200{font-size:6rem!important;font-weight:200!important}.txt-24-300{font-size:6rem!important;font-weight:300!important}.txt-24-400{font-size:6rem!important;font-weight:400!important}.txt-24-500{font-size:6rem!important;font-weight:500!important}.txt-24-600{font-size:6rem!important;font-weight:600!important}.txt-24-700{font-size:6rem!important;font-weight:700!important}.txt-24-800{font-size:6rem!important;font-weight:800!important}.txt-24-900{font-size:6rem!important;font-weight:900!important}.g-32{gap:8rem!important}.m-32{margin:8rem!important}.mt-32{margin-top:8rem!important}.mb-32{margin-bottom:8rem!important}.ml-32{margin-left:8rem!important}.mr-32{margin-right:8rem!important}.p-32{padding:8rem!important}.pt-32{padding-top:8rem!important}.pb-32{padding-bottom:8rem!important}.pl-32{padding-left:8rem!important}.pr-32{padding-right:8rem!important}.txt-32{font-size:8rem!important}.txt-32-100{font-size:8rem!important;font-weight:100!important}.txt-32-200{font-size:8rem!important;font-weight:200!important}.txt-32-300{font-size:8rem!important;font-weight:300!important}.txt-32-400{font-size:8rem!important;font-weight:400!important}.txt-32-500{font-size:8rem!important;font-weight:500!important}.txt-32-600{font-size:8rem!important;font-weight:600!important}.txt-32-700{font-size:8rem!important;font-weight:700!important}.txt-32-800{font-size:8rem!important;font-weight:800!important}.txt-32-900{font-size:8rem!important;font-weight:900!important}.g-40{gap:10rem!important}.m-40{margin:10rem!important}.mt-40{margin-top:10rem!important}.mb-40{margin-bottom:10rem!important}.ml-40{margin-left:10rem!important}.mr-40{margin-right:10rem!important}.p-40{padding:10rem!important}.pt-40{padding-top:10rem!important}.pb-40{padding-bottom:10rem!important}.pl-40{padding-left:10rem!important}.pr-40{padding-right:10rem!important}.txt-40{font-size:10rem!important}.txt-40-100{font-size:10rem!important;font-weight:100!important}.txt-40-200{font-size:10rem!important;font-weight:200!important}.txt-40-300{font-size:10rem!important;font-weight:300!important}.txt-40-400{font-size:10rem!important;font-weight:400!important}.txt-40-500{font-size:10rem!important;font-weight:500!important}.txt-40-600{font-size:10rem!important;font-weight:600!important}.txt-40-700{font-size:10rem!important;font-weight:700!important}.txt-40-800{font-size:10rem!important;font-weight:800!important}.txt-40-900{font-size:10rem!important;font-weight:900!important}.g-48{gap:12rem!important}.m-48{margin:12rem!important}.mt-48{margin-top:12rem!important}.mb-48{margin-bottom:12rem!important}.ml-48{margin-left:12rem!important}.mr-48{margin-right:12rem!important}.p-48{padding:12rem!important}.pt-48{padding-top:12rem!important}.pb-48{padding-bottom:12rem!important}.pl-48{padding-left:12rem!important}.pr-48{padding-right:12rem!important}.txt-48{font-size:12rem!important}.txt-48-100{font-size:12rem!important;font-weight:100!important}.txt-48-200{font-size:12rem!important;font-weight:200!important}.txt-48-300{font-size:12rem!important;font-weight:300!important}.txt-48-400{font-size:12rem!important;font-weight:400!important}.txt-48-500{font-size:12rem!important;font-weight:500!important}.txt-48-600{font-size:12rem!important;font-weight:600!important}.txt-48-700{font-size:12rem!important;font-weight:700!important}.txt-48-800{font-size:12rem!important;font-weight:800!important}.txt-48-900{font-size:12rem!important;font-weight:900!important}.g-56{gap:14rem!important}.m-56{margin:14rem!important}.mt-56{margin-top:14rem!important}.mb-56{margin-bottom:14rem!important}.ml-56{margin-left:14rem!important}.mr-56{margin-right:14rem!important}.p-56{padding:14rem!important}.pt-56{padding-top:14rem!important}.pb-56{padding-bottom:14rem!important}.pl-56{padding-left:14rem!important}.pr-56{padding-right:14rem!important}.txt-56{font-size:14rem!important}.txt-56-100{font-size:14rem!important;font-weight:100!important}.txt-56-200{font-size:14rem!important;font-weight:200!important}.txt-56-300{font-size:14rem!important;font-weight:300!important}.txt-56-400{font-size:14rem!important;font-weight:400!important}.txt-56-500{font-size:14rem!important;font-weight:500!important}.txt-56-600{font-size:14rem!important;font-weight:600!important}.txt-56-700{font-size:14rem!important;font-weight:700!important}.txt-56-800{font-size:14rem!important;font-weight:800!important}.txt-56-900{font-size:14rem!important;font-weight:900!important}.g-64{gap:16rem!important}.m-64{margin:16rem!important}.mt-64{margin-top:16rem!important}.mb-64{margin-bottom:16rem!important}.ml-64{margin-left:16rem!important}.mr-64{margin-right:16rem!important}.p-64{padding:16rem!important}.pt-64{padding-top:16rem!important}.pb-64{padding-bottom:16rem!important}.pl-64{padding-left:16rem!important}.pr-64{padding-right:16rem!important}.txt-64{font-size:16rem!important}.txt-64-100{font-size:16rem!important;font-weight:100!important}.txt-64-200{font-size:16rem!important;font-weight:200!important}.txt-64-300{font-size:16rem!important;font-weight:300!important}.txt-64-400{font-size:16rem!important;font-weight:400!important}.txt-64-500{font-size:16rem!important;font-weight:500!important}.txt-64-600{font-size:16rem!important;font-weight:600!important}.txt-64-700{font-size:16rem!important;font-weight:700!important}.txt-64-800{font-size:16rem!important;font-weight:800!important}.txt-64-900{font-size:16rem!important;font-weight:900!important}.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}.cm-shadow-mist{box-shadow:var(--cm-shadow-mist)!important;-webkit-box-shadow:var(--cm-shadow-mist)!important}.cm-shadow-reflex{box-shadow:var(--cm-shadow-reflex)!important;-webkit-box-shadow:var(--cm-shadow-reflex)!important}html._0x_err_sys_ [class*=cm-],html._0x_err_sys_ [class*=cm-]:before{background:#0d0d0d!important;background-color:#0d0d0d!important;color:#333!important;border:1px solid #1a1a1a!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:grayscale(1)!important;pointer-events:none!important;transition:none!important;opacity:1!important;visibility:visible!important;position:relative}html._0x_err_sys_ [class*=cm-]>*{opacity:0!important;visibility:hidden!important}html._0x_err_sys_ .cm-card:after,html._0x_err_sys_ .cm-btn:after,html._0x_err_sys_ .cm-checkbox-container:after{content:var(--_0x8f2d_msg_, "LICENSE_REQUIRED");position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#f44!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;z-index:100!important;pointer-events:none!important;text-shadow:0 0 10px rgba(255,0,0,.3)!important}.cm-checkbox-container[data-v-d47cd0ab]{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.cm-checkbox-container.disabled[data-v-d47cd0ab]{cursor:not-allowed;opacity:.5}.cm-checkbox-wrapper[data-v-d47cd0ab]{position:relative;width:20px;height:20px}.cm-checkbox-wrapper input[data-v-d47cd0ab]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cm-checkbox-box[data-v-d47cd0ab]{position:absolute;top:0;left:0;height:20px;width:20px;background:rgba(var(--glass-bg-rgb),.1);border:1px solid rgba(var(--glass-border-rgb),.2);border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.cm-checkbox-box .cm-checkbox-icon[data-v-d47cd0ab]{width:14px;height:14px;color:#fff;stroke-width:3px;transition:transform .2s}.cm-checkbox-wrapper input:checked~.cm-checkbox-box[data-v-d47cd0ab]{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb),.3)}.cm-checkbox-container:hover .cm-checkbox-box[data-v-d47cd0ab]{border-color:rgba(var(--glass-border-rgb),.4);background:rgba(var(--glass-bg-rgb),.2)}.cm-checkbox-label[data-v-d47cd0ab]{font-size:.9rem;color:var(--text-color);opacity:.8}.cm-glass-filters[data-v-52af4cfb]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.cm-modal-overlay[data-v-3303a45f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cm-modal-container[data-v-3303a45f]{position:relative;max-width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:cm-modal-in-3303a45f .4s cubic-bezier(.34,1.56,.64,1)}.cm-modal-close[data-v-3303a45f]{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:var(--text-color);opacity:.6;cursor:pointer;z-index:10;transition:opacity .2s}.cm-modal-close[data-v-3303a45f]:hover{opacity:1}.cm-modal-header[data-v-3303a45f]{padding:1.5rem 2rem;border-bottom:1px solid rgba(var(--glass-border-rgb),.1)}.cm-modal-header .cm-modal-title[data-v-3303a45f]{margin:0;font-size:1.25rem;font-weight:700}.cm-modal-body[data-v-3303a45f]{padding:2rem;overflow-y:auto}.cm-modal-footer[data-v-3303a45f]{padding:1.25rem 2rem;border-top:1px solid rgba(var(--glass-border-rgb),.1);display:flex;justify-content:flex-end;gap:1rem}.cm-modal-fade-enter-active[data-v-3303a45f],.cm-modal-fade-leave-active[data-v-3303a45f]{transition:opacity .3s ease}.cm-modal-fade-enter-from[data-v-3303a45f],.cm-modal-fade-leave-to[data-v-3303a45f]{opacity:0}@keyframes cm-modal-in-3303a45f{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cm-toolbar[data-v-94c209b6]{display:flex;align-items:center;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.cm-toolbar.cm-toolbar-top[data-v-94c209b6]{position:fixed;top:0;left:0;right:0}.cm-toolbar.cm-toolbar-bottom[data-v-94c209b6]{position:fixed;bottom:0;left:0;right:0}.cm-toolbar.cm-toolbar-floating[data-v-94c209b6]{margin:1rem;border-radius:16px;left:1rem;right:1rem;width:auto}.cm-toolbar-content[data-v-94c209b6]{display:flex;align-items:center;width:100%;gap:1rem;justify-content:space-between}.cm-toolbar-section[data-v-94c209b6]{display:flex;align-items:center;gap:.75rem}.cm-toolbar-section.middle[data-v-94c209b6]{flex:1;justify-content:center}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glass-studio-ui-pro",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Premium Liquid Glass UI Library for Vue 3",
   "type": "module",
   "files": [