@maketribe/ms-app 4.0.0-alpha.4 → 4.0.0-alpha.6

package/dist/cjs/{index-P7aJrY9b.cjs → index-C1XNlE_P.cjs}

@@ -33,10 +33,10 @@ const table = require("@lexical/table");
 const dragon = require("@lexical/dragon");
 const plainText = require("@lexical/plain-text");
 const vue$2 = require("@headlessui/vue");
+const overlayscrollbarsVue = require("overlayscrollbars-vue");
 const hotkeys = require("hotkeys-js");
 const mitt = require("mitt");
 const core = require("@vueuse/core");
-const overlayscrollbarsVue = require("overlayscrollbars-vue");
 const ContextMenu = require("@imengyu/vue3-context-menu");
 require("@imengyu/vue3-context-menu/lib/vue3-context-menu.css");
 const Message = require("vue-m-message");
@@ -177,84 +177,84 @@ class DataTableComponents extends dm.Components {
       name: "MKColumnAction",
       title: "操作",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-BcHCVUXJ.cjs"))
+        async () => Promise.resolve().then(() => require("./index-BBPZypJc.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnText",
       title: "文本",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-PPh3CcUq.cjs"))
+        async () => Promise.resolve().then(() => require("./index-Cn5Amco_.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnObjectMappingText",
       title: "对象映射文本",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-CVvSVtzA.cjs"))
+        async () => Promise.resolve().then(() => require("./index-BIMO2PR_.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnImage",
       title: "图片",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-BGFeVpUZ.cjs"))
+        async () => Promise.resolve().then(() => require("./index-Dnat27O8.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnSelect",
       title: "行选择",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-D3yfcKl6.cjs"))
+        async () => Promise.resolve().then(() => require("./index-BxG6qdNK.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnJson",
       title: "JSON",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-DF9tph7D.cjs"))
+        async () => Promise.resolve().then(() => require("./index-B2WZSyta.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnDate",
       title: "日期时间",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-ChvoLKrL.cjs"))
+        async () => Promise.resolve().then(() => require("./index-j30omdZn.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnSwitch",
       title: "开关",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-BQjfBtn7.cjs"))
+        async () => Promise.resolve().then(() => require("./index-BxU_LT2e.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnTag",
       title: "标签",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-Ch0S2DrM.cjs"))
+        async () => Promise.resolve().then(() => require("./index-CzwK5miY.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnLink",
       title: "链接",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-VgamPuGl.cjs"))
+        async () => Promise.resolve().then(() => require("./index-BxtDhN0U.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnSort",
       title: "拖拽排序",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-CALg925z.cjs"))
+        async () => Promise.resolve().then(() => require("./index-DqB49ApO.cjs"))
       )
     });
     this.registerComponent({
       name: "MKColumnIcon",
       title: "图标",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-mI3PgWZJ.cjs"))
+        async () => Promise.resolve().then(() => require("./index-weLIwAoT.cjs"))
       )
     });
   }
@@ -280,14 +280,14 @@ class DataTableHeaderComponents extends dm.Components {
       name: "MKBatchOpt",
       title: "批量操作",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-DBmVCYfK.cjs"))
+        async () => Promise.resolve().then(() => require("./index-ZGoUOa5V.cjs"))
       )
     });
     this.registerComponent({
       name: "MKTableFilter",
       title: "筛选",
       component: vue.defineAsyncComponent(
-        async () => Promise.resolve().then(() => require("./index-CvHE6ZPf.cjs"))
+        async () => Promise.resolve().then(() => require("./index-z8zYH85G.cjs"))
       )
     });
   }
@@ -330,21 +330,21 @@ class DataFormComponents extends dm.Components {
       name: "MKFormImageUpload",
       title: "图片上传",
       component: vue.defineAsyncComponent(
-        async () => (await Promise.resolve().then(() => require("./index-DoAWnYyy.cjs"))).MKUploadImage
+        async () => (await Promise.resolve().then(() => require("./index-CFnMYkKP.cjs"))).MKUploadImage
       )
     });
     this.registerComponent({
       name: "MKFormFileUpload",
       title: "文件上传",
       component: vue.defineAsyncComponent(
-        async () => (await Promise.resolve().then(() => require("./index-DoAWnYyy.cjs"))).MKUploadFileUi
+        async () => (await Promise.resolve().then(() => require("./index-CFnMYkKP.cjs"))).MKUploadFileUi
       )
     });
     this.registerComponent({
       name: "MKFormVideoUpload",
       title: "视频选择",
       component: vue.defineAsyncComponent(
-        async () => (await Promise.resolve().then(() => require("./index-DoAWnYyy.cjs"))).MKUploadVideo
+        async () => (await Promise.resolve().then(() => require("./index-CFnMYkKP.cjs"))).MKUploadVideo
       )
     });
     this.registerComponent({
@@ -358,7 +358,7 @@ class DataFormComponents extends dm.Components {
       name: "MKFormDetail",
       title: "明细",
       component: vue.defineAsyncComponent(
-        () => Promise.resolve().then(() => require("./index-DozqAI-B.cjs"))
+        () => Promise.resolve().then(() => require("./index-DdpqZVD9.cjs"))
       )
     });
     this.registerComponent({
@@ -379,14 +379,14 @@ class DataFormComponents extends dm.Components {
       name: "MKDataTreeSelect",
       title: "树选择器",
       component: vue.defineAsyncComponent(
-        () => Promise.resolve().then(() => require("./index-BK8MnCss.cjs"))
+        () => Promise.resolve().then(() => require("./index-TWi3oKMo.cjs"))
       )
     });
     this.registerComponent({
       name: "MKResourceSelectInput",
       title: "资源选择输入框",
       component: vue.defineAsyncComponent(
-        () => Promise.resolve().then(() => require("./resource-select-input-FPwFgXzl.cjs"))
+        () => Promise.resolve().then(() => require("./resource-select-input-BAe3ahDC.cjs"))
       )
     });
   }
@@ -415,7 +415,7 @@ class DataFilterComponents extends dm.Components {
       title: "下拉框",
       defaultOperator: dm.Operator.IN,
       component: vue.defineAsyncComponent(
-        () => Promise.resolve().then(() => require("./index-pzYNuMPD.cjs"))
+        () => Promise.resolve().then(() => require("./index-CR-upPjf.cjs"))
       )
     });
     this.registerComponent({
@@ -831,7 +831,7 @@ class Router extends utils.Disposable {
                     vueRouter2.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => Promise.resolve().then(() => require("./normal-CeD-Oud5.cjs")),
+                      component: () => Promise.resolve().then(() => require("./normal-CdX-Z1kF.cjs")),
                       meta: { name }
                     });
                     break;
@@ -839,7 +839,7 @@ class Router extends utils.Disposable {
                     vueRouter2.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => Promise.resolve().then(() => require("./dialog-9t4PpBq_.cjs")),
+                      component: () => Promise.resolve().then(() => require("./dialog-CxU-j_2o.cjs")),
                       meta: { name }
                     });
                     break;
@@ -851,7 +851,7 @@ class Router extends utils.Disposable {
                     vueRouter2.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => Promise.resolve().then(() => require("./dialog-rl_frDK9.cjs")),
+                      component: () => Promise.resolve().then(() => require("./dialog-CzIX1Cf8.cjs")),
                       meta: { name }
                     });
                     break;
@@ -863,7 +863,7 @@ class Router extends utils.Disposable {
                     vueRouter2.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => Promise.resolve().then(() => require("./dialog-DYWmSX78.cjs")),
+                      component: () => Promise.resolve().then(() => require("./dialog-BKFMFeN8.cjs")),
                       meta: { name }
                     });
                     break;
@@ -871,7 +871,7 @@ class Router extends utils.Disposable {
                     vueRouter2.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => Promise.resolve().then(() => require("./normal-Bsspj4QK.cjs")),
+                      component: () => Promise.resolve().then(() => require("./normal-BGahUaoQ.cjs")),
                       meta: { name }
                     });
                 }
@@ -881,7 +881,7 @@ class Router extends utils.Disposable {
             vueRouter2.addRoute("mk-ms-layout", {
               name: defaultPageRoute.name,
               path: defaultPageRoute.route || `/dv/${name}`,
-              component: () => Promise.resolve().then(() => require("./table-DTn-HXFZ.cjs")),
+              component: () => Promise.resolve().then(() => require("./table-CZgeT7gE.cjs")),
               meta: { name }
             });
             break;
@@ -889,7 +889,7 @@ class Router extends utils.Disposable {
             vueRouter2.addRoute("mk-ms-layout", {
               name: defaultPageRoute.name,
               path: defaultPageRoute.route || `/dv/${name}/edit/:id?`,
-              component: () => Promise.resolve().then(() => require("./edit-YTd9VNsI.cjs")),
+              component: () => Promise.resolve().then(() => require("./edit-B8i8ha4p.cjs")),
               meta: { name }
             });
             break;
@@ -1478,7 +1478,7 @@ class PageManager {
     this.addNormalPage({
       name: "mk-ms-layout",
       path: "/",
-      component: () => Promise.resolve().then(() => require("./index-CN4Rj6Na.cjs"))
+      component: () => Promise.resolve().then(() => require("./index-phHDGoms.cjs"))
     });
     this.addNormalPage({
       name: "login",
@@ -1486,7 +1486,7 @@ class PageManager {
       meta: {
         isAuthorization: false
       },
-      component: () => Promise.resolve().then(() => require("./index-KKM-xN3u.cjs"))
+      component: () => Promise.resolve().then(() => require("./index-C6D2ofzy.cjs"))
     });
     this.addNormalPage({
       name: "signup",
@@ -1494,7 +1494,7 @@ class PageManager {
       meta: {
         isAuthorization: false
       },
-      component: () => Promise.resolve().then(() => require("./index-BEXhwBqh.cjs"))
+      component: () => Promise.resolve().then(() => require("./index-B3e0rOJs.cjs"))
     });
     this.afterInitdEvent.emit();
     this.msAppClientChangeEvent.on(({ msAppClient }) => {
@@ -1550,7 +1550,7 @@ class PageManager {
                 name: "notFound",
                 // path: ":pathMatch(.*)*",
                 path: "",
-                component: () => Promise.resolve().then(() => require("./404-C5dmqK1T.cjs"))
+                component: () => Promise.resolve().then(() => require("./404-B7NnT2gM.cjs"))
               });
             }
             userSession.register(
@@ -2641,7 +2641,7 @@ const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   default: MKCodeEditor
 }, Symbol.toStringTag, { value: "Module" }));
 const MKJsonEditor = utils.withInstall(
-  vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./json-editor-B1Tcl8VY.cjs")))
+  vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./json-editor-4CFMkph7.cjs")))
 );
 const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2667,7 +2667,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const PageContainer = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-92be8edf"]]);
+const PageContainer = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-9f8b72b8"]]);
 const MKPageContainer = utils.withInstall(PageContainer);
 const datePickerTypes = ["date", "year", "month", "datetime"];
 const datePickerProps = utils.buildProps({
@@ -7508,7 +7508,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "onSort-change": handleSortChange,
         "ref": (el) => tableEl.value = el,
         "show-overflow-tooltip": true,
-        "border": true,
+        "border": "",
         "stripe": true,
         "lazy": props.lazy,
         "load": props.load,
@@ -8206,10 +8206,12 @@ const MemberNickNameColumn = /* @__PURE__ */ vue.defineComponent({
         "src": props.row.avatar,
         "class": "member-info-img"
       }, {
-        error: () => vue.createVNode(MKSvgIcon, {
+        error: () => vue.createVNode("div", {
+          "class": "w-full h-full flex flex-items-center justify-center"
+        }, [vue.createVNode(MKSvgIcon, {
           "name": "solar:user-bold-duotone",
           "class": "member-info-img__icon"
-        }, null)
+        }, null)])
       }), vue.createVNode("div", {
         "class": "member-info-text"
       }, [vue.createVNode("span", {
@@ -14462,7 +14464,8 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
     const wrapperEl = vue.ref(null);
     const buttonEl = vue.ref(null);
     const grandEl = vue.ref(null);
-    const httpRequest = MSAppClient.instance.httpRequest;
+    MSAppClient.instance.httpRequest;
+    const webHttpRequest = new request.WebHttpRequest();
     let slideWidth = 48;
     const isError = vue.ref(false);
     const deg = vue.ref(0);
@@ -14476,21 +14479,17 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
     });
     const loadImage = async () => {
       loading.value = true;
-      try {
-        const response = await httpRequest.get("/ms/app/captcha/rotation/image", {
-          params: {
-            scene: props.scene,
-            t: Math.random()
-          },
-          responseType: "blob"
-        });
-        if (!(response.data instanceof Blob)) {
-          return;
-        }
-        imageUrl.value = URL.createObjectURL(response.data);
-      } finally {
-        loading.value = false;
-      }
+      const clientId = await webHttpRequest.getClientID();
+      webHttpRequest.getInterceptors;
+      return await new Promise((reslove) => {
+        const img = new Image();
+        img.onload = () => {
+          imageUrl.value = img.src;
+          reslove(void 0);
+          loading.value = false;
+        };
+        img.src = `api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`;
+      });
     };
     const handleSwitchConfirm = () => {
       emit("confirm", vue.unref(deg));
@@ -15335,283 +15334,174 @@ async function ResourceSelect(options) {
   });
 }
 const MKResourceSelect = ResourceSelect;
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-let uid = 0;
-class DialogerImpl extends dm.SkeletonDialoger {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "dialogInstanceCreateEvent", new utils.Event());
-  }
-  async prompt(options) {
-    const promptResult = await elementPlus.ElMessageBox.prompt(options.message, options.title, options);
-    return promptResult.value;
-  }
-  async confirm(options) {
-    try {
-      await elementPlus.ElMessageBox.confirm(options.message, options.title, options);
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  async alert(options) {
-    await elementPlus.ElMessageBox.alert(options.message, options.title, options);
-  }
-  customRender(options) {
-    let visible = true;
-    const dialogInstance = {
-      class: "",
-      ...options,
-      id: uid++,
-      get visible() {
-        return visible;
-      },
-      set visible(v) {
-        visible = v;
-        dialogInstance.visibleChangeEvent.emit(visible);
-      },
-      visibleChangeEvent: new utils.Event(),
-      destroyEvent: new utils.Event(),
-      destroy: () => {
-        dialogInstance.visible = false;
-        dialogInstance.destroyEvent.emit();
-      }
-    };
-    this.dialogInstanceCreateEvent.emit(dialogInstance);
-    return dialogInstance;
-  }
-  async custom(options) {
-    return new Promise((resolve) => {
-      const dialogInstance = this.customRender({
-        ...options,
-        onConfirm: async () => {
-          if (lodashEs.isFunction(options.onConfirm) ? await options.onConfirm() === false : false) {
-            return false;
-          }
-          dialogInstance.destroy();
-          resolve(true);
-        },
-        onCancel: async () => {
-          if (lodashEs.isFunction(options.onCancel) ? await options.onCancel() === false : false) {
-            return false;
-          }
-          dialogInstance.destroy();
-          resolve(false);
-        }
-      });
-    });
-  }
-  async dataTableSelectDialog(dataTable) {
-    dataTable = vue.reactive(dataTable);
-    dataTable.afterInitdEvent.once(() => {
-      const columns = dataTable.getColumns().filter((column) => column.name !== dm.TableActionColumn.actionColumnName);
-      dataTable.setColumns(columns);
+const _hoisted_1$p = { class: "fixed inset-0 overflow-y-auto" };
+const _hoisted_2$i = { class: "min-h-full flex items-end justify-center p-4 text-center lg-items-center" };
+const _hoisted_3$c = {
+  flex: "~ items-center justify-between",
+  "px-4": "",
+  "py-3": "",
+  "border-b": "~ solid stone/15",
+  "text-6": ""
+};
+const _hoisted_4$9 = {
+  key: 0,
+  flex: "~ items-center justify-end",
+  "px-4": "",
+  "py-3": "",
+  "border-t": "~ solid stone/15"
+};
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "MKDialog" },
+  __name: "dialog",
+  props: /* @__PURE__ */ vue.mergeModels({
+    appear: { type: Boolean, default: false },
+    title: {},
+    preventClose: { type: Boolean, default: false },
+    overlay: { type: Boolean, default: false },
+    width: {}
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["close"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const isOpen = vue.useModel(__props, "modelValue");
+    const slots = vue.useSlots();
+    const overlayTransitionClass = vue.ref({
+      enter: "ease-in-out duration-500",
+      enterFrom: "opacity-0",
+      enterTo: "opacity-100",
+      leave: "ease-in-out duration-500",
+      leaveFrom: "opacity-100",
+      leaveTo: "opacity-0"
     });
-    return new Promise((resolve) => {
-      const handleConfirm = () => {
-        resolve({
-          isConfirm: true,
-          selections: dataTable.getSelection()
-        });
-        dataTable.setList([]);
-        dataTable.setSelection([]);
-        dialogInstance.destroy();
-      };
-      const handleCancel = () => {
-        resolve({
-          isConfirm: false,
-          selections: []
-        });
-        dialogInstance.destroy();
+    const transitionClass = vue.computed(() => {
+      return {
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95",
+        enterTo: "opacity-100 translate-y-0 lg-scale-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100 translate-y-0 lg-scale-100",
+        leaveTo: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95"
       };
-      const dialogInstance = this.customRender({
-        class: "mk-data-table-select-dialog",
-        width: "80%",
-        body: () => {
-          return vue.createVNode("div", {
-            "class": "mk-data-table-select-dialog__main"
-          }, [vue.createVNode(MKDataTable, {
-            "dataTable": dataTable,
-            "selection": true
-          }, null)]);
-        },
-        footer: () => {
-          return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
-            "type": "primary",
-            "onClick": handleConfirm,
-            "disabled": dataTable.getSelection().length === 0
-          }, {
-            default: () => [vue.createTextVNode("确定")]
-          }), vue.createVNode(elementPlus.ElButton, {
-            "onClick": handleCancel
-          }, {
-            default: () => [vue.createTextVNode("取消")]
-          })]);
-        }
-      });
     });
-  }
-  async dataFormDialog(dataFormOptions) {
-    return new Promise((resolve) => {
-      const dataForm = vue.reactive(dataFormOptions.dataForm);
-      let title = "";
-      if (dataFormOptions.customDataFormStatus !== true) {
-        if (dataFormOptions.recId) {
-          dataForm.editRecord(dataFormOptions.recId);
-        } else {
-          dataForm.addRecord();
-        }
-        title = dataFormOptions.recId ? "编辑" : "新增";
+    const dialogPanelStyle = vue.computed(() => {
+      if (props.width) {
+        return { width: props.width };
       }
-      const dialogInstance = this.customRender({
-        title: dataFormOptions.title ?? title,
-        onClose: () => {
-          dataForm.cancel();
-          dialogInstance.destroy();
-        },
-        body: () => {
-          return vue.createVNode(elementPlus.ElScrollbar, {
-            "max-height": "550px"
-          }, {
-            default: () => [vue.createVNode(MKDataForm, {
-              "dataForm": dataForm
-            }, {
-              default: () => [vue.createVNode(MKForm, {
-                "dataForm": dataForm
-              }, null)]
-            })]
-          });
-        },
-        footer: () => {
-          let _slot, _slot2;
-          return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
-            "type": "primary",
-            "disabled": !dataForm.isChanged,
-            "loading": !dataForm.allowSubmit,
-            "onClick": async () => {
-              if (!await dataForm.validate()) {
-                return;
-              }
-              if (await dataForm.simpleSubmit()) {
-                dialogInstance.destroy();
-              }
-            }
-          }, _isSlot(_slot = locale.I18n.instance.translate("mk.dataForm.saveButton")) ? _slot : {
-            default: () => [_slot]
-          }), vue.createVNode(elementPlus.ElButton, {
-            "onClick": () => {
-              dataForm.cancel();
-              dialogInstance.destroy();
-            }
-          }, _isSlot(_slot2 = locale.I18n.instance.translate("mk.dataForm.cancelButton")) ? _slot2 : {
-            default: () => [_slot2]
-          })]);
-        }
-      });
-      resolve(dialogInstance);
-    });
-  }
-}
-const _hoisted_1$p = {
-  key: 1,
-  class: "h-[1em] w-[1em]",
-  "aria-hidden": "true"
-};
-const _hoisted_2$i = ["xlink:href"];
-const _hoisted_3$c = ["src"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "SvgIcon"
-  },
-  __name: "index",
-  props: {
-    name: {},
-    flip: {},
-    rotate: {},
-    color: {},
-    size: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const outputType = vue.computed(() => {
-      if (/^https?:\/\//.test(props.name)) {
-        return "img";
-      } else if (/i-[^:]+:[^:]+/.test(props.name)) {
-        return "unocss";
-      } else if (props.name.includes(":")) {
-        return "iconify";
-      } else {
-        return "svg";
-      }
-    });
-    const style = vue.computed(() => {
-      const transform = [];
-      if (props.flip) {
-        switch (props.flip) {
-          case "horizontal":
-            transform.push("rotateY(180deg)");
-            break;
-          case "vertical":
-            transform.push("rotateX(180deg)");
-            break;
-          case "both":
-            transform.push("rotateX(180deg)");
-            transform.push("rotateY(180deg)");
-            break;
-        }
-      }
-      if (props.rotate) {
-        transform.push(`rotate(${props.rotate % 360}deg)`);
-      }
-      return {
-        ...props.color && { color: props.color },
-        ...props.size && { fontSize: typeof props.size === "number" ? `${props.size}px` : props.size },
-        ...transform.length && { transform: transform.join(" ") }
-      };
+      return {};
     });
+    function close() {
+      isOpen.value = false;
+      emits("close");
+    }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("i", {
-        class: vue.normalizeClass(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]", { [_ctx.name]: vue.unref(outputType) === "unocss" }]),
-        style: vue.normalizeStyle(vue.unref(style))
-      }, [
-        vue.unref(outputType) === "iconify" ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-          key: 0,
-          icon: _ctx.name
-        }, null, 8, ["icon"])) : vue.unref(outputType) === "svg" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, [
-          vue.createElementVNode("use", {
-            "xlink:href": `#icon-${_ctx.name}`
-          }, null, 8, _hoisted_2$i)
-        ])) : vue.unref(outputType) === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
-          key: 2,
-          src: _ctx.name,
-          class: "h-[1em] w-[1em]"
-        }, null, 8, _hoisted_3$c)) : vue.createCommentVNode("", true)
-      ], 6);
+      return vue.openBlock(), vue.createBlock(vue.unref(vue$2.TransitionRoot), {
+        as: "template",
+        appear: _ctx.appear,
+        show: isOpen.value
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(vue$2.Dialog), {
+            class: "fixed inset-0 z-2000 flex",
+            onClose: _cache[0] || (_cache[0] = ($event) => !_ctx.preventClose && close())
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({
+                as: "template",
+                appear: _ctx.appear
+              }, vue.unref(overlayTransitionClass)), {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["fixed inset-0 bg-stone-2/75 transition-opacity dark-bg-stone-8/75", { "backdrop-blur-sm": _ctx.overlay }])
+                  }, null, 2)
+                ]),
+                _: 1
+              }, 16, ["appear"]),
+              vue.createElementVNode("div", _hoisted_1$p, [
+                vue.createElementVNode("div", _hoisted_2$i, [
+                  vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({
+                    as: "template",
+                    appear: _ctx.appear
+                  }, vue.unref(transitionClass)), {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(vue$2.DialogPanel), {
+                        class: "relative w-full flex flex-col overflow-hidden rounded-xl bg-white text-left shadow-xl lg-my-8 lg-max-w-4xl dark-bg-stone-8",
+                        style: vue.normalizeStyle(vue.unref(dialogPanelStyle))
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("div", _hoisted_3$c, [
+                            vue.createVNode(vue.unref(vue$2.DialogTitle), {
+                              "m-0": "",
+                              "text-lg": "",
+                              "text-dark": "",
+                              "dark-text-white": ""
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(vue.unref(MKSvgIcon), {
+                              name: "i-carbon:close",
+                              "cursor-pointer": "",
+                              onClick: close
+                            })
+                          ]),
+                          vue.createVNode(vue.unref(vue$2.DialogDescription), {
+                            "m-0": "",
+                            "overflow-y-auto": "",
+                            "p-4": ""
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.renderSlot(_ctx.$slots, "default")
+                            ]),
+                            _: 3
+                          }),
+                          !!vue.unref(slots).footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, [
+                            vue.renderSlot(_ctx.$slots, "footer")
+                          ])) : vue.createCommentVNode("", true)
+                        ]),
+                        _: 3
+                      }, 8, ["style"])
+                    ]),
+                    _: 3
+                  }, 16, ["appear"])
+                ])
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["appear", "show"]);
     };
   }
 });
