@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.11

package/es/InputNumber/index.js

@@ -1,216 +1,224 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
-import { useState as z, useRef as fe, useEffect as G, useMemo as be } from "react";
-import pe from "rc-input-number";
-import he from "@para-ui/icons/Up";
-import xe from "@para-ui/icons/Down";
-import ve from "../Label/index.js";
-import je from "../HelperText/index.js";
-import { Tooltip as g } from "../Tooltip/index.js";
-import { $prefixCls as o, $rcPrefixCls as Ce } from "../GlobalContext/constant.js";
+import { useState as G, useRef as J, useEffect as K, useMemo as he } from "react";
+import xe from "rc-input-number";
+import { Up as ve } from "../node_modules/@para-ui/icons/Up/index.js";
+import { Down as je } from "../node_modules/@para-ui/icons/Down/index.js";
+import Ce from "../Label/index.js";
+import Ne from "../HelperText/index.js";
+import { Tooltip as B } from "../Tooltip/index.js";
+import { $prefixCls as o, $rcPrefixCls as $e } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
-const Me = (s) => {
+function Ee(l) {
   const {
-    className: B,
-    style: J,
-    step: x = 1,
-    min: l,
-    max: a,
-    size: F = "large",
-    placeholder: R = "",
-    label: c,
-    labelTooltip: m,
-    labelMode: v = "outside",
-    labelSign: i,
-    btnMode: j = "tb",
-    disabled: u = !1,
-    disabledTooltip: V,
-    disabledTooltipAdd: K,
-    disabledTooltipReduce: Q,
-    readOnly: f = !1,
-    disabledAdd: k = !1,
-    disabledReduce: E = !1,
-    required: b = !1,
-    error: M = !1,
-    hideErrorDom: U,
-    helperText: W = "",
-    keyboard: X = !0,
-    autoFocus: Y = !1,
-    formatter: Z,
-    parser: _,
-    value: p,
-    onChange: P,
-    onEnter: ee,
-    onBlur: w,
-    onFocus: A,
-    addonBefore: C,
-    addonAfter: N,
-    ...ne
-  } = s, [D, L] = z(!1), [$, T] = z(), I = fe(null);
-  G(() => {
-    s.defaultValue !== void 0 && T(s.defaultValue);
-  }, []), G(() => {
-    p !== void 0 && T(p);
-  }, [p]);
-  const S = () => s.value === void 0 ? $ : p, re = () => {
-    if (u || f) return;
-    I?.current?.focus();
-  }, te = (e) => {
-    L(!0), A && A(e);
-  }, oe = (e) => {
-    L(!1), w && w(e);
-  }, q = (e, ...t) => {
-    const r = Math.pow(10, 12), d = t.map((me) => Math.round(me * r)).reduce(e) / r;
-    return parseFloat(d.toFixed(12));
-  }, H = (e) => () => {
-    if (e === "add" && (u || k || f) || e === "reduce" && (u || E || f)) return;
-    const t = $ === void 0 ? 0 : Number($);
-    let r;
+    className: F,
+    style: Q,
+    step: j = 1,
+    min: i,
+    max: s,
+    size: R = "large",
+    placeholder: k = "",
+    label: b,
+    labelTooltip: p,
+    labelMode: C = "outside",
+    labelSign: a,
+    btnMode: N = "tb",
+    disabled: d = !1,
+    disabledTooltip: M,
+    disabledTooltipAdd: W,
+    disabledTooltipReduce: X,
+    readOnly: h = !1,
+    disabledAdd: P = !1,
+    disabledReduce: w = !1,
+    required: x = !1,
+    error: E = !1,
+    hideErrorDom: Y,
+    helperText: Z = "",
+    keyboard: _ = !0,
+    autoFocus: ee = !1,
+    formatter: ne,
+    parser: te,
+    value: u,
+    clearable: A = !1,
+    onChange: D,
+    onEnter: re,
+    onBlur: S,
+    onFocus: I,
+    addonBefore: $,
+    addonAfter: V,
+    ...le
+  } = l, [L, q] = G(!1), [g, c] = G(), T = J(null), f = J(void 0);
+  K(() => {
+    l.defaultValue !== void 0 && l.defaultValue !== null ? (c(l.defaultValue), f.current = l.defaultValue) : l.defaultValue !== void 0 && c(l.defaultValue);
+  }, []), K(() => {
+    u !== void 0 && (c(u), u !== null && (f.current = u));
+  }, [u]);
+  const H = () => l.value === void 0 ? g : u, oe = () => {
+    if (d || h) return;
+    T?.current?.focus();
+  }, ie = (e) => {
+    q(!0), I && I(e);
+  }, se = (e) => {
+    if (q(!1), !A) {
+      const r = T.current;
+      if (r && r.value === "" && f.current !== void 0) {
+        const t = f.current;
+        l.value === void 0 ? c(t) : r.value = String(t);
+      }
+    }
+    S && S(e);
+  }, O = (e, ...r) => {
+    const t = Math.pow(10, 12), m = r.map((pe) => Math.round(pe * t)).reduce(e) / t;
+    return parseFloat(m.toFixed(12));
+  }, y = (e) => () => {
+    if (e === "add" && (d || P || h) || e === "reduce" && (d || w || h)) return;
+    const r = g === void 0 ? 0 : Number(g);
+    let t;
     if (e === "add") {
-      if (a !== void 0 && t >= a) return;
-      r = q((h, d) => h + d, t, x), a !== void 0 && r > a && (r = a);
+      if (s !== void 0 && r >= s) return;
+      t = O((v, m) => v + m, r, j), s !== void 0 && t > s && (t = s);
     } else {
-      if (l !== void 0 && t <= l) return;
-      r = q((h, d) => h - d, t, x), l !== void 0 && r < l && (r = l);
+      if (i !== void 0 && r <= i) return;
+      t = O((v, m) => v - m, r, j), i !== void 0 && t < i && (t = i);
     }
-    O(r);
-  }, O = (e) => {
-    s.value === void 0 && T(e), P && P(e);
-  }, se = be(() => {
-    if (v === "outside" && !!(b || i || c)) {
-      const t = () => {
-        let r = "input-number-label";
-        return m && m.className && (r += ` ${m.className}`), r;
+    z(t);
+  }, z = (e) => {
+    !A && e === null || (e != null && (f.current = e), l.value === void 0 && c(e), D && D(e));
+  }, ue = he(() => {
+    if (C === "outside" && !!(x || a || b)) {
+      const r = () => {
+        let t = "input-number-label";
+        return p && p.className && (t += ` ${p.className}`), t;
       };
       return /* @__PURE__ */ n.jsx(
-        ve,
+        Ce,
         {
-          label: c,
-          required: b,
-          labelSign: i,
-          ...m,
-          className: t()
+          label: b,
+          required: x,
+          labelSign: a,
+          ...p,
+          className: r()
         }
       );
     }
-  }, [v, c, i, b]), le = () => {
-    const e = S();
-    if (D || e != null) return;
-    const t = () => v === "outside" ? R : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      c || R,
-      b && /* @__PURE__ */ n.jsx("span", { className: "input-number-required", children: "*" }),
-      i && /* @__PURE__ */ n.jsx("span", { children: i })
+  }, [C, b, a, x]), ae = () => {
+    const e = H();
+    if (L || e != null) return;
+    const r = () => C === "outside" ? k : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      b || k,
+      x && /* @__PURE__ */ n.jsx("span", { className: "input-number-required", children: "*" }),
+      a && /* @__PURE__ */ n.jsx("span", { children: a })
     ] });
     return /* @__PURE__ */ n.jsx(
       "span",
       {
         className: "input-number-label-placeholder",
-        onClick: re,
-        children: t()
+        onClick: oe,
+        children: r()
       }
     );
-  }, ae = () => {
-    if (N)
-      return /* @__PURE__ */ n.jsx("div", { className: "input-number-content-after", children: N });
-  }, ie = () => {
-    if (C)
-      return /* @__PURE__ */ n.jsx("div", { className: "input-number-content-before", children: C });
-  }, ue = () => j === "none" ? null : /* @__PURE__ */ n.jsxs("div", { className: "input-number-btn", children: [
+  }, de = () => {
+    if (V)
+      return /* @__PURE__ */ n.jsx("div", { className: "input-number-content-after", children: V });
+  }, ce = () => {
+    if ($)
+      return /* @__PURE__ */ n.jsx("div", { className: "input-number-content-before", children: $ });
+  }, fe = () => N === "none" ? null : /* @__PURE__ */ n.jsxs("div", { className: "input-number-btn", children: [
     /* @__PURE__ */ n.jsx(
-      g,
+      B,
       {
         disabled: !0,
         placement: "top-end",
-        ...K,
+        ...W,
         children: /* @__PURE__ */ n.jsx(
           "span",
           {
             className: "tb-btn-top",
-            onClick: H("add"),
-            children: /* @__PURE__ */ n.jsx(he, {})
+            onClick: y("add"),
+            children: /* @__PURE__ */ n.jsx(ve, {})
           }
         )
       }
     ),
     /* @__PURE__ */ n.jsx(
-      g,
+      B,
       {
         disabled: !0,
         placement: "bottom-end",
-        ...Q,
+        ...X,
         children: /* @__PURE__ */ n.jsx(
           "span",
           {
             className: "tb-btn-bottom",
-            onClick: H("reduce"),
-            children: /* @__PURE__ */ n.jsx(xe, {})
+            onClick: y("reduce"),
+            children: /* @__PURE__ */ n.jsx(je, {})
           }
         )
       }
     )
-  ] }), y = () => /* @__PURE__ */ n.jsxs("div", { className: "input-number-content", children: [
-    ie(),
+  ] }), U = () => /* @__PURE__ */ n.jsxs("div", { className: "input-number-content", children: [
+    ce(),
     /* @__PURE__ */ n.jsxs("div", { className: "input-number-content-within", children: [
       /* @__PURE__ */ n.jsx(
-        pe,
+        xe,
         {
-          ref: I,
-          step: x,
-          min: l,
-          max: a,
-          keyboard: X,
-          disabled: u,
-          value: S() ?? void 0,
-          defaultValue: s.defaultValue === null ? void 0 : s.defaultValue,
-          autoFocus: Y,
-          readOnly: f,
-          formatter: Z,
-          parser: _,
-          prefixCls: Ce,
-          onChange: O,
-          onFocus: te,
-          onBlur: oe,
-          onPressEnter: ee,
-          ...ne
+          ref: T,
+          step: j,
+          min: i,
+          max: s,
+          keyboard: _,
+          disabled: d,
+          value: H() ?? void 0,
+          defaultValue: l.defaultValue === null ? void 0 : l.defaultValue,
+          autoFocus: ee,
+          readOnly: h,
+          formatter: ne,
+          parser: te,
+          prefixCls: $e,
+          onChange: z,
+          onFocus: ie,
+          onBlur: se,
+          onPressEnter: re,
+          ...le
         }
       ),
-      le()
+      ae()
     ] }),
-    ae(),
-    ue()
-  ] }), de = () => V ? /* @__PURE__ */ n.jsx(
-    g,
+    de(),
+    fe()
+  ] }), me = () => M ? /* @__PURE__ */ n.jsx(
+    B,
     {
       disabled: !0,
-      ...V,
-      children: y()
+      ...M,
+      children: U()
     }
-  ) : y(), ce = () => {
+  ) : U(), be = () => {
     let e = `${o}-input-number `;
-    return B && (e += ` ${B}`), F && (e += ` ${o}-input-number-${F}`), j && (e += ` ${o}-input-number-${j === "none" ? "none" : "tb"}`), D && (e += ` ${o}-input-number-focus`), u && (e += ` ${o}-input-number-disabled`), k && (e += ` ${o}-input-number-disabled-add`), E && (e += ` ${o}-input-number-disabled-reduce`), M && (e += ` ${o}-input-number-error`), N && (e += ` ${o}-input-number-after`), C && (e += ` ${o}-input-number-before`), e;
+    return F && (e += ` ${F}`), R && (e += ` ${o}-input-number-${R}`), N && (e += ` ${o}-input-number-${N === "none" ? "none" : "tb"}`), L && (e += ` ${o}-input-number-focus`), d && (e += ` ${o}-input-number-disabled`), P && (e += ` ${o}-input-number-disabled-add`), w && (e += ` ${o}-input-number-disabled-reduce`), E && (e += ` ${o}-input-number-error`), V && (e += ` ${o}-input-number-after`), $ && (e += ` ${o}-input-number-before`), e;
   };
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: ce(),
-      style: J,
+      className: be(),
+      style: Q,
       children: [
-        se,
-        de(),
+        ue,
+        me(),
         /* @__PURE__ */ n.jsx(
-          je,
+          Ne,
           {
             className: "input-number-error-text",
-            error: M,
-            helperText: W,
-            hideErrorDom: U
+            error: E,
+            helperText: Z,
+            hideErrorDom: Y
           }
         )
       ]
     }
   );
