magtool 1.1.2 → 1.1.3

package/README.md

@@ -1 +1,2 @@
 # magtool
+1.1.3 css

package/dist/cps.js

@@ -1,86 +1,171 @@
-const v = { useAgeFormat: (t) => {
-  const { age: a } = t || {};
-  let n, o;
-  if (a != null && a.included) {
-    const { minAge: e, maxAge: l } = a.included[0] || {};
-    n = e || "all", o = l || "all";
+const $ = (t) => {
+  const { age: o } = t || {};
+  let s, n;
+  if (o != null && o.included) {
+    const { minAge: e, maxAge: r } = o.included[0] || {};
+    e ? s = e : s = "all", r ? n = r : n = "all";
   }
-  return o === "all" ? n === "all" ? "All" : `${n}~65+` : `${n}~${o}`;
-}, useAgeValue: (t, a) => t === "all" ? null : a === 65 ? { included: [{ minAge: t }] } : { included: [{ minAge: t, maxAge: a }] }, useGenderFormat: (t) => {
-  const { gender: a } = t || {};
-  return a != null && a.included ? a.included[0] : null;
-}, loadImage: (t) => new Promise((a, n) => {
-  const o = new Image();
-  o.src = window.$getType(t) === "String" ? t : URL.createObjectURL(t), o.onload = () => a(o), o.onerror = () => n(new Error("Could not load image"));
-}), loadVideo: (t) => new Promise((a, n) => {
-  const o = document.createElement("video");
-  o.preload = "metadata", window.$getType(t) === "String" ? o.src = t : o.src = URL.createObjectURL(t), o.onloadedmetadata = () => {
-    window.URL.revokeObjectURL(t), a(o);
+  return n === "all" ? s === "all" ? "All" : `${s}~65+` : `${s}~${n}`;
+}, b = (t, o) => t === "all" ? null : o === 65 ? {
+  included: [
+    {
+      minAge: t
+    }
+  ]
+} : {
+  included: [
+    {
+      minAge: t,
+      maxAge: o
+    }
+  ]
+}, h = (t) => {
+  const { gender: o } = t || {};
+  return o != null && o.included ? o.included[0] : null;
+}, y = { useAgeFormat: $, useAgeValue: b, useGenderFormat: h }, P = (t) => new Promise((o, s) => {
+  const n = new Image();
+  n.src = window.$getType(t) === "String" ? t : URL.createObjectURL(t), n.onload = () => o(n), n.onerror = () => s(new Error("Could not load image"));
+}), C = (t) => new Promise((o, s) => {
+  const n = document.createElement("video");
+  n.preload = "metadata", window.$getType(t) === "String" ? n.src = t : n.src = URL.createObjectURL(t), n.onloadedmetadata = () => {
+    window.URL.revokeObjectURL(t), console.info([n]), o(n);
   };
-}), download: ({ type: t = "csv", data: a, name: n }) => {
-  let o = document.createElement("a");
+}), M = ({ type: t = "csv", data: o, name: s }) => {
+  let n = document.createElement("a");
   if (t === "csv") {
-    const l = new Blob(["\uFEFF" + a], { type: "text/csv,charset=UTF-8" });
-    o.href = URL.createObjectURL(l);
+    const r = new Blob(["\uFEFF" + o], {
+      type: "text/csv,charset=UTF-8"
+    });
+    n.href = URL.createObjectURL(r);
   }
   let e = new MouseEvent("click");
-  o.download = n || "download", o.dispatchEvent(e), t !== "csv" && t !== "video" || URL.revokeObjectURL(o.url), o = null, e = null;
-}, useSingleSelect: ({ table: t, key: a, form: n, value: o, cb: e = () => {
+  n.download = s || "download", n.dispatchEvent(e), (t === "csv" || t === "video") && URL.revokeObjectURL(n.url), n = null, e = null;
+}, R = { loadImage: P, loadVideo: C, download: M }, A = ({ table: t, key: o, form: s, value: n, cb: e = () => {
 } }) => {
-  const l = t.getSelectionRows();
-  l.length > 1 ? (t.clearSelection(), t.toggleRowSelection(l[1], "selected"), n[o] = l[1][a]) : l.length === 1 && (n[o] = l[0][a]), e();
-}, useColumn: (t = {}) => {
-  let { sortable: a = !0, empty: n = !1, mmp: o = !1 } = t, e = window.$map.asa.asaMetric.all;
-  o && (e = e.concat(window.$map.asa.mmpMetric.all));
-  const l = e.map((s, m) => ({ label: s.label, prop: s.value, width: s.width, sortable: a, type: s.type, align: s.align, visible: s.visible, formatter: s.formatter }));
-  return l.unshift({ label: "Currency", prop: "currency", width: 80, align: "right" }), l;
-}, useEmptyColumn: () => ({ label: "-" }), useRemoteSummary: ({ columns: t, data: a }, n) => t.length && a.length ? t.map((o) => {
-  let e = n[o.property] === void 0 ? "" : n[o.property];
-  if (e !== "") try {
-    e = window.$fa(e, window.$map.asa.allMetric.obj[o.property].precision);
-  } catch {
-  }
-  return e;
-}) : [], useSummary: ({ columns: t, data: a, currency: n = "", channel: o = "" }) => {
-  if (!a.length || !t.length) return [];
-  const e = { spend: { prop: "spend", prefix: n, format: (r) => window.$fa(r, 2) }, taps: { prop: "taps", format: (r) => window.$fa(r, 0) }, installs: { prop: "installs", format: (r) => window.$fa(r, 0) }, impressions: { prop: "impressions", format: (r) => window.$fa(r, 0) }, mmpInstalls: { prop: "mmpInstalls", format: (r) => window.$fa(r, 0) }, mmpCPI: { prop: "mmpCPI", format: (r) => window.$fa(r, 2) }, IPM: { prop: "IPM", format: (r) => window.$fa(r, 2) }, revenue: { prop: "revenue", format: (r) => window.$fa(r, 2) } }, l = [], s = { avgCPT: {}, avgCPA: {}, avgCPM: {}, cr: {}, ttr: {}, IPM: {}, mmpInstalls: {}, mmpCPI: {} };
-  t.forEach((r, i) => {
-    s[r.property] && (s[r.property].i = i);
-    const p = e[r.property];
-    if (p) {
-      p.i = i;
+  const r = t.getSelectionRows();
+  r.length > 1 ? (t.clearSelection(), t.toggleRowSelection(r[1], "selected"), s[n] = r[1][o]) : r.length === 1 && (s[n] = r[0][o]), e();
+}, I = (t = {}) => {
+  let { sortable: o = !0, empty: s = !1, mmp: n = !1 } = t, e = window.$map.asa.asaMetric.all;
+  n && (e = e.concat(window.$map.asa.mmpMetric.all));
+  const r = e.map((l, u) => ({
+    label: l.label,
+    prop: l.value,
+    width: l.width,
+    sortable: o,
+    type: l.type,
+    align: l.align,
+    visible: l.visible,
+    formatter: l.formatter
+  }));
+  return r.unshift({
+    label: "Currency",
+    prop: "currency",
+    width: 80,
+    align: "right"
+  }), r;
+}, j = () => ({
+  label: "-"
+}), S = ({ columns: t, data: o, currency: s = "", channel: n = "" }) => {
+  if (!o.length || !t.length)
+    return [];
+  const e = {
+    spend: {
+      prop: "spend",
+      prefix: s,
+      format: (a) => window.$fa(a, 2)
+    },
+    taps: {
+      prop: "taps",
+      format: (a) => window.$fa(a, 0)
+    },
+    installs: {
+      prop: "installs",
+      format: (a) => window.$fa(a, 0)
+    },
+    impressions: {
+      prop: "impressions",
+      format: (a) => window.$fa(a, 0)
+    },
+    mmpInstalls: {
+      prop: "mmpInstalls",
+      format: (a) => window.$fa(a, 0)
+    },
+    mmpCPI: {
+      prop: "mmpCPI",
+      format: (a) => window.$fa(a, 2)
+    },
+    IPM: {
+      prop: "IPM",
+      format: (a) => window.$fa(a, 2)
+    },
+    revenue: {
+      prop: "revenue",
+      format: (a) => window.$fa(a, 2)
+    }
+  }, r = [], l = {
+    avgCPT: {},
+    avgCPA: {},
+    avgCPM: {},
+    cr: {},
+    ttr: {},
+    IPM: {},
+    mmpInstalls: {},
+    mmpCPI: {}
+  };
+  t.forEach((a, i) => {
+    l[a.property] && (l[a.property].i = i);
+    const m = e[a.property];
+    if (m) {
+      m.i = i;
       let c = window.$bigNumber(0);
-      a.forEach((g) => {
-        c = c.plus(g[r.property] || 0);
-      }), c = c.toNumber(), p.total = c, l.push(c);
-    } else l.push("");
-  }), Object.keys(e).forEach((r) => {
-    const i = e[r];
-    i.format && l[i.i] && (l[i.i] = i.format(l[i.i]));
+      o.forEach((v) => {
+        c = c.plus(v[a.property] || 0);
+      }), c = c.toNumber(), m.total = c, r.push(c);
+    } else
+      r.push("");
+  }), Object.keys(e).forEach((a) => {
+    const i = e[a];
+    i.format && r[i.i] && (r[i.i] = i.format(r[i.i]));
   });
-  const m = e.taps.total ? window.$fa(e.spend.total / e.taps.total) : "0.00";
-  l[s.avgCPT.i] = m;
+  const p = e.taps.total ? window.$fa(e.spend.total / e.taps.total) : "0.00";
+  r[l.avgCPT.i] = p;
   const d = e.installs.total ? window.$fa(e.spend.total / e.installs.total) : "0.00";
-  if (l[s.avgCPA.i] = d, s.avgCPM.i !== void 0) {
-    const r = e.impressions.total ? window.$fa(e.spend.total / (e.impressions.total / 1e3)) : "0.00";
-    l[s.avgCPM.i] = r;
+  if (r[l.avgCPA.i] = d, l.avgCPM.i !== void 0) {
+    const a = e.impressions.total ? window.$fa(e.spend.total / (e.impressions.total / 1e3)) : "0.00";
+    r[l.avgCPM.i] = a;
   }
-  const w = e.taps.total ? window.$fa(e.installs.total / e.taps.total * 100) : "0.00";
-  l[s.cr.i] = w;
-  const u = e.impressions.total ? window.$fa(e.taps.total / e.impressions.total * 100) : "0.00";
-  l[s.ttr.i] = u;
-  const f = e.impressions.total ? window.$fa(1e3 * e.installs.total / e.impressions.total) : "0.00";
-  return l[s.IPM.i] = f, l;
-}, useFormat: (t) => {
-  const a = window.$map.asa.allMetric.obj;
-  return Object.keys(t).forEach((n) => {
-    const o = t[n];
-    a[n] && (t[`${n}Format`] = window.$fu({ prop: n, value: o, currency: !1, obj: a }));
+  const f = e.taps.total ? window.$fa(e.installs.total / e.taps.total * 100) : "0.00";
+  r[l.cr.i] = f;
+  const w = e.impressions.total ? window.$fa(e.taps.total / e.impressions.total * 100) : "0.00";
+  r[l.ttr.i] = w;
+  const g = e.impressions.total ? window.$fa(e.installs.total * 1e3 / e.impressions.total) : "0.00";
+  return r[l.IPM.i] = g, r;
+}, U = (t) => {
+  const o = window.$map.asa.allMetric.obj;
+  return Object.keys(t).forEach((s) => {
+    const n = t[s];
+    o[s] && (t[`${s}Format`] = window.$fu({ prop: s, value: n, currency: !1, obj: o }));
   }), t;
-}, pageScrollTo: (t, a = 88) => {
-  const n = document.querySelector("html"), { scrollTop: o } = n, e = t.getBoundingClientRect();
-  n.scrollTo({ top: o + e.y - a, behavior: "smooth" });
-} };
+}, E = ({ columns: t, data: o }, s) => t.length && o.length ? t.map((e) => {
+  let r = s[e.property] === void 0 ? "" : s[e.property];
+  if (r !== "")
+    try {
+      r = window.$fa(r, window.$map.asa.allMetric.obj[e.property].precision);
+    } catch {
+    }
+  return r;
+}) : [], L = { useSingleSelect: A, useColumn: I, useEmptyColumn: j, useRemoteSummary: E, useSummary: S, useFormat: U }, T = (t, o = 88) => {
+  const s = document.querySelector("html"), { scrollTop: n } = s, e = t.getBoundingClientRect();
+  s.scrollTo({
+    top: n + e.y - o,
+    behavior: "smooth"
+  });
+}, O = { pageScrollTo: T }, x = {
+  ...y,
+  ...R,
+  ...L,
+  ...O
+};
 export {
-  v as c
+  x as c
 };

package/dist/css/magtool.css

@@ -0,0 +1 @@
+@charset "UTF-8";*{box-sizing:border-box!important;outline:none!important}html,body{margin:0;padding:0;height:100vh;color:var(--mg-dark);background-color:var(--mg-bg);font-size:16px;font-family:Roboto;font-weight:400;-webkit-font-smoothing:antialiased}img{display:inline-block}::selection{background-color:var(--mg-primary);color:var(--mg-white)}.trans-in{transition:var(--mg-trans-in)}.trans-inout{transition:var(--mg-trans-inout)}.cursor-grab{cursor:grab}.cursor-grab:active,.cursor-grabbing{cursor:grabbing}.point{cursor:pointer}.backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.txt-primary,.txt-active-primary:active{color:var(--mg-primary)}.bg-primary,.bg-active-primary:active{background-color:var(--mg-primary)}.txt-shadow-primary{text-shadow:0 0 8px var(--mg-primary)}.border-l4-primary{border-left:4px solid var(--mg-primary)}.box-shadow-primary{box-shadow:0 0 8px var(--mg-primary)}.txt-primary1,.txt-active-primary1:active{color:var(--mg-primary1)}.bg-primary1,.bg-active-primary1:active{background-color:var(--mg-primary1)}.txt-primary3,.txt-active-primary3:active{color:var(--mg-primary3)}.bg-primary3,.bg-active-primary3:active{background-color:var(--mg-primary3)}.txt-primary5,.txt-active-primary5:active{color:var(--mg-primary5)}.bg-primary5,.bg-active-primary5:active{background-color:var(--mg-primary5)}.txt-primary7,.txt-active-primary7:active{color:var(--mg-primary7)}.bg-primary7,.bg-active-primary7:active{background-color:var(--mg-primary7)}.txt-primary9,.txt-active-primary9:active{color:var(--mg-primary9)}.bg-primary9,.bg-active-primary9:active{background-color:var(--mg-primary9)}.txt-blue,.txt-active-blue:active{color:var(--mg-blue)}.bg-blue,.bg-active-blue:active{background-color:var(--mg-blue)}.txt-shadow-blue{text-shadow:0 0 8px var(--mg-blue)}.border-l4-blue{border-left:4px solid var(--mg-blue)}.box-shadow-blue{box-shadow:0 0 8px var(--mg-blue)}.txt-blue1,.txt-active-blue1:active{color:var(--mg-blue1)}.bg-blue1,.bg-active-blue1:active{background-color:var(--mg-blue1)}.txt-blue3,.txt-active-blue3:active{color:var(--mg-blue3)}.bg-blue3,.bg-active-blue3:active{background-color:var(--mg-blue3)}.txt-blue5,.txt-active-blue5:active{color:var(--mg-blue5)}.bg-blue5,.bg-active-blue5:active{background-color:var(--mg-blue5)}.txt-blue7,.txt-active-blue7:active{color:var(--mg-blue7)}.bg-blue7,.bg-active-blue7:active{background-color:var(--mg-blue7)}.txt-blue9,.txt-active-blue9:active{color:var(--mg-blue9)}.bg-blue9,.bg-active-blue9:active{background-color:var(--mg-blue9)}.txt-orange,.txt-active-orange:active{color:var(--mg-orange)}.bg-orange,.bg-active-orange:active{background-color:var(--mg-orange)}.txt-shadow-orange{text-shadow:0 0 8px var(--mg-orange)}.border-l4-orange{border-left:4px solid var(--mg-orange)}.box-shadow-orange{box-shadow:0 0 8px var(--mg-orange)}.txt-orange1,.txt-active-orange1:active{color:var(--mg-orange1)}.bg-orange1,.bg-active-orange1:active{background-color:var(--mg-orange1)}.txt-orange3,.txt-active-orange3:active{color:var(--mg-orange3)}.bg-orange3,.bg-active-orange3:active{background-color:var(--mg-orange3)}.txt-orange5,.txt-active-orange5:active{color:var(--mg-orange5)}.bg-orange5,.bg-active-orange5:active{background-color:var(--mg-orange5)}.txt-orange7,.txt-active-orange7:active{color:var(--mg-orange7)}.bg-orange7,.bg-active-orange7:active{background-color:var(--mg-orange7)}.txt-orange9,.txt-active-orange9:active{color:var(--mg-orange9)}.bg-orange9,.bg-active-orange9:active{background-color:var(--mg-orange9)}.txt-red,.txt-active-red:active{color:var(--mg-red)}.bg-red,.bg-active-red:active{background-color:var(--mg-red)}.txt-shadow-red{text-shadow:0 0 8px var(--mg-red)}.border-l4-red{border-left:4px solid var(--mg-red)}.box-shadow-red{box-shadow:0 0 8px var(--mg-red)}.txt-red1,.txt-active-red1:active{color:var(--mg-red1)}.bg-red1,.bg-active-red1:active{background-color:var(--mg-red1)}.txt-red3,.txt-active-red3:active{color:var(--mg-red3)}.bg-red3,.bg-active-red3:active{background-color:var(--mg-red3)}.txt-red5,.txt-active-red5:active{color:var(--mg-red5)}.bg-red5,.bg-active-red5:active{background-color:var(--mg-red5)}.txt-red7,.txt-active-red7:active{color:var(--mg-red7)}.bg-red7,.bg-active-red7:active{background-color:var(--mg-red7)}.txt-red9,.txt-active-red9:active{color:var(--mg-red9)}.bg-red9,.bg-active-red9:active{background-color:var(--mg-red9)}.txt-green,.txt-active-green:active{color:var(--mg-green)}.bg-green,.bg-active-green:active{background-color:var(--mg-green)}.txt-shadow-green{text-shadow:0 0 8px var(--mg-green)}.border-l4-green{border-left:4px solid var(--mg-green)}.box-shadow-green{box-shadow:0 0 8px var(--mg-green)}.txt-green1,.txt-active-green1:active{color:var(--mg-green1)}.bg-green1,.bg-active-green1:active{background-color:var(--mg-green1)}.txt-green3,.txt-active-green3:active{color:var(--mg-green3)}.bg-green3,.bg-active-green3:active{background-color:var(--mg-green3)}.txt-green5,.txt-active-green5:active{color:var(--mg-green5)}.bg-green5,.bg-active-green5:active{background-color:var(--mg-green5)}.txt-green7,.txt-active-green7:active{color:var(--mg-green7)}.bg-green7,.bg-active-green7:active{background-color:var(--mg-green7)}.txt-green9,.txt-active-green9:active{color:var(--mg-green9)}.bg-green9,.bg-active-green9:active{background-color:var(--mg-green9)}.txt-yellow,.txt-active-yellow:active{color:var(--mg-yellow)}.bg-yellow,.bg-active-yellow:active{background-color:var(--mg-yellow)}.txt-shadow-yellow{text-shadow:0 0 8px var(--mg-yellow)}.border-l4-yellow{border-left:4px solid var(--mg-yellow)}.box-shadow-yellow{box-shadow:0 0 8px var(--mg-yellow)}.txt-yellow1,.txt-active-yellow1:active{color:var(--mg-yellow1)}.bg-yellow1,.bg-active-yellow1:active{background-color:var(--mg-yellow1)}.txt-yellow3,.txt-active-yellow3:active{color:var(--mg-yellow3)}.bg-yellow3,.bg-active-yellow3:active{background-color:var(--mg-yellow3)}.txt-yellow5,.txt-active-yellow5:active{color:var(--mg-yellow5)}.bg-yellow5,.bg-active-yellow5:active{background-color:var(--mg-yellow5)}.txt-yellow7,.txt-active-yellow7:active{color:var(--mg-yellow7)}.bg-yellow7,.bg-active-yellow7:active{background-color:var(--mg-yellow7)}.txt-yellow9,.txt-active-yellow9:active{color:var(--mg-yellow9)}.bg-yellow9,.bg-active-yellow9:active{background-color:var(--mg-yellow9)}.txt-purple,.txt-active-purple:active{color:var(--mg-purple)}.bg-purple,.bg-active-purple:active{background-color:var(--mg-purple)}.txt-shadow-purple{text-shadow:0 0 8px var(--mg-purple)}.border-l4-purple{border-left:4px solid var(--mg-purple)}.box-shadow-purple{box-shadow:0 0 8px var(--mg-purple)}.txt-purple1,.txt-active-purple1:active{color:var(--mg-purple1)}.bg-purple1,.bg-active-purple1:active{background-color:var(--mg-purple1)}.txt-purple3,.txt-active-purple3:active{color:var(--mg-purple3)}.bg-purple3,.bg-active-purple3:active{background-color:var(--mg-purple3)}.txt-purple5,.txt-active-purple5:active{color:var(--mg-purple5)}.bg-purple5,.bg-active-purple5:active{background-color:var(--mg-purple5)}.txt-purple7,.txt-active-purple7:active{color:var(--mg-purple7)}.bg-purple7,.bg-active-purple7:active{background-color:var(--mg-purple7)}.txt-purple9,.txt-active-purple9:active{color:var(--mg-purple9)}.bg-purple9,.bg-active-purple9:active{background-color:var(--mg-purple9)}.txt-pink,.txt-active-pink:active{color:var(--mg-pink)}.bg-pink,.bg-active-pink:active{background-color:var(--mg-pink)}.txt-shadow-pink{text-shadow:0 0 8px var(--mg-pink)}.border-l4-pink{border-left:4px solid var(--mg-pink)}.box-shadow-pink{box-shadow:0 0 8px var(--mg-pink)}.txt-pink1,.txt-active-pink1:active{color:var(--mg-pink1)}.bg-pink1,.bg-active-pink1:active{background-color:var(--mg-pink1)}.txt-pink3,.txt-active-pink3:active{color:var(--mg-pink3)}.bg-pink3,.bg-active-pink3:active{background-color:var(--mg-pink3)}.txt-pink5,.txt-active-pink5:active{color:var(--mg-pink5)}.bg-pink5,.bg-active-pink5:active{background-color:var(--mg-pink5)}.txt-pink7,.txt-active-pink7:active{color:var(--mg-pink7)}.bg-pink7,.bg-active-pink7:active{background-color:var(--mg-pink7)}.txt-pink9,.txt-active-pink9:active{color:var(--mg-pink9)}.bg-pink9,.bg-active-pink9:active{background-color:var(--mg-pink9)}.txt-dark,.txt-active-dark:active{color:var(--mg-dark)}.bg-dark,.bg-active-dark:active{background-color:var(--mg-dark)}.txt-shadow-dark{text-shadow:0 0 8px var(--mg-dark)}.border-l4-dark{border-left:4px solid var(--mg-dark)}.box-shadow-dark{box-shadow:0 0 8px var(--mg-dark)}.txt-dark1,.txt-active-dark1:active{color:var(--mg-dark1)}.bg-dark1,.bg-active-dark1:active{background-color:var(--mg-dark1)}.txt-dark3,.txt-active-dark3:active{color:var(--mg-dark3)}.bg-dark3,.bg-active-dark3:active{background-color:var(--mg-dark3)}.txt-dark5,.txt-active-dark5:active{color:var(--mg-dark5)}.bg-dark5,.bg-active-dark5:active{background-color:var(--mg-dark5)}.txt-dark7,.txt-active-dark7:active{color:var(--mg-dark7)}.bg-dark7,.bg-active-dark7:active{background-color:var(--mg-dark7)}.txt-dark9,.txt-active-dark9:active{color:var(--mg-dark9)}.bg-dark9,.bg-active-dark9:active{background-color:var(--mg-dark9)}.txt-gray,.txt-active-gray:active{color:var(--mg-gray)}.bg-gray,.bg-active-gray:active{background-color:var(--mg-gray)}.txt-shadow-gray{text-shadow:0 0 8px var(--mg-gray)}.border-l4-gray{border-left:4px solid var(--mg-gray)}.box-shadow-gray{box-shadow:0 0 8px var(--mg-gray)}.txt-gray1,.txt-active-gray1:active{color:var(--mg-gray1)}.bg-gray1,.bg-active-gray1:active{background-color:var(--mg-gray1)}.txt-gray3,.txt-active-gray3:active{color:var(--mg-gray3)}.bg-gray3,.bg-active-gray3:active{background-color:var(--mg-gray3)}.txt-gray5,.txt-active-gray5:active{color:var(--mg-gray5)}.bg-gray5,.bg-active-gray5:active{background-color:var(--mg-gray5)}.txt-gray7,.txt-active-gray7:active{color:var(--mg-gray7)}.bg-gray7,.bg-active-gray7:active{background-color:var(--mg-gray7)}.txt-gray9,.txt-active-gray9:active{color:var(--mg-gray9)}.bg-gray9,.bg-active-gray9:active{background-color:var(--mg-gray9)}.txt-white,.txt-active-white:active{color:var(--mg-white)}.bg-white,.bg-active-white:active{background-color:var(--mg-white)}.txt-shadow-white{text-shadow:0 0 8px var(--mg-white)}.border-l4-white{border-left:4px solid var(--mg-white)}.box-shadow-white{box-shadow:0 0 8px var(--mg-white)}.txt-white1,.txt-active-white1:active{color:var(--mg-white1)}.bg-white1,.bg-active-white1:active{background-color:var(--mg-white1)}.txt-white3,.txt-active-white3:active{color:var(--mg-white3)}.bg-white3,.bg-active-white3:active{background-color:var(--mg-white3)}.txt-white5,.txt-active-white5:active{color:var(--mg-white5)}.bg-white5,.bg-active-white5:active{background-color:var(--mg-white5)}.txt-white7,.txt-active-white7:active{color:var(--mg-white7)}.bg-white7,.bg-active-white7:active{background-color:var(--mg-white7)}.txt-white9,.txt-active-white9:active{color:var(--mg-white9)}.bg-white9,.bg-active-white9:active{background-color:var(--mg-white9)}.bg-ad{background-color:var(--mg-ad)}.txt-ad{color:var(--mg-ad)}.txt-shadow-dark5{text-shadow:0 0 8px var(--mg-dark5)}.bg-none{background:none!important}.border{border:var(--mg-border-1)}.border-dark{border:thin solid var(--mg-dark)}.border-white1{border:thin solid var(--mg-white1)}.border-blue3{border:thin solid var(--mg-blue3)}.border-r{border-right:var(--mg-border-1)}.border-l{border-left:var(--mg-border-1)}.border-t{border-top:var(--mg-border-1)}.border-b{border-bottom:var(--mg-border-1)}.hover-bg-gray1{cursor:pointer}.hover-bg-gray1:hover{background-color:var(--mg-gray1)}.hover-bg-gray3{cursor:pointer}.hover-bg-gray3:hover{background-color:var(--mg-gray3)}.hover-bg-dark1{cursor:pointer}.hover-bg-dark1:hover{background-color:var(--mg-dark1)}.hover-txt-primary{cursor:pointer}.hover-txt-primary:hover{color:var(--mg-primary)}.hover-txt-green{cursor:pointer}.hover-txt-green:hover{color:var(--mg-green)}.hover-txt-red{cursor:pointer}.hover-txt-red:hover{color:var(--mg-red)}.hover-txt-orange{cursor:pointer}.hover-txt-orange:hover{color:var(--mg-orange)}.hover{cursor:pointer}.hover:hover{opacity:.7}.hover-box-shadow:hover,.box-shadow-dark1{box-shadow:0 0 8px var(--mg-dark3)}.box-shadow-gray3{box-shadow:0 0 8px var(--mg-gray3)}.box-shadow-gray5{box-shadow:0 0 8px var(--mg-gray5)}.box-shadow-none{box-shadow:none!important}@media (min-width: 1440px){.centerArea.media{max-width:1024px}}.centerArea{margin:0 auto}.relative{position:relative!important}.fixed{position:fixed!important}.abs{position:absolute!important}.t{top:0}.l{left:0}.r{right:0}.b{bottom:0}.absCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absFull{position:absolute;top:0;left:0;right:0;bottom:0}.z0{z-index:0}.z1{z-index:1}.z2{z-index:2}.z9{z-index:9}.flexMode{display:flex;justify-content:flex-start;align-items:flex-start}.flex1{flex:1}.flex-1{flex-direction:row-reverse}.flexV{flex-direction:column}.flexV-1{flex-direction:column-reverse}.flexWrap{flex-wrap:wrap}.flexWrap-1{flex-wrap:wrap-reverse}.flexGrow{flex-grow:1}.noShrink{flex-shrink:0}.hl{justify-content:flex-start!important}.hb{justify-content:space-between!important}.ha{justify-content:space-around!important}.hc{justify-content:center!important}.hr{justify-content:flex-end!important}.vl{align-items:flex-start!important}.vr{align-items:flex-end!important}.vc{align-items:center!important}.vs{align-items:stretch!important}.sticky{position:sticky;top:0}.clear{clear:both}.txt-c{text-align:center}.txt-r{text-align:right}.yscroll{height:100%;overflow-y:auto!important;overflow-x:hidden}.xscroll{overflow-x:auto!important;overflow-y:hidden}.fadeout{mask:linear-gradient(to right,transparent,rgb(0,0,0) 16px,rgb(0,0,0) calc(100% - 16px),transparent)}.fadeout-h16{margin:0 -16px;padding:0 16px}.noscroll{overflow-anchor:none}.nobar::-webkit-scrollbar{display:none}.noselect{-webkit-user-select:none;user-select:none}.noevent{pointer-events:none}.notransition{transition:none!important}.radius{overflow:hidden}.hide{display:none!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius6{border-radius:6px}.radius7{border-radius:7px}.radius8{border-radius:8px}.radius9{border-radius:9px}.radius10{border-radius:10px}.radius11{border-radius:11px}.radius12{border-radius:12px}.radius13{border-radius:13px}.radius14{border-radius:14px}.radius15{border-radius:15px}.radius16{border-radius:16px}.radiusP50{border-radius:50%}.g2{gap:2px}.g4{gap:4px}.g6{gap:6px}.g8{gap:8px}.g10{gap:10px}.g12{gap:12px}.g14{gap:14px}.g16{gap:16px}.g18{gap:18px}.g20{gap:20px}.g22{gap:22px}.g24{gap:24px}.g26{gap:26px}.g28{gap:28px}.g30{gap:30px}.g32{gap:32px}.g34{gap:34px}.g36{gap:36px}.g38{gap:38px}.g40{gap:40px}.opacity0{opacity:0}.mauto{margin:0 auto}.bg-none{background-color:transparent!important}.pt0{padding-top:0!important}.pr0{padding-right:0!important}.pb0{padding-bottom:0!important}.pl0{padding-left:0!important}.mt0{margin-top:0!important}.mr0{margin-right:0!important}.mb0{margin-bottom:0!important}.ml0{margin-left:0!important}.p0{padding:0}.m0{margin:0}.p0-2{padding:0 2px}.m0-2{margin:0 2px}.p0-4{padding:0 4px}.m0-4{margin:0 4px}.p0-6{padding:0 6px}.m0-6{margin:0 6px}.p0-8{padding:0 8px}.m0-8{margin:0 8px}.p0-10{padding:0 10px}.m0-10{margin:0 10px}.p0-12{padding:0 12px}.m0-12{margin:0 12px}.p0-16{padding:0 16px}.m0-16{margin:0 16px}.p0-20{padding:0 20px}.m0-20{margin:0 20px}.p0-24{padding:0 24px}.m0-24{margin:0 24px}.p0-32{padding:0 32px}.m0-32{margin:0 32px}.p0-36{padding:0 36px}.m0-36{margin:0 36px}.p0-48{padding:0 48px}.m0-48{margin:0 48px}.p0-64{padding:0 64px}.m0-64{margin:0 64px}.p0-96{padding:0 96px}.m0-96{margin:0 96px}.pt2{padding-top:2px!important}.pr2{padding-right:2px!important}.pb2{padding-bottom:2px!important}.pl2{padding-left:2px!important}.mt2{margin-top:2px!important}.mr2{margin-right:2px!important}.mb2{margin-bottom:2px!important}.ml2{margin-left:2px!important}.p2-0{padding:2px 0}.m2-0{margin:2px 0}.p2{padding:2px}.m2{margin:2px}.p2-4{padding:2px 4px}.m2-4{margin:2px 4px}.p2-6{padding:2px 6px}.m2-6{margin:2px 6px}.p2-8{padding:2px 8px}.m2-8{margin:2px 8px}.p2-10{padding:2px 10px}.m2-10{margin:2px 10px}.p2-12{padding:2px 12px}.m2-12{margin:2px 12px}.p2-16{padding:2px 16px}.m2-16{margin:2px 16px}.p2-20{padding:2px 20px}.m2-20{margin:2px 20px}.p2-24{padding:2px 24px}.m2-24{margin:2px 24px}.p2-32{padding:2px 32px}.m2-32{margin:2px 32px}.p2-36{padding:2px 36px}.m2-36{margin:2px 36px}.p2-48{padding:2px 48px}.m2-48{margin:2px 48px}.p2-64{padding:2px 64px}.m2-64{margin:2px 64px}.p2-96{padding:2px 96px}.m2-96{margin:2px 96px}.pt4{padding-top:4px!important}.pr4{padding-right:4px!important}.pb4{padding-bottom:4px!important}.pl4{padding-left:4px!important}.mt4{margin-top:4px!important}.mr4{margin-right:4px!important}.mb4{margin-bottom:4px!important}.ml4{margin-left:4px!important}.p4-0{padding:4px 0}.m4-0{margin:4px 0}.p4-2{padding:4px 2px}.m4-2{margin:4px 2px}.p4{padding:4px}.m4{margin:4px}.p4-6{padding:4px 6px}.m4-6{margin:4px 6px}.p4-8{padding:4px 8px}.m4-8{margin:4px 8px}.p4-10{padding:4px 10px}.m4-10{margin:4px 10px}.p4-12{padding:4px 12px}.m4-12{margin:4px 12px}.p4-16{padding:4px 16px}.m4-16{margin:4px 16px}.p4-20{padding:4px 20px}.m4-20{margin:4px 20px}.p4-24{padding:4px 24px}.m4-24{margin:4px 24px}.p4-32{padding:4px 32px}.m4-32{margin:4px 32px}.p4-36{padding:4px 36px}.m4-36{margin:4px 36px}.p4-48{padding:4px 48px}.m4-48{margin:4px 48px}.p4-64{padding:4px 64px}.m4-64{margin:4px 64px}.p4-96{padding:4px 96px}.m4-96{margin:4px 96px}.pt6{padding-top:6px!important}.pr6{padding-right:6px!important}.pb6{padding-bottom:6px!important}.pl6{padding-left:6px!important}.mt6{margin-top:6px!important}.mr6{margin-right:6px!important}.mb6{margin-bottom:6px!important}.ml6{margin-left:6px!important}.p6-0{padding:6px 0}.m6-0{margin:6px 0}.p6-2{padding:6px 2px}.m6-2{margin:6px 2px}.p6-4{padding:6px 4px}.m6-4{margin:6px 4px}.p6{padding:6px}.m6{margin:6px}.p6-8{padding:6px 8px}.m6-8{margin:6px 8px}.p6-10{padding:6px 10px}.m6-10{margin:6px 10px}.p6-12{padding:6px 12px}.m6-12{margin:6px 12px}.p6-16{padding:6px 16px}.m6-16{margin:6px 16px}.p6-20{padding:6px 20px}.m6-20{margin:6px 20px}.p6-24{padding:6px 24px}.m6-24{margin:6px 24px}.p6-32{padding:6px 32px}.m6-32{margin:6px 32px}.p6-36{padding:6px 36px}.m6-36{margin:6px 36px}.p6-48{padding:6px 48px}.m6-48{margin:6px 48px}.p6-64{padding:6px 64px}.m6-64{margin:6px 64px}.p6-96{padding:6px 96px}.m6-96{margin:6px 96px}.pt8{padding-top:8px!important}.pr8{padding-right:8px!important}.pb8{padding-bottom:8px!important}.pl8{padding-left:8px!important}.mt8{margin-top:8px!important}.mr8{margin-right:8px!important}.mb8{margin-bottom:8px!important}.ml8{margin-left:8px!important}.p8-0{padding:8px 0}.m8-0{margin:8px 0}.p8-2{padding:8px 2px}.m8-2{margin:8px 2px}.p8-4{padding:8px 4px}.m8-4{margin:8px 4px}.p8-6{padding:8px 6px}.m8-6{margin:8px 6px}.p8{padding:8px}.m8{margin:8px}.p8-10{padding:8px 10px}.m8-10{margin:8px 10px}.p8-12{padding:8px 12px}.m8-12{margin:8px 12px}.p8-16{padding:8px 16px}.m8-16{margin:8px 16px}.p8-20{padding:8px 20px}.m8-20{margin:8px 20px}.p8-24{padding:8px 24px}.m8-24{margin:8px 24px}.p8-32{padding:8px 32px}.m8-32{margin:8px 32px}.p8-36{padding:8px 36px}.m8-36{margin:8px 36px}.p8-48{padding:8px 48px}.m8-48{margin:8px 48px}.p8-64{padding:8px 64px}.m8-64{margin:8px 64px}.p8-96{padding:8px 96px}.m8-96{margin:8px 96px}.pt10{padding-top:10px!important}.pr10{padding-right:10px!important}.pb10{padding-bottom:10px!important}.pl10{padding-left:10px!important}.mt10{margin-top:10px!important}.mr10{margin-right:10px!important}.mb10{margin-bottom:10px!important}.ml10{margin-left:10px!important}.p10-0{padding:10px 0}.m10-0{margin:10px 0}.p10-2{padding:10px 2px}.m10-2{margin:10px 2px}.p10-4{padding:10px 4px}.m10-4{margin:10px 4px}.p10-6{padding:10px 6px}.m10-6{margin:10px 6px}.p10-8{padding:10px 8px}.m10-8{margin:10px 8px}.p10{padding:10px}.m10{margin:10px}.p10-12{padding:10px 12px}.m10-12{margin:10px 12px}.p10-16{padding:10px 16px}.m10-16{margin:10px 16px}.p10-20{padding:10px 20px}.m10-20{margin:10px 20px}.p10-24{padding:10px 24px}.m10-24{margin:10px 24px}.p10-32{padding:10px 32px}.m10-32{margin:10px 32px}.p10-36{padding:10px 36px}.m10-36{margin:10px 36px}.p10-48{padding:10px 48px}.m10-48{margin:10px 48px}.p10-64{padding:10px 64px}.m10-64{margin:10px 64px}.p10-96{padding:10px 96px}.m10-96{margin:10px 96px}.pt12{padding-top:12px!important}.pr12{padding-right:12px!important}.pb12{padding-bottom:12px!important}.pl12{padding-left:12px!important}.mt12{margin-top:12px!important}.mr12{margin-right:12px!important}.mb12{margin-bottom:12px!important}.ml12{margin-left:12px!important}.p12-0{padding:12px 0}.m12-0{margin:12px 0}.p12-2{padding:12px 2px}.m12-2{margin:12px 2px}.p12-4{padding:12px 4px}.m12-4{margin:12px 4px}.p12-6{padding:12px 6px}.m12-6{margin:12px 6px}.p12-8{padding:12px 8px}.m12-8{margin:12px 8px}.p12-10{padding:12px 10px}.m12-10{margin:12px 10px}.p12{padding:12px}.m12{margin:12px}.p12-16{padding:12px 16px}.m12-16{margin:12px 16px}.p12-20{padding:12px 20px}.m12-20{margin:12px 20px}.p12-24{padding:12px 24px}.m12-24{margin:12px 24px}.p12-32{padding:12px 32px}.m12-32{margin:12px 32px}.p12-36{padding:12px 36px}.m12-36{margin:12px 36px}.p12-48{padding:12px 48px}.m12-48{margin:12px 48px}.p12-64{padding:12px 64px}.m12-64{margin:12px 64px}.p12-96{padding:12px 96px}.m12-96{margin:12px 96px}.pt16{padding-top:16px!important}.pr16{padding-right:16px!important}.pb16{padding-bottom:16px!important}.pl16{padding-left:16px!important}.mt16{margin-top:16px!important}.mr16{margin-right:16px!important}.mb16{margin-bottom:16px!important}.ml16{margin-left:16px!important}.p16-0{padding:16px 0}.m16-0{margin:16px 0}.p16-2{padding:16px 2px}.m16-2{margin:16px 2px}.p16-4{padding:16px 4px}.m16-4{margin:16px 4px}.p16-6{padding:16px 6px}.m16-6{margin:16px 6px}.p16-8{padding:16px 8px}.m16-8{margin:16px 8px}.p16-10{padding:16px 10px}.m16-10{margin:16px 10px}.p16-12{padding:16px 12px}.m16-12{margin:16px 12px}.p16{padding:16px}.m16{margin:16px}.p16-20{padding:16px 20px}.m16-20{margin:16px 20px}.p16-24{padding:16px 24px}.m16-24{margin:16px 24px}.p16-32{padding:16px 32px}.m16-32{margin:16px 32px}.p16-36{padding:16px 36px}.m16-36{margin:16px 36px}.p16-48{padding:16px 48px}.m16-48{margin:16px 48px}.p16-64{padding:16px 64px}.m16-64{margin:16px 64px}.p16-96{padding:16px 96px}.m16-96{margin:16px 96px}.pt20{padding-top:20px!important}.pr20{padding-right:20px!important}.pb20{padding-bottom:20px!important}.pl20{padding-left:20px!important}.mt20{margin-top:20px!important}.mr20{margin-right:20px!important}.mb20{margin-bottom:20px!important}.ml20{margin-left:20px!important}.p20-0{padding:20px 0}.m20-0{margin:20px 0}.p20-2{padding:20px 2px}.m20-2{margin:20px 2px}.p20-4{padding:20px 4px}.m20-4{margin:20px 4px}.p20-6{padding:20px 6px}.m20-6{margin:20px 6px}.p20-8{padding:20px 8px}.m20-8{margin:20px 8px}.p20-10{padding:20px 10px}.m20-10{margin:20px 10px}.p20-12{padding:20px 12px}.m20-12{margin:20px 12px}.p20-16{padding:20px 16px}.m20-16{margin:20px 16px}.p20{padding:20px}.m20{margin:20px}.p20-24{padding:20px 24px}.m20-24{margin:20px 24px}.p20-32{padding:20px 32px}.m20-32{margin:20px 32px}.p20-36{padding:20px 36px}.m20-36{margin:20px 36px}.p20-48{padding:20px 48px}.m20-48{margin:20px 48px}.p20-64{padding:20px 64px}.m20-64{margin:20px 64px}.p20-96{padding:20px 96px}.m20-96{margin:20px 96px}.pt24{padding-top:24px!important}.pr24{padding-right:24px!important}.pb24{padding-bottom:24px!important}.pl24{padding-left:24px!important}.mt24{margin-top:24px!important}.mr24{margin-right:24px!important}.mb24{margin-bottom:24px!important}.ml24{margin-left:24px!important}.p24-0{padding:24px 0}.m24-0{margin:24px 0}.p24-2{padding:24px 2px}.m24-2{margin:24px 2px}.p24-4{padding:24px 4px}.m24-4{margin:24px 4px}.p24-6{padding:24px 6px}.m24-6{margin:24px 6px}.p24-8{padding:24px 8px}.m24-8{margin:24px 8px}.p24-10{padding:24px 10px}.m24-10{margin:24px 10px}.p24-12{padding:24px 12px}.m24-12{margin:24px 12px}.p24-16{padding:24px 16px}.m24-16{margin:24px 16px}.p24-20{padding:24px 20px}.m24-20{margin:24px 20px}.p24{padding:24px}.m24{margin:24px}.p24-32{padding:24px 32px}.m24-32{margin:24px 32px}.p24-36{padding:24px 36px}.m24-36{margin:24px 36px}.p24-48{padding:24px 48px}.m24-48{margin:24px 48px}.p24-64{padding:24px 64px}.m24-64{margin:24px 64px}.p24-96{padding:24px 96px}.m24-96{margin:24px 96px}.pt32{padding-top:32px!important}.pr32{padding-right:32px!important}.pb32{padding-bottom:32px!important}.pl32{padding-left:32px!important}.mt32{margin-top:32px!important}.mr32{margin-right:32px!important}.mb32{margin-bottom:32px!important}.ml32{margin-left:32px!important}.p32-0{padding:32px 0}.m32-0{margin:32px 0}.p32-2{padding:32px 2px}.m32-2{margin:32px 2px}.p32-4{padding:32px 4px}.m32-4{margin:32px 4px}.p32-6{padding:32px 6px}.m32-6{margin:32px 6px}.p32-8{padding:32px 8px}.m32-8{margin:32px 8px}.p32-10{padding:32px 10px}.m32-10{margin:32px 10px}.p32-12{padding:32px 12px}.m32-12{margin:32px 12px}.p32-16{padding:32px 16px}.m32-16{margin:32px 16px}.p32-20{padding:32px 20px}.m32-20{margin:32px 20px}.p32-24{padding:32px 24px}.m32-24{margin:32px 24px}.p32{padding:32px}.m32{margin:32px}.p32-36{padding:32px 36px}.m32-36{margin:32px 36px}.p32-48{padding:32px 48px}.m32-48{margin:32px 48px}.p32-64{padding:32px 64px}.m32-64{margin:32px 64px}.p32-96{padding:32px 96px}.m32-96{margin:32px 96px}.pt36{padding-top:36px!important}.pr36{padding-right:36px!important}.pb36{padding-bottom:36px!important}.pl36{padding-left:36px!important}.mt36{margin-top:36px!important}.mr36{margin-right:36px!important}.mb36{margin-bottom:36px!important}.ml36{margin-left:36px!important}.p36-0{padding:36px 0}.m36-0{margin:36px 0}.p36-2{padding:36px 2px}.m36-2{margin:36px 2px}.p36-4{padding:36px 4px}.m36-4{margin:36px 4px}.p36-6{padding:36px 6px}.m36-6{margin:36px 6px}.p36-8{padding:36px 8px}.m36-8{margin:36px 8px}.p36-10{padding:36px 10px}.m36-10{margin:36px 10px}.p36-12{padding:36px 12px}.m36-12{margin:36px 12px}.p36-16{padding:36px 16px}.m36-16{margin:36px 16px}.p36-20{padding:36px 20px}.m36-20{margin:36px 20px}.p36-24{padding:36px 24px}.m36-24{margin:36px 24px}.p36-32{padding:36px 32px}.m36-32{margin:36px 32px}.p36{padding:36px}.m36{margin:36px}.p36-48{padding:36px 48px}.m36-48{margin:36px 48px}.p36-64{padding:36px 64px}.m36-64{margin:36px 64px}.p36-96{padding:36px 96px}.m36-96{margin:36px 96px}.pt48{padding-top:48px!important}.pr48{padding-right:48px!important}.pb48{padding-bottom:48px!important}.pl48{padding-left:48px!important}.mt48{margin-top:48px!important}.mr48{margin-right:48px!important}.mb48{margin-bottom:48px!important}.ml48{margin-left:48px!important}.p48-0{padding:48px 0}.m48-0{margin:48px 0}.p48-2{padding:48px 2px}.m48-2{margin:48px 2px}.p48-4{padding:48px 4px}.m48-4{margin:48px 4px}.p48-6{padding:48px 6px}.m48-6{margin:48px 6px}.p48-8{padding:48px 8px}.m48-8{margin:48px 8px}.p48-10{padding:48px 10px}.m48-10{margin:48px 10px}.p48-12{padding:48px 12px}.m48-12{margin:48px 12px}.p48-16{padding:48px 16px}.m48-16{margin:48px 16px}.p48-20{padding:48px 20px}.m48-20{margin:48px 20px}.p48-24{padding:48px 24px}.m48-24{margin:48px 24px}.p48-32{padding:48px 32px}.m48-32{margin:48px 32px}.p48-36{padding:48px 36px}.m48-36{margin:48px 36px}.p48{padding:48px}.m48{margin:48px}.p48-64{padding:48px 64px}.m48-64{margin:48px 64px}.p48-96{padding:48px 96px}.m48-96{margin:48px 96px}.pt64{padding-top:64px!important}.pr64{padding-right:64px!important}.pb64{padding-bottom:64px!important}.pl64{padding-left:64px!important}.mt64{margin-top:64px!important}.mr64{margin-right:64px!important}.mb64{margin-bottom:64px!important}.ml64{margin-left:64px!important}.p64-0{padding:64px 0}.m64-0{margin:64px 0}.p64-2{padding:64px 2px}.m64-2{margin:64px 2px}.p64-4{padding:64px 4px}.m64-4{margin:64px 4px}.p64-6{padding:64px 6px}.m64-6{margin:64px 6px}.p64-8{padding:64px 8px}.m64-8{margin:64px 8px}.p64-10{padding:64px 10px}.m64-10{margin:64px 10px}.p64-12{padding:64px 12px}.m64-12{margin:64px 12px}.p64-16{padding:64px 16px}.m64-16{margin:64px 16px}.p64-20{padding:64px 20px}.m64-20{margin:64px 20px}.p64-24{padding:64px 24px}.m64-24{margin:64px 24px}.p64-32{padding:64px 32px}.m64-32{margin:64px 32px}.p64-36{padding:64px 36px}.m64-36{margin:64px 36px}.p64-48{padding:64px 48px}.m64-48{margin:64px 48px}.p64{padding:64px}.m64{margin:64px}.p64-96{padding:64px 96px}.m64-96{margin:64px 96px}.pt96{padding-top:96px!important}.pr96{padding-right:96px!important}.pb96{padding-bottom:96px!important}.pl96{padding-left:96px!important}.mt96{margin-top:96px!important}.mr96{margin-right:96px!important}.mb96{margin-bottom:96px!important}.ml96{margin-left:96px!important}.p96-0{padding:96px 0}.m96-0{margin:96px 0}.p96-2{padding:96px 2px}.m96-2{margin:96px 2px}.p96-4{padding:96px 4px}.m96-4{margin:96px 4px}.p96-6{padding:96px 6px}.m96-6{margin:96px 6px}.p96-8{padding:96px 8px}.m96-8{margin:96px 8px}.p96-10{padding:96px 10px}.m96-10{margin:96px 10px}.p96-12{padding:96px 12px}.m96-12{margin:96px 12px}.p96-16{padding:96px 16px}.m96-16{margin:96px 16px}.p96-20{padding:96px 20px}.m96-20{margin:96px 20px}.p96-24{padding:96px 24px}.m96-24{margin:96px 24px}.p96-32{padding:96px 32px}.m96-32{margin:96px 32px}.p96-36{padding:96px 36px}.m96-36{margin:96px 36px}.p96-48{padding:96px 48px}.m96-48{margin:96px 48px}.p96-64{padding:96px 64px}.m96-64{margin:96px 64px}.p96{padding:96px}.m96{margin:96px}.p0{padding:0!important}.pt0{padding-top:0}.pl0{padding-left:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.w16{width:16px!important}.minw16{min-width:16px}.maxw16{max-width:16px}.h16{height:16px!important}.minh16{min-height:16px}.maxh16{max-height:16px}.w24{width:24px!important}.minw24{min-width:24px}.maxw24{max-width:24px}.h24{height:24px!important}.minh24{min-height:24px}.maxh24{max-height:24px}.w30{width:30px!important}.minw30{min-width:30px}.maxw30{max-width:30px}.h30{height:30px!important}.minh30{min-height:30px}.maxh30{max-height:30px}.w32{width:32px!important}.minw32{min-width:32px}.maxw32{max-width:32px}.h32{height:32px!important}.minh32{min-height:32px}.maxh32{max-height:32px}.w36{width:36px!important}.minw36{min-width:36px}.maxw36{max-width:36px}.h36{height:36px!important}.minh36{min-height:36px}.maxh36{max-height:36px}.w40{width:40px!important}.minw40{min-width:40px}.maxw40{max-width:40px}.h40{height:40px!important}.minh40{min-height:40px}.maxh40{max-height:40px}.w48{width:48px!important}.minw48{min-width:48px}.maxw48{max-width:48px}.h48{height:48px!important}.minh48{min-height:48px}.maxh48{max-height:48px}.w56{width:56px!important}.minw56{min-width:56px}.maxw56{max-width:56px}.h56{height:56px!important}.minh56{min-height:56px}.maxh56{max-height:56px}.w64{width:64px!important}.minw64{min-width:64px}.maxw64{max-width:64px}.h64{height:64px!important}.minh64{min-height:64px}.maxh64{max-height:64px}.w80{width:80px!important}.minw80{min-width:80px}.maxw80{max-width:80px}.h80{height:80px!important}.minh80{min-height:80px}.maxh80{max-height:80px}.w88{width:88px!important}.minw88{min-width:88px}.maxw88{max-width:88px}.h88{height:88px!important}.minh88{min-height:88px}.maxh88{max-height:88px}.w90{width:90px!important}.minw90{min-width:90px}.maxw90{max-width:90px}.h90{height:90px!important}.minh90{min-height:90px}.maxh90{max-height:90px}.w96{width:96px!important}.minw96{min-width:96px}.maxw96{max-width:96px}.h96{height:96px!important}.minh96{min-height:96px}.maxh96{max-height:96px}.w100{width:100px!important}.minw100{min-width:100px}.maxw100{max-width:100px}.h100{height:100px!important}.minh100{min-height:100px}.maxh100{max-height:100px}.w120{width:120px!important}.minw120{min-width:120px}.maxw120{max-width:120px}.h120{height:120px!important}.minh120{min-height:120px}.maxh120{max-height:120px}.w128{width:128px!important}.minw128{min-width:128px}.maxw128{max-width:128px}.h128{height:128px!important}.minh128{min-height:128px}.maxh128{max-height:128px}.w140{width:140px!important}.minw140{min-width:140px}.maxw140{max-width:140px}.h140{height:140px!important}.minh140{min-height:140px}.maxh140{max-height:140px}.w150{width:150px!important}.minw150{min-width:150px}.maxw150{max-width:150px}.h150{height:150px!important}.minh150{min-height:150px}.maxh150{max-height:150px}.w160{width:160px!important}.minw160{min-width:160px}.maxw160{max-width:160px}.h160{height:160px!important}.minh160{min-height:160px}.maxh160{max-height:160px}.w180{width:180px!important}.minw180{min-width:180px}.maxw180{max-width:180px}.h180{height:180px!important}.minh180{min-height:180px}.maxh180{max-height:180px}.w200{width:200px!important}.minw200{min-width:200px}.maxw200{max-width:200px}.h200{height:200px!important}.minh200{min-height:200px}.maxh200{max-height:200px}.w240{width:240px!important}.minw240{min-width:240px}.maxw240{max-width:240px}.h240{height:240px!important}.minh240{min-height:240px}.maxh240{max-height:240px}.w256{width:256px!important}.minw256{min-width:256px}.maxw256{max-width:256px}.h256{height:256px!important}.minh256{min-height:256px}.maxh256{max-height:256px}.w300{width:300px!important}.minw300{min-width:300px}.maxw300{max-width:300px}.h300{height:300px!important}.minh300{min-height:300px}.maxh300{max-height:300px}.w320{width:320px!important}.minw320{min-width:320px}.maxw320{max-width:320px}.h320{height:320px!important}.minh320{min-height:320px}.maxh320{max-height:320px}.w360{width:360px!important}.minw360{min-width:360px}.maxw360{max-width:360px}.h360{height:360px!important}.minh360{min-height:360px}.maxh360{max-height:360px}.w375{width:375px!important}.minw375{min-width:375px}.maxw375{max-width:375px}.h375{height:375px!important}.minh375{min-height:375px}.maxh375{max-height:375px}.w400{width:400px!important}.minw400{min-width:400px}.maxw400{max-width:400px}.h400{height:400px!important}.minh400{min-height:400px}.maxh400{max-height:400px}.w480{width:480px!important}.minw480{min-width:480px}.maxw480{max-width:480px}.h480{height:480px!important}.minh480{min-height:480px}.maxh480{max-height:480px}.w600{width:600px!important}.minw600{min-width:600px}.maxw600{max-width:600px}.h600{height:600px!important}.minh600{min-height:600px}.maxh600{max-height:600px}.w750{width:750px!important}.minw750{min-width:750px}.maxw750{max-width:750px}.h750{height:750px!important}.minh750{min-height:750px}.maxh750{max-height:750px}.w800{width:800px!important}.minw800{min-width:800px}.maxw800{max-width:800px}.h800{height:800px!important}.minh800{min-height:800px}.maxh800{max-height:800px}.w1{width:1px;height:1px;flex-shrink:0}.wp10{width:10%!important}.hp10{height:10%!important}.wp20{width:20%!important}.hp20{height:20%!important}.wp30{width:30%!important}.hp30{height:30%!important}.wp40{width:40%!important}.hp40{height:40%!important}.wp50{width:50%!important}.hp50{height:50%!important}.wp60{width:60%!important}.hp60{height:60%!important}.wp70{width:70%!important}.hp70{height:70%!important}.wp80{width:80%!important}.hp80{height:80%!important}.wp90{width:90%!important}.hp90{height:90%!important}.wp100{width:100%!important}.hp100{height:100%!important}.wp30{width:33.3333333333%!important}.vh50{height:50vh!important}.vh60{height:60vh!important}.vh70{height:70vh!important}.vh80{height:80vh!important}.vh100{height:100vh!important}.vw90{width:90vw}.hauto{height:auto!important}.fs10{font-size:10px!important}.fs11{font-size:11px!important}.fs12{font-size:12px!important}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs18{font-size:18px!important}.fs20{font-size:20px!important}.fs22{font-size:22px!important}.fs24{font-size:24px!important}.fs28{font-size:28px!important}.fs30{font-size:30px!important}.fs32{font-size:32px!important}.fs36{font-size:36px!important}.fs48{font-size:48px!important}.fs64{font-size:64px!important}.fs96{font-size:96px!important}.space1{letter-spacing:1px}.space2{letter-spacing:2px}.space3{letter-spacing:3px}.space4{letter-spacing:4px}.space5{letter-spacing:5px}.lh14{line-height:14px}.lh16{line-height:16px}.lh18{line-height:18px}.lh20{line-height:20px}.lh22{line-height:22px}.lh24{line-height:24px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}.txt-nowrap1{-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.txt-nowrap2{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.txt-nowrap3{-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.txt-nowrap4{-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.txt-nowrap5{-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.txt-nowrap6{-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.txt-nowrap7{-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.txt-nowrap8{-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}.txt-nowrap9{-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}.txt-nowrap10{-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}.txt-wrap{word-break:all;word-wrap:break-word;white-space:pre-wrap}.txt-nowrap{text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;overflow:hidden}.fw400{font-weight:400}.fw500{font-weight:500}.fw700{font-weight:700}.block{display:block}.indent2{text-indent:2rem}.cursor-disabled{cursor:not-allowed}.txt-line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden}.opacity2{opacity:.2}.txt-line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all;overflow:hidden}.opacity3{opacity:calc(3 / 10)}.txt-line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;word-break:break-all;overflow:hidden}.opacity4{opacity:.4}.txt-line5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;word-break:break-all;overflow:hidden}.opacity5{opacity:.5}.txt-line6{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;word-break:break-all;overflow:hidden}.opacity6{opacity:calc(6 / 10)}.txt-line7{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;word-break:break-all;overflow:hidden}.opacity7{opacity:calc(7 / 10)}.txt-line8{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;word-break:break-all;overflow:hidden}.opacity8{opacity:.8}.txt-line9{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;word-break:break-all;overflow:hidden}.opacity9{opacity:.9}.DialogFooter{display:flex;align-items:center;justify-content:center;height:64px;padding:0 16px;border-top:thin var(--mg-dark1) solid}.DialogBody{min-height:120px;background-color:var(--mg-white9)}.DialogContent{display:flex;align-items:center;justify-content:center;min-height:120px}.inputGroup{display:flex;align-items:stretch;line-height:initial}.inputGroup .inputGroupLeft{position:relative;z-index:1}.inputGroup .inputGroupLeft .el-input__wrapper,.inputGroup .inputGroupLeft .el-select__wrapper,.inputGroup .inputGroupLeft .el-button,.inputGroup .inputGroupLeft.el-button{border-radius:4px 0 0 4px}.inputGroup .inputGroupCenter{position:relative;transform:translate(-1px)}.inputGroup .inputGroupCenter .el-input__wrapper{border-radius:0}.inputGroup .inputGroupCenter:has(.is-focus){z-index:9}.inputGroup .inputGroupRight{position:relative;z-index:1;transform:translate(-1px)}.inputGroup .inputGroupRight .el-input__wrapper,.inputGroup .inputGroupRight .el-select__wrapper,.inputGroup .inputGroupRight .el-button{border-radius:0 4px 4px 0}.inputGroup .inputGroupCenter+.inputGroupRight{transform:translate(-3px)}.emptyBg{display:flex;align-items:center;justify-content:center;height:100%;background-image:linear-gradient(45deg,#fff 25%,#f9f9f9 0,#f9f9f9 50%,#fff 0,#fff 75%,#f9f9f9 0,#f9f9f9);background-size:12px 12px}.hoverBtn{position:relative;z-index:2;cursor:pointer}.hoverBtn .el-icon{z-index:1}.hoverBtn:after{content:attr(txt);position:absolute;top:-1px;left:-1px;bottom:-1px;display:flex;align-items:center;border:1px solid transparent;border-radius:4px;background-color:transparent;opacity:0;z-index:-1;transition:var(--mg-trans-linear);pointer-events:none}.hoverBtn:hover{z-index:9!important;color:var(--mg-dark7);border-color:transparent!important}.hoverBtn:hover:after{background-color:var(--mg-white);border-color:var(--mg-dark3);padding:0 8px 0 28px;opacity:1}.hoverBtn:hover.el-button--primary{color:var(--mg-white)}.hoverBtn:hover.el-button--primary:after{background-color:var(--mg-primary);border:var(--mg-primary)}.hoverBtn:hover.el-button--success{color:var(--mg-white)}.hoverBtn:hover.el-button--success:after{background-color:var(--mg-green);border-color:var(--mg-green)}.hoverBtn:hover.el-button--warning{color:var(--mg-white)}.hoverBtn:hover.el-button--warning:after{background-color:var(--mg-orange);border-color:var(--mg-orange)}.hoverBtn:hover.el-button--danger{color:var(--mg-white)}.hoverBtn:hover.el-button--danger:after{background-color:var(--mg-red);border-color:var(--mg-red)}.hoverBtn:hover.left:after{padding:0 28px 0 8px}.hoverBtn:hover.is-disabled:after{border-color:var(--mg-gray3);border-left-color:transparent}.hoverBtn.left:after{left:inherit;right:-1px;border-left-color:var(--mg-dark3);border-right-color:var(--mg-dark3)}.hoverBtn.left.el-button--primary:after{border-left-color:var(--mg-primary)}.hoverBtn.left.el-button--success:after{border-left-color:var(--mg-green)}.hoverBtn.left.el-button--warning:after{border-left-color:var(--mg-orange)}.hoverBtn.left.el-button--danger:after{border-left-color:var(--mg-red)}.hoverBtn.left.is-disabled:after{border-left-color:var(--mg-gray3)}.tipbtn+.tipbtn{margin-left:12px}.tipbtn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;z-index:2;cursor:pointer;white-space:nowrap;border-radius:4px}.tipbtn.wauto{width:auto}.tipbtn .imicon{position:relative;font-size:20px;z-index:2;cursor:pointer}.tipbtn:after{content:attr(txt);position:absolute;display:flex;align-items:center;justify-content:center;left:0;top:0;bottom:0;padding:0 8px;overflow:hidden;color:var(--mg-white);opacity:0;z-index:-1;font-size:12px;border-radius:4px;transition:all .15s linear;pointer-events:none;background-color:var(--mg-dark);box-shadow:0 4px 8px var(--mg-white1) inset}.tipbtn.round{border-radius:12px!important}.tipbtn.round:after{border-radius:12px!important}.tipbtn.self{width:auto;height:auto;background:transparent!important}.tipbtn.self:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:2px;background-color:var(--mg-dark);opacity:0;transition:opacity .3s linear}.tipbtn.self:after{left:50%;padding:0 8px!important;transform:translate(-50%);z-index:4}.tipbtn.self:hover:before{opacity:1;z-index:3;transition:none}.tipbtn:hover{z-index:4!important;background-color:var(--mg-dark)}.tipbtn:hover .imicon{color:var(--mg-white)}.tipbtn:hover:after{opacity:1;padding:0 8px 0 28px}.tipbtn.left:after{left:auto;right:0}.tipbtn.left:hover:after{padding:0 28px 0 8px}.tipbtn.bottom{color:initial!important;background-color:transparent!important}.tipbtn.bottom:after{left:50%;transform:translate(-50%,50%);padding:0 8px}.tipbtn.bottom:hover:after{transform:translate(-50%,100%)}.tipbtn.red:after{background-color:var(--mg-red)}.tipbtn.red:hover{background-color:var(--mg-red)}.tipbtn.red:hover .imicon{color:var(--mg-white)}.tipbtn.green:after{background-color:var(--mg-green)}.tipbtn.green:hover{background-color:var(--mg-green)}.tipbtn.green:hover .imicon{color:var(--mg-white)}.tipbtn.blue:after{background-color:var(--mg-blue)}.tipbtn.blue:hover{background-color:var(--mg-blue)}.tipbtn.blue:hover .imicon{color:var(--mg-white)}.tipbtn.white:after{color:var(--mg-dark);background-color:var(--mg-white);box-shadow:0 2px 4px var(--mg-dark1)}.tipbtn.white:hover{background-color:var(--mg-white)}.tipbtn.white:hover .imicon{color:var(--mg-dark)}.rightAfter{position:relative}.rightAfter:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background-image:linear-gradient(to Right,#fff0,#fff6,#ffffffe6);z-index:9}.TheEnd{position:relative;color:var(--mg-dark1)}.TheEnd:after{content:"__ The End __";display:block;height:80px;padding:16px;text-align:center;font-size:12px;box-sizing:border-box}.TheEnd.v{display:flex;align-items:center}.TheEnd.v:after{width:80px;height:auto;transform:translate(-72px) rotate(90deg)}.ScrollEnd{position:relative;min-width:1px;min-height:1px;flex-shrink:0}.partArea{padding:16px;border-bottom:thin solid var(--mg-border);transition:var(--mg-trans-linear)}.partArea:hover{box-shadow:0 0 16px var(--mg-dark1)}.selectLoadingIcon{position:absolute;top:1px;right:1px;bottom:1px;padding:0 16px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(var(--mg-white),transparent);z-index:8}.sep{position:relative;min-height:20px}.sep:after{content:"";position:absolute;top:0;left:50%;bottom:0;border-left:thin var(--mg-gray3) solid}.sep.dark1:after{border-color:var(--mg-dark1)}.sep.dark3:after{border-color:var(--mg-dark3)}.dot4{width:4px;height:4px;border-radius:50%}.dot6{width:6px;height:6px;border-radius:50%}.dot8{width:8px;height:8px;border-radius:50%}.dot10{width:10px;height:10px;border-radius:50%}.dot12{width:12px;height:12px;border-radius:50%}.dot14{width:14px;height:14px;border-radius:50%}.dot16{width:16px;height:16px;border-radius:50%}.dot18{width:18px;height:18px;border-radius:50%}.dot20{width:20px;height:20px;border-radius:50%}.dot22{width:22px;height:22px;border-radius:50%}.dot24{width:24px;height:24px;border-radius:50%}.dot-off{width:8px;height:8px;background-color:var(--mg-red);border-radius:4px;box-shadow:0 0 8px var(--mg-red)}.dot-on{width:8px;height:8px;background-color:var(--mg-green);border-radius:4px;box-shadow:0 0 8px var(--mg-green)}.dot-warning{width:8px;height:8px;background-color:var(--mg-orange);border-radius:4px;box-shadow:0 0 8px var(--mg-orange)}.hover-visible .hover-visible-item{display:none!important}.hover-visible:hover .hover-visible-item{display:block!important}.hover-visible:hover .hover-visible-item.flex,.hover-visible.flex:hover .hover-visible-item{display:flex!important}.inputLoading{position:absolute;top:2px;left:2px;right:2px;bottom:2px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;color:var(--mg-dark5);background-color:var(--mg-white);z-index:9}.inputLoading.v{flex-direction:column-reverse;justify-content:center}.inputLoading:before{content:"Loading";display:flex;align-items:center;font-size:12px;line-height:20px}.inputLoading:after{content:"✦";display:flex;align-items:center;font-size:16px;line-height:20px;animation:rotate 1s linear infinite}.hover-dark{transition:var(--mg-trans-linear)}.hover-dark:hover{position:relative;box-shadow:0 0 16px var(--mg-dark1);z-index:99}.grayscale{filter:grayscale(1)}.fi-tw{display:flex;align-items:center;justify-content:center;background:#fff;background-image:none!important}.fi-tw:before{content:"TW"!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;text-align:center;white-space:nowrap}.centerArea{margin:0 auto;max-width:860px;background-color:#fff}.rowEditArea{position:relative;display:flex;height:24px;gap:4px;align-items:center;border-radius:12px;left:-4px;padding-left:4px}.rowEditArea:hover{background-image:linear-gradient(to right,transparent,var(--mg-primary1))}.rowEditArea:hover .editBtn{box-shadow:0 0 8px var(--mg-dark1)}.rowEditArea .editBtn{display:flex;align-items:center;justify-content:center;flex-shrink:0;right:0;width:24px;height:24px;border-radius:50%;background-color:var(--mg-white);box-shadow:0 0 8px var(--mg-white);cursor:pointer;transition:var(--mg-trans-linear);z-index:5}.rowEditArea:hover .editBtn{pointer-events:initial}.rowEditArea:hover .editBtn:hover{color:var(--mg-white);background-color:var(--mg-primary)}.filterBody{padding:8px;max-height:500px;min-height:200px;overflow-y:auto;overflow-x:hidden}.filterBody::-webkit-scrollbar{display:none}.WidgetIconLoading{position:absolute;z-index:2;top:2px;left:2px;right:2px;bottom:2px;border-radius:4px;background-color:#fff}.WidgetIconLoading:before{content:"Loading...";position:absolute;top:50%;left:16px;font-size:14px;color:var(--mg-dark3);transform:translateY(-50%)}.WidgetIconLoading .iconLoading{position:absolute;top:50%;right:6px;height:36px;width:36px;margin-top:-18px;z-index:5;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#fff,transparent);font-family:imicon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased}.WidgetIconLoading .iconLoading:before{content:""}.maskArea{position:fixed;top:0;left:0;right:0;bottom:0;z-index:8;overflow:hidden;pointer-events:none}.maskArea:active{pointer-events:inherit!important}.dragArea{width:33%;flex-grow:0}.dragArea .dragBody{overflow-x:hidden}.dragArea.left .itemArea .arrowLeft{display:none}.dragArea.left .itemArea .dragCenter{transform:translate(6px)!important}.dragArea.right .itemArea .arrowRight{display:none}.dragArea.right .itemArea .editIcon{margin-right:4px}.imicon.readonly:after{content:"";position:absolute;top:50%;left:50%;height:1px;width:100%;background-color:var(--mg-dark);border:thin solid var(--mg-white);border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}.cardArea .cardHeader{padding:8px 16px;border-radius:4px 4px 0 0;background-color:var(--mg-white9);border-bottom:thin solid var(--mg-border)}.cardArea .cardBody{display:flex;flex-direction:column;align-items:center;padding:8px}.cardArea .cardFooter{display:flex;justify-content:center;padding:8px 16px;border-radius:0 0 4px 4px;border-top:thin solid var(--mg-border)}.disabledInput{display:flex;align-items:center;padding:0 12px;height:40px;border:thin solid var(--mg-gray);border-radius:4px;color:var(--mg-dark5);background-color:var(--mg-gray3);cursor:not-allowed}.rotateZ90{transform:rotate(90deg)}.rotateZ180{transform:rotate(180deg)}.ani-rotate{animation:rotate 1s linear infinite}.trans-linear{transition:var(--mg-trans-linear)}.trans-out{transition:var(--mg-trans-out)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.zh_cn .inputLoading:before{content:"载入中"}.zh_cn .el-picker-panel__sidebar:before{content:"捷径"!important}.ja_jp .inputLoading:before{content:"読み込み中"}.ja_jp .el-picker-panel__sidebar:before{content:"ショートカット"!important}.ko_kr .inputLoading:before{content:"로딩중"}.ko_kr .el-picker-panel__sidebar:before{content:"지름길"!important}.zh_tw .inputLoading:before{content:"加載中"}.zh_tw .el-picker-panel__sidebar:before{content:"捷徑"!important}

package/dist/directive.js

@@ -1,22 +1,29 @@
-const m = (l) => {
-  l.directive("copy", { mounted(t, o) {
-    let { value: r, arg: e } = o;
-    t.onclick = () => {
-      window.$copy(r, e);
-    };
-  } }), l.directive("focus", { mounted(t, o, r) {
-    let { value: e = 0, arg: n = "time" } = o;
-    if (e === null) return;
-    let c = 100, u = 0;
-    n !== "time" ? u = e : c = Number(e);
-    const a = setTimeout(() => {
-      let i = t.querySelectorAll("input, textarea");
-      i[u].focus(), i[u].select(), clearTimeout(a);
-    }, c);
-  } }), l.directive("pms", { mounted(t, o, r) {
-    var e;
-    (e = o.value) != null && e.readonly && t.remove();
-  } });
+const m = (o) => {
+  o.directive("copy", {
+    mounted(t, i) {
+      let { value: l, arg: e } = i;
+      t.onclick = () => {
+        window.$copy(l, e);
+      };
+    }
+  }), o.directive("focus", {
+    mounted(t, i, l) {
+      let { value: e = 0, arg: d = "time" } = i;
+      if (e === null)
+        return;
+      let c = 100, r = 0;
+      d !== "time" ? r = e : c = Number(e);
+      const n = setTimeout(() => {
+        let u = t.querySelectorAll("input, textarea");
+        u[r].focus(), u[r].select(), clearTimeout(n);
+      }, c);
+    }
+  }), o.directive("pms", {
+    mounted(t, i, l) {
+      var e;
+      (e = i.value) != null && e.readonly && t.remove();
+    }
+  });
 };
 export {
   m as d

package/dist/index.js

@@ -1,13 +1,23 @@
 import _ from "moment";
 import { c as s } from "./cps.js";
 import { d as e } from "./util.js";
-import { d as m } from "./directive.js";
-import { s as r } from "./store.js";
-const d = (t, i) => {
-  t.use(e).use(m);
+import { d as i } from "./directive.js";
+import { s as m } from "./store.js";
+/* empty css     */
+const f = (t, r) => {
+  t.use(e).use(i);
   const o = localStorage.getItem("lang");
-  return o && o.includes("cn") && _.locale("zh-cn", { months: "一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"), monthsShort: "1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"), weekdays: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"), weekdaysShort: "周日_周一_周二_周三_周四_周五_周六".split("_"), weekdaysMin: "日_一_二_三_四_五_六".split("_") }), window.$m = _, window.$moment = _, { composition: s, store: r };
+  return o && o.includes("cn") && _.locale("zh-cn", {
+    months: "一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),
+    monthsShort: "1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),
+    weekdays: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),
+    weekdaysShort: "周日_周一_周二_周三_周四_周五_周六".split("_"),
+    weekdaysMin: "日_一_二_三_四_五_六".split("_")
+  }), window.$m = _, window.$moment = _, {
+    composition: s,
+    store: m
+  };
 };
 export {
-  d as default
+  f as default
 };

package/dist/store.js

@@ -1,11 +1,11 @@
-import { createPinia as r, defineStore as s } from "pinia";
-const a = r(), n = (t) => {
-  const e = {};
-  return Object.keys(t).forEach((c) => {
-    const o = c.match(/chip\/(\S*).js/)[1];
-    e[o] = s(o, t[c].default);
-  }), { pinia: a, store: e };
+import { createPinia as n, defineStore as r } from "pinia";
+const a = n(), i = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((o) => {
+    const c = o.match(/chip\/(\S*).js/)[1];
+    t[c] = r(c, e[o].default);
+  }), { pinia: a, store: t };
 };
 export {
-  n as s
+  i as s
 };

package/dist/util.js

@@ -1,129 +1,247 @@
-const j = (c) => {
+const N = (i) => {
   window.$getLang = () => localStorage.getItem("lang");
-  const w = (e = {}) => {
-    const { alpha: o, name: t } = e, n = ["blue", "red", "orange", "green", "pink", "yellow", "purple", "primary", "dark"], r = ["", 1, 3, 5, 7];
-    return `${t || n[parseInt(Math.random() * n.length)]}${o === 0 ? "" : r[parseInt(Math.random() * r.length)]}`;
-  };
-  window.$randomColor = w, window.$rc = w, c.config.globalProperties.$rc = w, window.$rn = (e, o = 0) => {
-    let t = parseInt(Math.random() * e);
-    return t += o, t;
-  }, window.$elc = (e = {}) => {
-    let { i: o = 0, color: t } = e;
-    const n = window.global.config.color;
-    return t = t || n[o], { type: "linear", x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: t + "FF" }, { offset: 1, color: t + "00" }] };
+  const d = (e = {}) => {
+    const { alpha: r, name: o } = e, t = [
+      "blue",
+      "red",
+      "orange",
+      "green",
+      "pink",
+      "yellow",
+      "purple",
+      "primary",
+      "dark"
+    ], n = ["", 1, 3, 5, 7], c = o || t[parseInt(Math.random() * t.length)], s = r === 0 ? "" : n[parseInt(Math.random() * n.length)];
+    return `${c}${s}`;
+  };
+  window.$randomColor = d, window.$rc = d, i.config.globalProperties.$rc = d;
+  const F = (e, r = 0) => {
+    let o = parseInt(Math.random() * e);
+    return o += r, o;
+  };
+  window.$rn = F, window.$elc = (e = {}) => {
+    let { i: r = 0, color: o } = e;
+    const t = window.global.config.color;
+    o = o || t[r];
+    const n = o + "FF", c = o + "00";
+    return {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: n
+        },
+        {
+          offset: 1,
+          color: c
+        }
+      ]
+    };
   }, window.$egc = (e = {}) => {
-    let { i: o = 0, color: t } = e;
-    const n = window.global.config.color;
-    return t = t || n[o], { type: "radial", x: 0.1, y: 0.5, r: 1, colorStops: [{ offset: 0, color: t + "00" }, { offset: 1, color: t + "FF" }] };
-  }, window.$fd = (e, o) => {
-    let t = [];
-    for (let n = 0; n < e; n++) t.push(o(n));
-    return t;
-  }, c.config.globalProperties.$setTimeout = function(e = () => {
-  }, o) {
+    let { i: r = 0, color: o } = e;
+    const t = window.global.config.color;
+    o = o || t[r];
+    const n = o + "FF";
+    return {
+      type: "radial",
+      x: 0.1,
+      y: 0.5,
+      r: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: o + "00"
+        },
+        {
+          offset: 1,
+          color: n
+        }
+      ]
+    };
+  };
+  const U = (e, r) => {
+    let o = [];
+    for (let t = 0; t < e; t++)
+      o.push(r(t));
+    return o;
+  };
+  window.$fd = U, i.config.globalProperties.$setTimeout = function(e = () => {
+  }, r) {
     this.timer && (clearTimeout(this.timer), this.timer = null), this.timer = setTimeout(() => {
       e(), clearTimeout(this.timer);
-    }, o);
-  };
-  const u = (e) => e.substr(0, 1).toUpperCase() + e.substr(1, e.length).toLowerCase();
-  c.config.globalProperties.$toUpperCamel = u, window.$toUpperCamel = u;
-  const g = (e, o = 2) => {
-    const t = window.$getType(e);
-    let n;
-    t === "Number" ? (e = e.toFixed(o), n = String(e), e = String(Math.abs(e))) : t === "String" && (n = e, e = String(Math.abs(Number(e))));
-    const r = e.split(".");
-    let i = r[0].split("");
-    i = i.reverse();
-    let p = [];
-    i.forEach((T, y) => {
-      y !== 0 && y % 3 == 0 && p.push(","), p.push(T);
+    }, r);
+  };
+  const w = (e) => e.substr(0, 1).toUpperCase() + e.substr(1, e.length).toLowerCase();
+  i.config.globalProperties.$toUpperCamel = w, window.$toUpperCamel = w;
+  const p = (e, r = 2) => {
+    const o = window.$getType(e);
+    let t;
+    o === "Number" ? (e = e.toFixed(r), t = String(e), e = String(Math.abs(e))) : o === "String" && (t = e, e = String(Math.abs(Number(e))));
+    const n = e.split(".");
+    let c = n[0].split("");
+    c = c.reverse();
+    let s = [];
+    c.forEach((S, k) => {
+      k !== 0 && k % 3 === 0 && s.push(","), s.push(S);
     });
-    let l = p.reverse().join("");
-    return window.$getType(o) === "Number" && o > 0 && (l += ".", r[1] ? l += r[1].padEnd(o, 0).substr(0, o) : l += "0".padEnd(o, "0")), Number(n) !== Number(e) ? `-${l}` : l;
-  };
-  window.$fa = g, c.config.globalProperties.$fa = g;
-  const f = ({ prop: e, currency: o, value: t, obj: n = window.$map.asa.asaMetric.allObj }) => {
-    const r = n[e];
-    return r.unit === "currency" ? o ? `${o} ${window.$fa(t, r == null ? void 0 : r.precision)}` : window.$fa(t, r == null ? void 0 : r.precision) : r.unit === "%" ? `${window.$fa(t, r == null ? void 0 : r.precision)}%` : window.$fa(t, r == null ? void 0 : r.precision);
-  };
-  window.$fu2 = f, c.config.globalProperties.$fu2 = f;
-  const m = (e = () => {
-  }, o = 2) => {
-    let t = null;
-    return new Promise((n, r) => {
-      t = setTimeout(() => {
-        e(n, r), clearTimeout(t), n(!0);
-      }, 100 * o);
+    let f = s.reverse().join("");
+    return window.$getType(r) === "Number" && r > 0 && (f += ".", n[1] ? f += n[1].padEnd(r, 0).substr(0, r) : f += "0".padEnd(r, "0")), Number(t) !== Number(e) ? `-${f}` : f;
+  };
+  window.$fa = p, i.config.globalProperties.$fa = p;
+  const m = ({
+    prop: e,
+    currency: r,
+    value: o,
+    obj: t = window.$map.asa.asaMetric.allObj
+  }) => {
+    const n = t[e];
+    return n.unit === "currency" ? r ? `${r} ${window.$fa(o, n == null ? void 0 : n.precision)}` : window.$fa(o, n == null ? void 0 : n.precision) : n.unit === "%" ? `${window.$fa(o, n == null ? void 0 : n.precision)}%` : window.$fa(o, n == null ? void 0 : n.precision);
+  };
+  window.$fu2 = m, i.config.globalProperties.$fu2 = m;
+  const g = (e = () => {
+  }, r = 2) => {
+    let o = null;
+    return new Promise((t, n) => {
+      o = setTimeout(() => {
+        e(t, n), clearTimeout(o), t(!0);
+      }, r * 100);
     });
   };
-  window.$pm = m, window.$promise = m;
-  const $ = (e = () => {
-  }, o = 500) => {
-    let t;
-    return function(...n) {
-      t && clearTimeout(t), t = setTimeout(() => {
-        e.apply(this, n);
-      }, o);
+  window.$pm = g, window.$promise = g;
+  const b = (e = () => {
+  }, r = 500) => {
+    let o;
+    return function(...t) {
+      o && clearTimeout(o), o = setTimeout(() => {
+        e.apply(this, t);
+      }, r);
     };
   };
-  window.$db = $, window.$debounce = $, Number.prototype.toFixedNumber = function(e) {
+  window.$db = b, window.$debounce = b, Number.prototype.toFixedNumber = function(e) {
     return Number(this.toFixed(e));
   }, Array.prototype.filter1 = function(e) {
-    if (!e || typeof e != "function") throw new Error(e + " is not a function");
-    let o, t;
-    for (let n = 0; n < this.length; n++) if (e(this[n], n, this)) {
-      t = n, o = this[n];
-      break;
-    }
-    return { index: t, data: o };
+    if (!e || typeof e != "function")
+      throw new Error(e + " is not a function");
+    let r, o;
+    for (let t = 0; t < this.length; t++)
+      if (e(this[t], t, this)) {
+        o = t, r = this[t];
+        break;
+      }
+    return {
+      index: o,
+      data: r
+    };
   }, window.$getType = (e) => Object.prototype.toString.call(e).slice(8, -1);
-  const b = (e, o) => {
-    if (!e) return;
-    const t = window.$l("Copied");
-    let n;
-    if (n = o ? window.$getType(o) !== "Boolean" ? `${t} ${o}: ${e}` : `${t}: ${e}` : t, navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(e).then(() => {
-      c.config.globalProperties.$message.success({ message: n, center: !0, duration: 5e3 });
-    });
+  const $ = (e, r) => {
+    if (!e) {
+      console.info("No Value");
+      return;
+    }
+    const o = window.$l("Copied");
+    let t;
+    if (r ? window.$getType(r) !== "Boolean" ? t = `${o} ${r}: ${e}` : t = `${o}: ${e}` : t = o, navigator.clipboard && window.isSecureContext)
+      navigator.clipboard.writeText(e).then(() => {
+        i.config.globalProperties.$message.success({
+          message: t,
+          // grouping: true,
+          center: !0,
+          duration: 5e3
+        });
+      });
     else {
-      let r = document.createElement("textarea");
-      r.value = e, r.style.position = "fixed", r.style.opacity = 0, document.body.appendChild(r), r.select(), document.execCommand("Copy"), r.remove(), c.config.globalProperties.$message.success({ message: n, center: !0, duration: 5e3 });
+      let n = document.createElement("textarea");
+      n.value = e, n.style.position = "fixed", n.style.opacity = 0, document.body.appendChild(n), n.select(), document.execCommand("Copy"), n.remove(), i.config.globalProperties.$message.success({
+        message: t,
+        // grouping: true,
+        center: !0,
+        duration: 5e3
+      });
     }
   };
-  window.$copy = b, c.config.globalProperties.$copy = b, window.$sc = (e) => e < 1e3 ? e : e < 1e6 ? parseInt(e / 1e3) + "K" : parseInt(e / 1e6) + "M";
-  const v = { cpa: "avgCPA", cpt: "avgCPT" };
-  window.$nr = (e, o = v) => {
-    const t = o[e.name];
-    t && (e.name = t);
-  }, window.$nro = (e, o) => (Object.keys(e).forEach((t) => {
-    objMap[t] && (e[objMap[t]] = e[t], delete e[t]);
-  }), e), window.$pc = (e) => {
-    let o = 0;
-    return Object.keys(e).forEach((t) => {
-      (window.$getType(e[t]) === "Array" && e[t].length !== 0 || e[t]) && o++;
-    }), o;
-  };
-  const s = (e = "info", o) => {
-    e === "success" && (e = "info");
-  };
-  window.$console = { info: (...e) => {
-    s("info");
-  }, log: (...e) => {
-    s("log");
-  }, error: (...e) => {
-    s("error");
-  }, warn: (...e) => {
-    s("warn");
-  }, success: (...e) => {
-    s("success");
-  } }, window.$loadImage = (e) => new Promise((o, t) => {
-    const n = new Image();
-    n.src = window.$getType(e) === "String" ? e : URL.createObjectURL(e), n.onload = () => o(n), n.onerror = () => t(new Error("Could not load image"));
-  }), window.$loadVideo = (e) => new Promise((o, t) => {
-    const n = document.createElement("video");
-    n.preload = "metadata", window.$getType(e) === "String" ? n.src = e : n.src = URL.createObjectURL(e), n.onloadedmetadata = () => {
-      window.URL.revokeObjectURL(e), o(n);
+  window.$copy = $, i.config.globalProperties.$copy = $;
+  const C = (e) => e < 1e3 ? e : e < 1e6 ? parseInt(e / 1e3) + "K" : parseInt(e / 1e6) + "M";
+  window.$sc = C;
+  const T = {
+    cpa: "avgCPA",
+    cpt: "avgCPT"
+  }, L = (e, r = T) => {
+    const o = r[e.name];
+    o && (e.name = o);
+  };
+  window.$nr = L;
+  const O = (e, r) => (Object.keys(e).forEach((o) => {
+    objMap[o] && (e[objMap[o]] = e[o], delete e[o]);
+  }), e);
+  window.$nro = O;
+  const j = (e) => {
+    let r = 0;
+    return Object.keys(e).forEach((o) => {
+      (window.$getType(e[o]) === "Array" && e[o].length !== 0 || e[o]) && r++;
+    }), r;
+  };
+  window.$pc = j;
+  const y = {
+    info: {
+      tag: "background-color:#0085FF; color:#f1f7ff;",
+      style: "background-color:#f1f7ff; color:#0085FF;"
+    },
+    log: {
+      tag: "background-color:#FFFFFF; color:#272b41;",
+      style: "background-color:#272b41; color:#FFFFFF;"
+    },
+    error: {
+      tag: "background-color:#ff4d4f; color:#fff3f3;",
+      style: "background-color:#fff3f3; color:#ff4d4f;"
+    },
+    warn: {
+      tag: "background-color:#fa8b0c; color:#fffbf6;",
+      style: "background-color:#fffbf6; color:#fa8b0c;"
+    },
+    success: {
+      tag: "background-color:#20c997; color:#f6fffc;",
+      style: "background-color:#f6fffc; color:#20c997;"
+    }
+  }, l = (e = "info", r) => {
+    e === "success" && (e = "info"), console[e](
+      `%c ${e.toUpperCase()} %c┆${r}┆`,
+      `${y[e].tag}`,
+      `${y[e].style}`
+    );
+  };
+  window.$console = {
+    info: (...e) => {
+      l("info", e);
+    },
+    log: (...e) => {
+      l("log", e);
+    },
+    error: (...e) => {
+      l("error", e);
+    },
+    warn: (...e) => {
+      l("warn", e);
+    },
+    success: (...e) => {
+      l("success", e);
+    }
+  };
+  const P = (e) => new Promise((r, o) => {
+    const t = new Image();
+    t.src = window.$getType(e) === "String" ? e : URL.createObjectURL(e), t.onload = () => r(t), t.onerror = () => o(new Error("Could not load image"));
+  });
+  window.$loadImage = P;
+  const R = (e) => new Promise((r, o) => {
+    const t = document.createElement("video");
+    t.preload = "metadata", window.$getType(e) === "String" ? t.src = e : t.src = URL.createObjectURL(e), t.onloadedmetadata = () => {
+      window.URL.revokeObjectURL(e), console.info([t]), r(t);
     };
   });
+  window.$loadVideo = R;
   const h = (e) => {
     if (e && window.$getType(e) === "Object") {
       const o = {};
@@ -139,27 +257,34 @@ const j = (c) => {
           case "String":
             n && (o[t] = n.toLowerCase());
             break;
+          // case 'Number':
+          //   r[it] = String(itv);
+          //   break;
           default:
             [void 0, null, ""].indexOf(n) === -1 && (o[t] = n);
+            break;
         }
       }), o;
     }
   };
   window.$removeEmptyParams = h, window.$rep = h;
-  let a = null, d = null;
-  window.$download = async (e) => {
-    let { type: o = "img", url: t, name: n, data: r } = e;
-    if (a = document.createElement("a"), o === "csv") {
-      const i = new Blob(["\uFEFF" + r], { type: "text/csv,charset=UTF-8" });
-      a.href = URL.createObjectURL(i);
-    } else o === "video" || o === "excel" ? await fetch(t, e).then((i) => i.blob()).then((i) => {
-      a.href = URL.createObjectURL(i);
-    }) : (o = "table") ? await fetch(t).then((i) => i.blob()).then((i) => {
-      a.href = URL.createObjectURL(i);
-    }) : a.href = t;
-    d = new MouseEvent("click"), a.download = n || "download", a.dispatchEvent(d), o !== "csv" && o !== "video" || URL.revokeObjectURL(a.url), a = null, d = null;
+  let a = null, u = null;
+  const E = async (e) => {
+    let { type: r = "img", url: o, name: t, data: n } = e;
+    if (a = document.createElement("a"), r === "csv") {
+      const c = new Blob(["\uFEFF" + n], {
+        type: "text/csv,charset=UTF-8"
+      });
+      a.href = URL.createObjectURL(c);
+    } else r === "video" || r === "excel" ? await fetch(o, e).then((c) => c.blob()).then((c) => {
+      a.href = URL.createObjectURL(c);
+    }) : (r = "table") ? await fetch(o).then((c) => c.blob()).then((c) => {
+      a.href = URL.createObjectURL(c);
+    }) : a.href = o;
+    u = new MouseEvent("click"), a.download = t || "download", a.dispatchEvent(u), (r === "csv" || r === "video") && URL.revokeObjectURL(a.url), a = null, u = null;
   };
+  window.$download = E;
 };
 export {
-  j as d
+  N as d
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "magtool",
   "packageManager": "yarn@4.4.1",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "author": "magxl",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -25,6 +25,10 @@
     "./store": {
       "import": "./dist/store.js",
       "require": "./dist/store.js"
+    },
+    "./css": {
+      "import": "./dist/css/magtool.css",
+      "require": "./dist/css/magtool.css"
     }
   },
   "scripts": {
@@ -35,7 +39,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "magtool": "^1.0.9",
+    "magtool": "^1.1.2",
     "moment": "^2.30.1",
     "pinia": "^3.0.0",
     "vue": "^3.3.4"
@@ -44,8 +48,10 @@
     "@vitejs/plugin-vue": "^5.2.1",
     "imstar-version": "^1.0.5",
     "rollup-plugin-terser": "^7.0.2",
+    "sass-embedded": "^1.85.1",
     "terser": "^5.39.0",
-    "vite": "^6.0.5"
+    "vite": "^6.0.5",
+    "vite-plugin-obfuscator": "^1.0.5"
   },
   "description": "",
   "license": "ISC"