-const _hoisted_1$o = { class: "fixed inset-0 overflow-y-auto" };
-const _hoisted_2$h = { class: "min-h-full flex items-end justify-center p-4 text-center lg-items-center" };
-const _hoisted_3$b = {
+const MKDialog = _sfc_main$A;
+const _hoisted_1$o = {
   flex: "~ items-center justify-between",
-  "px-4": "",
-  "py-3": "",
+  "p-4": "",
   "border-b": "~ solid stone/15",
   "text-6": ""
 };
-const _hoisted_4$9 = {
+const _hoisted_2$h = {
   key: 0,
   flex: "~ items-center justify-end",
-  "px-4": "",
-  "py-3": "",
+  "px-3": "",
+  "py-2": "",
   "border-t": "~ solid stone/15"
 };
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-  __name: "HDialog",
+  ...{ name: "MKDrawer" },
+  __name: "drawer",
   props: /* @__PURE__ */ vue.mergeModels({
     appear: { type: Boolean, default: false },
+    side: { default: "right" },
     title: {},
     preventClose: { type: Boolean, default: false },
     overlay: { type: Boolean, default: false }
@@ -15623,6 +15513,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["close"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emits = __emit;
     const isOpen = vue.useModel(__props, "modelValue");
     const slots = vue.useSlots();
@@ -15636,12 +15527,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     });
     const transitionClass = vue.computed(() => {
       return {
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95",
-        enterTo: "opacity-100 translate-y-0 lg-scale-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100 translate-y-0 lg-scale-100",
-        leaveTo: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95"
+        enter: "transform transition ease-in-out duration-300",
+        leave: "transform transition ease-in-out duration-200",
+        enterFrom: props.side === "left" ? "-translate-x-full" : "translate-x-full",
+        enterTo: "translate-x-0",
+        leaveFrom: "translate-x-0",
+        leaveTo: props.side === "left" ? "-translate-x-full" : "translate-x-full"
       };
     });
     function close() {
@@ -15656,7 +15547,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(vue$2.Dialog), {
-            class: "fixed inset-0 z-2000 flex",
+            class: vue.normalizeClass(["fixed inset-0 z-2000 flex", { "justify-end": _ctx.side === "right" }]),
             onClose: _cache[0] || (_cache[0] = ($event) => !_ctx.preventClose && close())
           }, {
             default: vue.withCtx(() => [
@@ -15671,63 +15562,261 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 1
               }, 16, ["appear"]),
-              vue.createElementVNode("div", _hoisted_1$o, [
-                vue.createElementVNode("div", _hoisted_2$h, [
-                  vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({
-                    as: "template",
-                    appear: _ctx.appear
-                  }, vue.unref(transitionClass)), {
+              vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({
+                as: "template",
+                appear: _ctx.appear
+              }, vue.unref(transitionClass)), {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(vue$2.DialogPanel), {
+                    relative: "",
+                    "max-w-md": "",
+                    "w-full": "",
+                    "w-screen": "",
+                    flex: "",
+                    "flex-1": "",
+                    "flex-col": "",
+                    "bg-white": "",
+                    "dark-bg-stone-8": "",
+                    "focus-outline-none": ""
+                  }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(vue$2.DialogPanel), { class: "relative w-full flex flex-col overflow-hidden rounded-xl bg-white text-left shadow-xl lg-my-8 lg-max-w-4xl dark-bg-stone-8" }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_3$b, [
-                            vue.createVNode(vue.unref(vue$2.DialogTitle), {
-                              "m-0": "",
-                              "text-lg": "",
-                              "text-dark": "",
-                              "dark-text-white": ""
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-                              ]),
-                              _: 1
-                            }),
-                            vue.createVNode(_sfc_main$A, {
-                              name: "i-carbon:close",
-                              "cursor-pointer": "",
-                              onClick: close
-                            })
+                      vue.createElementVNode("div", _hoisted_1$o, [
+                        vue.createVNode(vue.unref(vue$2.DialogTitle), {
+                          "m-0": "",
+                          "text-lg": "",
+                          "text-dark": "",
+                          "dark-text-white": ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
                           ]),
-                          vue.createVNode(vue.unref(vue$2.DialogDescription), {
-                            "m-0": "",
-                            "overflow-y-auto": "",
-                            "p-4": ""
+                          _: 1
+                        }),
+                        vue.createVNode(vue.unref(MKSvgIcon), {
+                          name: "i-carbon:close",
+                          "cursor-pointer": "",
+                          onClick: close
+                        })
+                      ]),
+                      vue.createVNode(vue.unref(vue$2.DialogDescription), {
+                        "m-0": "",
+                        "flex-1": "",
+                        "of-y-hidden": ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(overlayscrollbarsVue.OverlayScrollbarsComponent), {
+                            options: {
+                              scrollbars: { autoHide: "leave", autoHideDelay: 300 }
+                            },
+                            defer: "",
+                            class: "h-full p-4"
                           }, {
                             default: vue.withCtx(() => [
                               vue.renderSlot(_ctx.$slots, "default")
                             ]),
                             _: 3
-                          }),
-                          !!vue.unref(slots).footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, [
-                            vue.renderSlot(_ctx.$slots, "footer")
-                          ])) : vue.createCommentVNode("", true)
+                          })
                         ]),
                         _: 3
-                      })
+                      }),
+                      !!vue.unref(slots).footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
+                        vue.renderSlot(_ctx.$slots, "footer")
+                      ])) : vue.createCommentVNode("", true)
                     ]),
                     _: 3
-                  }, 16, ["appear"])
-                ])
-              ])
+                  })
+                ]),
+                _: 3
+              }, 16, ["appear"])
             ]),
             _: 3
-          })
+          }, 8, ["class"])
         ]),
         _: 3
       }, 8, ["appear", "show"]);
     };
   }
 });
+const MKDrawer = _sfc_main$z;
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+let uid = 0;
+class DialogerImpl extends dm.SkeletonDialoger {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "dialogInstanceCreateEvent", new utils.Event());
+  }
+  async prompt(options) {
+    const promptResult = await elementPlus.ElMessageBox.prompt(options.message, options.title, options);
+    return promptResult.value;
+  }
+  async confirm(options) {
+    try {
+      await elementPlus.ElMessageBox.confirm(options.message, options.title, options);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  async alert(options) {
+    await elementPlus.ElMessageBox.alert(options.message, options.title, options);
+  }
+  customRender(options) {
+    let visible = true;
+    const dialogInstance = {
+      class: "",
+      ...options,
+      id: uid++,
+      get visible() {
+        return visible;
+      },
+      set visible(v) {
+        visible = v;
+        dialogInstance.visibleChangeEvent.emit(visible);
+      },
+      visibleChangeEvent: new utils.Event(),
+      destroyEvent: new utils.Event(),
+      destroy: () => {
+        dialogInstance.visible = false;
+        dialogInstance.destroyEvent.emit();
+      }
+    };
+    this.dialogInstanceCreateEvent.emit(dialogInstance);
+    return dialogInstance;
+  }
+  async custom(options) {
+    return new Promise((resolve) => {
+      const dialogInstance = this.customRender({
+        ...options,
+        onConfirm: async () => {
+          if (lodashEs.isFunction(options.onConfirm) ? await options.onConfirm() === false : false) {
+            return false;
+          }
+          dialogInstance.destroy();
+          resolve(true);
+        },
+        onCancel: async () => {
+          if (lodashEs.isFunction(options.onCancel) ? await options.onCancel() === false : false) {
+            return false;
+          }
+          dialogInstance.destroy();
+          resolve(false);
+        }
+      });
+    });
+  }
+  async dataTableSelectDialog(dataTable) {
+    dataTable = vue.reactive(dataTable);
+    dataTable.afterInitdEvent.once(() => {
+      const columns = dataTable.getColumns().filter((column) => column.name !== dm.TableActionColumn.actionColumnName);
+      dataTable.setColumns(columns);
+    });
+    return new Promise((resolve) => {
+      const handleConfirm = () => {
+        resolve({
+          isConfirm: true,
+          selections: dataTable.getSelection()
+        });
+        dataTable.setList([]);
+        dataTable.setSelection([]);
+        dialogInstance.destroy();
+      };
+      const handleCancel = () => {
+        resolve({
+          isConfirm: false,
+          selections: []
+        });
+        dialogInstance.destroy();
+      };
+      const dialogInstance = this.customRender({
+        class: "mk-data-table-select-dialog",
+        width: "80%",
+        body: () => {
+          return vue.createVNode("div", {
+            "class": "mk-data-table-select-dialog__main"
+          }, [vue.createVNode(MKDataTable, {
+            "dataTable": dataTable,
+            "selection": true
+          }, null)]);
+        },
+        footer: () => {
+          return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "onClick": handleConfirm,
+            "disabled": dataTable.getSelection().length === 0
+          }, {
+            default: () => [vue.createTextVNode("确定")]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "onClick": handleCancel
+          }, {
+            default: () => [vue.createTextVNode("取消")]
+          })]);
+        }
+      });
+    });
+  }
+  async dataFormDialog(dataFormOptions) {
+    return new Promise((resolve) => {
+      const dataForm = vue.reactive(dataFormOptions.dataForm);
+      let title = "";
+      if (dataFormOptions.customDataFormStatus !== true) {
+        if (dataFormOptions.recId) {
+          dataForm.editRecord(dataFormOptions.recId);
+        } else {
+          dataForm.addRecord();
+        }
+        title = dataFormOptions.recId ? "编辑" : "新增";
+      }
+      const dialogInstance = this.customRender({
+        title: dataFormOptions.title ?? title,
+        onClose: () => {
+          dataForm.cancel();
+          dialogInstance.destroy();
+        },
+        body: () => {
+          return vue.createVNode(elementPlus.ElScrollbar, {
+            "max-height": "550px"
+          }, {
+            default: () => [vue.createVNode(MKDataForm, {
+              "dataForm": dataForm
+            }, {
+              default: () => [vue.createVNode(MKForm, {
+                "dataForm": dataForm
+              }, null)]
+            })]
+          });
+        },
+        footer: () => {
+          let _slot, _slot2;
+          return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "disabled": !dataForm.isChanged,
+            "loading": !dataForm.allowSubmit,
+            "onClick": async () => {
+              if (!await dataForm.validate()) {
+                return;
+              }
+              if (await dataForm.simpleSubmit()) {
+                dialogInstance.destroy();
+              }
+            }
+          }, _isSlot(_slot = locale.I18n.instance.translate("mk.dataForm.saveButton")) ? _slot : {
+            default: () => [_slot]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "onClick": () => {
+              dataForm.cancel();
+              dialogInstance.destroy();
+            }
+          }, _isSlot(_slot2 = locale.I18n.instance.translate("mk.dataForm.cancelButton")) ? _slot2 : {
+            default: () => [_slot2]
+          })]);
+        }
+      });
+      resolve(dialogInstance);
+    });
+  }
+}
 const Dialogs = /* @__PURE__ */ vue.defineComponent({
   name: "MKDialogs",
   setup(props) {
@@ -15766,8 +15855,9 @@ const Dialogs = /* @__PURE__ */ vue.defineComponent({
     return () => {
       const dialogs = vue.unref(dialogInstances).map((dialogInstance) => {
         var _a2;
-        return vue.createVNode(_sfc_main$z, {
+        return vue.createVNode(MKDialog, {
           "class": dialogInstance.class,
+          "width": dialogInstance.width,
           "modelValue": dialogInstance.visible,
           "onUpdate:model-value": (visible) => dialogInstance.visible = visible,
           "onClose": () => handleClose(dialogInstance),
@@ -15860,44 +15950,122 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       if (props.showLogo && vue.unref(logo)) {
         return true;
       }
-      return !!(props.showTitle && vue.unref(title));
+      return !!(props.showTitle && vue.unref(title));
+    });
+    return (_ctx, _cache) => {
+      const _component_RouterLink = vue.resolveComponent("RouterLink");
+      return vue.unref(visible) ? (vue.openBlock(), vue.createBlock(_component_RouterLink, {
+        key: 0,
+        to: vue.unref(to),
+        class: vue.normalizeClass(["h-[var(--g-sidebar-logo-height)] w-inherit flex-center gap-2 px-3 text-inherit no-underline", { "cursor-pointer": vue.unref(settingsStore).settings.home.enable }]),
+        title: vue.unref(title)
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.showLogo && vue.unref(logo) ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: vue.unref(logo),
+            class: "logo h-[30px] w-[30px] object-contain"
+          }, null, 8, _hoisted_1$n)) : vue.createCommentVNode("", true),
+          _ctx.showTitle && vue.unref(title) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(vue.unref(title)), 1)) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["to", "class", "title"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const eventBus = mitt();
+const _sfc_main$x = {};
+const _hoisted_1$m = { class: "mr-[4px] h-6 min-w-[24px] inline-flex items-center justify-center rounded bg-stone-1 px-1 text-[12px] text-dark font-medium font-sans ring-1 ring-stone-3 ring-inset last:mr-0 dark-bg-dark-9 dark-text-white dark-ring-stone-7" };
+function _sfc_render$1(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("kbd", _hoisted_1$m, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const HKbd = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
+const _hoisted_1$l = {
+  key: 1,
+  class: "h-[1em] w-[1em]",
+  "aria-hidden": "true"
+};
+const _hoisted_2$f = ["xlink:href"];
+const _hoisted_3$b = ["src"];
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "SvgIcon"
+  },
+  __name: "index",
+  props: {
+    name: {},
+    flip: {},
+    rotate: {},
+    color: {},
+    size: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const outputType = vue.computed(() => {
+      if (/^https?:\/\//.test(props.name)) {
+        return "img";
+      } else if (/i-[^:]+:[^:]+/.test(props.name)) {
+        return "unocss";
+      } else if (props.name.includes(":")) {
+        return "iconify";
+      } else {
+        return "svg";
+      }
+    });
+    const style = vue.computed(() => {
+      const transform = [];
+      if (props.flip) {
+        switch (props.flip) {
+          case "horizontal":
+            transform.push("rotateY(180deg)");
+            break;
+          case "vertical":
+            transform.push("rotateX(180deg)");
+            break;
+          case "both":
+            transform.push("rotateX(180deg)");
+            transform.push("rotateY(180deg)");
+            break;
+        }
+      }
+      if (props.rotate) {
+        transform.push(`rotate(${props.rotate % 360}deg)`);
+      }
+      return {
+        ...props.color && { color: props.color },
+        ...props.size && { fontSize: typeof props.size === "number" ? `${props.size}px` : props.size },
+        ...transform.length && { transform: transform.join(" ") }
+      };
     });
     return (_ctx, _cache) => {
-      const _component_RouterLink = vue.resolveComponent("RouterLink");
-      return vue.unref(visible) ? (vue.openBlock(), vue.createBlock(_component_RouterLink, {
-        key: 0,
-        to: vue.unref(to),
-        class: vue.normalizeClass(["h-[var(--g-sidebar-logo-height)] w-inherit flex-center gap-2 px-3 text-inherit no-underline", { "cursor-pointer": vue.unref(settingsStore).settings.home.enable }]),
-        title: vue.unref(title)
-      }, {
-        default: vue.withCtx(() => [
-          _ctx.showLogo && vue.unref(logo) ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            src: vue.unref(logo),
-            class: "logo h-[30px] w-[30px] object-contain"
-          }, null, 8, _hoisted_1$n)) : vue.createCommentVNode("", true),
-          _ctx.showTitle && vue.unref(title) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(vue.unref(title)), 1)) : vue.createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["to", "class", "title"])) : vue.createCommentVNode("", true);
+      return vue.openBlock(), vue.createElementBlock("i", {
+        class: vue.normalizeClass(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]", { [_ctx.name]: vue.unref(outputType) === "unocss" }]),
+        style: vue.normalizeStyle(vue.unref(style))
+      }, [
+        vue.unref(outputType) === "iconify" ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+          key: 0,
+          icon: _ctx.name
+        }, null, 8, ["icon"])) : vue.unref(outputType) === "svg" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, [
+          vue.createElementVNode("use", {
+            "xlink:href": `#icon-${_ctx.name}`
+          }, null, 8, _hoisted_2$f)
+        ])) : vue.unref(outputType) === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 2,
+          src: _ctx.name,
+          class: "h-[1em] w-[1em]"
+        }, null, 8, _hoisted_3$b)) : vue.createCommentVNode("", true)
+      ], 6);
     };
   }
 });
-const eventBus = mitt();
-const _sfc_main$x = {};
-const _hoisted_1$m = { class: "mr-[4px] h-6 min-w-[24px] inline-flex items-center justify-center rounded bg-stone-1 px-1 text-[12px] text-dark font-medium font-sans ring-1 ring-stone-3 ring-inset last:mr-0 dark-bg-dark-9 dark-text-white dark-ring-stone-7" };
-function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("kbd", _hoisted_1$m, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const HKbd = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
-const _hoisted_1$l = {
+const _hoisted_1$k = {
   key: 1,
   class: "group inline-flex cursor-pointer items-center gap-1 whitespace-nowrap rounded-2 bg-stone-1 px-2 py-1.5 text-dark ring-stone-3 ring-inset transition dark-bg-stone-9 dark-text-white hover-ring-1 dark-ring-stone-7"
 };
-const _hoisted_2$f = /* @__PURE__ */ vue.createElementVNode("span", { class: "text-sm text-stone-5 transition group-hover-text-dark dark-group-hover-text-white" }, " 搜索 ", -1);
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$e = /* @__PURE__ */ vue.createElementVNode("span", { class: "text-sm text-stone-5 transition group-hover-text-dark dark-group-hover-text-white" }, " 搜索 ", -1);
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ToolbarRightSide"
   },
@@ -15909,12 +16077,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         class: "flex-center cursor-pointer px-2 py-1",
         onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(eventBus).emit("global-search-toggle"))
       }, [
-        vue.unref(settingsStore).mode === "mobile" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+        vue.unref(settingsStore).mode === "mobile" ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
           key: 0,
           name: "i-ri:search-line"
-        })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$l, [
-          vue.createVNode(_sfc_main$A, { name: "i-ri:search-line" }),
-          _hoisted_2$f,
+        })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$k, [
+          vue.createVNode(_sfc_main$w, { name: "i-ri:search-line" }),
+          _hoisted_2$e,
           vue.unref(settingsStore).settings.navSearch.enableHotkeys ? (vue.openBlock(), vue.createBlock(HKbd, {
             key: 0,
             class: "ml-2"
@@ -15929,7 +16097,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "Fullscreen"
   },
@@ -15963,7 +16131,7 @@ function useMainPage() {
     reload
   };
 }
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PageReload"
   },
@@ -15975,7 +16143,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         class: "flex-center cursor-pointer px-2 py-1",
         onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(mainPage).reload())
       }, [
-        vue.createVNode(_sfc_main$A, { name: "i-iconoir:refresh-double" })
+        vue.createVNode(_sfc_main$w, { name: "i-iconoir:refresh-double" })
       ]);
     };
   }
@@ -15994,7 +16162,7 @@ function useViewTransition(callback) {
     startViewTransition
   };
 }
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ColorScheme"
   },
@@ -16046,7 +16214,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["modelValue"])
         ]),
         default: vue.withCtx(() => [
-          vue.createVNode(_sfc_main$A, {
+          vue.createVNode(_sfc_main$w, {
             name: {
               "": "i-codicon:color-mode",
               "light": "i-ri:sun-line",
@@ -16060,8 +16228,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["disabled", "onClick"];
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$j = ["disabled", "onClick"];
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "HDropdownMenu",
   props: {
     items: {}
@@ -16093,7 +16261,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   disabled: v.disabled,
                   class: "w-full flex cursor-pointer items-center gap-2 border-size-0 rounded-md bg-inherit px-2 py-1.5 text-sm text-dark disabled-cursor-not-allowed dark-text-white disabled-opacity-50 hover-not-disabled-bg-stone-1 dark-hover-not-disabled-bg-stone-9",
                   onClick: v.handle
-                }, vue.toDisplayString(v.label), 9, _hoisted_1$k);
+                }, vue.toDisplayString(v.label), 9, _hoisted_1$j);
               }), 128))
             ]);
           }), 128))
@@ -16106,30 +16274,34 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$j = { class: "flex items-center" };
-const _hoisted_2$e = { class: "flex-center gap-1" };
+const _hoisted_1$i = { class: "flex items-center" };
+const _hoisted_2$d = {
+  key: 0,
+  class: "flex-center gap-1"
+};
 const _hoisted_3$a = ["src", "onerror"];
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "Tools"
   },
   __name: "rightSide",
   setup(__props) {
-    vueRouter.useRouter();
+    const router = vueRouter.useRouter();
     const settingsStore = useSettingsStore();
     const appClient = vue.computed(() => MSAppClient.instance);
     const userInfo = vue.computed(() => vue.unref(appClient).userInfo);
     const avatarError = vue.ref(false);
     const handleLogout = () => {
       vue.unref(appClient).logout();
+      router.push({ name: "login" });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
-        vue.unref(settingsStore).settings.toolbar.navSearch ? (vue.openBlock(), vue.createBlock(_sfc_main$w, { key: 0 })) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.fullscreen ? (vue.openBlock(), vue.createBlock(_sfc_main$v, { key: 1 })) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.pageReload ? (vue.openBlock(), vue.createBlock(_sfc_main$u, { key: 2 })) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.colorScheme ? (vue.openBlock(), vue.createBlock(_sfc_main$t, { key: 3 })) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$s, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+        vue.unref(settingsStore).settings.toolbar.navSearch ? (vue.openBlock(), vue.createBlock(_sfc_main$v, { key: 0 })) : vue.createCommentVNode("", true),
+        vue.unref(settingsStore).settings.toolbar.fullscreen ? (vue.openBlock(), vue.createBlock(_sfc_main$u, { key: 1 })) : vue.createCommentVNode("", true),
+        vue.unref(settingsStore).settings.toolbar.pageReload ? (vue.openBlock(), vue.createBlock(_sfc_main$t, { key: 2 })) : vue.createCommentVNode("", true),
+        vue.unref(settingsStore).settings.toolbar.colorScheme ? (vue.openBlock(), vue.createBlock(_sfc_main$s, { key: 3 })) : vue.createCommentVNode("", true),
+        vue.createVNode(_sfc_main$r, {
           items: [
             [
               {
@@ -16148,21 +16320,21 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           class: "flex-center cursor-pointer px-2"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$e, [
+            vue.unref(userInfo) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
               vue.unref(userInfo).avatar && !vue.unref(avatarError) ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 src: vue.unref(userInfo).avatar,
                 onerror: () => avatarError.value = true,
                 class: "h-[24px] w-[24px] rounded-full"
-              }, null, 8, _hoisted_3$a)) : (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+              }, null, 8, _hoisted_3$a)) : (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                 key: 1,
                 name: "i-carbon:user-avatar-filled-alt",
                 size: 24,
                 class: "text-gray-400"
               })),
               vue.createTextVNode(" " + vue.toDisplayString(vue.unref(userInfo).account) + " ", 1),
-              vue.createVNode(_sfc_main$A, { name: "i-ep:caret-bottom" })
-            ])
+              vue.createVNode(_sfc_main$w, { name: "i-ep:caret-bottom" })
+            ])) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["items"])
@@ -16184,13 +16356,13 @@ function useMenu() {
     switchTo
   };
 }