-};
+}
 export {
-  Me as InputNumber,
-  Me as default
+  Ee as InputNumber,
+  Ee as default
 };
 //# sourceMappingURL=index.js.map

package/es/Loading/index.js

@@ -1,11 +1,11 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import { useRef as l, useEffect as d } from "react";
-import c from "@para-ui/icons/LoadingF";
+import { useRef as l, useEffect as c } from "react";
+import { LoadingF as d } from "../node_modules/@para-ui/icons/LoadingF/index.js";
 import { $prefixCls as m } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
 const j = (o) => {
   const { className: t, style: i, opacity: n = 0.7 } = o, e = l(null);
-  d(() => {
+  c(() => {
     e && e.current && e.current.parentNode && (e.current.parentNode.style.position || (e.current.parentNode.style.position = "relative"));
   }, []);
   const a = () => {
@@ -19,7 +19,7 @@ const j = (o) => {
       style: i,
       ref: e,
       children: [
-        /* @__PURE__ */ s.jsx("div", { className: "loading-box", children: /* @__PURE__ */ s.jsx(c, {}) }),
+        /* @__PURE__ */ s.jsx("div", { className: "loading-box", children: /* @__PURE__ */ s.jsx(d, {}) }),
         /* @__PURE__ */ s.jsx(
           "div",
           {

package/es/Menu/footerExpansion.js

@@ -1,31 +1,31 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
-import f from "@para-ui/icons/IndentRightFill";
-import d from "@para-ui/icons/IndentLeftFill";
+import { IndentRightFill as f } from "../node_modules/@para-ui/icons/IndentRightFill/index.js";
+import { IndentLeftFill as u } from "../node_modules/@para-ui/icons/IndentLeftFill/index.js";
 const C = (m) => {
   const {
     expansion: e = !0,
     expandIcon: r,
     shrinkIcon: o,
-    customizeContent: i,
-    clickExpansion: t,
+    customizeContent: t,
+    clickExpansion: i,
     version: a,
     render: c,
     className: l
   } = m, x = () => {
-    t && t(!e);
+    i && i(!e);
   }, p = () => {
     if (c) return c;
-    if (i) return i;
-    const s = () => e ? r || /* @__PURE__ */ n.jsx("span", { className: "icon", children: /* @__PURE__ */ n.jsx(d, { onClick: x }) }) : o || /* @__PURE__ */ n.jsx("span", { className: "icon", children: /* @__PURE__ */ n.jsx(f, { onClick: x }) });
+    if (t) return t;
+    const s = () => e ? r || /* @__PURE__ */ n.jsx("span", { className: "icon", children: /* @__PURE__ */ n.jsx(u, { onClick: x }) }) : o || /* @__PURE__ */ n.jsx("span", { className: "icon", children: /* @__PURE__ */ n.jsx(f, { onClick: x }) });
     return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
       s(),
       e && a && /* @__PURE__ */ n.jsx("span", { className: "version", children: a })
     ] });
-  }, u = () => {
+  }, d = () => {
     let s = "footer-expansion";
     return l && (s += ` ${l}`), e || (s += " footer-expansion-shrink"), s;
   };
-  return /* @__PURE__ */ n.jsx("div", { className: u(), children: p() });
+  return /* @__PURE__ */ n.jsx("div", { className: d(), children: p() });
 };
 export {
   C as FooterExpansion,

package/es/Menu/index.d.ts

@@ -2,3 +2,4 @@ import { FunctionComponent } from 'react';
 import { MenuProps } from './interface';
 export declare const Menu: FunctionComponent<MenuProps>;
 export default Menu;
+export type * from './interface';

package/es/Menu/style/index.css

@@ -1 +1 @@
-.paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon{opacity:0;line-height:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{position:relative;font-size:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:40px;height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:36px;height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{position:relative;z-index:10;opacity:0;line-height:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223666}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#eaecf1}
+.paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon{opacity:0;line-height:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{position:relative;font-size:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:40px;height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:36px;height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{position:relative;z-index:10;opacity:0;line-height:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223666}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#eaecf1}