-const _hoisted_1$i = { key: 0 };
-const _hoisted_2$d = { class: "header-container" };
+const _hoisted_1$h = { key: 0 };
+const _hoisted_2$c = { class: "header-container" };
 const _hoisted_3$9 = { class: "menu h-full flex of-hidden transition-all" };
 const _hoisted_4$8 = ["title", "onClick"];
 const _hoisted_5$6 = { class: "inline-flex flex-1 items-center justify-center gap-1" };
 const _hoisted_6$6 = { class: "w-full flex-1 truncate text-sm transition-height transition-opacity transition-width" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "LayoutHeader"
   },
@@ -16210,8 +16382,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: "header" }, {
         default: vue.withCtx(() => [
-          vue.unref(settingsStore).mode === "pc" && vue.unref(settingsStore).settings.menu.mode === "head" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$i, [
-            vue.createElementVNode("div", _hoisted_2$d, [
+          vue.unref(settingsStore).mode === "pc" && vue.unref(settingsStore).settings.menu.mode === "head" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$h, [
+            vue.createElementVNode("div", _hoisted_2$c, [
               vue.createVNode(_sfc_main$y, { class: "title" }),
               vue.createElementVNode("div", {
                 ref_key: "menuRef",
@@ -16237,7 +16409,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                         onClick: ($event) => vue.unref(switchTo)(index2)
                       }, [
                         vue.createElementVNode("div", _hoisted_5$6, [
-                          ((_d2 = item.meta) == null ? void 0 : _d2.icon) ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                          ((_d2 = item.meta) == null ? void 0 : _d2.icon) ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                             key: 0,
                             name: (_e2 = item.meta) == null ? void 0 : _e2.icon,
                             class: "menu-item-container-icon transition-transform group-hover-scale-120"
@@ -16249,7 +16421,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                   }), 128))
                 ])
               ], 544),
-              vue.createVNode(_sfc_main$r)
+              vue.createVNode(_sfc_main$q)
             ])
           ])) : vue.createCommentVNode("", true)
         ]),
@@ -16258,17 +16430,17 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Header = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-506de71a"]]);
-const _hoisted_1$h = {
+const Header = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-506de71a"]]);
+const _hoisted_1$g = {
   key: 0,
   class: "main-sidebar-container"
 };
-const _hoisted_2$c = { class: "menu" };
+const _hoisted_2$b = { class: "menu" };
 const _hoisted_3$8 = { class: "w-full flex flex-col of-hidden py-1 transition-all -mt-2" };
 const _hoisted_4$7 = ["title", "onClick"];
 const _hoisted_5$5 = { class: "w-full inline-flex flex-1 flex-col items-center justify-center gap-[2px]" };
 const _hoisted_6$5 = { class: "w-full flex-1 truncate text-center transition-height transition-opacity transition-width font-size-[12px]" };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "MainSidebar"
   },
@@ -16284,12 +16456,12 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: "main-sidebar" }, {
         default: vue.withCtx(() => [
-          vue.unref(settingsStore).settings.menu.mode === "side" || vue.unref(settingsStore).mode === "mobile" && vue.unref(settingsStore).settings.menu.mode !== "single" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+          vue.unref(settingsStore).settings.menu.mode === "side" || vue.unref(settingsStore).mode === "mobile" && vue.unref(settingsStore).settings.menu.mode !== "single" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
             vue.createVNode(_sfc_main$y, {
               "show-title": false,
               class: "sidebar-logo"
             }),
-            vue.createElementVNode("div", _hoisted_2$c, [
+            vue.createElementVNode("div", _hoisted_2$b, [
               vue.createElementVNode("div", _hoisted_3$8, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuStore).allMenus, (item, index2) => {
                   var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -16308,7 +16480,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                       onClick: ($event) => vue.unref(switchTo)(index2)
                     }, [
                       vue.createElementVNode("div", _hoisted_5$5, [
-                        ((_d2 = item.meta) == null ? void 0 : _d2.icon) ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                        ((_d2 = item.meta) == null ? void 0 : _d2.icon) ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                           key: 0,
                           name: (_e2 = item.meta) == null ? void 0 : _e2.icon,
                           class: "menu-item-container-icon transition-transform group-hover-scale-120"
@@ -16327,10 +16499,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MainSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-d1d5900a"]]);
+const MainSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-d1d5900a"]]);
 const rootMenuInjectionKey = Symbol("rootMenu");
-const _hoisted_1$g = { key: 1 };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$f = { key: 1 };
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "HTooltip",
   props: {
     text: { default: "" },
@@ -16352,13 +16524,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+      }, 16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
         vue.renderSlot(_ctx.$slots, "default")
       ]));
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubMenuItem"
   },
@@ -16404,7 +16576,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(({ href, navigate }) => {
             var _a2, _b2, _c2;
             return [
-              vue.createVNode(_sfc_main$o, {
+              vue.createVNode(_sfc_main$n, {
                 enable: vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && !_ctx.subMenu,
                 text: typeof ((_a2 = _ctx.item.meta) == null ? void 0 : _a2.title) === "function" ? (_b2 = _ctx.item.meta) == null ? void 0 : _b2.title() : (_c2 = _ctx.item.meta) == null ? void 0 : _c2.title,
                 placement: "right",
@@ -16441,7 +16613,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                             }]),
                             style: vue.normalizeStyle(vue.unref(indentStyle))
                           }, [
-                            ((_a4 = props.item.meta) == null ? void 0 : _a4.icon) ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                            ((_a4 = props.item.meta) == null ? void 0 : _a4.icon) ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                               key: 0,
                               name: props.item.meta.icon,
                               size: 18,
@@ -16479,7 +16651,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubMenu"
   },
@@ -16642,7 +16814,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_SubMenu = vue.resolveComponent("SubMenu");
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(_sfc_main$n, {
+        vue.createVNode(_sfc_main$m, {
           ref_key: "itemRef",
           ref: itemRef,
           "unique-key": _ctx.uniqueKey,
@@ -16699,7 +16871,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "MainMenu"
   },
@@ -16867,11 +17039,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             key: item.name
           }, [
             ((_a2 = item.meta) == null ? void 0 : _a2.menu) !== false ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              ((_b2 = item.children) == null ? void 0 : _b2.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
+              ((_b2 = item.children) == null ? void 0 : _b2.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
                 key: 0,
                 menu: item,
                 "unique-key": [item.name]
-              }, null, 8, ["menu", "unique-key"])) : (vue.openBlock(), vue.createBlock(_sfc_main$n, {
+              }, null, 8, ["menu", "unique-key"])) : (vue.openBlock(), vue.createBlock(_sfc_main$m, {
                 key: 1,
                 item,
                 "unique-key": [item.name],
@@ -16884,7 +17056,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubSidebar"
   },
@@ -16961,7 +17133,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuStore).allMenus, (mainItem, mainIndex) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", { key: mainIndex }, [
-                    vue.createVNode(_sfc_main$l, {
+                    vue.createVNode(_sfc_main$k, {
                       menu: mainItem.children,
                       value: vue.unref(route).name,
                       "default-openeds": vue.unref(menuStore).defaultOpenedPaths,
@@ -16988,7 +17160,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["flex-center cursor-pointer rounded bg-stone-1 p-2 transition dark-bg-stone-9 hover-bg-stone-2 dark-hover-bg-stone-8", { "-rotate-z-180": vue.unref(settingsStore).settings.menu.subMenuCollapse }]),
             onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(settingsStore).toggleSidebarCollapse())
           }, [
-            vue.createVNode(_sfc_main$A, { name: "toolbar-collapse" })
+            vue.createVNode(_sfc_main$w, { name: "toolbar-collapse" })
           ], 2), [
             [vue.vShow, vue.unref(settingsStore).settings.menu.enableSubMenuCollapseButton]
           ])
@@ -16997,7 +17169,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-cd423de9"]]);
+const SubSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-cd423de9"]]);
 const useKeepAliveStore = pinia$1.defineStore(
   // 唯一ID
   "keepAlive",
@@ -17305,13 +17477,13 @@ function useTabbar() {
   };
 }
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-1871e1c6"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$f = { class: "tabbar-container" };
-const _hoisted_2$b = ["data-index", "title", "onClick", "onContextmenu"];
+const _hoisted_1$e = { class: "tabbar-container" };
+const _hoisted_2$a = ["data-index", "title", "onClick", "onContextmenu"];
 const _hoisted_3$7 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "tab-dividers" }, null, -1));
 const _hoisted_4$6 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "tab-background" }, null, -1));
 const _hoisted_5$4 = { class: "tab-content" };
 const _hoisted_6$4 = ["onClick"];
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "Tabbar"
   },
@@ -17478,7 +17650,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
         vue.createElementVNode("div", {
           ref_key: "tabsRef",
           ref: tabsRef,
@@ -17514,7 +17686,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                       key: element.tabId,
                       class: "title"
                     }, [
-                      vue.unref(settingsStore).settings.tabbar.enableIcon && element.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                      vue.unref(settingsStore).settings.tabbar.enableIcon && element.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                         key: 0,
                         name: element.icon,
                         class: "icon"
@@ -17526,13 +17698,13 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                       class: "action-icon",
                       onClick: vue.withModifiers(($event) => vue.unref(tabbar).closeById(element.tabId), ["stop"])
                     }, [
-                      vue.createVNode(_sfc_main$A, { name: "i-ri:close-fill" })
+                      vue.createVNode(_sfc_main$w, { name: "i-ri:close-fill" })
                     ], 8, _hoisted_6$4)) : vue.createCommentVNode("", true),
                     vue.withDirectives(vue.createElementVNode("div", { class: "hotkey-number" }, vue.toDisplayString(index2 + 1), 513), [
                       [vue.vShow, vue.unref(keys).alt && index2 < 9]
                     ])
                   ])
-                ], 42, _hoisted_2$b);
+                ], 42, _hoisted_2$a);
               }), 128))
             ]),
             _: 1
@@ -17542,18 +17714,18 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-1871e1c6"]]);
-const _sfc_main$i = {};
-const _hoisted_1$e = { class: "flex items-center text-sm" };
+const Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1871e1c6"]]);
+const _sfc_main$h = {};
+const _hoisted_1$d = { class: "flex items-center text-sm" };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const Breadcrumb$1 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render], ["__scopeId", "data-v-88987112"]]);
-const _hoisted_1$d = { class: "breadcrumb-item flex items-center text-dark dark-text-white" };
-const _hoisted_2$a = { class: "separator mx-2" };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const Breadcrumb$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render], ["__scopeId", "data-v-88987112"]]);
+const _hoisted_1$c = { class: "breadcrumb-item flex items-center text-dark dark-text-white" };
+const _hoisted_2$9 = { class: "separator mx-2" };
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "item",
   props: {
     to: {},
@@ -17569,8 +17741,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
-        vue.createElementVNode("span", _hoisted_2$a, vue.toDisplayString(_ctx.separator), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+        vue.createElementVNode("span", _hoisted_2$9, vue.toDisplayString(_ctx.separator), 1),
         vue.createElementVNode("span", {
           class: vue.normalizeClass(["text flex items-center opacity-60", {
             "is-link cursor-pointer transition-opacity hover-opacity-100": !!props.to
@@ -17583,7 +17755,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
     const route = vueRouter.useRoute();
@@ -17621,7 +17793,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(vue.TransitionGroup, { name: "breadcrumb" }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(breadcrumbList), (item, index2) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$h, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$g, {
                   key: `${index2}_${item.path}_${item.title}`,
                   to: index2 < vue.unref(breadcrumbList).length - 1 && item.path !== "" ? pathCompile(item.path) : ""
                 }, {
@@ -17640,9 +17812,9 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-1ef9bb0f"]]);
-const _hoisted_1$c = { class: "flex items-center" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1ef9bb0f"]]);
+const _hoisted_1$b = { class: "flex items-center" };
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ToolbarLeftSide"
   },
@@ -17650,26 +17822,26 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const settingsStore = useSettingsStore();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.unref(settingsStore).mode === "mobile" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "flex-center cursor-pointer px-2 py-1 -rotate-z-180",
           onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(settingsStore).toggleSidebarCollapse())
         }, [
-          vue.createVNode(_sfc_main$A, { name: "toolbar-collapse" })
+          vue.createVNode(_sfc_main$w, { name: "toolbar-collapse" })
         ])) : vue.createCommentVNode("", true),
         vue.unref(settingsStore).settings.toolbar.breadcrumb ? (vue.openBlock(), vue.createBlock(Breadcrumb, { key: 1 })) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$b = { class: "toolbar-container flex items-center justify-between" };
-const _hoisted_2$9 = {
+const _hoisted_1$a = { class: "toolbar-container flex items-center justify-between" };
+const _hoisted_2$8 = {
   class: "h-full flex items-center of-hidden pl-2 pr-16",
   style: { "mask-image": "linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent)" }
 };
 const _hoisted_3$6 = { class: "h-full flex items-center px-2" };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "Toolbar"
   },
@@ -17677,12 +17849,12 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const settingsStore = useSettingsStore();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-        vue.createElementVNode("div", _hoisted_2$9, [
-          vue.createVNode(_sfc_main$f)
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+        vue.createElementVNode("div", _hoisted_2$8, [
+          vue.createVNode(_sfc_main$e)
         ]),
         vue.withDirectives(vue.createElementVNode("div", _hoisted_3$6, [
-          vue.createVNode(_sfc_main$r)
+          vue.createVNode(_sfc_main$q)
         ], 512), [
           [vue.vShow, ["side", "single"].includes(vue.unref(settingsStore).settings.menu.mode)]
         ])
@@ -17690,8 +17862,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8932d8f6"]]);
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-8932d8f6"]]);
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "Topbar"
   },
@@ -17745,9 +17917,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Topbar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ab498c9e"]]);
-const _hoisted_1$a = /* @__PURE__ */ vue.createElementVNode("div", { class: "fixed inset-0 bg-stone-200/75 backdrop-blur-sm transition-opacity dark-bg-stone-8/75" }, null, -1);
-const _hoisted_2$8 = { class: "fixed inset-0" };
+const Topbar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ab498c9e"]]);
+const _hoisted_1$9 = /* @__PURE__ */ vue.createElementVNode("div", { class: "fixed inset-0 bg-stone-200/75 backdrop-blur-sm transition-opacity dark-bg-stone-8/75" }, null, -1);
+const _hoisted_2$7 = { class: "fixed inset-0" };
 const _hoisted_3$5 = { class: "h-full flex items-end justify-center p-4 text-center lg-items-center" };
 const _hoisted_4$5 = { class: "flex flex-col overflow-y-auto rounded-xl bg-white shadow-xl dark-bg-stone-8" };
 const _hoisted_5$3 = {
@@ -17786,7 +17958,7 @@ const _hoisted_18$2 = {
   class: "inline-flex items-center gap-1 text-xs"
 };
 const _hoisted_19$1 = /* @__PURE__ */ vue.createElementVNode("span", null, "退出", -1);
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "Search"
   },
@@ -18024,11 +18196,11 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({ as: "template" }, vue.unref(overlayTransitionClass)), {
                 default: vue.withCtx(() => [
-                  _hoisted_1$a
+                  _hoisted_1$9
                 ]),
                 _: 1
               }, 16),
-              vue.createElementVNode("div", _hoisted_2$8, [
+              vue.createElementVNode("div", _hoisted_2$7, [
                 vue.createElementVNode("div", _hoisted_3$5, [
                   vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({ as: "template" }, vue.unref(transitionClass)), {
                     default: vue.withCtx(() => [
@@ -18036,7 +18208,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createElementVNode("div", _hoisted_4$5, [
                             vue.createElementVNode("div", _hoisted_5$3, [
-                              vue.createVNode(_sfc_main$A, {
+                              vue.createVNode(_sfc_main$w, {
                                 name: "i-ep:search",
                                 size: 18,
                                 class: "text-stone-5"
@@ -18082,7 +18254,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                         onClick: ($event) => pageJump(item.path, item.link),
                                         onMouseover: ($event) => actived.value = index2
                                       }, [
-                                        item.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                                        item.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                                           key: 0,
                                           name: item.icon,
                                           size: 20,
@@ -18098,7 +18270,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                           }, {
                                             default: vue.withCtx(() => [
                                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.breadcrumb, (bc, bcIndex) => {
-                                                return vue.openBlock(), vue.createBlock(_sfc_main$h, {
+                                                return vue.openBlock(), vue.createBlock(_sfc_main$g, {
                                                   key: bcIndex,
                                                   class: "text-xs"
                                                 }, {
@@ -18114,7 +18286,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                         ])
                                       ], 42, _hoisted_7$2);
                                     }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
-                                      vue.createVNode(_sfc_main$A, {
+                                      vue.createVNode(_sfc_main$w, {
                                         name: "i-tabler:mood-empty",
                                         size: 40
                                       }),
@@ -18131,7 +18303,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                 vue.createElementVNode("div", _hoisted_14$2, [
                                   vue.createVNode(HKbd, null, {
                                     default: vue.withCtx(() => [
-                                      vue.createVNode(_sfc_main$A, {
+                                      vue.createVNode(_sfc_main$w, {
                                         name: "i-ion:md-return-left",
                                         size: 14
                                       })
@@ -18143,7 +18315,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                 vue.createElementVNode("div", _hoisted_16$2, [
                                   vue.createVNode(HKbd, null, {
                                     default: vue.withCtx(() => [
-                                      vue.createVNode(_sfc_main$A, {
+                                      vue.createVNode(_sfc_main$w, {
                                         name: "i-ant-design:caret-up-filled",
                                         size: 14
                                       })
@@ -18152,7 +18324,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                   }),
                                   vue.createVNode(HKbd, null, {
                                     default: vue.withCtx(() => [
-                                      vue.createVNode(_sfc_main$A, {
+                                      vue.createVNode(_sfc_main$w, {
                                         name: "i-ant-design:caret-down-filled",
                                         size: 14
                                       })
@@ -18190,8 +18362,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "px-4" };
-const _hoisted_2$7 = { class: "grid gap-2 sm-grid-cols-2" };
+const _hoisted_1$8 = { class: "px-4" };
+const _hoisted_2$6 = { class: "grid gap-2 sm-grid-cols-2" };
 const _hoisted_3$4 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "m-0 text-lg font-bold" }, "全局", -1);
 const _hoisted_4$4 = { class: "list-none pl-4 text-sm" };
 const _hoisted_5$2 = { class: "py-1" };
@@ -18211,7 +18383,7 @@ const _hoisted_15$1 = { class: "py-1" };
 const _hoisted_16$1 = { class: "py-1" };
 const _hoisted_17$1 = { class: "py-1" };
 const _hoisted_18$1 = { class: "py-1" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "HotkeysIntro"
   },
@@ -18225,14 +18397,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$z, {
+      return vue.openBlock(), vue.createBlock(vue.unref(MKDialog), {
         modelValue: vue.unref(isShow),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isShow) ? isShow.value = $event : null),
         title: "快捷键介绍"
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$9, [
-            vue.createElementVNode("div", _hoisted_2$7, [
+          vue.createElementVNode("div", _hoisted_1$8, [
+            vue.createElementVNode("div", _hoisted_2$6, [
               vue.createElementVNode("div", null, [
                 _hoisted_3$4,
                 vue.createElementVNode("ul", _hoisted_4$4, [
@@ -18376,159 +18548,6 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
-  flex: "~ items-center justify-between",
-  "p-4": "",
-  "border-b": "~ solid stone/15",
-  "text-6": ""
-};
-const _hoisted_2$6 = {
-  key: 0,
-  flex: "~ items-center justify-end",
-  "px-3": "",
-  "py-2": "",
-  "border-t": "~ solid stone/15"
-};
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-  __name: "HSlideover",
-  props: /* @__PURE__ */ vue.mergeModels({
-    appear: { type: Boolean, default: false },
-    side: { default: "right" },
-    title: {},
-    preventClose: { type: Boolean, default: false },
-    overlay: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: Boolean, ...{
-      default: false
-    } },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ vue.mergeModels(["close"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const isOpen = vue.useModel(__props, "modelValue");
-    const slots = vue.useSlots();
-    const overlayTransitionClass = vue.ref({
-      enter: "ease-in-out duration-500",
-      enterFrom: "opacity-0",
-      enterTo: "opacity-100",
-      leave: "ease-in-out duration-500",
-      leaveFrom: "opacity-100",
-      leaveTo: "opacity-0"
-    });
-    const transitionClass = vue.computed(() => {
-      return {
-        enter: "transform transition ease-in-out duration-300",
-        leave: "transform transition ease-in-out duration-200",
-        enterFrom: props.side === "left" ? "-translate-x-full" : "translate-x-full",
-        enterTo: "translate-x-0",
-        leaveFrom: "translate-x-0",
-        leaveTo: props.side === "left" ? "-translate-x-full" : "translate-x-full"
-      };
-    });
-    function close() {
-      isOpen.value = false;
-      emits("close");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(vue$2.TransitionRoot), {
-        as: "template",
-        appear: _ctx.appear,
-        show: isOpen.value
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(vue$2.Dialog), {
-            class: vue.normalizeClass(["fixed inset-0 z-2000 flex", { "justify-end": _ctx.side === "right" }]),
-            onClose: _cache[0] || (_cache[0] = ($event) => !_ctx.preventClose && close())
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({
-                as: "template",
-                appear: _ctx.appear
-              }, vue.unref(overlayTransitionClass)), {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(["fixed inset-0 bg-stone-2/75 transition-opacity dark-bg-stone-8/75", { "backdrop-blur-sm": _ctx.overlay }])
-                  }, null, 2)
-                ]),
-                _: 1
-              }, 16, ["appear"]),
-              vue.createVNode(vue.unref(vue$2.TransitionChild), vue.mergeProps({
-                as: "template",
-                appear: _ctx.appear
-              }, vue.unref(transitionClass)), {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(vue$2.DialogPanel), {
-                    relative: "",
-                    "max-w-md": "",
-                    "w-full": "",
-                    "w-screen": "",
-                    flex: "",
-                    "flex-1": "",
-                    "flex-col": "",
-                    "bg-white": "",
-                    "dark-bg-stone-8": "",
-                    "focus-outline-none": ""
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$8, [
-                        vue.createVNode(vue.unref(vue$2.DialogTitle), {
-                          "m-0": "",
-                          "text-lg": "",
-                          "text-dark": "",
-                          "dark-text-white": ""
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-                          ]),
-                          _: 1
-                        }),
-                        vue.createVNode(_sfc_main$A, {
-                          name: "i-carbon:close",
-                          "cursor-pointer": "",
-                          onClick: close
-                        })
-                      ]),
-                      vue.createVNode(vue.unref(vue$2.DialogDescription), {
-                        "m-0": "",
-                        "flex-1": "",
-                        "of-y-hidden": ""
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(overlayscrollbarsVue.OverlayScrollbarsComponent), {
-                            options: {
-                              scrollbars: { autoHide: "leave", autoHideDelay: 300 }
-                            },
-                            defer: "",
-                            class: "h-full p-4"
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.renderSlot(_ctx.$slots, "default")
-                            ]),
-                            _: 3
-                          })
-                        ]),
-                        _: 3
-                      }),
-                      !!vue.unref(slots).footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
-                        vue.renderSlot(_ctx.$slots, "footer")
-                      ])) : vue.createCommentVNode("", true)
-                    ]),
-                    _: 3
-                  })
-                ]),
-                _: 3
-              }, 16, ["appear"])
-            ]),
-            _: 3
-          }, 8, ["class"])
-        ]),
-        _: 3
-      }, 8, ["appear", "show"]);
-    };
-  }
-});
 const _hoisted_1$7 = ["disabled"];
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "HButton",
@@ -18614,7 +18633,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["flex cursor-pointer items-center truncate border-size-0 bg-inherit px-2 py-1.5 text-sm disabled-cursor-not-allowed disabled-opacity-50 hover-not-disabled-bg-ui-primary hover-not-disabled-text-ui-text", { "text-ui-text bg-ui-primary": value.value === option.value }]),
             onClick: ($event) => value.value = option.value
           }, [
-            option.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+            option.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
               key: 0,
               name: option.icon
             }, null, 8, ["name"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -18652,7 +18671,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["pointer-events-none relative inline-block h-4 w-4 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out dark-bg-dark", [enabled.value ? "translate-x-5" : "translate-x-0"]])
           }, [
             vue.createElementVNode("span", _hoisted_1$4, [
-              enabled.value && _ctx.onIcon || !enabled.value && _ctx.offIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+              enabled.value && _ctx.onIcon || !enabled.value && _ctx.offIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                 key: 0,
                 name: enabled.value ? _ctx.onIcon : _ctx.offIcon,
                 class: "h-3 w-3 text-stone-7 dark-text-stone-3"
@@ -18712,7 +18731,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                         "cursor-pointer opacity-50 hover-opacity-100": !selected
                       }])
                     }, [
-                      option.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                      option.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                         key: 0,
                         name: option.icon,
                         class: "flex-shrink-0"
@@ -18732,7 +18751,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-6b3c4f85"), n = n(), vue.popScopeId(), n);
+const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-bbb68ab8"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "rounded-2 bg-rose/20 px-4 py-2 text-sm/6 c-rose" }, [
   /* @__PURE__ */ vue.createElementVNode("p", { class: "my-1" }, " 应用配置可实时预览效果，但只是临时生效，要想真正应用于项目，可以点击下方的「复制配置」按钮，并将配置粘贴到 src/settings.ts 文件中。 "),
   /* @__PURE__ */ vue.createElementVNode("p", { class: "my-1" }, "注意：在生产环境中应关闭该模块。")
@@ -18900,7 +18919,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       );
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$a, {
+      return vue.openBlock(), vue.createBlock(vue.unref(MKDrawer), {
         modelValue: vue.unref(isShow),
         "onUpdate:modelValue": _cache[32] || (_cache[32] = ($event) => vue.isRef(isShow) ? isShow.value = $event : null),
         title: "应用配置"
@@ -18922,7 +18941,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           ]),
           vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, "导航栏模式")) : vue.createCommentVNode("", true),
           vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
-            vue.createVNode(_sfc_main$o, {
+            vue.createVNode(_sfc_main$n, {
               text: "侧边栏模式 (含主导航)",
               placement: "bottom",
               delay: 500
@@ -18935,7 +18954,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }),
-            vue.createVNode(_sfc_main$o, {
+            vue.createVNode(_sfc_main$n, {
               text: "顶部模式",
               placement: "bottom",
               delay: 500
@@ -18948,7 +18967,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }),
-            vue.createVNode(_sfc_main$o, {
+            vue.createVNode(_sfc_main$n, {
               text: "侧边栏模式 (不含主导航)",
               placement: "bottom",
               delay: 500
@@ -18966,9 +18985,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_13, [
             vue.createElementVNode("div", _hoisted_14, [
               vue.createTextVNode(" 主导航切换跳转 "),
-              vue.createVNode(_sfc_main$o, { text: "开启该功能后，切换主导航时，页面自动跳转至该主导航下，次导航里第一个导航" }, {
+              vue.createVNode(_sfc_main$n, { text: "开启该功能后，切换主导航时，页面自动跳转至该主导航下，次导航里第一个导航" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -18982,9 +19001,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_15, [
             vue.createElementVNode("div", _hoisted_16, [
               vue.createTextVNode(" 次导航保持展开一个 "),
-              vue.createVNode(_sfc_main$o, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
+              vue.createVNode(_sfc_main$n, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19066,9 +19085,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_36, [
             vue.createElementVNode("div", _hoisted_37, [
               vue.createTextVNode(" 导航搜索 "),
-              vue.createVNode(_sfc_main$o, { text: "对导航进行快捷搜索" }, {
+              vue.createVNode(_sfc_main$n, { text: "对导航进行快捷搜索" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19088,9 +19107,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_40, [
             vue.createElementVNode("div", _hoisted_41, [
               vue.createTextVNode(" 页面刷新 "),
-              vue.createVNode(_sfc_main$o, { text: "使用框架内提供的刷新功能进行页面刷新" }, {
+              vue.createVNode(_sfc_main$n, { text: "使用框架内提供的刷新功能进行页面刷新" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19103,9 +19122,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_42, [
             vue.createElementVNode("div", _hoisted_43, [
               vue.createTextVNode(" 颜色主题 "),
-              vue.createVNode(_sfc_main$o, { text: "开启后可在明亮/暗黑模式中切换" }, {
+              vue.createVNode(_sfc_main$n, { text: "开启后可在明亮/暗黑模式中切换" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19176,9 +19195,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_62, [
             vue.createElementVNode("div", _hoisted_63, [
               vue.createTextVNode(" 是否启用 "),
-              vue.createVNode(_sfc_main$o, { text: "该功能开启时，登录成功默认进入主页，反之则默认进入导航栏里第一个导航页面" }, {
+              vue.createVNode(_sfc_main$n, { text: "该功能开启时，登录成功默认进入主页，反之则默认进入导航栏里第一个导航页面" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19191,9 +19210,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_64, [
             vue.createElementVNode("div", _hoisted_65, [
               vue.createTextVNode(" 主页名称 "),
-              vue.createVNode(_sfc_main$o, { text: "开启国际化时，该设置无效" }, {
+              vue.createVNode(_sfc_main$n, { text: "开启国际化时，该设置无效" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19214,9 +19233,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_69, [
             vue.createElementVNode("div", _hoisted_70, [
               vue.createTextVNode(" 载入进度条 "),
-              vue.createVNode(_sfc_main$o, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
+              vue.createVNode(_sfc_main$n, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19229,9 +19248,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_71, [
             vue.createElementVNode("div", _hoisted_72, [
               vue.createTextVNode(" 哀悼模式 "),
-              vue.createVNode(_sfc_main$o, { text: "该功能开启时，整站会变为灰色" }, {
+              vue.createVNode(_sfc_main$n, { text: "该功能开启时，整站会变为灰色" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19251,9 +19270,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_75, [
             vue.createElementVNode("div", _hoisted_76, [
               vue.createTextVNode(" 动态标题 "),
-              vue.createVNode(_sfc_main$o, { text: "该功能开启时，页面标题会显示当前路由标题，格式为“页面标题 - 网站名称”；关闭时则显示网站名称，网站名称在项目根目录下 .env.* 文件里配置" }, {
+              vue.createVNode(_sfc_main$n, { text: "该功能开启时，页面标题会显示当前路由标题，格式为“页面标题 - 网站名称”；关闭时则显示网站名称，网站名称在项目根目录下 .env.* 文件里配置" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$A, { name: "i-ri:question-line" })
+                  vue.createVNode(_sfc_main$w, { name: "i-ri:question-line" })
                 ]),
                 _: 1
               })
@@ -19274,7 +19293,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               onClick: handleCopy
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$A, { name: "i-ep:document-copy" }),
+                vue.createVNode(_sfc_main$w, { name: "i-ep:document-copy" }),
                 vue.createTextVNode(" 复制配置 ")
               ]),
               _: 1
@@ -19286,7 +19305,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AppSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6b3c4f85"]]);
+const AppSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bbb68ab8"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-e0ceadac"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$2 = { class: "absolute h-full w-full flex flex-col" };
 const _hoisted_2$2 = { class: "flex flex-col items-center" };
@@ -19390,7 +19409,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.unref(settingsStore).settings.copyright.enable ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_1$1, [
         _hoisted_2$1,
-        vue.createVNode(_sfc_main$A, {
+        vue.createVNode(_sfc_main$w, {
           name: "i-ri:copyright-line",
           size: 18
         }),
@@ -19449,7 +19468,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               class: "fixed bottom-4 right-4 z-1000 h-12 w-12 flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg ring-1 ring-stone-3 ring-inset dark-bg-dark hover-bg-stone-1 dark-ring-stone-7 dark-hover-bg-dark/50",
               onClick: handleClick2
             }, [
-              vue.createVNode(_sfc_main$A, {
+              vue.createVNode(_sfc_main$w, {
                 name: "i-icon-park-outline:to-top-one",
                 size: 24
               })
@@ -19600,14 +19619,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ])
               ])
             ]),
-            vue.createVNode(_sfc_main$c),
             vue.createVNode(_sfc_main$b),
+            vue.createVNode(_sfc_main$a),
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createElementVNode("div", {
                 class: "app-setting",
                 onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(eventBus).emit("global-app-setting-toggle"))
               }, [
-                vue.createVNode(_sfc_main$A, {
+                vue.createVNode(_sfc_main$w, {
                   name: "i-uiw:setting-o",
                   class: "icon"
                 })
@@ -19702,7 +19721,7 @@ const markdownEditorProps = utils.buildProps({
 const markdownEditorEmits = {
   "update:model-value": (modelValue) => true
 };
-const _MarkdownEditor = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./markdown-editor-BW1jNYfM.cjs")));
+const _MarkdownEditor = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./markdown-editor-De1onsGh.cjs")));
 const MKMarkdownEditor = utils.withInstall(_MarkdownEditor);
 tinymce.addI18n("zh-Hans", { "Redo": "重做", "Undo": "撤销", "Cut": "剪切", "Copy": "复制", "Paste": "粘贴", "Select all": "全选", "New document": "新建文档", "Ok": "确定", "Cancel": "取消", "Visual aids": "网格线", "Bold": "粗体", "Italic": "斜体", "Underline": "下划线", "Strikethrough": "删除线", "Superscript": "上标", "Subscript": "下标", "Clear formatting": "清除格式", "Remove": "移除", "Align left": "左对齐", "Align center": "居中对齐", "Align right": "右对齐", "No alignment": "未对齐", "Justify": "两端对齐", "Bullet list": "无序列表", "Numbered list": "有序列表", "Decrease indent": "减少缩进", "Increase indent": "增加缩进", "Close": "关闭", "Formats": "格式", "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.": "你的浏览器不支持打开剪贴板，请使用Ctrl+X/C/V等快捷键。", "Headings": "标题", "Heading 1": "一级标题", "Heading 2": "二级标题", "Heading 3": "三级标题", "Heading 4": "四级标题", "Heading 5": "五级标题", "Heading 6": "六级标题", "Preformatted": "预先格式化的", "Div": "Div", "Pre": "前言", "Code": "代码", "Paragraph": "段落", "Blockquote": "引文区块", "Inline": "文本", "Blocks": "样式", "Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "当前为纯文本粘贴模式，再次点击可以回到普通粘贴模式。", "Fonts": "字体", "Font sizes": "字体大小", "Class": "类型", "Browse for an image": "浏览图像", "OR": "或", "Drop an image here": "拖放一张图像至此", "Upload": "上传", "Uploading image": "上传图片", "Block": "块", "Align": "对齐", "Default": "预设", "Circle": "空心圆", "Disc": "实心圆", "Square": "实心方块", "Lower Alpha": "小写英文字母", "Lower Greek": "小写希腊字母", "Lower Roman": "小写罗马数字", "Upper Alpha": "大写英文字母", "Upper Roman": "大写罗马数字", "Anchor...": "锚点...", "Anchor": "锚点", "Name": "名称", "ID": "ID", "ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "ID应该以英文字母开头，后面只能有英文字母、数字、破折号、点、冒号或下划线。", "You have unsaved changes are you sure you want to navigate away?": "你还有文档尚未保存，确定要离开？", "Restore last draft": "恢复上次的草稿", "Special character...": "特殊字符...", "Special Character": "特殊字符", "Source code": "源代码", "Insert/Edit code sample": "插入/编辑代码示例", "Language": "语言", "Code sample...": "示例代码...", "Left to right": "由左到右", "Right to left": "由右到左", "Title": "标题", "Fullscreen": "全屏", "Action": "动作", "Shortcut": "快捷方式", "Help": "帮助", "Address": "地址", "Focus to menubar": "移动焦点到菜单栏", "Focus to toolbar": "移动焦点到工具栏", "Focus to element path": "移动焦点到元素路径", "Focus to contextual toolbar": "移动焦点到上下文菜单", "Insert link (if link plugin activated)": "插入链接 (如果链接插件已激活)", "Save (if save plugin activated)": "保存(如果保存插件已激活)", "Find (if searchreplace plugin activated)": "查找(如果查找替换插件已激活)", "Plugins installed ({0}):": "已安装插件 ({0}):", "Premium plugins:": "优秀插件：", "Learn more...": "了解更多...", "You are using {0}": "你正在使用 {0}", "Plugins": "插件", "Handy Shortcuts": "快捷键", "Horizontal line": "水平分割线", "Insert/edit image": "插入/编辑图片", "Alternative description": "替代描述", "Accessibility": "辅助功能", "Image is decorative": "图像是装饰性的", "Source": "源", "Dimensions": "尺寸", "Constrain proportions": "保持比例", "General": "一般", "Advanced": "高级", "Style": "样式", "Vertical space": "垂直间距", "Horizontal space": "水平间距", "Border": "框线", "Insert image": "插入图片", "Image...": "图片...", "Image list": "图片清单", "Resize": "调整大小", "Insert date/time": "插入日期/时间", "Date/time": "日期/时间", "Insert/edit link": "插入/编辑链接", "Text to display": "要显示的文本", "Url": "地址", "Open link in...": "链接打开位置...", "Current window": "当前窗口", "None": "无", "New window": "新窗口", "Open link": "打开链接", "Remove link": "移除链接", "Anchors": "锚点", "Link...": "链接...", "Paste or type a link": "粘贴或输入链接", "The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "你所填写的URL地址为邮件地址，需要加上mailto: 前缀吗？", "The URL you entered seems to be an external link. Do you want to add the required http:// prefix?": "你所填写的URL地址属于外部链接，需要加上http:// 前缀吗？", "The URL you entered seems to be an external link. Do you want to add the required https:// prefix?": "您输入的 URL 似乎是一个外部链接。您想添加所需的 https:// 前缀吗？", "Link list": "链接清单", "Insert video": "插入视频", "Insert/edit video": "插入/编辑视频", "Insert/edit media": "插入/编辑媒体", "Alternative source": "镜像", "Alternative source URL": "替代来源网址", "Media poster (Image URL)": "封面(图片地址)", "Paste your embed code below:": "将内嵌代码粘贴在下面:", "Embed": "内嵌", "Media...": "多媒体...", "Nonbreaking space": "不间断空格", "Page break": "分页符", "Paste as text": "粘贴为文本", "Preview": "预览", "Print": "打印", "Print...": "打印...", "Save": "保存", "Find": "寻找", "Replace with": "替换为", "Replace": "替换", "Replace all": "替换全部", "Previous": "上一个", "Next": "下一个", "Find and Replace": "查找和替换", "Find and replace...": "查找并替换...", "Could not find the specified string.": "未找到搜索内容。", "Match case": "大小写匹配", "Find whole words only": "全字匹配", "Find in selection": "在选区中查找", "Insert table": "插入表格", "Table properties": "表格属性", "Delete table": "删除表格", "Cell": "单元格", "Row": "行", "Column": "列", "Cell properties": "单元格属性", "Merge cells": "合并单元格", "Split cell": "拆分单元格", "Insert row before": "在上方插入行", "Insert row after": "在下方插入行", "Delete row": "删除行", "Row properties": "行属性", "Cut row": "剪切行", "Cut column": "剪切列", "Copy row": "复制行", "Copy column": "复制列", "Paste row before": "粘贴行到上方", "Paste column before": "粘贴此列前", "Paste row after": "粘贴行到下方", "Paste column after": "粘贴后面的列", "Insert column before": "在左侧插入列", "Insert column after": "在右侧插入列", "Delete column": "删除列", "Cols": "列", "Rows": "行数", "Width": "宽度", "Height": "高度", "Cell spacing": "单元格外间距", "Cell padding": "单元格内边距", "Row clipboard actions": "行剪贴板操作", "Column clipboard actions": "列剪贴板操作", "Table styles": "表格样式", "Cell styles": "单元格样式", "Column header": "列标题", "Row header": "行头", "Table caption": "表格标题", "Caption": "标题", "Show caption": "显示标题", "Left": "左", "Center": "居中", "Right": "右", "Cell type": "储存格别", "Scope": "范围", "Alignment": "对齐", "Horizontal align": "水平对齐", "Vertical align": "垂直对齐", "Top": "上方对齐", "Middle": "居中对齐", "Bottom": "下方对齐", "Header cell": "表头单元格", "Row group": "行组", "Column group": "列组", "Row type": "行类型", "Header": "表头", "Body": "表体", "Footer": "表尾", "Border color": "框线颜色", "Solid": "实线", "Dotted": "虚线", "Dashed": "虚线", "Double": "双精度", "Groove": "凹槽", "Ridge": "海脊座", "Inset": "嵌入", "Outset": "外置", "Hidden": "隐藏", "Insert template...": "插入模板...", "Templates": "模板", "Template": "模板", "Insert Template": "插入模板", "Text color": "文本颜色", "Background color": "背景颜色", "Custom...": "自定义......", "Custom color": "自定义颜色", "No color": "无", "Remove color": "移除颜色", "Show blocks": "显示区块边框", "Show invisible characters": "显示不可见字符", "Word count": "字数", "Count": "计数", "Document": "文档", "Selection": "选择", "Words": "单词", "Words: {0}": "字数：{0}", "{0} words": "{0} 字", "File": "文件", "Edit": "编辑", "Insert": "插入", "View": "查看", "Format": "格式", "Table": "表格", "Tools": "工具", "Powered by {0}": "由{0}驱动", "Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "编辑区。按ALT-F9打开菜单，按ALT-F10打开工具栏，按ALT-0查看帮助", "Image title": "图片标题", "Border width": "边框宽度", "Border style": "边框样式", "Error": "错误", "Warn": "警告", "Valid": "有效", "To open the popup, press Shift+Enter": "按Shitf+Enter键打开对话框", "Rich Text Area": "富文本区域", "Rich Text Area. Press ALT-0 for help.": "编辑区。按Alt+0键打开帮助。", "System Font": "系统字体", "Failed to upload image: {0}": "图片上传失败: {0}", "Failed to load plugin: {0} from url {1}": "插件加载失败: {0} 来自链接 {1}", "Failed to load plugin url: {0}": "插件加载失败 链接: {0}", "Failed to initialize plugin: {0}": "插件初始化失败: {0}", "example": "示例", "Search": "搜索", "All": "全部", "Currency": "货币", "Text": "文字", "Quotations": "引用", "Mathematical": "数学", "Extended Latin": "拉丁语扩充", "Symbols": "符号", "Arrows": "箭头", "User Defined": "自定义", "dollar sign": "美元符号", "currency sign": "货币符号", "euro-currency sign": "欧元符号", "colon sign": "冒号", "cruzeiro sign": "克鲁赛罗币符号", "french franc sign": "法郎符号", "lira sign": "里拉符号", "mill sign": "密尔符号", "naira sign": "奈拉符号", "peseta sign": "比塞塔符号", "rupee sign": "卢比符号", "won sign": "韩元符号", "new sheqel sign": "新谢克尔符号", "dong sign": "越南盾符号", "kip sign": "老挝基普符号", "tugrik sign": "图格里克符号", "drachma sign": "德拉克马符号", "german penny symbol": "德国便士符号", "peso sign": "比索符号", "guarani sign": "瓜拉尼符号", "austral sign": "澳元符号", "hryvnia sign": "格里夫尼亚符号", "cedi sign": "塞地符号", "livre tournois sign": "里弗弗尔符号", "spesmilo sign": "spesmilo符号", "tenge sign": "坚戈符号", "indian rupee sign": "印度卢比", "turkish lira sign": "土耳其里拉", "nordic mark sign": "北欧马克", "manat sign": "马纳特符号", "ruble sign": "卢布符号", "yen character": "日元字样", "yuan character": "人民币元字样", "yuan character, in hong kong and taiwan": "元字样（港台地区）", "yen/yuan character variant one": "元字样（大写）", "Emojis": "Emojis", "Emojis...": "Emojis...", "Loading emojis...": "正在加载Emojis...", "Could not load emojis": "无法加载Emojis", "People": "人类", "Animals and Nature": "动物和自然", "Food and Drink": "食物和饮品", "Activity": "活动", "Travel and Places": "旅游和地点", "Objects": "物件", "Flags": "旗帜", "Characters": "字符", "Characters (no spaces)": "字符(无空格)", "{0} characters": "{0} 个字符", "Error: Form submit field collision.": "错误: 表单提交字段冲突。", "Error: No form element found.": "错误: 没有表单控件。", "Color swatch": "颜色样本", "Color Picker": "选色器", "Invalid hex color code: {0}": "十六进制颜色代码无效： {0}", "Invalid input": "无效输入", "R": "R", "Red component": "红色部分", "G": "G", "Green component": "绿色部分", "B": "B", "Blue component": "白色部分", "#": "#", "Hex color code": "十六进制颜色代码", "Range 0 to 255": "范围0至255", "Turquoise": "青绿色", "Green": "绿色", "Blue": "蓝色", "Purple": "紫色", "Navy Blue": "海军蓝", "Dark Turquoise": "深蓝绿色", "Dark Green": "深绿色", "Medium Blue": "中蓝色", "Medium Purple": "中紫色", "Midnight Blue": "深蓝色", "Yellow": "黄色", "Orange": "橙色", "Red": "红色", "Light Gray": "浅灰色", "Gray": "灰色", "Dark Yellow": "暗黄色", "Dark Orange": "深橙色", "Dark Red": "深红色", "Medium Gray": "中灰色", "Dark Gray": "深灰色", "Light Green": "浅绿色", "Light Yellow": "浅黄色", "Light Red": "浅红色", "Light Purple": "浅紫色", "Light Blue": "浅蓝色", "Dark Purple": "深紫色", "Dark Blue": "深蓝色", "Black": "黑色", "White": "白色", "Switch to or from fullscreen mode": "切换全屏模式", "Open help dialog": "打开帮助对话框", "history": "历史", "styles": "样式", "formatting": "格式化", "alignment": "对齐", "indentation": "缩进", "Font": "字体", "Size": "字号", "More...": "更多...", "Select...": "选择...", "Preferences": "首选项", "Yes": "是", "No": "否", "Keyboard Navigation": "键盘指引", "Version": "版本", "Code view": "代码视图", "Open popup menu for split buttons": "打开弹出式菜单，用于拆分按钮", "List Properties": "列表属性", "List properties...": "标题字体属性", "Start list at number": "以数字开始列表", "Line height": "行高", "Dropped file type is not supported": "此文件类型不支持拖放", "Loading...": "加载中...", "ImageProxy HTTP error: Rejected request": "图片代理请求错误：请求被拒绝", "ImageProxy HTTP error: Could not find Image Proxy": "图片代理请求错误：无法找到图片代理", "ImageProxy HTTP error: Incorrect Image Proxy URL": "图片代理请求错误：图片代理地址错误", "ImageProxy HTTP error: Unknown ImageProxy error": "图片代理请求错误：未知的图片代理错误" });
 tinymce.Resource.add("ui/ms/skin.css", `.tox { box-shadow: none; box-sizing: content-box; color: #222f3e; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; -webkit-tap-highlight-color: transparent; text-decoration: none; text-shadow: none; text-transform: none; vertical-align: initial; white-space: normal } .tox :not(svg):not(rect) { box-sizing: inherit; color: inherit; cursor: inherit; direction: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; -webkit-tap-highlight-color: inherit; text-align: inherit; text-decoration: inherit; text-shadow: inherit; text-transform: inherit; vertical-align: inherit; white-space: inherit } .tox :not(svg):not(rect) { background: 0 0; border: 0; box-shadow: none; float: none; height: auto; margin: 0; max-width: none; outline: 0; padding: 0; position: static; width: auto } .tox:not([dir=rtl]) { direction: ltr; text-align: left } .tox[dir=rtl] { direction: rtl; text-align: right } .tox-tinymce { border: 0 solid transparent; border-radius: 0; box-shadow: none; box-sizing: border-box; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; overflow: hidden; position: relative; visibility: inherit !important } .tox.tox-tinymce-inline { border: none; box-shadow: none; overflow: initial } .tox.tox-tinymce-inline .tox-editor-container { overflow: initial } .tox.tox-tinymce-inline .tox-editor-header { background-color: #fff; border: 0 solid transparent; border-radius: 0; box-shadow: none; overflow: hidden } .tox-tinymce-aux { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; z-index: 999999 } .tox-tinymce :focus, .tox-tinymce-aux :focus { outline: 0 } button::-moz-focus-inner { border: 0 } .tox[dir=rtl] .tox-icon--flip svg { transform: rotateY(180deg) } .tox .accessibility-issue__header { align-items: center; display: flex; margin-bottom: 4px } .tox .accessibility-issue__description { align-items: stretch; border-radius: 3px; display: flex; justify-content: space-between } .tox .accessibility-issue__description>div { padding-bottom: 4px } .tox .accessibility-issue__description>div>div { align-items: center; display: flex; margin-bottom: 4px } .tox .accessibility-issue__description>div>div .tox-icon svg { display: block } .tox .accessibility-issue__repair { margin-top: 16px } .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { background-color: rgba(28, 153, 255, .1); color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { color: #2ba0ff } .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { fill: #2ba0ff } .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon { background-color: #2ba0ff; color: #fff } .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus, .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover { background-color: #1295ff } .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active { background-color: #0088f7 } .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { background-color: rgba(255, 165, 0, .08); color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { color: #8f5d00 } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { fill: #8f5d00 } .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon { background-color: #ffe89d; color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus, .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover { background-color: #f2d574; color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active { background-color: #e8c657; color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { background-color: rgba(204, 0, 0, .1); color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { color: #c00 } .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { fill: #c00 } .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon { background-color: #f2bfbf; color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus, .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover { background-color: #e9a4a4; color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active { background-color: #ee9494; color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { background-color: rgba(120, 171, 70, .1); color: #222f3e } .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child { display: none } .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { color: #527530 } .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { fill: #527530 } .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1, .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { font-size: 13.125px; margin-top: 0 } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { margin-left: 4px } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2) { margin-left: auto } .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { padding: 4px 4px 4px 8px } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { margin-right: 4px } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2) { margin-right: auto } .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { padding: 4px 8px 4px 4px } .tox .mce-codemirror { background: #fff; bottom: 0; font-size: 13px; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .tox .mce-codemirror.tox-inline-codemirror { margin: 8px; position: absolute } .tox .tox-advtemplate .tox-form__grid { flex: 1 } .tox .tox-advtemplate .tox-form__grid>div:first-child { display: flex; flex-direction: column; width: 30% } .tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2) { flex-basis: 0; flex-grow: 1; overflow: auto } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child { width: 100% } } .tox .tox-advtemplate iframe { border-color: rgba(0, 0, 0, .1); border-radius: 0; border-style: solid; border-width: 1px; margin: 0 10px } .tox .tox-anchorbar { display: flex; flex: 0 0 auto } .tox .tox-bottom-anchorbar { display: flex; flex: 0 0 auto } .tox .tox-bar { display: flex; flex: 0 0 auto } .tox .tox-button { background-color: #2ba0ff; background-image: none; background-position: 0 0; background-repeat: repeat; border-color: #2ba0ff; border-radius: 100px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13.125px; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 24px; margin: 0; outline: 0; padding: 4px 16px; position: relative; text-align: center; text-decoration: none; text-transform: none; white-space: nowrap } .tox .tox-button::before { border-radius: 100px; bottom: -1px; box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #2ba0ff; content: ''; left: -1px; opacity: 0; pointer-events: none; position: absolute; right: -1px; top: -1px } .tox .tox-button[disabled] { background-color: #2ba0ff; background-image: none; border-color: #2ba0ff; box-shadow: none; color: rgba(255, 255, 255, .5); cursor: not-allowed } .tox .tox-button:focus:not(:disabled) { background-color: #1295ff; background-image: none; border-color: #1295ff; box-shadow: none; color: #fff } .tox .tox-button:focus:not(:disabled)::before { opacity: 1 } .tox .tox-button:hover:not(:disabled) { background-color: #1295ff; background-image: none; border-color: #1295ff; box-shadow: none; color: #fff } .tox .tox-button:active:not(:disabled) { background-color: #0088f7; background-image: none; border-color: #0088f7; box-shadow: none; color: #fff } .tox .tox-button.tox-button--enabled { background-color: #0088f7; background-image: none; border-color: #0088f7; box-shadow: none; color: #fff } .tox .tox-button.tox-button--enabled[disabled] { background-color: #0088f7; background-image: none; border-color: #0088f7; box-shadow: none; color: rgba(255, 255, 255, .5); cursor: not-allowed } .tox .tox-button.tox-button--enabled:focus:not(:disabled) { background-color: #007ade; background-image: none; border-color: #007ade; box-shadow: none; color: #fff } .tox .tox-button.tox-button--enabled:hover:not(:disabled) { background-color: #007ade; background-image: none; border-color: #007ade; box-shadow: none; color: #fff } .tox .tox-button.tox-button--enabled:active:not(:disabled) { background-color: #006cc4; background-image: none; border-color: #006cc4; box-shadow: none; color: #fff } .tox .tox-button--icon-and-text, .tox .tox-button.tox-button--icon-and-text, .tox .tox-button.tox-button--secondary.tox-button--icon-and-text { display: flex; padding: 5px 4px } .tox .tox-button--icon-and-text .tox-icon svg, .tox .tox-button.tox-button--icon-and-text .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg { display: block; fill: currentColor } .tox .tox-button--secondary { background-color: #fff; background-image: none; background-position: 0 0; background-repeat: repeat; border-color: #2ba0ff; border-radius: 100px; border-style: solid; border-width: 1px; box-shadow: none; color: #2ba0ff; font-size: 13.125px; font-style: normal; font-weight: 700; letter-spacing: normal; outline: 0; padding: 4px 16px; text-decoration: none; text-transform: none } .tox .tox-button--secondary[disabled] { background-color: #fff; background-image: none; border-color: #fff; box-shadow: none; color: rgba(43, 160, 255, .5) } .tox .tox-button--secondary:focus:not(:disabled) { background-color: rgba(43, 160, 255, .1); background-image: none; border-color: #2ba0ff; box-shadow: none; color: #2ba0ff } .tox .tox-button--secondary:hover:not(:disabled) { background-color: rgba(43, 160, 255, .1); background-image: none; border-color: #2ba0ff; box-shadow: none; color: #2ba0ff } .tox .tox-button--secondary:active:not(:disabled) { background-color: rgba(43, 160, 255, .2); background-image: none; border-color: #2ba0ff; box-shadow: none; color: #2ba0ff } .tox .tox-button--secondary.tox-button--enabled { background-color: #b5d8f4; background-image: none; border-color: #b5d8f4; box-shadow: none; color: #2ba0ff } .tox .tox-button--secondary.tox-button--enabled[disabled] { background-color: #b5d8f4; background-image: none; border-color: #b5d8f4; box-shadow: none; color: rgba(43, 160, 255, .5) } .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) { background-color: #9eccf1; background-image: none; border-color: #9eccf1; box-shadow: none; color: #2ba0ff } .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) { background-color: #9eccf1; background-image: none; border-color: #9eccf1; box-shadow: none; color: #2ba0ff } .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) { background-color: #88c0ee; background-image: none; border-color: #88c0ee; box-shadow: none; color: #2ba0ff } .tox .tox-button--icon, .tox .tox-button.tox-button--icon, .tox .tox-button.tox-button--secondary.tox-button--icon { padding: 4px } .tox .tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { display: block; fill: currentColor } .tox .tox-button-link { background: 0; border: none; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.3; margin: 0; padding: 0; white-space: nowrap } .tox .tox-button-link--sm { font-size: 13.125px } .tox .tox-button--naked { background-color: transparent; border-color: transparent; box-shadow: unset; color: #57606f } .tox .tox-button--naked[disabled] { background-color: #fff; border-color: #fff; box-shadow: none; color: rgba(87, 96, 111, .5) } .tox .tox-button--naked:hover:not(:disabled) { background-color: rgba(43, 160, 255, .1); border-color: #2ba0ff; box-shadow: none; color: #2ba0ff } .tox .tox-button--naked:focus:not(:disabled) { background-color: rgba(43, 160, 255, .1); border-color: #2ba0ff; box-shadow: none; color: #2ba0ff } .tox .tox-button--naked:active:not(:disabled) { background-color: rgba(43, 160, 255, .2); border-color: #2ba0ff; box-shadow: none; color: #2ba0ff } .tox .tox-button--naked .tox-icon svg { fill: currentColor } .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { color: #2ba0ff } .tox .tox-checkbox { align-items: center; border-radius: 3px; cursor: pointer; display: flex; height: 36px; min-width: 36px } .tox .tox-checkbox__input { height: 1px; overflow: hidden; position: absolute; top: auto; width: 1px } .tox .tox-checkbox__icons { align-items: center; border-radius: 3px; box-shadow: 0 0 0 2px transparent; box-sizing: content-box; display: flex; height: 24px; justify-content: center; padding: calc(4px - 1px); width: 24px } .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { display: block; fill: rgba(34, 47, 62, 0.3) } @media (forced-colors:active) { .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { fill: currentColor !important } } .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { display: none; fill: #2ba0ff } .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { display: none; fill: #2ba0ff } .tox .tox-checkbox--disabled { color: rgba(34, 47, 62, .5); cursor: not-allowed } .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { fill: rgba(34, 47, 62, 0.5) } .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { fill: rgba(34, 47, 62, 0.5) } .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { fill: rgba(34, 47, 62, 0.5) } .tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg { display: none } .tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg { display: block } .tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg { display: none } .tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { display: block } .tox input.tox-checkbox__input:focus+.tox-checkbox__icons { border-radius: 3px; box-shadow: inset 0 0 0 1px #2ba0ff; padding: calc(4px - 1px) } .tox:not([dir=rtl]) .tox-checkbox__label { margin-left: 4px } .tox:not([dir=rtl]) .tox-checkbox__input { left: -10000px } .tox:not([dir=rtl]) .tox-bar .tox-checkbox { margin-left: 4px } .tox[dir=rtl] .tox-checkbox__label { margin-right: 4px } .tox[dir=rtl] .tox-checkbox__input { right: -10000px } .tox[dir=rtl] .tox-bar .tox-checkbox { margin-right: 4px } .tox .tox-collection--toolbar .tox-collection__group { display: flex; padding: 0 } .tox .tox-collection--grid .tox-collection__group { display: flex; flex-wrap: wrap; max-height: 208px; overflow-x: hidden; overflow-y: auto; padding: 0 } .tox .tox-collection--list .tox-collection__group { border-bottom-width: 0; border-color: rgba(0, 0, 0, .1); border-left-width: 0; border-right-width: 0; border-style: solid; border-top-width: 1px; padding: 4px 0 } .tox .tox-collection--list .tox-collection__group:first-child { border-top-width: 0 } .tox .tox-collection__group-heading { background-color: rgba(26, 26, 26, .1); color: #fff; cursor: default; font-size: 12px; font-style: normal; font-weight: 400; margin-bottom: 4px; margin-top: -4px; padding: 4px 8px; text-transform: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tox .tox-collection__item { align-items: center; border-radius: 3px; color: #222f3e; display: flex; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tox .tox-collection--list .tox-collection__item { padding: 4px 8px } .tox .tox-collection--toolbar .tox-collection__item { border-radius: 3px; padding: 4px } .tox .tox-collection--grid .tox-collection__item { border-radius: 3px; padding: 4px } .tox .tox-collection--list .tox-collection__item--enabled { background-color: #fff; color: #222f3e } .tox .tox-collection--list .tox-collection__item--active { background-color: rgba(43, 160, 255, .15) } .tox .tox-collection--toolbar .tox-collection__item--enabled, .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active, .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active:hover { background-color: rgba(43, 160, 255, .15); color: #2ba0ff } @media (forced-colors:active) { .tox .tox-collection--toolbar .tox-collection__item--enabled, .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active, .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active:hover { border-radius: 3px; outline: solid 1px } } .tox .tox-collection--toolbar .tox-collection__item--active { background-color: rgba(43, 160, 255, .15); position: relative } .tox .tox-collection--toolbar .tox-collection__item--active:hover { background-color: rgba(43, 160, 255, .15); color: #fff } .tox .tox-collection--toolbar .tox-collection__item--active:focus { background-color: rgba(43, 160, 255, .15); color: #fff } .tox .tox-collection--toolbar .tox-collection__item--active:focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-collection--toolbar .tox-collection__item--active:focus::after { border: 2px solid highlight } } .tox .tox-collection--grid .tox-collection__item--enabled { background-color: rgba(43, 160, 255, .15); color: #fff } .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { background-color: rgba(43, 160, 255, .1); color: #2ba0ff; position: relative; z-index: 1 } .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent 'inset'; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after { border: 2px solid highlight } } .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { color: #57606f } @media (forced-colors:active) { .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { border: solid 1px } } .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { color: #57606f } @media (forced-colors:active) { .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover { border-radius: 3px; outline: solid 1px } } .tox .tox-collection__item-checkmark, .tox .tox-collection__item-icon { align-items: center; display: flex; height: 24px; justify-content: center; width: 24px } .tox .tox-collection__item-checkmark svg, .tox .tox-collection__item-icon svg { fill: currentColor } .tox .tox-collection--toolbar-lg .tox-collection__item-icon { height: 48px; width: 48px } .tox .tox-collection__item-label { color: currentColor; display: inline-block; flex: 1; font-size: 13.125px; font-style: normal; font-weight: 400; line-height: 24px; max-width: 100%; text-transform: none; word-break: break-all } .tox .tox-collection__item-accessory { color: currentColor; display: inline-block; font-size: 13.125px; height: 24px; line-height: 24px; text-transform: none } .tox .tox-collection__item-caret { align-items: center; display: flex; min-height: 24px } .tox .tox-collection__item-caret::after { content: ''; font-size: 0; min-height: inherit } .tox .tox-collection__item-caret svg { fill: currentColor } .tox .tox-collection__item--state-disabled { background-color: transparent; color: rgba(34, 47, 62, .5); cursor: not-allowed } .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { fill: rgba(34, 47, 62, 0.5) } .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { display: none } .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark { display: none } .tox .tox-collection--horizontal { background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; box-shadow: 0 0 2px 0 rgba(34, 47, 62, .2), 0 4px 8px 0 rgba(34, 47, 62, .15); display: flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: nowrap; margin-bottom: 0; overflow-x: auto; padding: 0 } .tox .tox-collection--horizontal .tox-collection__group { align-items: center; display: flex; flex-wrap: nowrap; margin: 0; padding: 0 4px } .tox .tox-collection--horizontal .tox-collection__item { height: 26px; margin: 1px 4px 0 0; padding: 0 4px } .tox .tox-collection--horizontal .tox-collection__item-label { white-space: nowrap } .tox .tox-collection--horizontal .tox-collection__item-caret { margin-left: 4px } .tox .tox-collection__item-container { display: flex } .tox .tox-collection__item-container--row { align-items: center; flex: 1 1 auto; flex-direction: row } .tox .tox-collection__item-container--row.tox-collection__item-container--align-left { margin-right: auto } .tox .tox-collection__item-container--row.tox-collection__item-container--align-right { justify-content: flex-end; margin-left: auto } .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { align-items: flex-start; margin-bottom: auto } .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { align-items: center } .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { align-items: flex-end; margin-top: auto } .tox .tox-collection__item-container--column { align-self: center; flex: 1 1 auto; flex-direction: column } .tox .tox-collection__item-container--column.tox-collection__item-container--align-left { align-items: flex-start } .tox .tox-collection__item-container--column.tox-collection__item-container--align-right { align-items: flex-end } .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { align-self: flex-start } .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { align-self: center } .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { align-self: flex-end } .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, .1) } .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child) { margin-left: 8px } .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child { margin-left: 4px } .tox:not([dir=rtl]) .tox-collection__item-accessory { margin-left: 16px; text-align: right } .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { margin-left: 16px } .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { border-left: 1px solid rgba(0, 0, 0, .1) } .tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child) { margin-right: 8px } .tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child { margin-right: 4px } .tox[dir=rtl] .tox-collection__item-accessory { margin-right: 16px; text-align: left } .tox[dir=rtl] .tox-collection .tox-collection__item-caret { margin-right: 16px; transform: rotateY(180deg) } .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { margin-right: 4px } @media (forced-colors:active) { .tox .tox-hue-slider, .tox .tox-rgb-form .tox-rgba-preview { background-color: currentColor !important; border: 1px solid highlight !important; forced-color-adjust: none } } .tox .tox-color-picker-container { display: flex; flex-direction: row; height: 225px; margin: 0 } .tox .tox-sv-palette { box-sizing: border-box; display: flex; height: 100% } .tox .tox-sv-palette-spectrum { height: 100% } .tox .tox-sv-palette, .tox .tox-sv-palette-spectrum { width: 225px } .tox .tox-sv-palette-thumb { background: 0 0; border: 1px solid #000; border-radius: 50%; box-sizing: content-box; height: 12px; position: absolute; width: 12px } .tox .tox-sv-palette-inner-thumb { border: 1px solid #fff; border-radius: 50%; height: 10px; position: absolute; width: 10px } .tox .tox-hue-slider { box-sizing: border-box; height: 100%; width: 25px } .tox .tox-hue-slider-spectrum { background: linear-gradient(to bottom, red, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, red); height: 100%; width: 100% } .tox .tox-hue-slider, .tox .tox-hue-slider-spectrum { width: 20px } .tox .tox-hue-slider-spectrum:focus, .tox .tox-sv-palette-spectrum:focus { outline: #08f solid } .tox .tox-hue-slider-thumb { background: #fff; border: 1px solid #000; box-sizing: content-box; height: 4px; width: 100% } .tox .tox-rgb-form { display: flex; flex-direction: column; justify-content: space-between } .tox .tox-rgb-form div { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; width: inherit } .tox .tox-rgb-form input { width: 6em } .tox .tox-rgb-form input.tox-invalid { border: 1px solid red !important } .tox .tox-rgb-form .tox-rgba-preview { border: 1px solid #000; flex-grow: 2; margin-bottom: 0 } .tox:not([dir=rtl]) .tox-sv-palette { margin-right: 15px } .tox:not([dir=rtl]) .tox-hue-slider { margin-right: 15px } .tox:not([dir=rtl]) .tox-hue-slider-thumb { margin-left: -1px } .tox:not([dir=rtl]) .tox-rgb-form label { margin-right: .5em } .tox[dir=rtl] .tox-sv-palette { margin-left: 15px } .tox[dir=rtl] .tox-hue-slider { margin-left: 15px } .tox[dir=rtl] .tox-hue-slider-thumb { margin-right: -1px } .tox[dir=rtl] .tox-rgb-form label { margin-left: .5em } .tox .tox-toolbar .tox-swatches, .tox .tox-toolbar__overflow .tox-swatches, .tox .tox-toolbar__primary .tox-swatches { margin: 0 0 1 16px } .tox .tox-collection--list .tox-collection__group .tox-swatches-menu { border: 0; margin: -4px -4px } .tox .tox-swatches__row { display: flex } @media (forced-colors:active) { .tox .tox-swatches__row { forced-color-adjust: none } } .tox .tox-swatch { height: 24px; transition: transform .15s, box-shadow .15s; width: 24px } .tox .tox-swatch:focus, .tox .tox-swatch:hover { box-shadow: 0 0 0 1px rgba(127, 127, 127, .3) inset; transform: scale(.8) } .tox .tox-swatch--remove { align-items: center; display: flex; justify-content: center } .tox .tox-swatch--remove svg path { stroke: #e74c3c } .tox .tox-swatches__picker-btn { align-items: center; background-color: transparent; border: 0; cursor: pointer; display: flex; height: 24px; justify-content: center; outline: 0; padding: 0; width: 24px } .tox .tox-swatches__picker-btn svg { fill: #222f3e; height: 24px; width: 24px } .tox .tox-swatches__picker-btn:hover { background: rgba(43, 160, 255, .15) } .tox div.tox-swatch:not(.tox-swatch--remove) svg { display: none; fill: #222f3e; height: 24px; margin: calc((24px - 24px)/ 2) calc((24px - 24px)/ 2); width: 24px } .tox div.tox-swatch:not(.tox-swatch--remove) svg path { fill: #fff; paint-order: stroke; stroke: #222f3e; stroke-width: 2px } .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg { display: block } .tox:not([dir=rtl]) .tox-swatches__picker-btn { margin-left: auto } .tox[dir=rtl] .tox-swatches__picker-btn { margin-right: auto } .tox .tox-comment-thread { background: #fff; position: relative } .tox .tox-comment-thread>:not(:first-child) { margin-top: 8px } .tox .tox-comment { background: #fff; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1); padding: 8px 8px 16px 8px; position: relative } .tox .tox-comment__header { align-items: center; color: #222f3e; display: flex; justify-content: space-between } .tox .tox-comment__date { color: #222f3e; font-size: 12px; line-height: 18px } .tox .tox-comment__body { color: #222f3e; font-size: 13.125px; font-style: normal; font-weight: 400; line-height: 1.3; margin-top: 8px; position: relative; text-transform: initial } .tox .tox-comment__body textarea { resize: none; white-space: normal; width: 100% } .tox .tox-comment__expander { padding-top: 8px } .tox .tox-comment__expander p { color: rgba(34, 47, 62, .5); font-size: 13.125px; font-style: normal } .tox .tox-comment__body p { margin: 0 } .tox .tox-comment__buttonspacing { padding-top: 16px; text-align: center } .tox .tox-comment-thread__overlay::after { background: #fff; bottom: 0; content: ""; display: flex; left: 0; opacity: .9; position: absolute; right: 0; top: 0; z-index: 5 } .tox .tox-comment__reply { display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; margin-top: 8px } .tox .tox-comment__reply>:first-child { margin-bottom: 8px; width: 100% } .tox .tox-comment__edit { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 16px } .tox .tox-comment__gradient::after { background: linear-gradient(rgba(255, 255, 255, 0), #fff); bottom: 0; content: ""; display: block; height: 5em; margin-top: -40px; position: absolute; width: 100% } .tox .tox-comment__overlay { background: #fff; bottom: 0; display: flex; flex-direction: column; flex-grow: 1; left: 0; opacity: .9; position: absolute; right: 0; text-align: center; top: 0; z-index: 5 } .tox .tox-comment__loading-text { align-items: center; color: #222f3e; display: flex; flex-direction: column; position: relative } .tox .tox-comment__loading-text>div { padding-bottom: 16px } .tox .tox-comment__overlaytext { bottom: 0; flex-direction: column; font-size: 13.125px; left: 0; padding: 1em; position: absolute; right: 0; top: 0; z-index: 10 } .tox .tox-comment__overlaytext p { background-color: #fff; box-shadow: 0 0 8px 8px #fff; color: #222f3e; text-align: center } .tox .tox-comment__overlaytext div:nth-of-type(2) { font-size: .8em } .tox .tox-comment__busy-spinner { align-items: center; background-color: #fff; bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 20 } .tox .tox-comment__scroll { display: flex; flex-direction: column; flex-shrink: 1; overflow: auto } .tox .tox-conversations { margin: 8px } .tox:not([dir=rtl]) .tox-comment__edit { margin-left: 8px } .tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child, .tox:not([dir=rtl]) .tox-comment__edit>:last-child, .tox:not([dir=rtl]) .tox-comment__reply>:last-child { margin-left: 8px } .tox[dir=rtl] .tox-comment__edit { margin-right: 8px } .tox[dir=rtl] .tox-comment__buttonspacing>:last-child, .tox[dir=rtl] .tox-comment__edit>:last-child, .tox[dir=rtl] .tox-comment__reply>:last-child { margin-right: 8px } .tox .tox-user { align-items: center; display: flex } .tox .tox-user__avatar svg { fill: rgba(34, 47, 62, 0.5) } .tox .tox-user__avatar img { border-radius: 50%; height: 36px; object-fit: cover; vertical-align: middle; width: 36px } .tox .tox-user__name { color: #222f3e; font-size: 13.125px; font-style: normal; font-weight: 700; line-height: 18px; text-transform: none } .tox:not([dir=rtl]) .tox-user__avatar img, .tox:not([dir=rtl]) .tox-user__avatar svg { margin-right: 8px } .tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name { margin-left: 8px } .tox[dir=rtl] .tox-user__avatar img, .tox[dir=rtl] .tox-user__avatar svg { margin-left: 8px } .tox[dir=rtl] .tox-user__avatar+.tox-user__name { margin-right: 8px } .tox .tox-dialog-wrap { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1100 } .tox .tox-dialog-wrap__backdrop { background-color: transparent; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .tox .tox-dialog-wrap__backdrop--opaque { background-color: #fff } .tox .tox-dialog { background-color: #fff; border-color: #efefef; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: 0 4px 3px -2px rgba(34, 47, 62, .2), 0 0 20px 0 rgba(34, 47, 62, .1); display: flex; flex-direction: column; max-height: 100%; max-width: 480px; overflow: hidden; position: relative; width: 95vw; z-index: 2 } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog { align-self: flex-start; margin: 8px auto; max-height: calc(100vh - 8px * 2); width: calc(100vw - 16px) } } .tox .tox-dialog-inline { z-index: 1100 } .tox .tox-dialog__header { align-items: center; background-color: #fff; border-bottom: none; color: #222f3e; display: flex; font-size: 15px; justify-content: space-between; padding: 8px 16px 0 16px; position: relative } .tox .tox-dialog__header .tox-button { z-index: 1 } .tox .tox-dialog__draghandle { cursor: grab; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .tox .tox-dialog__draghandle:active { cursor: grabbing } .tox .tox-dialog__dismiss { margin-left: auto } .tox .tox-dialog__title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.3; margin: 0; text-transform: none } .tox .tox-dialog__body { color: #222f3e; display: flex; flex: 1; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.3; min-width: 0; text-align: left; text-transform: none } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog__body { flex-direction: column } } .tox .tox-dialog__body-nav { align-items: flex-start; display: flex; flex-direction: column; flex-shrink: 0; padding: 16px 16px } @media only screen and (min-width: 768px) { .tox .tox-dialog__body-nav { max-width: 11em } } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { flex-direction: row; -webkit-overflow-scrolling: touch; overflow-x: auto; padding-bottom: 0 } } .tox .tox-dialog__body-nav-item { border-bottom: 2px solid transparent; color: rgba(34, 47, 62, .5); display: inline-block; flex-shrink: 0; font-size: 13.125px; line-height: 1.3; margin-bottom: 8px; max-width: 13em; text-decoration: none } .tox .tox-dialog__body-nav-item:focus { background-color: rgba(43, 160, 255, .1) } .tox .tox-dialog__body-nav-item--active { border-bottom: 2px solid #2ba0ff; color: #2ba0ff } @media (forced-colors:active) { .tox .tox-dialog__body-nav-item--active { border-bottom: 2px solid highlight; color: highlight } } .tox .tox-dialog__body-content { box-sizing: border-box; display: flex; flex: 1; flex-direction: column; max-height: min(650px, calc(100vh - 110px)); overflow: auto; -webkit-overflow-scrolling: touch; padding: 16px 16px } .tox .tox-dialog__body-content>* { margin-bottom: 0; margin-top: 16px } .tox .tox-dialog__body-content>:first-child { margin-top: 0 } .tox .tox-dialog__body-content>:last-child { margin-bottom: 0 } .tox .tox-dialog__body-content>:only-child { margin-bottom: 0; margin-top: 0 } .tox .tox-dialog__body-content a { color: #2ba0ff; cursor: pointer; text-decoration: underline } .tox .tox-dialog__body-content a:focus, .tox .tox-dialog__body-content a:hover { color: #006cc4; text-decoration: underline } .tox .tox-dialog__body-content a:focus-visible { border-radius: 1px; outline: 2px solid #2ba0ff; outline-offset: 2px } .tox .tox-dialog__body-content a:active { color: #005091; text-decoration: underline } .tox .tox-dialog__body-content svg { fill: #222f3e } .tox .tox-dialog__body-content strong { font-weight: 700 } .tox .tox-dialog__body-content ul { list-style-type: disc } .tox .tox-dialog__body-content dd, .tox .tox-dialog__body-content ol, .tox .tox-dialog__body-content ul { -webkit-padding-start: 2.5rem; -moz-padding-start: 2.5rem; padding-inline-start: 2.5rem } .tox .tox-dialog__body-content dl, .tox .tox-dialog__body-content ol, .tox .tox-dialog__body-content ul { margin-bottom: 16px } .tox .tox-dialog__body-content dd, .tox .tox-dialog__body-content dl, .tox .tox-dialog__body-content dt, .tox .tox-dialog__body-content ol, .tox .tox-dialog__body-content ul { display: block; -webkit-margin-end: 0; -moz-margin-end: 0; margin-inline-end: 0; -webkit-margin-start: 0; -moz-margin-start: 0; margin-inline-start: 0 } .tox .tox-dialog__body-content .tox-form__group h1 { color: #222f3e; font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: normal; margin-bottom: 16px; margin-top: 2rem; text-transform: none } .tox .tox-dialog__body-content .tox-form__group h2 { color: #222f3e; font-size: 15px; font-style: normal; font-weight: 700; letter-spacing: normal; margin-bottom: 16px; margin-top: 2rem; text-transform: none } .tox .tox-dialog__body-content .tox-form__group p { margin-bottom: 16px } .tox .tox-dialog__body-content .tox-form__group h1:first-child, .tox .tox-dialog__body-content .tox-form__group h2:first-child, .tox .tox-dialog__body-content .tox-form__group p:first-child { margin-top: 0 } .tox .tox-dialog__body-content .tox-form__group h1:last-child, .tox .tox-dialog__body-content .tox-form__group h2:last-child, .tox .tox-dialog__body-content .tox-form__group p:last-child { margin-bottom: 0 } .tox .tox-dialog__body-content .tox-form__group h1:only-child, .tox .tox-dialog__body-content .tox-form__group h2:only-child, .tox .tox-dialog__body-content .tox-form__group p:only-child { margin-bottom: 0; margin-top: 0 } .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center { text-align: center } .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end { text-align: end } .tox .tox-dialog--width-lg { height: 650px; max-width: 1200px } .tox .tox-dialog--fullscreen { height: 100%; max-width: 100% } .tox .tox-dialog--fullscreen .tox-dialog__body-content { max-height: 100% } .tox .tox-dialog--width-md { max-width: 800px } .tox .tox-dialog--width-md .tox-dialog__body-content { overflow: auto } .tox .tox-dialog__body-content--centered { text-align: center } .tox .tox-dialog__footer { align-items: center; background-color: #fff; border-top: 1px solid #efefef; display: flex; justify-content: space-between; padding: 8px 16px } .tox .tox-dialog__footer-end, .tox .tox-dialog__footer-start { display: flex } .tox .tox-dialog__busy-spinner { align-items: center; background-color: transparent; bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 3 } .tox .tox-dialog__table { border-collapse: collapse; width: 100% } .tox .tox-dialog__table thead th { font-weight: 700; padding-bottom: 8px } .tox .tox-dialog__table thead th:first-child { padding-right: 8px } .tox .tox-dialog__table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, .1) } .tox .tox-dialog__table tbody tr:last-child { border-bottom: none } .tox .tox-dialog__table td { padding-bottom: 8px; padding-top: 8px } .tox .tox-dialog__table td:first-child { padding-right: 8px } .tox .tox-dialog__iframe { min-height: 200px } .tox .tox-dialog__iframe.tox-dialog__iframe--opaque { background: 0 0 } .tox .tox-navobj-bordered { position: relative } .tox .tox-navobj-bordered::before { border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; content: ''; inset: 0; opacity: 1; pointer-events: none; position: absolute; z-index: 1 } .tox .tox-navobj-bordered iframe { border-radius: 3px } .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before { border-color: rgba(0, 0, 0, .1); box-shadow: none; outline: 2px solid rgba(43, 160, 255, .25) } .tox .tox-dialog__popups { position: absolute; width: 100%; z-index: 1100 } .tox .tox-dialog__body-iframe { display: flex; flex: 1; flex-direction: column } .tox .tox-dialog__body-iframe .tox-navobj { display: flex; flex: 1 } .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { flex: 1; height: 100% } .tox .tox-dialog-dock-fadeout { opacity: 0; visibility: hidden } .tox .tox-dialog-dock-fadein { opacity: 1; visibility: visible } .tox .tox-dialog-dock-transition { transition: visibility 0s linear .3s, opacity .3s ease } .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { transition-delay: 0s } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { margin-right: 0 } } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { margin-left: 8px } } .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*, .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>* { margin-left: 8px } .tox[dir=rtl] .tox-dialog__body { text-align: right } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { margin-left: 0 } } @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { margin-right: 8px } } .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*, .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>* { margin-right: 8px } body.tox-dialog__disable-scroll { overflow: hidden } .tox .tox-dropzone-container { display: flex; flex: 1 } .tox .tox-dropzone { align-items: center; background: #fff; border: 2px dashed rgba(0, 0, 0, .1); box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; min-height: 100px; padding: 10px } .tox .tox-dropzone p { color: rgba(34, 47, 62, .5); margin: 0 0 16px 0 } .tox .tox-edit-area { display: flex; flex: 1; overflow: hidden; position: relative } .tox .tox-edit-area::before { border: 0 solid transparent; border-radius: 4px; content: ''; inset: 0; opacity: 0; pointer-events: none; position: absolute; transition: opacity .15s; z-index: 1 } @media (forced-colors:active) { .tox .tox-edit-area::before { border: 0 solid highlight } } .tox .tox-edit-area__iframe { background-color: transparent; border: 0; box-sizing: border-box; flex: 1; height: 100%; position: absolute; width: 100% } .tox.tox-edit-focus .tox-edit-area::before { opacity: 1 } .tox.tox-inline-edit-area { border: 1px dotted rgba(0, 0, 0, .1) } .tox .tox-editor-container { display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden } .tox .tox-editor-header { display: grid; grid-template-columns: 1fr min-content; z-index: 2 } .tox:not(.tox-tinymce-inline) .tox-editor-header { background-color: #fff; border-bottom: none; box-shadow: none; padding: 4px 0 } .tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) { transition: box-shadow .5s } .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header { border-top: 1px solid rgba(0, 0, 0, .1); box-shadow: none } .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header { background-color: #fff; box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .25); padding: 4px 0 } .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header { box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .25) } .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty { background: 0 0; border: none; box-shadow: none; padding: 0 } .tox-editor-dock-fadeout { opacity: 0; visibility: hidden } .tox-editor-dock-fadein { opacity: 1; visibility: visible } .tox-editor-dock-transition { transition: visibility 0s linear .25s, opacity .25s ease } .tox-editor-dock-transition.tox-editor-dock-fadein { transition-delay: 0s } .tox .tox-control-wrap { flex: 1; position: relative } .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { display: none } .tox .tox-control-wrap svg { display: block } .tox .tox-control-wrap__status-icon-wrap { position: absolute; top: 50%; transform: translateY(-50%) } .tox .tox-control-wrap__status-icon-invalid svg { fill: #c00 } .tox .tox-control-wrap__status-icon-unknown svg { fill: orange } .tox .tox-control-wrap__status-icon-valid svg { fill: green } .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { padding-right: 32px } .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { right: 4px } .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { padding-left: 32px } .tox[dir=rtl] .tox-control-wrap__status-icon-wrap { left: 4px } .tox .tox-custom-preview { border-color: rgba(0, 0, 0, .1); border-radius: 3px; border-style: solid; border-width: 1px; flex: 1; padding: 8px } .tox .tox-autocompleter { max-width: 25em } .tox .tox-autocompleter .tox-menu { box-sizing: border-box; max-width: 25em } .tox .tox-autocompleter .tox-autocompleter-highlight { font-weight: 700 } .tox .tox-color-input { display: flex; position: relative; z-index: 1 } .tox .tox-color-input .tox-textfield { z-index: -1 } .tox .tox-color-input span { border-color: rgba(34, 47, 62, .2); border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; height: 24px; position: absolute; top: 6px; width: 24px } @media (forced-colors:active) { .tox .tox-color-input span { border-color: currentColor; border-width: 2px !important; forced-color-adjust: none } } .tox .tox-color-input span:focus:not([aria-disabled=true]), .tox .tox-color-input span:hover:not([aria-disabled=true]) { border-color: #2ba0ff; cursor: pointer } .tox .tox-color-input span::before { background-image: linear-gradient(45deg, rgba(0, 0, 0, .25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, .25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, .25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, .25) 75%); background-position: 0 0, 0 6px, 6px -6px, -6px 0; background-size: 12px 12px; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; content: ''; height: 24px; left: -1px; position: absolute; top: -1px; width: 24px; z-index: -1 } @media (forced-colors:active) { .tox .tox-color-input span::before { border: none } } .tox .tox-color-input span[aria-disabled=true] { cursor: not-allowed } .tox:not([dir=rtl]) .tox-color-input .tox-textfield { padding-left: 36px } .tox:not([dir=rtl]) .tox-color-input span { left: 6px } .tox[dir=rtl] .tox-color-input .tox-textfield { padding-right: 36px } .tox[dir=rtl] .tox-color-input span { right: 6px } .tox .tox-label, .tox .tox-toolbar-label { color: rgba(34, 47, 62, .5); display: block; font-size: 13.125px; font-style: normal; font-weight: 400; line-height: 1.3; padding: 0 8px 0 0; text-transform: none; white-space: nowrap } .tox .tox-toolbar-label { padding: 0 8px } .tox[dir=rtl] .tox-label { padding: 0 0 0 8px } .tox .tox-form { display: flex; flex: 1; flex-direction: column } .tox .tox-form__group { box-sizing: border-box; margin-bottom: 4px } .tox .tox-form-group--maximize { flex: 1 } .tox .tox-form__group--error { color: #c00 } .tox .tox-form__group--collection { display: flex } .tox .tox-form__grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between } .tox .tox-form__grid--2col>.tox-form__group { width: calc(50% - (8px / 2)) } .tox .tox-form__grid--3col>.tox-form__group { width: calc(100% / 3 - (8px / 2)) } .tox .tox-form__grid--4col>.tox-form__group { width: calc(25% - (8px / 2)) } .tox .tox-form__controls-h-stack { align-items: center; display: flex } .tox .tox-form__group--inline { align-items: center; display: flex } .tox .tox-form__group--stretched { display: flex; flex: 1; flex-direction: column } .tox .tox-form__group--stretched .tox-textarea { flex: 1 } .tox .tox-form__group--stretched .tox-navobj { display: flex; flex: 1 } .tox .tox-form__group--stretched .tox-navobj :nth-child(2) { flex: 1; height: 100% } .tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child) { margin-left: 4px } .tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child) { margin-right: 4px } .tox .tox-lock.tox-locked .tox-lock-icon__unlock, .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { display: none } .tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea, .tox .tox-textarea-wrap .tox-textarea:focus, .tox .tox-textfield, .tox .tox-toolbar-textfield { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: rgba(0, 0, 0, .1); border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; color: #222f3e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; line-height: 24px; margin: 0; min-height: 34px; outline: 0; padding: 5px 4.75px; resize: none; width: 100% } .tox .tox-textarea[disabled], .tox .tox-textfield[disabled] { background-color: #f2f2f2; color: rgba(34, 47, 62, .85); cursor: not-allowed } .tox .tox-custom-editor:focus-within, .tox .tox-listboxfield .tox-listbox--select:focus, .tox .tox-textarea-wrap:focus-within, .tox .tox-textarea:focus, .tox .tox-textfield:focus { background-color: #fff; border-color: rgba(0, 0, 0, .1); box-shadow: none; outline: 2px solid rgba(43, 160, 255, .25) } .tox .tox-toolbar-textfield { border-width: 0; margin-bottom: 3px; margin-top: 2px; max-width: 250px } .tox .tox-naked-btn { background-color: transparent; border: 0; border-color: transparent; box-shadow: unset; color: #2ba0ff; cursor: pointer; display: block; margin: 0; padding: 0 } .tox .tox-naked-btn svg { display: block; fill: #222f3e } .tox:not([dir=rtl]) .tox-toolbar-textfield+* { margin-left: 4px } .tox[dir=rtl] .tox-toolbar-textfield+* { margin-right: 4px } .tox .tox-listboxfield { cursor: pointer; position: relative } .tox .tox-listboxfield .tox-listbox--select[disabled] { background-color: #f2f2f2; color: rgba(34, 47, 62, .85); cursor: not-allowed } .tox .tox-listbox__select-label { cursor: default; flex: 1; margin: 0 4px } .tox .tox-listbox__select-chevron { align-items: center; display: flex; justify-content: center; width: 16px } .tox .tox-listbox__select-chevron svg { fill: #222f3e } @media (forced-colors:active) { .tox .tox-listbox__select-chevron svg { fill: currentColor !important } } .tox .tox-listboxfield .tox-listbox--select { align-items: center; display: flex } .tox:not([dir=rtl]) .tox-listboxfield svg { right: 8px } .tox[dir=rtl] .tox-listboxfield svg { left: 8px } .tox .tox-selectfield { cursor: pointer; position: relative } .tox .tox-selectfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: rgba(0, 0, 0, .1); border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; color: #222f3e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; line-height: 24px; margin: 0; min-height: 34px; outline: 0; padding: 5px 4.75px; resize: none; width: 100% } .tox .tox-selectfield select[disabled] { background-color: #f2f2f2; color: rgba(34, 47, 62, .85); cursor: not-allowed } .tox .tox-selectfield select::-ms-expand { display: none } .tox .tox-selectfield select:focus { background-color: #fff; border-color: rgba(0, 0, 0, .1); box-shadow: none; outline: 2px solid rgba(43, 160, 255, .25) } .tox .tox-selectfield svg { pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%) } .tox:not([dir=rtl]) .tox-selectfield select[size="0"], .tox:not([dir=rtl]) .tox-selectfield select[size="1"] { padding-right: 24px } .tox:not([dir=rtl]) .tox-selectfield svg { right: 8px } .tox[dir=rtl] .tox-selectfield select[size="0"], .tox[dir=rtl] .tox-selectfield select[size="1"] { padding-left: 24px } .tox[dir=rtl] .tox-selectfield svg { left: 8px } .tox .tox-textarea-wrap { border-color: rgba(0, 0, 0, .1); border-radius: 3px; border-style: solid; border-width: 1px; display: flex; flex: 1; overflow: hidden } .tox .tox-textarea { appearance: textarea; white-space: pre-wrap } .tox .tox-textarea-wrap .tox-textarea { border: none } .tox .tox-textarea-wrap .tox-textarea:focus { border: none } .tox-fullscreen { border: 0; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; padding: 0; touch-action: pinch-zoom; width: 100% } .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { display: none } .tox-shadowhost.tox-fullscreen, .tox.tox-tinymce.tox-fullscreen { left: 0; position: fixed; top: 0; z-index: 1200 } .tox.tox-tinymce.tox-fullscreen { background-color: #fff } .tox-fullscreen .tox.tox-tinymce-aux, .tox-fullscreen~.tox.tox-tinymce-aux { z-index: 1201 } .tox .tox-help__more-link { list-style: none; margin-top: 1em } .tox .tox-imagepreview { background-color: #666; height: 380px; overflow: hidden; position: relative; width: 100% } .tox .tox-imagepreview.tox-imagepreview__loaded { overflow: auto } .tox .tox-imagepreview__container { display: flex; left: 100vw; position: absolute; top: 100vw } .tox .tox-imagepreview__image { background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==) } .tox .tox-image-tools .tox-spacer { flex: 1 } .tox .tox-image-tools .tox-bar { align-items: center; display: flex; height: 60px; justify-content: center } .tox .tox-image-tools .tox-imagepreview, .tox .tox-image-tools .tox-imagepreview+.tox-bar { margin-top: 8px } .tox .tox-image-tools .tox-croprect-block { background: #000; opacity: .5; position: absolute; zoom: 1 } .tox .tox-image-tools .tox-croprect-handle { border: 2px solid #fff; height: 20px; left: 0; position: absolute; top: 0; width: 20px } .tox .tox-image-tools .tox-croprect-handle-move { border: 0; cursor: move; position: absolute } .tox .tox-image-tools .tox-croprect-handle-nw { border-width: 2px 0 0 2px; cursor: nw-resize; left: 100px; margin: -2px 0 0 -2px; top: 100px } .tox .tox-image-tools .tox-croprect-handle-ne { border-width: 2px 2px 0 0; cursor: ne-resize; left: 200px; margin: -2px 0 0 -20px; top: 100px } .tox .tox-image-tools .tox-croprect-handle-sw { border-width: 0 0 2px 2px; cursor: sw-resize; left: 100px; margin: -20px 2px 0 -2px; top: 200px } .tox .tox-image-tools .tox-croprect-handle-se { border-width: 0 2px 2px 0; cursor: se-resize; left: 200px; margin: -20px 0 0 -20px; top: 200px } .tox .tox-insert-table-picker { background-color: #fff; display: flex; flex-wrap: wrap; width: 170px } .tox .tox-insert-table-picker>div { border-color: rgba(0, 0, 0, .1); border-style: solid; border-width: 0 1px 1px 0; box-sizing: border-box; height: 17px; width: 17px } .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { margin: -4px -4px } .tox .tox-insert-table-picker .tox-insert-table-picker__selected { background-color: rgba(43, 160, 255, .5); border-color: rgba(43, 160, 255, .5) } @media (forced-colors:active) { .tox .tox-insert-table-picker .tox-insert-table-picker__selected { border-color: Highlight; -webkit-filter: contrast(50%); filter: contrast(50%) } } .tox .tox-insert-table-picker__label { color: rgba(34, 47, 62, .5); display: block; font-size: 13.125px; padding: 4px; text-align: center; width: 100% } .tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n) { border-right: 0 } .tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1) { border-right: 0 } .tox .tox-menu { background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; box-shadow: 0 4px 5px -3px rgba(34, 47, 62, .15), 0 0 10px 0 rgba(34, 47, 62, .05); display: inline-block; overflow: hidden; vertical-align: top; z-index: 1150 } .tox .tox-menu.tox-collection.tox-collection--list { padding: 0 4px } .tox .tox-menu.tox-collection.tox-collection--toolbar { padding: 4px } .tox .tox-menu.tox-collection.tox-collection--grid { padding: 4px } @media only screen and (min-width: 768px) { .tox .tox-menu .tox-collection__item-label { overflow-wrap: break-word; word-break: normal } .tox .tox-dialog__popups .tox-menu .tox-collection__item-label { word-break: break-all } } .tox .tox-menu__label blockquote, .tox .tox-menu__label code, .tox .tox-menu__label h1, .tox .tox-menu__label h2, .tox .tox-menu__label h3, .tox .tox-menu__label h4, .tox .tox-menu__label h5, .tox .tox-menu__label h6, .tox .tox-menu__label p { margin: 0 } .tox .tox-menubar { background: 0 0; background-color: transparent; display: flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: wrap; grid-column: 1/-1; grid-row: 1; padding: 0 16px 0 20px } .tox .tox-promotion+.tox-menubar { grid-column: 1 } .tox .tox-promotion { background: 0 0; background-color: transparent; grid-column: 2; grid-row: 1; -webkit-padding-end: 8px; -moz-padding-end: 8px; padding-inline-end: 8px; -webkit-padding-start: 4px; -moz-padding-start: 4px; padding-inline-start: 4px; padding-top: 5px } .tox .tox-promotion-link { align-items: unsafe center; background-color: #e8f1f8; border-radius: 5px; color: #086be6; cursor: pointer; display: flex; font-size: 12px; height: 22.8px; padding: 4px 8px; white-space: nowrap } .tox .tox-promotion-link:hover { background-color: #b4d7ff } .tox .tox-promotion-link:focus { background-color: #d9edf7 } .tox .tox-mbtn { align-items: center; background: #fff; border: 0; border-radius: 3px; box-shadow: none; color: #57606f; display: flex; flex: 0 0 auto; font-size: 12px; font-style: normal; font-weight: 500; height: 26px; justify-content: center; margin: 8px 4px 9px 0; outline: 0; padding: 0 4px; text-transform: none; width: auto } .tox .tox-mbtn[disabled] { background-color: #fff; border: 0; box-shadow: none; color: rgba(87, 96, 111, .5); cursor: not-allowed } .tox .tox-mbtn:focus:not(:disabled) { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #57606f; position: relative; z-index: 1 } .tox .tox-mbtn:focus:not(:disabled)::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-mbtn:focus:not(:disabled)::after { border: 2px solid highlight } } .tox .tox-mbtn--active, .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus { background: 0 0; border: 0; box-shadow: none; color: #2ba0ff } .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #57606f } .tox .tox-mbtn__select-label { cursor: default; font-weight: 500; margin: 0 4px } .tox .tox-mbtn[disabled] .tox-mbtn__select-label { cursor: not-allowed } .tox .tox-mbtn__select-chevron { align-items: center; display: flex; justify-content: center; width: 16px; display: none } .tox .tox-notification { border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; box-sizing: border-box; display: grid; font-size: 13.125px; font-weight: 400; grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); margin-left: auto; margin-right: auto; margin-top: 4px; opacity: 0; padding: 4px; transition: transform .1s ease-in, opacity 150ms ease-in; width: -webkit-max-content; width: -moz-max-content; width: max-content } .tox .tox-notification a { cursor: pointer; text-decoration: underline } .tox .tox-notification p { font-size: 13.125px; font-weight: 400 } .tox .tox-notification:focus { border-color: rgba(0, 0, 0, .1); box-shadow: none } .tox .tox-notification--in { opacity: 1 } .tox .tox-notification--success { background-color: #e4eeda; border-color: #d7e6c8; color: #222f3e } .tox .tox-notification--success p { color: #222f3e } .tox .tox-notification--success a { color: #517342 } .tox .tox-notification--success a:focus, .tox .tox-notification--success a:hover { color: #24321d; text-decoration: underline } .tox .tox-notification--success a:focus-visible { border-radius: 1px; outline: 2px solid #517342; outline-offset: 2px } .tox .tox-notification--success a:active { color: #0d120a; text-decoration: underline } .tox .tox-notification--success svg { fill: #222f3e } .tox .tox-notification--error { background-color: #f5cccc; border-color: #f0b3b3; color: #222f3e } .tox .tox-notification--error p { color: #222f3e } .tox .tox-notification--error a { color: #77181f } .tox .tox-notification--error a:focus, .tox .tox-notification--error a:hover { color: #220709; text-decoration: underline } .tox .tox-notification--error a:focus-visible { border-radius: 1px; outline: 2px solid #77181f; outline-offset: 2px } .tox .tox-notification--error a:active { color: #000; text-decoration: underline } .tox .tox-notification--error svg { fill: #222f3e } .tox .tox-notification--warn, .tox .tox-notification--warning { background-color: #fff5cc; border-color: #fff0b3; color: #222f3e } .tox .tox-notification--warn p, .tox .tox-notification--warning p { color: #222f3e } .tox .tox-notification--warn a, .tox .tox-notification--warning a { color: #7a6e25 } .tox .tox-notification--warn a:focus, .tox .tox-notification--warn a:hover, .tox .tox-notification--warning a:focus, .tox .tox-notification--warning a:hover { color: #2c280d; text-decoration: underline } .tox .tox-notification--warn a:focus-visible, .tox .tox-notification--warning a:focus-visible { border-radius: 1px; outline: 2px solid #7a6e25; outline-offset: 2px } .tox .tox-notification--warn a:active, .tox .tox-notification--warning a:active { color: #050502; text-decoration: underline } .tox .tox-notification--warn svg, .tox .tox-notification--warning svg { fill: #222f3e } .tox .tox-notification--info { background-color: #d6e7fb; border-color: #c1dbf9; color: #222f3e } .tox .tox-notification--info p { color: #222f3e } .tox .tox-notification--info a { color: #2a64a6 } .tox .tox-notification--info a:focus, .tox .tox-notification--info a:hover { color: #163355; text-decoration: underline } .tox .tox-notification--info a:focus-visible { border-radius: 1px; outline: 2px solid #2a64a6; outline-offset: 2px } .tox .tox-notification--info a:active { color: #0b1a2c; text-decoration: underline } .tox .tox-notification--info svg { fill: #222f3e } .tox .tox-notification__body { align-self: center; color: #222f3e; font-size: 14px; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; text-align: center; white-space: normal; word-break: break-all; word-break: break-word } .tox .tox-notification__body>* { margin: 0 } .tox .tox-notification__body>*+* { margin-top: 1rem } .tox .tox-notification__icon { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; justify-self: end } .tox .tox-notification__icon svg { display: block } .tox .tox-notification__dismiss { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; justify-self: end } .tox .tox-notification .tox-progress-bar { grid-column-end: 4; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; justify-self: center } .tox .tox-notification-container-dock-fadeout { opacity: 0; visibility: hidden } .tox .tox-notification-container-dock-fadein { opacity: 1; visibility: visible } .tox .tox-notification-container-dock-transition { transition: visibility 0s linear .3s, opacity .3s ease } .tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein { transition-delay: 0s } .tox .tox-pop { display: inline-block; position: relative } .tox .tox-pop--resizing { transition: width .1s ease } .tox .tox-pop--resizing .tox-toolbar, .tox .tox-pop--resizing .tox-toolbar__group { flex-wrap: nowrap } .tox .tox-pop--transition { transition: .15s ease; transition-property: left, right, top, bottom } .tox .tox-pop--transition::after, .tox .tox-pop--transition::before { transition: all .15s, visibility 0s, opacity 75ms ease 75ms } .tox .tox-pop__dialog { background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; box-shadow: 0 0 2px 0 rgba(34, 47, 62, .2), 0 4px 8px 0 rgba(34, 47, 62, .15); min-width: 0; overflow: hidden } .tox .tox-pop__dialog>:not(.tox-toolbar) { margin: 4px 4px 4px 8px } .tox .tox-pop__dialog .tox-toolbar { background-color: transparent; margin-bottom: -1px } .tox .tox-pop::after, .tox .tox-pop::before { border-style: solid; content: ''; display: block; height: 0; opacity: 1; position: absolute; width: 0 } @media (forced-colors:active) { .tox .tox-pop::after, .tox .tox-pop::before { content: none } } .tox .tox-pop.tox-pop--inset::after, .tox .tox-pop.tox-pop--inset::before { opacity: 0; transition: all 0s .15s, visibility 0s, opacity 75ms ease } .tox .tox-pop.tox-pop--bottom::after, .tox .tox-pop.tox-pop--bottom::before { left: 50%; top: 100% } .tox .tox-pop.tox-pop--bottom::after { border-color: #fff transparent transparent transparent; border-width: 8px; margin-left: -8px; margin-top: -1px } .tox .tox-pop.tox-pop--bottom::before { border-color: rgba(0, 0, 0, .1) transparent transparent transparent; border-width: 9px; margin-left: -9px } .tox .tox-pop.tox-pop--top::after, .tox .tox-pop.tox-pop--top::before { left: 50%; top: 0; transform: translateY(-100%) } .tox .tox-pop.tox-pop--top::after { border-color: transparent transparent #fff transparent; border-width: 8px; margin-left: -8px; margin-top: 1px } .tox .tox-pop.tox-pop--top::before { border-color: transparent transparent rgba(0, 0, 0, .1) transparent; border-width: 9px; margin-left: -9px } .tox .tox-pop.tox-pop--left::after, .tox .tox-pop.tox-pop--left::before { left: 0; top: calc(50% - 1px); transform: translateY(-50%) } .tox .tox-pop.tox-pop--left::after { border-color: transparent #fff transparent transparent; border-width: 8px; margin-left: -15px } .tox .tox-pop.tox-pop--left::before { border-color: transparent rgba(0, 0, 0, .1) transparent transparent; border-width: 10px; margin-left: -19px } .tox .tox-pop.tox-pop--right::after, .tox .tox-pop.tox-pop--right::before { left: 100%; top: calc(50% + 1px); transform: translateY(-50%) } .tox .tox-pop.tox-pop--right::after { border-color: transparent transparent transparent #fff; border-width: 8px; margin-left: -1px } .tox .tox-pop.tox-pop--right::before { border-color: transparent transparent transparent rgba(0, 0, 0, .1); border-width: 10px; margin-left: -1px } .tox .tox-pop.tox-pop--align-left::after, .tox .tox-pop.tox-pop--align-left::before { left: 20px } .tox .tox-pop.tox-pop--align-right::after, .tox .tox-pop.tox-pop--align-right::before { left: calc(100% - 20px) } .tox .tox-sidebar-wrap { display: flex; flex-direction: row; flex-grow: 1; min-height: 0 } .tox .tox-sidebar { background-color: #fff; display: flex; flex-direction: row; justify-content: flex-end } .tox .tox-sidebar__slider { display: flex; overflow: hidden } .tox .tox-sidebar__pane-container { display: flex } .tox .tox-sidebar__pane { display: flex } .tox .tox-sidebar--sliding-closed { opacity: 0 } .tox .tox-sidebar--sliding-open { opacity: 1 } .tox .tox-sidebar--sliding-growing, .tox .tox-sidebar--sliding-shrinking { transition: width .5s ease, opacity .5s ease } .tox .tox-selector { background-color: #4099ff; border-color: #4099ff; border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: 10px; position: absolute; width: 10px } .tox.tox-platform-touch .tox-selector { height: 12px; width: 12px } .tox .tox-slider { align-items: center; display: flex; flex: 1; height: 24px; justify-content: center; position: relative } .tox .tox-slider__rail { background-color: transparent; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; height: 10px; min-width: 120px; width: 100% } .tox .tox-slider__handle { background-color: #2ba0ff; border: 2px solid #0088f7; border-radius: 3px; box-shadow: none; height: 24px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 14px } .tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type) { -webkit-margin-start: 8px; -moz-margin-start: 8px; margin-inline-start: 8px } .tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider { -webkit-margin-start: 32px; -moz-margin-start: 32px; margin-inline-start: 32px } .tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group { -webkit-margin-start: 32px; -moz-margin-start: 32px; margin-inline-start: 32px } .tox .tox-source-code { overflow: auto } .tox .tox-spinner { display: flex } .tox .tox-spinner>div { animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; background-color: rgba(34, 47, 62, .5); border-radius: 100%; height: 8px; width: 8px } .tox .tox-spinner>div:first-child { animation-delay: -.32s } .tox .tox-spinner>div:nth-child(2) { animation-delay: -.16s } @keyframes tam-bouncing-dots { 0%, 100%, 80% { transform: scale(0) } 40% { transform: scale(1) } } .tox:not([dir=rtl]) .tox-spinner>div:not(:first-child) { margin-left: 4px } .tox[dir=rtl] .tox-spinner>div:not(:first-child) { margin-right: 4px } .tox .tox-statusbar { align-items: center; background-color: transparent; border-top: 1px solid rgba(0, 0, 0, .1); color: rgba(34, 47, 62, .5); display: flex; flex: 0 0 auto; font-size: 11px; font-weight: 400; height: 24px; overflow: hidden; padding: 0 16px; position: relative; text-transform: uppercase } .tox .tox-statusbar__path { display: flex; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap } .tox .tox-statusbar__right-container { display: flex; justify-content: flex-end; white-space: nowrap } .tox .tox-statusbar__help-text { text-align: center } .tox .tox-statusbar__text-container { display: flex; flex: 1 1 auto; justify-content: space-between } @media only screen and (min-width: 768px) { .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text, .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path, .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container { flex: 0 0 calc(100% / 3) } } .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end { justify-content: flex-end } .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start { justify-content: flex-start } .tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around { justify-content: space-around } .tox .tox-statusbar__path>* { display: inline; white-space: nowrap } .tox .tox-statusbar__wordcount { flex: 0 0 auto; margin-left: 1ch } @media only screen and (max-width: 767px) { .tox .tox-statusbar__text-container .tox-statusbar__help-text { display: none } .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child { display: block } } .tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount { color: rgba(34, 47, 62, .5); position: relative; text-decoration: none } .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) { color: #222f3e; cursor: pointer } .tox .tox-statusbar a:focus-visible::after, .tox .tox-statusbar__path-item:focus-visible::after, .tox .tox-statusbar__wordcount:focus-visible::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-statusbar a:focus-visible::after, .tox .tox-statusbar__path-item:focus-visible::after, .tox .tox-statusbar__wordcount:focus-visible::after { border: 2px solid highlight } } .tox .tox-statusbar__branding svg { fill: rgba(34, 47, 62, 0.8); height: 1em; margin-left: .3em; width: auto } @media (forced-colors:active) { .tox .tox-statusbar__branding svg { fill: currentColor } } .tox .tox-statusbar__branding a { align-items: center; display: inline-flex } .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg, .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg { fill: #222f3e } .tox .tox-statusbar__resize-handle { align-items: flex-end; align-self: stretch; cursor: nwse-resize; display: flex; flex: 0 0 auto; justify-content: flex-end; margin-bottom: 3px; margin-left: 4px; margin-right: calc(3px - 16px); margin-top: 3px; padding-bottom: 0; padding-left: 0; padding-right: 0; position: relative } .tox .tox-statusbar__resize-handle svg { display: block; fill: rgba(34, 47, 62, 0.5) } .tox .tox-statusbar__resize-handle:focus svg, .tox .tox-statusbar__resize-handle:hover svg { fill: #222f3e } .tox .tox-statusbar__resize-handle:focus-visible { background-color: transparent; border-radius: 1px 1px -3px 1px; box-shadow: 0 0 0 2px transparent } .tox .tox-statusbar__resize-handle:focus-visible::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-statusbar__resize-handle:focus-visible::after { border: 2px solid highlight } } .tox:not([dir=rtl]) .tox-statusbar__path>* { margin-right: 4px } .tox:not([dir=rtl]) .tox-statusbar__branding { margin-left: 2ch } .tox[dir=rtl] .tox-statusbar { flex-direction: row-reverse } .tox[dir=rtl] .tox-statusbar__path>* { margin-left: 4px } .tox[dir=rtl] .tox-statusbar__branding svg { margin-left: 0; margin-right: .3em } .tox .tox-throbber { z-index: 1299 } .tox .tox-throbber__busy-spinner { align-items: center; background-color: rgba(255, 255, 255, .6); bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0 } .tox .tox-tbtn { align-items: center; background: #fff; border: 0; border-radius: 3px; box-shadow: none; color: #57606f; display: flex; flex: 0 0 auto; font-size: 12px; font-style: normal; font-weight: 500; height: 26px; justify-content: center; margin: 1px 4px 0 0; outline: 0; padding: 0; text-transform: none; width: 26px } @media (forced-colors:active) { .tox .tox-tbtn.tox-tbtn:hover, .tox .tox-tbtn:hover { outline: 1px dashed currentColor } .tox .tox-tbtn.tox-tbtn--active, .tox .tox-tbtn.tox-tbtn--enabled, .tox .tox-tbtn.tox-tbtn--enabled:focus, .tox .tox-tbtn.tox-tbtn--enabled:hover, .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { outline: 1px solid currentColor; position: relative } } .tox .tox-tbtn svg { display: block; fill: #57606f } @media (forced-colors:active) { .tox .tox-tbtn svg { fill: currentColor !important } .tox .tox-tbtn svg.tox-tbtn--enabled, .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) { fill: currentColor !important } .tox .tox-tbtn svg .tox-tbtn:disabled, .tox .tox-tbtn svg .tox-tbtn:disabled:hover, .tox .tox-tbtn svg.tox-tbtn--disabled, .tox .tox-tbtn svg.tox-tbtn--disabled:hover { -webkit-filter: contrast(0%); filter: contrast(0%) } } .tox .tox-tbtn.tox-tbtn-more { padding-left: 5px; padding-right: 5px; width: inherit } .tox .tox-tbtn:focus { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; position: relative; z-index: 1 } .tox .tox-tbtn:focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-tbtn:focus::after { border: 2px solid highlight } } .tox .tox-tbtn:hover { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #57606f } .tox .tox-tbtn:hover svg { fill: #57606f } .tox .tox-tbtn:active { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #2ba0ff } .tox .tox-tbtn:active svg { fill: #2ba0ff } .tox .tox-tbtn--disabled .tox-tbtn--enabled svg { fill: rgba(87, 96, 111, 0.5) } .tox .tox-tbtn--disabled, .tox .tox-tbtn--disabled:hover, .tox .tox-tbtn:disabled, .tox .tox-tbtn:disabled:hover { background: #fff; border: 0; box-shadow: none; color: rgba(87, 96, 111, .5); cursor: not-allowed } .tox .tox-tbtn--disabled svg, .tox .tox-tbtn--disabled:hover svg, .tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg { fill: rgba(87, 96, 111, 0.5) } .tox .tox-tbtn--active, .tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:focus, .tox .tox-tbtn--enabled:hover { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #2ba0ff; position: relative } .tox .tox-tbtn--active>*, .tox .tox-tbtn--enabled:focus>*, .tox .tox-tbtn--enabled:hover>*, .tox .tox-tbtn--enabled>* { transform: none } .tox .tox-tbtn--active svg, .tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:focus svg, .tox .tox-tbtn--enabled:hover svg { fill: #2ba0ff } .tox .tox-tbtn--active.tox-tbtn--disabled svg, .tox .tox-tbtn--enabled.tox-tbtn--disabled svg, .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg, .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg { fill: rgba(87, 96, 111, 0.5) } .tox .tox-tbtn--enabled:focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-tbtn--enabled:focus::after { border: 2px solid highlight } } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { color: #2ba0ff } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { fill: #57606f } .tox .tox-tbtn:active>* { transform: none } .tox .tox-tbtn--md { height: 39px; width: 39px } .tox .tox-tbtn--lg { flex-direction: column; height: 52px; width: 52px } .tox .tox-tbtn--return { align-self: stretch; height: unset; width: 16px } .tox .tox-tbtn--labeled { padding: 0 4px; width: unset } .tox .tox-tbtn__vlabel { display: block; font-size: 10px; font-weight: 400; letter-spacing: -.025em; margin-bottom: 4px; white-space: nowrap } .tox .tox-number-input { background: 0 0; border-radius: 3px; display: flex; margin: 1px 4px 0 0; position: relative; width: auto } .tox .tox-number-input:focus { background: rgba(43, 160, 255, .15) } .tox .tox-number-input:focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-number-input:focus::after { border: 2px solid highlight } } .tox .tox-number-input .tox-input-wrapper { display: flex; pointer-events: none; position: relative; text-align: center } .tox .tox-number-input .tox-input-wrapper:focus { background-color: rgba(43, 160, 255, .15); z-index: 1 } .tox .tox-number-input .tox-input-wrapper:focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-number-input .tox-input-wrapper:focus::after { border: 2px solid highlight } } .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after { border: 2px solid highlight } } .tox .tox-number-input input { border-radius: 3px; color: #57606f; font-size: 14px; margin: 2px 0; pointer-events: all; position: relative; width: 60px } .tox .tox-number-input input:hover { background: rgba(43, 160, 255, .15); color: #57606f } .tox .tox-number-input input:focus { background-color: rgba(43, 160, 255, .15) } .tox .tox-number-input input:disabled { background: #fff; border: 0; box-shadow: none; color: rgba(87, 96, 111, .5); cursor: not-allowed } .tox .tox-number-input button { color: #57606f; height: 26px; position: relative; text-align: center; width: 24px } @media (forced-colors:active) { .tox .tox-number-input button:active, .tox .tox-number-input button:focus, .tox .tox-number-input button:hover { outline: 1px solid currentColor !important } } .tox .tox-number-input button svg { display: block; fill: #57606f; margin: 0 auto; transform: scale(.67) } @media (forced-colors:active) { .tox .tox-number-input button svg, .tox .tox-number-input button svg:active, .tox .tox-number-input button svg:hover { fill: currentColor !important } .tox .tox-number-input button svg:disabled { -webkit-filter: contrast(0); filter: contrast(0) } } .tox .tox-number-input button:focus { background: rgba(43, 160, 255, .15); z-index: 1 } .tox .tox-number-input button:focus::after { border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-number-input button:focus::after { border: 2px solid highlight } } .tox .tox-number-input button:hover { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #57606f } .tox .tox-number-input button:hover svg { fill: #57606f } .tox .tox-number-input button:active { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #2ba0ff } .tox .tox-number-input button:active svg { fill: #2ba0ff } .tox .tox-number-input button:disabled { background: #fff; border: 0; box-shadow: none; color: rgba(87, 96, 111, .5); cursor: not-allowed } .tox .tox-number-input button:disabled svg { fill: rgba(87, 96, 111, 0.5) } .tox .tox-number-input button.minus { border-radius: 3px 0 0 3px } .tox .tox-number-input button.plus { border-radius: 0 3px 3px 0 } .tox .tox-number-input:focus:not(:active)>.tox-input-wrapper, .tox .tox-number-input:focus:not(:active)>button { background: rgba(43, 160, 255, .15) } .tox .tox-tbtn--select { margin: 1px 4px 0 0; padding: 0 4px; width: auto } .tox .tox-tbtn__select-label { cursor: default; font-weight: 500; height: initial; margin: 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .tox .tox-tbtn__select-chevron { align-items: center; display: flex; justify-content: center; width: 16px } .tox .tox-tbtn__select-chevron svg { fill: rgba(87, 96, 111, 0.5) } @media (forced-colors:active) { .tox .tox-tbtn__select-chevron svg { fill: currentColor } } .tox .tox-tbtn--bespoke { background: 0 0 } .tox .tox-tbtn--bespoke:focus { background: rgba(43, 160, 255, .15) } .tox .tox-tbtn--bespoke+.tox-tbtn--bespoke { -webkit-margin-start: 4px; -moz-margin-start: 4px; margin-inline-start: 4px } .tox .tox-tbtn--bespoke .tox-tbtn__select-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 7em } .tox .tox-tbtn--disabled .tox-tbtn__select-label, .tox .tox-tbtn--select:disabled .tox-tbtn__select-label { cursor: not-allowed } .tox .tox-split-button { border: 0; border-radius: 3px; box-sizing: border-box; display: flex; margin: 1px 4px 0 0 } .tox .tox-split-button:hover { box-shadow: 0 0 0 1px rgba(43, 160, 255, .15) inset } .tox .tox-split-button:focus { background: rgba(43, 160, 255, .15); box-shadow: none; color: #2ba0ff; position: relative; z-index: 1 } .tox .tox-split-button:focus::after { pointer-events: none; border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-split-button:focus::after { border: 2px solid highlight } } .tox .tox-split-button>* { border-radius: 0 } .tox .tox-split-button>:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .tox .tox-split-button>:nth-child(2) { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .tox .tox-split-button__chevron { width: 16px } .tox .tox-split-button__chevron svg { fill: rgba(87, 96, 111, 0.5) } @media (forced-colors:active) { .tox .tox-split-button__chevron svg { fill: currentColor } } .tox .tox-split-button .tox-tbtn { margin: 0 } .tox .tox-split-button:focus .tox-tbtn { background-color: transparent } .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus, .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, .tox .tox-split-button.tox-tbtn--disabled:focus, .tox .tox-split-button.tox-tbtn--disabled:hover { background: #fff; box-shadow: none; color: rgba(87, 96, 111, .5) } .tox.tox-platform-touch .tox-split-button .tox-tbtn--select { padding: 0 0 } .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child { width: 22px } .tox.tox-platform-touch .tox-split-button__chevron { width: 20px } .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color, .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color { opacity: .6 } .tox .tox-toolbar-overlord { background-color: transparent } .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { background-attachment: local; background-color: transparent; background-image: repeating-linear-gradient(rgba(0, 0, 0, .1) 0 1px, transparent 1px 43px); background-position: center top 43px; background-repeat: no-repeat; background-size: calc(100% - 16px * 2) calc(100% - 43px); display: flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: wrap; padding: 0 0; transform: perspective(1px) } .tox .tox-toolbar-overlord>.tox-toolbar, .tox .tox-toolbar-overlord>.tox-toolbar__overflow, .tox .tox-toolbar-overlord>.tox-toolbar__primary { background-position: center top 0; background-size: calc(100% - 16px * 2) calc(100% - 0px) } .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { height: 0; opacity: 0; padding-bottom: 0; padding-top: 0; visibility: hidden } .tox .tox-toolbar__overflow--growing { transition: height .3s ease, opacity .2s linear .1s } .tox .tox-toolbar__overflow--shrinking { transition: opacity .3s ease, height .2s linear .1s, visibility 0s linear .3s } .tox .tox-anchorbar, .tox .tox-toolbar-overlord { grid-column: 1/-1 } .tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord { border-top: 1px solid transparent; margin-top: -1px; padding-bottom: 0; padding-top: 0 } @media (forced-colors:active) { .tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord { outline: 1px solid currentColor } } .tox .tox-toolbar--scrolling { flex-wrap: nowrap; overflow-x: auto } .tox .tox-pop .tox-toolbar { border-width: 0 } .tox .tox-toolbar--no-divider { background-image: none } .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child, .tox .tox-toolbar-overlord .tox-toolbar__primary { background-position: center top 43px } .tox .tox-editor-header>.tox-toolbar--scrolling, .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child { background-image: none } .tox.tox-tinymce-aux .tox-toolbar__overflow { background-color: #fff !important; background-position: center top 47px; background-size: calc(100% - 8px * 2) calc(100% - 55px); border: none; border-radius: 3px; box-shadow: 0 0 2px 0 rgba(34, 47, 62, .2), 0 4px 8px 0 rgba(34, 47, 62, .15); overscroll-behavior: none; padding: 4px 0 } @media (forced-colors:active) { .tox.tox-tinymce-aux .tox-toolbar__overflow { border: solid } } .tox-pop .tox-pop__dialog .tox-toolbar { background-position: center top 47px; background-size: calc(100% - 16px * 2) calc(100% - 55px); padding: 4px 0 } .tox .tox-toolbar__group { align-items: center; display: flex; flex-wrap: wrap; margin: 8px 0; padding: 0 16px 0 20px } .tox .tox-toolbar__group--pull-right { margin-left: auto } .tox .tox-toolbar--scrolling .tox-toolbar__group { flex-shrink: 0; flex-wrap: nowrap } .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, .1) } .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { border-left: 1px solid rgba(0, 0, 0, .1) } .tox .tox-tooltip { display: inline-block; max-width: 15em; padding: 8px; pointer-events: none; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; z-index: 1150 } .tox .tox-tooltip__body { background-color: #222f3e; border-radius: 3px; box-shadow: none; color: #fff; font-size: 12px; font-style: normal; font-weight: 600; overflow-wrap: break-word; padding: 4px 6px; text-transform: none } @media (forced-colors:active) { .tox .tox-tooltip__body { outline: outset 1px } } .tox .tox-tooltip__arrow { position: absolute } .tox .tox-tooltip--down .tox-tooltip__arrow { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #222f3e; bottom: 0; left: 50%; position: absolute; transform: translateX(-50%) } .tox .tox-tooltip--up .tox-tooltip__arrow { border-bottom: 8px solid #222f3e; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 50%; position: absolute; top: 0; transform: translateX(-50%) } .tox .tox-tooltip--right .tox-tooltip__arrow { border-bottom: 8px solid transparent; border-left: 8px solid #222f3e; border-top: 8px solid transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .tox .tox-tooltip--left .tox-tooltip__arrow { border-bottom: 8px solid transparent; border-right: 8px solid #222f3e; border-top: 8px solid transparent; left: 0; position: absolute; top: 50%; transform: translateY(-50%) } .tox .tox-tree { display: flex; flex-direction: column } .tox .tox-tree .tox-trbtn { align-items: center; background: 0 0; border: 0; border-radius: 4px; box-shadow: none; color: #222f3e; display: flex; flex: 0 0 auto; font-size: 13.125px; font-style: normal; font-weight: 400; height: 28px; margin-bottom: 4px; margin-top: 4px; outline: 0; overflow: hidden; padding: 0; padding-left: 8px; text-transform: none } .tox .tox-tree .tox-trbtn .tox-tree__label { cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .tox .tox-tree .tox-trbtn svg { display: block; fill: #222f3e } .tox .tox-tree .tox-trbtn:focus { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none } .tox .tox-tree .tox-trbtn:hover { background: rgba(43, 160, 255, .15); border: 0; box-shadow: none; color: #2ba0ff } .tox .tox-tree .tox-trbtn:hover svg { fill: #2ba0ff } .tox .tox-tree .tox-trbtn:active { background: #b5deff; border: 0; box-shadow: none; color: #2ba0ff } .tox .tox-tree .tox-trbtn:active svg { fill: #2ba0ff } .tox .tox-tree .tox-trbtn--disabled, .tox .tox-tree .tox-trbtn--disabled:hover, .tox .tox-tree .tox-trbtn:disabled, .tox .tox-tree .tox-trbtn:disabled:hover { background: 0 0; border: 0; box-shadow: none; color: rgba(34, 47, 62, .5); cursor: not-allowed } .tox .tox-tree .tox-trbtn--disabled svg, .tox .tox-tree .tox-trbtn--disabled:hover svg, .tox .tox-tree .tox-trbtn:disabled svg, .tox .tox-tree .tox-trbtn:disabled:hover svg { fill: rgba(34, 47, 62, 0.5) } .tox .tox-tree .tox-trbtn--enabled, .tox .tox-tree .tox-trbtn--enabled:hover { background: #b5deff; border: 0; box-shadow: none; color: #2ba0ff } .tox .tox-tree .tox-trbtn--enabled:hover>*, .tox .tox-tree .tox-trbtn--enabled>* { transform: none } .tox .tox-tree .tox-trbtn--enabled svg, .tox .tox-tree .tox-trbtn--enabled:hover svg { fill: #2ba0ff } .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) { color: #2ba0ff } .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg { fill: #2ba0ff } .tox .tox-tree .tox-trbtn:active>* { transform: none } .tox .tox-tree .tox-trbtn--return { align-self: stretch; height: unset; width: 16px } .tox .tox-tree .tox-trbtn--labeled { padding: 0 4px; width: unset } .tox .tox-tree .tox-trbtn__vlabel { display: block; font-size: 10px; font-weight: 400; letter-spacing: -.025em; margin-bottom: 4px; white-space: nowrap } .tox .tox-tree .tox-tree--directory { display: flex; flex-direction: column } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label { font-weight: 700 } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn { margin-left: auto } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg { fill: transparent } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg { fill: #fff } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg { fill: #fff } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) { background-color: transparent; color: #222f3e } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg { fill: #222f3e } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron { margin-right: 6px } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron { transition: transform .5s ease-in-out } .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron, .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron { transform: rotate(90deg) } .tox .tox-tree .tox-tree--leaf__label { font-weight: 400 } .tox .tox-tree .tox-tree--leaf__label .tox-mbtn { margin-left: auto } .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg { fill: transparent } .tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg, .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg { fill: #fff } .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg { fill: #fff } .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) { background-color: transparent; color: #222f3e } .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg { fill: #222f3e } .tox .tox-tree .tox-tree--directory__children { overflow: hidden; padding-left: 16px } .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing, .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking { transition: height .5s ease-in-out } .tox .tox-tree .tox-trbtn.tox-tree--leaf__label { display: flex; justify-content: space-between } .tox .tox-revisionhistory__pane { padding: 0 !important } .tox .tox-revisionhistory__container { display: flex; flex-direction: column; height: 100% } .tox .tox-revisionhistory { background-color: #fff; border-radius: 4px; border-top: 1px solid rgba(0, 0, 0, .1); display: flex; flex: 1; height: 100%; margin-top: 8px; overflow-x: auto; overflow-y: hidden; position: relative; width: 100% } .tox .tox-revisionhistory--align-right { margin-left: auto } .tox .tox-revisionhistory__iframe { flex: 1 } .tox .tox-revisionhistory__sidebar { border-left: 1px solid rgba(0, 0, 0, .1); height: 100%; max-width: 360px } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title { border-bottom: 1px solid rgba(0, 0, 0, .1); color: #222f3e; font-size: 18px; font-weight: 400; height: 60px; min-width: 192px; padding: 16px } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions { flex-direction: column; max-height: calc(100% - 60px); min-width: 192px; overflow-y: auto; padding: 8px } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus { height: 100%; position: relative; z-index: 1 } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after { bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0; border-radius: 3px; bottom: 1px; left: 1px; right: 1px; top: 1px } @media (forced-colors:active) { .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after { border: 2px solid highlight } } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card { border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; color: #222f3e; cursor: pointer; font-size: 13.125px; margin-bottom: 8px; padding: 8px; text-overflow: ellipsis; text-wrap: nowrap; width: 100% } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover { background-color: rgba(43, 160, 255, .15); box-shadow: none; color: #2ba0ff } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus { position: relative; z-index: 1 } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after { border-radius: 3px !important; border-radius: 3px; bottom: 0; box-shadow: 0 0 0 0 transparent; content: ''; left: 0; position: absolute; right: 0; top: 0 } @media (forced-colors:active) { .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after { border: 2px solid highlight } } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected { background-color: #b5deff; box-shadow: none; color: #2ba0ff } .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision { color: rgba(34, 47, 62, .5); font-size: 16px; line-height: 24px; padding: 5px 5.5px } .tox .tox-view-wrap, .tox .tox-view-wrap__slot-container { background-color: #fff; display: flex; flex: 1; flex-direction: column; height: 100% } .tox .tox-view { display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden } .tox .tox-view__header { align-items: center; display: flex; font-size: 15px; justify-content: space-between; padding: 8px 8px 0 8px; position: relative } .tox .tox-view__label { color: #222f3e; font-weight: 700; line-height: 24px; padding: 4px 16px; text-align: center; white-space: nowrap } .tox .tox-view__label--normal { font-size: 15px } .tox .tox-view__label--large { font-size: 18px } .tox .tox-view--mobile.tox-view__header, .tox .tox-view--mobile.tox-view__toolbar { padding: 8px } .tox .tox-view--scrolling { flex-wrap: nowrap; overflow-x: auto } .tox .tox-view__toolbar { display: flex; flex-direction: row; gap: 8px; justify-content: space-between; overflow-x: auto; padding: 8px 8px 0 8px } .tox .tox-view__toolbar__group { display: flex; flex-direction: row; gap: 12px } .tox .tox-view__header-end, .tox .tox-view__header-start { display: flex } .tox .tox-view__pane { height: 100%; padding: 8px; position: relative; width: 100% } .tox .tox-view__pane_panel { border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px } .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*, .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>* { margin-left: 8px } .tox[dir=rtl] .tox-view__header .tox-view__header-end>*, .tox[dir=rtl] .tox-view__header .tox-view__header-start>* { margin-right: 8px } .tox .tox-well { border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; padding: 8px; width: 100% } .tox .tox-well>:first-child { margin-top: 0 } .tox .tox-well>:last-child { margin-bottom: 0 } .tox .tox-well>:only-child { margin: 0 } .tox .tox-custom-editor { border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; display: flex; flex: 1; overflow: hidden; position: relative } .tox .tox-dialog-loading::before { background-color: rgba(0, 0, 0, .5); content: ""; height: 100%; position: absolute; width: 100%; z-index: 1000 } .tox .tox-tab { cursor: pointer } .tox .tox-dialog__content-js { display: flex; flex: 1 } .tox .tox-dialog__body-content .tox-collection { display: flex; flex: 1 } .tox:not(.tox-tinymce-inline) .tox-editor-header { background-color: none; padding: 0 } .tox.tox-tinymce--toolbar-bottom .tox-editor-header, .tox.tox-tinymce-inline .tox-editor-header { margin-bottom: -1px }.tox.tox-tinymce-inline{ z-index:99999; } .tox.tox-tinymce-inline .tox-editor-container { overflow: hidden } .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header { border-top: none; box-shadow: none } .tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { background-color: #fff; box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .25); padding: 0 } .tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header { box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .25) } .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { margin: -4px 0 } .tox .tox-menu.tox-collection.tox-collection--list { padding: 4px } .tox .tox-pop { box-shadow: none } .tox .tox-number-input, .tox .tox-split-button, .tox .tox-tbtn, .tox .tox-tbtn--select { margin: 0 4px 1px 0 } .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='rgba%280,%200,%200,%200.1%29'/%3E%3C/svg%3E") left 0 top 0 transparent !important } .tox .tox-menubar+.tox-toolbar-overlord { border-top: none } .tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary { border-top: 1px solid transparent; margin-top: -1px } .tox.tox-tinymce-aux .tox-toolbar__overflow { border: 1px solid rgba(0, 0, 0, .1); padding: 0 } .tox .tox-pop .tox-pop__dialog .tox-toolbar { padding: 0 } .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { border-top: 1px solid rgba(0, 0, 0, .1) } .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary, .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child { border-top: 1px solid transparent } .tox .tox-toolbar__group { padding: 0 16px 0 20px } .tox .tox-collection__item { border-radius: 0; cursor: pointer } .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) { color: #222f3e } .tox .tox-statusbar__branding svg { fill: rgba(34, 47, 62, 0.8); height: 1em; margin-left: .3em; width: auto } @media (forced-colors:active) { .tox .tox-statusbar__branding svg { fill: currentColor } } .tox .tox-statusbar__branding a { align-items: center; display: inline-flex } .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg, .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg { fill: #222f3e } .tox:not([dir=rtl]) .tox-statusbar__branding { margin-left: 1ch } .tox[dir=rtl] .tox-statusbar__branding svg { margin-left: 0; margin-right: .3em } .tox .tox-statusbar__resize-handle { padding-bottom: 0; padding-right: 0 } .tox .tox-button::before { display: none }`);
@@ -19924,41 +19943,41 @@ const msModule = (module2) => {
   module2.registerExtendsPage({
     name: "dv/ms-material/list",
     path: "/sys/materials",
-    component: () => Promise.resolve().then(() => require("./index-D9nmASDU.cjs")),
+    component: () => Promise.resolve().then(() => require("./index-Bai9QQCc.cjs")),
     meta: { name: "ms-material" }
   });
   module2.registerExtendsPage({
     name: "dv/ms-role/single/list/dialog",
     path: "/sys/roles",
-    component: () => Promise.resolve().then(() => require("./index-CxONh6ck.cjs")),
+    component: () => Promise.resolve().then(() => require("./index-CGeJ9pOk.cjs")),
     meta: { name: "ms-role" }
   });
   module2.registerExtendsPage({
     name: "dv/ms-role/permission",
     path: "/sys/roles/:id/permission",
-    component: () => Promise.resolve().then(() => require("./permission-manage-B6TKnw0T.cjs"))
+    component: () => Promise.resolve().then(() => require("./permission-manage-DfLTwZS8.cjs"))
   });
   module2.registerExtendsPage({
     name: "dv/local-log/single/tree/dialog",
     path: "/log/local",
-    component: () => Promise.resolve().then(() => require("./index-7G4aDLGX.cjs")),
+    component: () => Promise.resolve().then(() => require("./index-BXDEu-XA.cjs")),
     meta: { name: "local-log" }
   });
   module2.registerExtendsPage({
     name: "dv/ms-menu/list",
     path: "/sys/menus",
-    component: () => Promise.resolve().then(() => require("./index-C2OOg-9r.cjs")),
+    component: () => Promise.resolve().then(() => require("./index-B6rRcZ6D.cjs")),
     meta: { name: "ms-menu" }
   });
   module2.registerExtendsPage({
     name: "icons/list",
     path: "/sys/icons",
-    component: () => Promise.resolve().then(() => require("./index-CqTnJlET.cjs"))
+    component: () => Promise.resolve().then(() => require("./index-8m_Qfcd7.cjs"))
   });
   module2.registerExtendsPage({
     name: "dv/ms-todo/single/list/dialog",
     path: "/dv/todo",
-    component: () => Promise.resolve().then(() => require("./index-BSdIPRXO.cjs"))
+    component: () => Promise.resolve().then(() => require("./index-DTFa1Ww6.cjs"))
   });
 };
 const PartExtensionList = [];
@@ -21059,29 +21078,29 @@ const cmsModule = (module2) => {
   module2.registerExtendsPage({
     name: "cms-resource/index",
     path: "/cms/resource",
-    component: () => Promise.resolve().then(() => require("./index-D675maEE.cjs"))
+    component: () => Promise.resolve().then(() => require("./index-DAwkIeXU.cjs"))
   });
   module2.registerExtendsPage({
     name: "cms/settings",
     path: "cms/settings",
-    component: () => Promise.resolve().then(() => require("./index-DrKpdqBV.cjs"))
+    component: () => Promise.resolve().then(() => require("./index-vNHmVMPt.cjs"))
   });
   module2.registerExtendsPage({
     name: "cms/contents",
     path: "/cms/contents",
-    component: () => Promise.resolve().then(() => require("./index-BtU3tqPr.cjs")),
+    component: () => Promise.resolve().then(() => require("./index-DPCvcvKp.cjs")),
     meta: { name: "cms-contents" }
   });
   module2.registerExtendsPage({
     name: "cms/article",
     path: "/cms/article",
-    component: () => Promise.resolve().then(() => require("./article-edit-add-page-BhIbt8mY.cjs")),
+    component: () => Promise.resolve().then(() => require("./article-edit-add-page-ByMqxxgu.cjs")),
     meta: { name: "cms-article" }
   });
   module2.registerExtendsPage({
     name: "cms/ad",
     path: "/cms/ad",
-    component: () => Promise.resolve().then(() => require("./index-CbhJwIay.cjs"))
+    component: () => Promise.resolve().then(() => require("./index-DYNaj0_Z.cjs"))
     // component: () => import("./pages/test/index.vue")
   });
 };
@@ -21337,7 +21356,9 @@ exports.MKDataTable = MKDataTable;
 exports.MKDataTableColumn = MKDataTableColumn;
 exports.MKDataTablePagination = MKDataTablePagination;
 exports.MKDataTableSelect = MKDataTableSelect;
+exports.MKDialog = MKDialog;
 exports.MKDocEditor = MKDocEditor;
+exports.MKDrawer = MKDrawer;
 exports.MKForm = MKForm;
 exports.MKFormDatePicker = MKFormDatePicker;
 exports.MKFormIconSelect = MKFormIconSelect;
@@ -21374,6 +21395,7 @@ exports.MKUploadImage = MKUploadImage;
 exports.MKUploadVideo = MKUploadVideo;
 exports.MKVisualPageEditor = MKVisualPageEditor;
 exports.MKWebFileUploadContext = MKWebFileUploadContext;
+exports.MODULE_NAME = MODULE_NAME$1;
 exports.MSAPPCLIENT_CONTEXT_KEY = MSAPPCLIENT_CONTEXT_KEY;
 exports.MSAppClient = MSAppClient;
 exports.MaterialUploadContext = MaterialUploadContext;
@@ -21526,4 +21548,4 @@ exports.useTableOfContents = useTableOfContents;
 exports.useUserInfo = useUserInfo;
 exports.version = version;
 exports.webFileUploadContextProps = webFileUploadContextProps;
-//# sourceMappingURL=index-P7aJrY9b.cjs.map
+//# sourceMappingURL=index-C1XNlE_P.cjs.map