@nokecy/qc-ui 1.1.60 → 1.1.62

package/dist/cjs/ag-grid-plus/ag-gridPlus.js

@@ -87,6 +87,8 @@ function useDeepCompareStable(value) {
 }
 function AgGridPlus(props) {
   var gridTheme = (0, _theme.useAgGridTheme)();
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 高级筛选入口跟随主题及客户主色。@author nokecy
   var style = props.style,
     loadingProps = props.loading,
     gridParams = props.params,
@@ -1313,7 +1315,7 @@ function AgGridPlus(props) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: {
         margin: "0 4px",
-        color: advancedQueryRules.children.length > 0 ? '#1890ff' : '#000',
+        color: advancedQueryRules.children.length > 0 ? token.colorPrimary : token.colorText,
         fontSize: 16,
         cursor: "pointer"
       }

package/dist/cjs/ag-grid-plus/queryForm/index.js

@@ -36,6 +36,9 @@ var FormRender = function FormRender(props) {
     onQuery = props.onQuery,
     _props$defaultRows = props.defaultRows,
     defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows;
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 筛选区跟随宿主主题。@author nokecy
+
   var _useState = (0, _react2.useState)({
       type: 'object',
       properties: {}
@@ -220,7 +223,10 @@ var FormRender = function FormRender(props) {
     return "".concat(c.field, "|").concat(c.headerName);
   }).join('|')]);
   return /*#__PURE__*/_react2.default.createElement("div", {
-    className: (0, _classnames.default)(className, "ag-grid-table-search ag-grid-table-search-query-filter")
+    className: (0, _classnames.default)(className, "ag-grid-table-search ag-grid-table-search-query-filter"),
+    style: {
+      backgroundColor: token.colorBgContainer
+    }
   }, /*#__PURE__*/_react2.default.createElement(_antdV.Form, {
     form: form,
     labelWidth: 100,

package/dist/cjs/ag-grid-plus/queryForm/index.less

@@ -7,7 +7,7 @@
     margin-bottom: 8px;
     padding: 8px;
     // padding-bottom: 0;
-    background-color: #fff;
+    // 背景由组件读取 Ant Design 主题 token，支持浅色和深色。@author nokecy
 
     &.@{pro-table-form-prefix-cls} {
         margin: 0;

package/dist/cjs/ag-grid-plus/setting/index.js

@@ -30,6 +30,9 @@ var Setting = function Setting(props) {
     onSaveColumnState = props.onSaveColumnState,
     _props$showQuerySchem = props.showQueryScheme,
     showQueryScheme = _props$showQuerySchem === void 0 ? true : _props$showQuerySchem;
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 设置入口跟随宿主主题。@author nokecy
+
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     columnSettingVisible = _useState2[0],
@@ -65,7 +68,7 @@ var Setting = function Setting(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       margin: "0 4px",
-      color: "#000",
+      color: token.colorText,
       fontSize: 16,
       cursor: "pointer"
     },

package/dist/cjs/ag-grid-plus/settingItem/index.js

@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var SettingItem = function SettingItem(props) {
   var onClick = props.onClick,
     icon = props.icon;
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 工具入口跟随宿主主题。@author nokecy
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       margin: "0 4px",
-      color: "#000",
+      color: token.colorText,
       fontSize: 16,
       cursor: "pointer"
     },

package/dist/cjs/ag-grid-plus/theme.d.ts

@@ -2,9 +2,9 @@
  * AG-Grid v33 主题配置
  * 使用 themeQuartz API 替代 CSS 变量方式
  */
-export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;
+export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
 /**
  * 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
  * 复选框、行选中和悬停等强调状态与 antd 主色同步。@author nokecy
  */
-export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;
+export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;

package/dist/cjs/ag-grid-plus/theme.js

@@ -13,7 +13,12 @@ var _react = require("react");
  * 使用 themeQuartz API 替代 CSS 变量方式
  */
 
-var agGridTheme = exports.agGridTheme = _agGridCommunity.themeQuartz.withParams({
+/** 右对齐只影响标题和数值，筛选入口在所有列中统一位于右侧。@author nokecy */
+var headerFilterPlacement = (0, _agGridCommunity.createPart)({
+  feature: 'qcHeaderFilterPlacement',
+  css: "\n    .ag-ltr .ag-right-aligned-header .ag-cell-label-container {\n      flex-direction: row-reverse;\n    }\n    .ag-ltr .ag-right-aligned-header .ag-header-cell-filter-button {\n      margin-left: var(--ag-spacing);\n      margin-right: 0;\n    }\n  "
+});
+var agGridTheme = exports.agGridTheme = _agGridCommunity.themeQuartz.withPart(headerFilterPlacement).withParams({
   // 基础颜色
   backgroundColor: '#FFFFFF',
   foregroundColor: '#555B62',

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -20,7 +20,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ModuleRegistry } from 'ag-grid-community';
 import { AgGridReact } from 'ag-grid-react';
-import { Spin, Pagination, Card, Tag, Typography, Popover, Badge, Button } from 'antd';
+import { Spin, Pagination, Card, Tag, Typography, Popover, Badge, Button, theme } from 'antd';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { AllEnterpriseModule } from "ag-grid-enterprise";
 
@@ -79,6 +79,8 @@ function useDeepCompareStable(value) {
 }
 function AgGridPlus(props) {
   var gridTheme = useAgGridTheme();
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token; // 高级筛选入口跟随主题及客户主色。@author nokecy
   var style = props.style,
     loadingProps = props.loading,
     gridParams = props.params,
@@ -1305,7 +1307,7 @@ function AgGridPlus(props) {
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         margin: "0 4px",
-        color: advancedQueryRules.children.length > 0 ? '#1890ff' : '#000',
+        color: advancedQueryRules.children.length > 0 ? token.colorPrimary : token.colorText,
         fontSize: 16,
         cursor: "pointer"
       }

package/dist/esm/ag-grid-plus/queryForm/index.js

@@ -14,7 +14,7 @@ import { DatePicker, FormButtonGroup, FormGrid, FormItem, Form, Input, Select, S
 import { createForm } from '@formily/core';
 import { onFieldInit } from '@formily/core';
 import { createSchemaField } from '@formily/react';
-import { Button } from 'antd';
+import { Button, theme } from 'antd';
 import classNames from 'classnames';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import QueryForm from "./queryForm";
@@ -28,6 +28,9 @@ var FormRender = function FormRender(props) {
     onQuery = props.onQuery,
     _props$defaultRows = props.defaultRows,
     defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token; // 筛选区跟随宿主主题。@author nokecy
+
   var _useState = useState({
       type: 'object',
       properties: {}
@@ -212,7 +215,10 @@ var FormRender = function FormRender(props) {
     return "".concat(c.field, "|").concat(c.headerName);
   }).join('|')]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, "ag-grid-table-search ag-grid-table-search-query-filter")
+    className: classNames(className, "ag-grid-table-search ag-grid-table-search-query-filter"),
+    style: {
+      backgroundColor: token.colorBgContainer
+    }
   }, /*#__PURE__*/React.createElement(Form, {
     form: form,
     labelWidth: 100,

package/dist/esm/ag-grid-plus/queryForm/index.less

@@ -7,7 +7,7 @@
     margin-bottom: 8px;
     padding: 8px;
     // padding-bottom: 0;
-    background-color: #fff;
+    // 背景由组件读取 Ant Design 主题 token，支持浅色和深色。@author nokecy
 
     &.@{pro-table-form-prefix-cls} {
         margin: 0;

package/dist/esm/ag-grid-plus/setting/index.js

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { SettingOutlined } from '@ant-design/icons';
 import React, { useState } from "react";
-import { Dropdown } from 'antd';
+import { Dropdown, theme } from 'antd';
 import ColumnSetting from "./ColumnSetting";
 import QuerySchemeManager from "./QuerySchemeManager";
 var Setting = function Setting(props) {
@@ -20,6 +20,9 @@ var Setting = function Setting(props) {
     onSaveColumnState = props.onSaveColumnState,
     _props$showQuerySchem = props.showQueryScheme,
     showQueryScheme = _props$showQuerySchem === void 0 ? true : _props$showQuerySchem;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token; // 设置入口跟随宿主主题。@author nokecy
+
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     columnSettingVisible = _useState2[0],
@@ -55,7 +58,7 @@ var Setting = function Setting(props) {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       margin: "0 4px",
-      color: "#000",
+      color: token.colorText,
       fontSize: 16,
       cursor: "pointer"
     },

package/dist/esm/ag-grid-plus/settingItem/index.js

@@ -1,11 +1,14 @@
+import { theme } from 'antd';
 import React from 'react';
 var SettingItem = function SettingItem(props) {
   var onClick = props.onClick,
     icon = props.icon;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token; // 工具入口跟随宿主主题。@author nokecy
   return /*#__PURE__*/React.createElement("div", {
     style: {
       margin: "0 4px",
-      color: "#000",
+      color: token.colorText,
       fontSize: 16,
       cursor: "pointer"
     },

package/dist/esm/ag-grid-plus/theme.d.ts

@@ -2,9 +2,9 @@
  * AG-Grid v33 主题配置
  * 使用 themeQuartz API 替代 CSS 变量方式
  */
-export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;
+export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
 /**
  * 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
  * 复选框、行选中和悬停等强调状态与 antd 主色同步。@author nokecy
  */
-export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;
+export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;

package/dist/esm/ag-grid-plus/theme.js

@@ -3,10 +3,16 @@
  * 使用 themeQuartz API 替代 CSS 变量方式
  */
 
-import { themeQuartz } from 'ag-grid-community';
+import { createPart, themeQuartz } from 'ag-grid-community';
 import { theme as antdTheme } from 'antd';
 import { useMemo } from 'react';
-export var agGridTheme = themeQuartz.withParams({
+
+/** 右对齐只影响标题和数值，筛选入口在所有列中统一位于右侧。@author nokecy */
+var headerFilterPlacement = createPart({
+  feature: 'qcHeaderFilterPlacement',
+  css: "\n    .ag-ltr .ag-right-aligned-header .ag-cell-label-container {\n      flex-direction: row-reverse;\n    }\n    .ag-ltr .ag-right-aligned-header .ag-header-cell-filter-button {\n      margin-left: var(--ag-spacing);\n      margin-right: 0;\n    }\n  "
+});
+export var agGridTheme = themeQuartz.withPart(headerFilterPlacement).withParams({
   // 基础颜色
   backgroundColor: '#FFFFFF',
   foregroundColor: '#555B62',

package/dist/umd/qc-ui.min.css

@@ -1 +1 @@
-.grid-spin,.grid-spin .ant-spin-container{height:100%}.ag-icon-filter:before{color:#8a8a8a;mask-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQgODg0LjU3MWMwIDIwLjIyOSAxNi4yMjkgMzYuNTcyIDM2LjM0MyAzNi41NzJoMjk5Ljg4NmMyMC4xMTQgMCAzNi4zNDMtMTYuMzQzIDM2LjM0My0zNi41NzJ2LTIyNEgzMjUuNzE0djIyNHptNjA2Ljk3Mi03ODEuNzE0SDkxLjMxNGMtMjggMC00NS40ODUgMzAuNTE0LTMxLjQyOCA1NC44NTdMMzEyLjggNTg3LjQzaDM5OC42MjlsMjUyLjkxNC00MjkuNzE1YzEzLjgyOC0yNC4zNDMtMy42NTctNTQuODU3LTMxLjY1Ny01NC44NTd6IiBmaWxsPSIjOGE4YThhIi8+PC9zdmc+)!important}.ag-row-group{align-items:center;display:flex;padding-left:16px}.jf-anticon{box-sizing:border-box;cursor:pointer;display:inline-block;margin-right:16rpx}.ag-root-wrapper-body .ag-center-cols-viewport .ag-center-cols-container .ag-checkbox .ag-checkbox-input-wrapper,.ag-root-wrapper-body .ag-header-viewport .ag-checkbox .ag-checkbox-input-wrapper{height:16px!important;width:16px!important}.custom-cell-left{text-align:left!important}.custom-cell-centered{text-align:center!important}.custom-cell-right{text-align:right!important}.ag-overlay-no-rows-wrapper :is(button,a,input,[role=button]){pointer-events:auto}.ag-grid-table-search{background-color:#fff;margin-bottom:8px;padding:8px}.ag-grid-table-search.ag-grid-table-form{margin:0;overflow:visible;overflow:initial;padding:0 16px}.ag-grid-table-search-light{margin-bottom:0;padding:16px 0}.ag-grid-table-search-form-option .ant-form-item{margin:0}.ag-grid-table-search-form-option .ant-form-item-label{opacity:0}.ag-grid-table-search-form-option .ant-form-item-control-input{justify-content:flex-start}.ag-grid-table-search .ant-select-multiple{max-width:200px}.ag-grid-table-search .ant-select-multiple .ant-select-selector{max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-overflow{flex-wrap:nowrap;max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-item{flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:575px){.ag-grid-table-search{height:auto!important;padding-bottom:24px}.ag-grid-table-search .ant-form-item-label{min-width:80px;text-align:left}}:global .modal-wrap-resizing .ant-modal{transition:none;width:var(--modal-width)!important}:global .modal-wrap-resizing .ant-modal-content{display:flex;flex-direction:column;height:var(--modal-height);transition:none}:global .modal-wrap-resizing .ant-modal-body{flex:1 1;overflow-y:auto}:global .modal-wrap-resizing .ant-modal-header{flex-shrink:0}:global .modal-wrap-resizing .ant-modal-footer{flex-shrink:0}:global .ant-modal-content{pointer-events:auto}.resize-handle{background:transparent;opacity:0;pointer-events:auto!important;position:absolute;transition:all .2s ease;z-index:9999}.resize-handle:hover{background-color:rgba(24,144,255,.5);opacity:1}.ant-modal:hover .resize-handle,div:hover>.resize-handle{background:rgba(24,144,255,.15);opacity:.5}.resize-handle-e{bottom:0;cursor:e-resize;right:0;top:0;width:8px}.resize-handle-w{bottom:0;cursor:w-resize;left:0;top:0;width:8px}.resize-handle-s{bottom:0;cursor:s-resize;height:8px;left:0;right:0}.resize-handle-n{cursor:n-resize;height:8px;left:0;right:0;top:0}.resize-handle-se{bottom:0;cursor:se-resize;height:12px;right:0;width:12px}.resize-handle-sw{bottom:0;cursor:sw-resize;height:12px;left:0;width:12px}.resize-handle-ne{cursor:ne-resize;height:12px;right:0;top:0;width:12px}.resize-handle-nw{cursor:nw-resize;height:12px;left:0;top:0;width:12px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-ms-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;display:none;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--primary-color:blue;--component-background:#fff}.react-grid-item>.react-resizable-handle{z-index:1}.react-dashboard-item-edit .react-resizable-handle{display:block}.react-dashboard-full{height:100%;width:100%}.react-dashboard-aligncenter,.react-dashboard-emptyContent{align-items:center;display:flex;justify-content:center}.react-dashboard-item{position:relative}.react-dashboard-item .react-dashboard-mask{background:transparent;cursor:move;height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.react-dashboard-item .react-dashboard-configicon{background:blue;background:var(--primary-color);border-radius:var(--card-border-radius) 0 0 var(--card-border-radius);font-weight:700;right:30px}.react-dashboard-item .react-dashboard-configicon,.react-dashboard-item .react-dashboard-deleteicon{color:#fff;cursor:pointer;display:none;font-size:16px;height:30px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;z-index:1}.react-dashboard-item .react-dashboard-deleteicon{background:#f5222d;border-radius:var(--card-border-radius);right:0}.react-dashboard-item .react-dashboard-configicon+.react-dashboard-deleteicon{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.react-dashboard-item:hover .react-dashboard-mask{background:rgba(0,0,0,.05);transition:all .3s}.react-dashboard-item:hover .react-dashboard-configicon{display:block}.react-dashboard-item:hover .react-dashboard-deleteicon{display:block}.react-dashboard-widget{border:1px solid hsla(0,0%,50%,.3);height:100%;overflow:hidden;position:relative;width:100%}.react-dashboard-widget-selector{background:var(--component-background);height:60%;left:50%;max-height:600px;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1006}.react-dashboard-widget-wrap{display:flex;height:100%}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar{background:var(--component-background);border-right:1px solid rgba(0,0,0,.1);padding:10px;width:180px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-searchIcon{color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item{cursor:pointer;display:flex;justify-content:space-between;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item .react-dashboard-widget-Badge .ant-badge-count{background-color:var(--component-background-1)!important;color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item:hover{background:var(--component-background-3);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-active{background:rgba(0,0,0,.03);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-Layer{background:rgba(0,0,0,.01);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar{height:1px;overflow:auto;width:1px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb{background-color:var(--primary-color);min-height:25px;min-width:25px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:active{background-color:#787878}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-waterfall{width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .ant-popover-inner-content{background:rgba(0,0,0,.01)}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item{-webkit-column-break-inside:avoid;background:var(--component-background);border:1px solid rgba(0,0,0,.1);border-radius:5px;cursor:pointer;height:auto;margin-bottom:10px;overflow:hidden;position:relative;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-shortcut{height:auto;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-mask{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover{border:1px solid var(--component-background-3);transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover .react-dashboard-widget-mask{opacity:1;transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar{border-top:1px solid rgba(0,0,0,.1);padding:5px;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-iconWrap{border-radius:7px;color:#fff;display:inline-block;font-size:16px;height:28px;line-height:28px;margin-right:5px;text-align:center;width:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-name{color:var(--text-color);display:inline;flex:1 1;font-size:16px;font-weight:700;line-height:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-description{margin-top:5px}:root{--dn-brand-color:#1890ff;--dn-brand-hovering:#40a9ff;--dn-brand-dragging:rgba(24,144,255,.26);--dn-brand-dropping:rgba(24,144,255,.34);--dn-brand-moving:rgba(24,144,255,.5);--dn-white:#fff;--dn-white-gray:#d9d9d9;--dn-white-gray-light:#eee;--dn-white-gray-lighter:#f0f0f0;--dn-white-gray-dark:#aaa;--dn-gray:#333;--dn-gray-light:#444;--dn-gray-lighter:#595959;--dn-gray-dark:#222;--dn-black:#1a1a1a}.dn-light{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-gray);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-white);--dn-outline-tree-header-border-color:var(--dn-white-gray-light);--dn-outline-tree-color:var(--dn-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-gray);--dn-outline-tree-node-hover-color:var(--dn-brand-color);--dn-toolbar-input-color:var(--dn-gray-dark);--dn-toolbar-input-bg-color:var(--dn-white);--dn-toolbar-input-border-color:var(--dn-white-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-white-gray-light);--dn-toolbar-input-handler-bg-color:var(--dn-white);--dn-resize-handle-bg-color:var(--dn-white-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-white-gray-lighter);--dn-resize-handle-color:var(--dn-gray-light);--dn-resize-handle-hover-color:var(--dn-white-lighter);--dn-mobile-simulator-bg-color:var(--dn-white-gray-light);--dn-mobile-simulator-body-bg-color:var(--dn-white);--dn-mobile-simulator-border-color:var(--dn-gray-dark);--dn-responsive-simulator-bg-color:var(--dn-white);--dn-pc-simulator-bg-color:var(--dn-white);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-white-gray);--dn-panel-active-bg-color:var(--dn-white-gray-light);--dn-resource-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-bg-color:var(--dn-white);--dn-composite-panel-tabs-active-bg-color:var(--dn-white);--dn-composite-panel-highlight-bg-color:var(--dn-white-gray-light);--dn-composite-panel-tabs-color:var(--dn-gray-lighter);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-header-color:var(--dn-gray-lighter);--dn-collapse-header-color:var(--dn-gray);--dn-resource-item-color:var(--dn-gray);--dn-resource-item-hover-border-color:var(--dn-brand-color);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-white);--dn-workspace-panel-bg-color:var(--dn-white-gray-light);--dn-scrollbar-color:var(--dn-white-gray);--dn-scrollbar-hover-color:var(--white-dn-gray-lighter);--dn-empty-bg-color:var(--dn-white);--dn-droppable-bg-color:var(--dn-white-gray-lighter);--dn-droppable-border-color:var(--dn-white-gray-dark);--dn-droppable-color:var(--dn-gray-lighter)}.dn-dark{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-brand-color);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-gray-dark);--dn-outline-tree-header-border-color:var(--dn-gray);--dn-outline-tree-color:var(--dn-white-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-white-gray);--dn-outline-tree-node-hover-color:var(--dn-white-gray);--dn-toolbar-input-color:var(--dn-white-gray);--dn-toolbar-input-bg-color:transparent;--dn-toolbar-input-border-color:var(--dn-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-brand-color);--dn-toolbar-input-handler-bg-color:var(--dn-gray-light);--dn-resize-handle-bg-color:var(--dn-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-gray-lighter);--dn-resize-handle-color:var(--dn-gray-lighter);--dn-resize-handle-hover-color:var(--dn-white-gray-dark);--dn-mobile-simulator-bg-color:var(--dn-black);--dn-mobile-simulator-body-bg-color:var(--dn-black);--dn-mobile-simulator-border-color:var(--dn-black);--dn-responsive-simulator-bg-color:var(--dn-black);--dn-pc-simulator-bg-color:var(--dn-black);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-gray-light);--dn-panel-active-bg-color:var(--dn-gray);--dn-resource-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-active-bg-color:var(--dn-gray-dark);--dn-composite-panel-highlight-bg-color:var(--dn-black);--dn-composite-panel-tabs-color:var(--dn-white-gray-dark);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-header-color:var(--dn-white-gray);--dn-collapse-header-color:var(--dn-white-gray);--dn-resource-item-color:var(--dn-white-gray);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-gray-dark);--dn-workspace-panel-bg-color:var(--dn-gray-dark);--dn-scrollbar-color:var(--dn-gray-light);--dn-scrollbar-hover-color:var(--dn-gray-lighter);--dn-empty-bg-color:var(--dn-gray-dark);--dn-droppable-bg-color:var(--dn-gray);--dn-droppable-border-color:var(--dn-gray-light);--dn-droppable-color:var(--dn-white)}.dn-app{font-feature-settings:"tnum","tnum";color:#222;color:var(--dn-gray-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-variant:tabular-nums;line-height:1.5715}.dn-app ::-webkit-scrollbar{height:5px;width:5px}.dn-app ::-webkit-scrollbar-thumb{background-color:var(--dn-scrollbar-color);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-app ::-webkit-scrollbar-thumb:hover{background-color:var(--dn-scrollbar-hover-color)}.dn-app *{box-sizing:border-box}.dn-app [contenteditable=true]{cursor:text!important;min-height:14px;min-width:1px;outline:none!important}.dn-app [data-content-editable]:not([contenteditable=true]):empty:before{content:"Please Input";display:block;opacity:.6}.dn-app [data-content-editable]:not([contenteditable=true]):hover{cursor:text!important;opacity:.8}.dn-main-panel{display:flex;flex:1 1;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.dn-main-panel-container{display:flex;flex-direction:column;flex-grow:1}.dn-main-panel-container.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-main-panel-container.absolute{position:absolute}.dn-main-panel-container.relative{position:relative}.dn-main-panel-header{background:var(--dn-main-panel-header-bg-color);border-bottom:1px solid var(--dn-panel-border-color);flex-grow:0;flex-shrink:0;justify-content:space-between;padding:4px}.dn-main-panel-header,.dn-main-panel-header-actions,.dn-main-panel-header-logo{align-items:center;display:flex}.dn-main-panel-header-actions{justify-content:flex-end}.dn-main-panel.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-composite-panel{display:flex;flex-grow:0;flex-shrink:0;position:relative;-ms-user-select:none;user-select:none;z-index:2}.dn-composite-panel-tabs{background-color:var(--dn-composite-panel-tabs-bg-color);border-right:1px solid var(--dn-panel-border-color);display:flex;flex-direction:column;position:relative;z-index:2}.dn-composite-panel-tabs-pane{align-items:center;color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;flex-direction:column;font-size:20px;justify-content:center;min-height:48px;min-width:48px;padding:10px;position:relative}.dn-composite-panel-tabs-pane-title{font-size:10px;margin-top:6px}.dn-composite-panel-tabs-pane:hover{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active:after{background-color:var(--dn-composite-panel-tabs-hover-color);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:3px}.dn-composite-panel-tabs-content{background:var(--dn-composite-panel-tabs-content-bg-color);border-right:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;height:100%;width:300px}.dn-composite-panel-tabs-content.pinning{border-right:1px solid transparent;box-shadow:-2px 5px 10px hsla(0,0%,40%,.42);left:100%;position:absolute;top:0;z-index:1}.dn-composite-panel-tabs-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-composite-panel-tabs-header-actions{align-items:center;display:flex}.dn-composite-panel-tabs-header-actions>*{margin-right:8px}.dn-composite-panel-tabs-header-actions>:last-child{margin-right:0}.dn-composite-panel-tabs-header-pin{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-pin:hover{transform:scale(1.1)}.dn-composite-panel-tabs-header-title{font-size:20px}.dn-composite-panel-tabs-header-close{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-close:hover{transform:rotate(90deg)}.dn-composite-panel-tabs-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay;overflow-x:hidden}.dn-composite-panel.direction-right{flex-direction:row-reverse}.dn-composite-panel.direction-right .dn-composite-panel-tabs-pane.active:after{left:auto;right:-1px}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content.pinning{left:auto;right:100%;top:0}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content{border-left:1px solid var(--dn-panel-border-color);border-right:none}.dn-composite-panel.direction-right .dn-composite-panel-tabs{border-left:1px solid var(--dn-panel-border-color)}.dn-workspace-panel{background-color:var(--dn-workspace-panel-bg-color);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:4px;position:relative;z-index:1}.dn-workspace-panel-item{position:relative}.dn-workspace-panel button[disabled]{pointer-events:none!important}.dn-settings-panel{background:var(--dn-composite-panel-tabs-content-bg-color);border-left:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;position:relative;-ms-user-select:none;user-select:none;width:300px;z-index:2}.dn-settings-panel.pinning{border-left:1px solid transparent;box-shadow:2px 5px 10px hsla(0,0%,40%,.52);position:absolute;right:0;top:0;z-index:10}.dn-settings-panel-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-settings-panel-header-actions{align-items:center;display:flex}.dn-settings-panel-header-actions>*{margin-right:8px}.dn-settings-panel-header-actions>:last-child{margin-right:0}.dn-settings-panel-header-pin{transition:all .15s ease-in-out}.dn-settings-panel-header-pin:hover{transform:scale(1.1)}.dn-settings-panel-header-title{font-size:20px}.dn-settings-panel-header-close{transition:all .15s ease-in-out}.dn-settings-panel-header-close:hover{transform:rotate(90deg)}.dn-settings-panel-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay}.dn-settings-panel-opener{align-items:center;background:var(--dn-composite-panel-tabs-content-bg-color);border:1px solid var(--dn-panel-border-color);border-radius:3px;box-shadow:0 0 6px rgba(0,0,0,.1);color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;z-index:2}.dn-settings-panel-opener .dn-icon{transition:all .15s ease-in-out}.dn-settings-panel-opener:hover .dn-icon{transform:rotate(45deg)}.dn-viewport{box-sizing:border-box;height:100%;min-height:100px;outline:none;overflow:overlay;position:relative;-ms-user-select:none;user-select:none;width:100%}.dn-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;display:inline-block;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em}.dn-icon svg{pointer-events:none}@keyframes dn-animate-slide-to-top{0%{opacity:0;transform:translateY(-10%)}to{opacity:.8;transform:translateY(0)}}.dn-auxtool{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:perspective(1px) translateZ(0);width:100%;z-index:9998}.dn-aux-button button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-button button:focus,.dn-aux-button button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-button button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-cover-rect.dragging{background-color:var(--dn-aux-cover-rect-dragging-color)}.dn-aux-cover-rect.dropping{background-color:var(--dn-aux-cover-rect-dropping-color)}.dn-aux-free-selection{background-color:var(--dn-aux-free-selection-background-color);border-color:var(--dn-aux-free-selection-border-color)}.dn-aux-helpers{pointer-events:all;position:absolute;-ms-user-select:none;user-select:none;z-index:10}.dn-aux-helpers button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers button:focus,.dn-aux-helpers button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-helpers button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-helpers.bottom-right{right:0;top:100%}.dn-aux-helpers.bottom-left{left:0;top:100%}.dn-aux-helpers.bottom-center{left:50%;top:100%;transform:translateX(-50%)}.dn-aux-helpers.inner-top-right{right:2px;top:-2px}.dn-aux-helpers.inner-top-left{left:2px;top:-2px}.dn-aux-helpers.inner-top-center{right:2px;top:-2px}.dn-aux-helpers.inner-bottom-right{bottom:-2px;right:2px}.dn-aux-helpers.inner-bottom-left{bottom:-2px;left:2px}.dn-aux-helpers.inner-bottom-center{bottom:-2px;right:2px}.dn-aux-helpers.top-right{bottom:100%;right:0}.dn-aux-helpers.top-left{bottom:100%;left:0}.dn-aux-helpers.top-center{bottom:100%;left:50%;transform:translateX(-50%)}.dn-aux-helpers button span{margin-left:2px;transform:scale(.9)}.dn-aux-helpers button span.dn-icon{margin-left:0;transform:scale(1)}.dn-aux-helpers-content{display:flex;flex-wrap:nowrap;white-space:nowrap}.dn-aux-helpers-content button{align-items:center;display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers-content>*{margin-bottom:4px;margin-left:2px;margin-top:4px}.dn-aux-helpers-content>:first-child{margin-left:0}.dn-aux-insertion{background-color:var(--dn-aux-insertion-color)}.dn-aux-dashed-box{border:1px dashed var(--dn-aux-dashed-box-color)}.dn-aux-dashed-box-title{color:var(--dn-aux-dashed-box-title-color)}.dn-aux-selection-box{border:2px solid var(--dn-aux-selection-box-border-color);pointer-events:none;position:relative}.dn-aux-selection-box-inner{bottom:0;left:0;position:absolute;right:0;top:0}.dn-aux-selection-box-title{color:var(--dn-aux-selection-box-color)}.dn-aux-selector button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-selector button:focus,.dn-aux-selector button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-selector button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-selector-menu{animation:dn-animate-slide-to-top .2s;margin-top:-4px;opacity:.8}.dn-aux-selector-menu button{align-items:center;display:flex;font-size:12px!important;height:20px;margin-top:2px;padding:0 3px}.dn-aux-drag-handler{cursor:move}.dn-aux-node-resize-handler{background-color:#fff;border:1px solid var(--dn-brand-color);border-radius:10px;height:10px;pointer-events:all;position:absolute;width:10px}.dn-aux-node-resize-handler.left-center{cursor:ew-resize;left:0;top:50%;transform:translate(calc(-50% - 1px),-50%)}.dn-aux-node-resize-handler.right-center{cursor:ew-resize;left:100%;top:50%;transform:translate(calc(-50% + 1px),-50%)}.dn-aux-node-resize-handler.center-top{cursor:ns-resize;left:50%;top:0;transform:translate(-50%,calc(-50% - 1px))}.dn-aux-node-resize-handler.center-bottom{cursor:ns-resize;left:50%;top:100%;transform:translate(-50%,calc(-50% + 1px))}.dn-aux-node-resize-handler.left-top{cursor:nwse-resize;left:0;top:0;transform:translate(calc(-50% + 1px),calc(-50% + 1px))}.dn-aux-node-resize-handler.left-bottom{cursor:nesw-resize;left:0;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-bottom{cursor:nwse-resize;left:100%;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-top{cursor:nesw-resize;left:100%;top:0;transform:translate(-50%,-50%)}.dn-aux-node-translate-handler{background:#1890ff;border-radius:2px;height:20px;opacity:.5;pointer-events:all;width:40px}.dn-aux-node-translate-handler,.dn-aux-space-block-ruler-indicator{align-items:center;display:flex;justify-content:center;position:absolute}.dn-aux-space-block-ruler-indicator{background-color:var(--dn-brand-color);border-radius:8px;color:var(--dn-white);z-index:2}.dn-aux-space-block-ruler-indicator span{display:inline-block;font-size:12px;margin:0 6px}.dn-aux-space-block-ruler-h{border-left:1px solid var(--dn-brand-color);border-right:1px solid var(--dn-brand-color);height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-aux-space-block-ruler-h:after{background-color:var(--dn-brand-color);content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}.dn-aux-space-block-ruler-h .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-aux-space-block-ruler-v{border-bottom:1px solid var(--dn-brand-color);border-top:1px solid var(--dn-brand-color);height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:12px}.dn-aux-space-block-ruler-v:after{background-color:var(--dn-brand-color);content:"";display:block;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:1px;z-index:1}.dn-aux-space-block-ruler-v .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-component-tree{height:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.dn-designer-tools{align-items:center;display:flex}.dn-designer-tools .ant-input-number{background:var(--dn-toolbar-input-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important;font-size:12px!important}.dn-designer-tools .ant-input-number .ant-input-number-handler,.dn-designer-tools .ant-input-number .ant-input-number-handler-wrap{background:var(--dn-toolbar-input-handler-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number .ant-input-number-handler-down-inner,.dn-designer-tools .ant-input-number .ant-input-number-handler-up-inner{color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number:hover{border-color:var(--dn-toolbar-input-hover-border-color)!important}.dn-node-actions{align-items:center;display:flex;justify-content:center;overflow:hidden;padding-bottom:8px;padding-top:8px;width:100%}.dn-node-actions-content{align-items:center;display:flex;line-height:1;padding:0 20px;position:relative}.dn-node-actions-content:before{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;position:absolute;right:100%;top:50%;width:300%}.dn-node-actions-content:after{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;left:100%;position:absolute;top:50%;width:300%}.dn-node-actions-content a{color:#1677ff}.dn-node-actions-content a:hover{color:#1677ff}.dn-node-actions-item-text{align-items:center;display:flex;font-size:10px;line-height:1.2}.dn-node-actions-item-text .dn-icon{margin-right:6px}.dn-droppable-placeholder{background-color:var(--dn-droppable-bg-color);border:1px dashed var(--dn-droppable-border-color);color:var(--dn-droppable-color);font-size:13px;font-weight:lighter;height:60px}.dn-droppable-placeholder,.dn-empty{align-items:center;display:flex;justify-content:center}.dn-empty{background:var(--dn-empty-bg-color);bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:perspective(1px) translateZ(0);width:100%}.dn-empty .animations{display:flex;flex-wrap:wrap;justify-content:center}.dn-empty .hotkeys-list{color:#888;line-height:30px;text-align:center}.dn-ghost{background-color:var(--dn-ghost-bg-color);border-radius:50px;color:var(--dn-ghost-color);font-size:12px;height:30px;justify-content:center;left:0;padding-left:25px;padding-right:15px;pointer-events:none;position:fixed;top:0;transform:translateZ(0);z-index:9999}.dn-ghost,.dn-history-item{align-items:center;display:flex}.dn-history-item{color:var(--dn-outline-tree-node-header-color);cursor:pointer;justify-content:space-between;min-height:32px;padding:0 10px}.dn-history-item-timestamp{font-size:10px}.dn-history-item:hover{background-color:var(--dn-panel-active-bg-color)}.dn-history-item.active{background-color:var(--dn-panel-active-bg-color)}.dn-node-path{border-bottom:1px solid var(--dn-panel-border-color);padding:4px 10px!important}.dn-node-path .dn-icon{font-size:11px}.dn-node-path .ant-breadcrumb-separator{margin:0 4px!important}.dn-node-path a{font-size:12px}.dn-outline-tree-container{background-color:var(--dn-outline-tree-bg-color);display:flex;flex-direction:column;height:100%;min-height:100px;overflow:hidden;position:relative;width:100%}.dn-outline-tree-header{align-items:center;border-bottom:1px solid var(--dn-outline-tree-header-border-color);color:var(--dn-outline-tree-color);display:flex;justify-content:space-between;padding:8px}.dn-outline-tree-title{font-size:16px;font-weight:500}.dn-outline-tree-close{align-items:center;cursor:pointer;display:flex;transform:scale(1.6)}.dn-outline-tree-content{flex-grow:1;height:100%;overflow:overlay;padding-bottom:20px;position:relative;width:100%}.dn-outline-tree-aux{left:0;position:absolute;top:0}.dn-outline-tree-insertion{background-color:var(--dn-outline-tree-insertion-bg-color)}.dn-outline-tree-node{min-width:100%;position:relative;-ms-user-select:none;user-select:none;width:fit-content}.dn-outline-tree-node.expanded>.dn-outline-tree-node-header .dn-outline-tree-node-expand{transform:rotate(0)}.dn-outline-tree-node.expanded>.dn-outline-tree-node-children{display:block}.dn-outline-tree-node.selected>.dn-outline-tree-node-header{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.selected>.dn-outline-tree-node-header .dn-outline-tree-node-header-head{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.droppable>.dn-outline-tree-node-header .dn-outline-tree-node-header-content .dn-outline-tree-node-header-base>.dn-outline-tree-node-icon{transform:scale(1.2)}.dn-outline-tree-node-hidden-icon:not(.hidden){display:none}.dn-outline-tree-node-header{align-items:center;color:var(--dn-outline-tree-node-header-color);display:flex;min-height:32px;min-width:100%;padding-left:8px;position:relative;width:fit-content}.dn-outline-tree-node-header:hover .dn-outline-tree-node-header-content{color:var(--dn-outline-tree-node-hover-color)}.dn-outline-tree-node-header:hover .dn-outline-tree-node-hidden-icon{display:block}.dn-outline-tree-node-header-head{height:100%;left:0;pointer-events:none;position:absolute;top:0}.dn-outline-tree-node-header-content{align-items:center;display:flex;font-size:12px;height:100%;justify-content:space-between;min-width:100%;transform-origin:left;transition:all .15s ease-in;width:fit-content}.dn-outline-tree-node-header-base{align-items:center;display:flex}.dn-outline-tree-node-header-actions{align-items:center;display:flex;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-expand{align-items:center;display:flex;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-out;width:12px}.dn-outline-tree-node-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-size:12px;margin-right:5px}.dn-outline-tree-node-title{margin-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-actions{flex-grow:2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-children{display:none;min-width:100%;padding-left:16px;width:fit-content}.dn-resource{flex-wrap:wrap;overflow:hidden}.dn-resource-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;padding:5px 8px;transition:all .25s ease-in-out}.dn-resource-header-expand{font-size:12px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-resource-content-wrapper{background:var(--dn-resource-content-bg-color);display:flex;justify-content:center}.dn-resource-content{display:flex;display:none;flex-wrap:wrap;width:100%}.dn-resource.expand .dn-resource-content{grid-gap:1px;background-color:var(--dn-panel-border-color);border-bottom:1px solid var(--dn-panel-border-color);display:grid;grid-template-columns:repeat(3,33.3333%)}.dn-resource.expand .dn-resource-header-expand{transform:rotate(0)}.dn-resource-item{align-items:center;background:var(--dn-resource-content-bg-color);color:var(--dn-resource-item-color);cursor:grab;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;transition:color .1s ease-out;-ms-user-select:none;user-select:none}.dn-resource-item:hover{box-shadow:0 0 10px rgba(0,0,0,.1);color:var(--dn-resource-item-hover-color);z-index:1}.dn-resource-item-icon{margin:12px 0}.dn-resource-item-text{font-size:12px;line-height:1;margin-bottom:12px;text-align:center}.dn-resource-item-remain{background:var(--dn-resource-content-bg-color)}.dn-pc-simulator{background-color:var(--dn-pc-simulator-bg-color);bottom:0;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.dn-mobile-simulator{background-color:var(--dn-mobile-simulator-bg-color);height:100%;min-height:100px;position:relative;width:100%}.dn-mobile-simulator-content{height:100%;left:0;overflow:overlay;position:absolute;top:0;width:100%}.dn-mobile-simulator-body{display:flex;height:100%;justify-content:center}.dn-mobile-simulator-body-content{background-color:var(--dn-mobile-simulator-body-bg-color);border:3px solid var(--dn-mobile-simulator-border-color)}.dn-responsive-simulator{background-color:var(--dn-responsive-simulator-bg-color)}.dn-resize-handle{align-items:center;background:var(--dn-resize-handle-bg-color);bottom:0;box-sizing:border-box;color:var(--dn-resize-handle-color);display:flex;justify-content:center;position:absolute;transition:all .2s ease-in-out;-ms-user-select:none;user-select:none;z-index:10}.dn-resize-handle-RESIZE_WIDTH{bottom:15px;cursor:ew-resize;top:0}.dn-resize-handle-RESIZE_WIDTH svg{transform:rotate(-90deg);transform-origin:center}.dn-resize-handle-RESIZE_HEIGHT{cursor:ns-resize;left:0;right:15px}.dn-resize-handle-RESIZE{cursor:nwse-resize}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_HEIGHT{height:15px}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_WIDTH{right:0;width:15px}.dn-resize-handle:hover{background:var(--dn-resize-handle-hover-bg-color);color:var(--dn-resize-handle-hover-color)}.dn-color-input{width:100%}.dn-color-input .ant-popover-inner-content{padding:0!important;-ms-user-select:none;user-select:none}.dn-color-input-color-tips{border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;height:20px;width:20px}.dn-corner-input{display:flex}.dn-corner-input-column{flex-direction:column}.dn-corner-input-cell,.dn-corner-input-column{align-items:center;display:flex;justify-content:center}.dn-corner-input-cell{border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;height:26px;margin:5px;width:26px}.dn-corner-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-image-input{width:100%}.dn-position-input{display:flex;flex-direction:column}.dn-position-input-cell,.dn-position-input-row{display:flex;justify-content:center}.dn-position-input-cell{align-items:center;border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);color:#333;cursor:pointer;height:26px;margin:5px;width:26px}.dn-position-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-poly-input{align-items:center;display:flex;width:100%}.dn-poly-input .dn-poly-input-content{display:flex;flex-grow:2;margin-right:2px}.dn-poly-input .dn-poly-input-content .ant-input-number,.dn-poly-input .dn-poly-input-content .ant-select{width:100%}.dn-poly-input .dn-poly-input-controller{align-items:center;border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;display:flex;flex-grow:0;justify-content:center;padding:0 8px}.dn-monaco-input{display:flex;height:100%;opacity:0;position:relative;transition:all .15s ease-in-out;width:100%}.dn-monaco-input.loaded{opacity:1}.dn-monaco-input-view{flex-grow:2;height:100%}.dn-monaco-input-helper{bottom:10px;position:absolute;right:5%;z-index:2}.dn-monaco-input .monaco-error-highline{background:red!important;border-radius:100%!important;height:5px!important;left:0!important;transform:translate(35px,5px)!important;width:5px!important}.dn-drawer-setter{background:var(--dn-composite-panel-tabs-content-bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:10}.dn-drawer-setter-header{align-items:center;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;padding:5px 10px}.dn-drawer-setter-header-text{margin-left:4px}.dn-drawer-setter-body{flex-grow:2;overflow:overlay;overflow-x:hidden;padding:10px 20px}.dn-drawer-wrapper{transition:all .16s ease-in-out}.dn-drawer-wrapper-enter{transform:translateX(100%)}.dn-drawer-wrapper-enter-active,.dn-drawer-wrapper-exit{transform:translateX(0)}.dn-drawer-wrapper-exit-active{transform:translateX(100%)}.dn-fold-item .ant-formily-item-label-content{overflow:visible}.dn-fold-item-base{cursor:pointer}.dn-fold-item-title{align-items:center;cursor:pointer;display:flex;margin-left:-10px}.dn-fold-item-title .dn-icon{transform:translateX(-3px)}.dn-fold-item-title .dn-icon svg{transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-fold-item-title.expand .dn-icon svg{transform:rotate(0deg)}.dn-fold-item-extra{background-color:var(--dn-composite-panel-highlight-bg-color);margin:-10px -10px 10px;padding:10px 10px 0}.dn-input-items{display:flex;flex-wrap:wrap;margin-left:-8px}.dn-input-items-item{align-items:center;color:#333;display:flex;margin-bottom:10px}.dn-input-items-item-icon{align-items:center;color:#333;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin:0 8px}.dn-input-items-item-controller{flex-grow:1;flex-shrink:1;min-width:0}.dn-input-items-item-controller .ant-radio-group{display:flex}.dn-input-items-item-controller .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center}.dn-input-items-item.vertical{align-items:flex-start;flex-direction:column}.dn-input-items-item.vertical .dn-input-items-item-controller{width:100%}.dn-border-style-setter{display:flex}.dn-border-style-setter-position{margin-left:-10px}.dn-border-style-setter-input{display:flex;flex-direction:column;height:110px;justify-content:space-between;margin-bottom:10px}.border-style-solid-line{display:block;height:100%;position:relative;width:100%}.border-style-solid-line:after{border-top:2px solid;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dashed-line{display:block;height:100%;position:relative;width:100%}.border-style-dashed-line:after{border-top:2px dashed;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dotted-line{display:block;height:100%;position:relative;width:100%}.border-style-dotted-line:after{border-top:2px dotted;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-flex-style-setter .dn-input-items{background-color:#f5f5f5;margin:-10px -10px 10px;padding:10px 10px 0}.dn-flex-style-setter .dn-input-items .ant-radio-group{display:flex;width:100%}.dn-flex-style-setter .dn-input-items .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center;padding:0}.dn-display-style-setter-radio{display:flex!important;width:100%}.dn-display-style-setter-radio .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:0}.dn-collapse-item{flex-wrap:wrap}.dn-collapse-item-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);border-top:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;margin:-1px -20px 0;padding:5px 20px;transition:all .25s ease-in-out}.dn-collapse-item-header-expand{font-size:12px;margin-left:-13px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-collapse-item-content{display:none;padding-top:4px;width:100%}.dn-collapse-item-content>div:last-child{border-bottom:none!important}.dn-collapse-item.expand .dn-collapse-item-content{display:block}.dn-collapse-item.expand .dn-collapse-item-header-expand{transform:rotate(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate__slideInRight{animation-name:slideInRight}.animate__slideOutRight{animation-name:slideOutRight}.animate__animated{animation-delay:0ms;animation-duration:.25s;animation-fill-mode:forwards}.animate__fadeInUp{animation-name:fadeIn}.dn-settings-form-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.dn-settings-form-wrapper .dn-node-path{flex-grow:0}.dn-settings-form-wrapper .dn-settings-form-content{flex-grow:1;overflow:overlay}.dn-settings-form-wrapper .ant-formily-item{border-bottom:1px solid #f5f5f5;margin-bottom:8px;margin-top:8px;padding-bottom:8px}.dn-settings-form-wrapper .ant-formily-item *{font-size:13px}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component{align-items:center;display:flex;justify-content:flex-end}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group{display:flex!important;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:2;justify-content:center;padding:0 6px!important}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-slider{flex-shrink:0;min-width:0;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-select{max-width:140px}.dn-settings-form{padding:0 20px}.dn-settings-form-empty{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center}.dn-data-source-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-data-source-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-data-source-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-data-source-setter-node-title{align-items:center;display:flex;justify-content:space-between}.dn-data-source-setter-node-title-icon{opacity:0;transition:all .15s ease-in-out}.dn-data-source-setter-node-title-icon:hover{color:#1677ff}.dn-data-source-setter-layout{border:1px solid #f5f5f5;border-radius:3px;display:flex;justify-content:space-around}.dn-data-source-setter-layout .ant-tree-treenode{padding-right:10px;white-space:nowrap}.dn-data-source-setter-layout .ant-tree-treenode:hover .dn-data-source-setter-node-title-icon{opacity:1}.dn-data-source-setter-layout-item{position:relative}.dn-data-source-setter-layout-item.left{border-right:1px solid #f5f5f5;width:40%}.dn-data-source-setter-layout-item.right{width:60%}.dn-data-source-setter-layout-item-header{align-items:center;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;display:flex;flex:none;height:40px;justify-content:space-between;padding:8px 12px 9px}.dn-data-source-setter-layout-item-content{height:300px;max-height:300px;overflow:scroll;padding:2%}.dn-reactions-setter{min-height:623px;overflow:hidden;width:100%}.dn-reactions-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-reactions-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-reactions-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-reactions-setter .ant-collapse{border:1px solid #f5f5f5}.dn-reactions-setter .ant-collapse-header{background-color:#fff!important;border-bottom:1px solid #f5f5f5!important;font-weight:500!important;padding:8px 10px!important}.dn-reactions-setter .ant-collapse-header .ant-collapse-arrow{margin-right:4px!important}.dn-reactions-setter .ant-collapse-item{border:none!important}.dn-reactions-setter .ant-collapse-content{border:none!important;transition:none!important}.dn-reactions-setter .ant-collapse-content-box{padding:12px!important}.dn-reactions-setter .reaction-runner .ant-collapse-content-box,.dn-reactions-setter .reaction-state .ant-collapse-content-box{padding:12px 0!important}.dn-reactions-setter .dn-field-property-setter{display:flex;height:300px}.dn-reactions-setter .dn-field-property-setter-coder-wrapper{display:flex;flex-direction:column;flex-grow:2;height:100%;padding-left:10px;position:relative}.dn-reactions-setter .dn-field-property-setter-coder-end,.dn-reactions-setter .dn-field-property-setter-coder-start{color:#333;flex-grow:0;font-size:18px;font-weight:300;height:31px;line-height:30px;margin-bottom:4px;opacity:.96}.dn-reactions-setter .dn-field-property-setter-coder-end{margin-top:4px}.dn-reactions-setter .dn-field-property-setter-coder{flex-grow:2;min-width:0;padding-left:10px}.dn-designable-form .ant-cascader-picker,.dn-designable-form .ant-cascader-picker input,.dn-designable-form .ant-cascader-picker-label,.dn-designable-form .ant-cascader-picker-label input,.dn-designable-form .ant-checkbox,.dn-designable-form .ant-checkbox input,.dn-designable-form .ant-checkbox-group,.dn-designable-form .ant-checkbox-group input,.dn-designable-form .ant-checkbox-wrapper,.dn-designable-form .ant-checkbox-wrapper input,.dn-designable-form .ant-input,.dn-designable-form .ant-input input,.dn-designable-form .ant-input-affix-wrapper,.dn-designable-form .ant-input-affix-wrapper input,.dn-designable-form .ant-input-number,.dn-designable-form .ant-input-number input,.dn-designable-form .ant-picker,.dn-designable-form .ant-picker input,.dn-designable-form .ant-picker-input,.dn-designable-form .ant-picker-input input,.dn-designable-form .ant-radio,.dn-designable-form .ant-radio input,.dn-designable-form .ant-radio-group,.dn-designable-form .ant-radio-group input,.dn-designable-form .ant-radio-wrapper,.dn-designable-form .ant-radio-wrapper input,.dn-designable-form .ant-rate,.dn-designable-form .ant-rate input,.dn-designable-form .ant-select,.dn-designable-form .ant-select input,.dn-designable-form .ant-select-selector,.dn-designable-form .ant-select-selector input,.dn-designable-form .ant-slider,.dn-designable-form .ant-slider input,.dn-designable-form .ant-switch,.dn-designable-form .ant-switch input,.dn-designable-form .ant-transfer,.dn-designable-form .ant-transfer input,.dn-designable-form .ant-upload,.dn-designable-form .ant-upload input{pointer-events:none!important}.dn-designable-form .anticon svg{pointer-events:none}.dn-text:empty:before{content:"Please Input";display:block;opacity:.6}.dn-text:focus{padding:4px}.dn-array-cards{background-color:#fff}.dn-grid-column{border:1px dashed #aaa;margin:4px;min-height:60px}.dn-app{height:100%}.dn-form-container{border:1px solid #f5f5f5;margin:0!important;padding:20px}.antd-tool-bar,.dn-array-table{background-color:#fff}.antd-tool-bar{align-items:center;backdrop-filter:blur(8px);border-block-start:1px solid rgba(5,5,5,.06);box-sizing:border-box;color:rgba(0,0,0,.88);display:flex;inset-inline-end:0;line-height:40px;padding-block:0;padding-inline:16px;transition:all .2s ease 0s;width:100%}.antd-tool-bar-left{flex:1 1}.antd-tool-bar-left,.antd-tool-bar-right{color:rgba(0,0,0,.88)}:root{--alert-size:120px}.successOverlay:after,.successOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.successOverlay>div:after,.successOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.successOverlay:before{background:linear-gradient(90deg,green,transparent);left:0;top:0;transform:rotate(0deg)}.successOverlay:after{background:linear-gradient(270deg,green,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.successOverlay>div:before{background:linear-gradient(0deg,green,transparent);left:0;top:0;transform:rotate(180deg)}.successOverlay>div:after{background:linear-gradient(0deg,green,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.successOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.errorOverlay:after,.errorOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.errorOverlay>div:after,.errorOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.errorOverlay:before{background:linear-gradient(90deg,red,transparent);left:0;top:0;transform:rotate(0deg)}.errorOverlay:after{background:linear-gradient(270deg,red,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.errorOverlay>div:before{background:linear-gradient(0deg,red,transparent);left:0;top:0;transform:rotate(180deg)}.errorOverlay>div:after{background:linear-gradient(0deg,red,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.errorOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.alert-active{animation:blink .75s infinite}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.alertBadge{align-items:center;display:flex;flex-direction:column;font-size:28px;font-weight:700;gap:12px;left:50%;pointer-events:none;position:absolute;text-shadow:0 1px 2px hsla(0,0%,100%,.8);top:50%;transform:translate(-50%,-50%);z-index:2}.alertBadge .anticon{font-size:128px}.alertBadge-success{color:green}.alertBadge-error{color:red}.Dz2w2rqP3NUvu2CojZ48{background:transparent;border:none;font-size:12px;padding:0}.WVqhUh0bw58WT1N9Mfxw{border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:6px;padding:8px;transition:box-shadow .2s}.WVqhUh0bw58WT1N9Mfxw:hover{box-shadow:0 2px 4px rgba(0,0,0,.08)}.WVqhUh0bw58WT1N9Mfxw.agJwygTLbE7oS0lchIwW{background:#fafafa;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.gOWTe8dNP2MGv7tC4m3a{background:#f5f5f5;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.T6Ro3N19wqwnKQgWngKl{background:#f0f0f0;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.swG60WqYhMEamiW9LGtg{background:#ebebeb;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.X2XpNJ9EAhstsXHUxpvc{background:#e6e6e6;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.aCELqkZVw1tuBuGdQkqE{border-left-color:#fa8c16}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:4px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .IGHaxWV0SVgeEbY7werC{align-items:center;color:rgba(0,0,0,.85);display:flex;font-size:12px;font-weight:500;gap:4px;line-height:24px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .QnvuLJuFfawFpf1NVot8{display:flex;gap:4px}.WVqhUh0bw58WT1N9Mfxw .oZ1nzkB0VoosHPhcQiEf{display:flex;flex-direction:column;gap:4px}.WVqhUh0bw58WT1N9Mfxw .q4L2vxvMsFUEJt8QoPuO{border-left:1px dashed #e8e8e8;margin-left:8px;margin-top:6px;padding-left:8px}.ib1Owf8V1eQA7YaX9Boi{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:6px 8px;transition:all .2s}.ib1Owf8V1eQA7YaX9Boi:hover{border-color:#1890ff;box-shadow:0 2px 4px rgba(0,0,0,.08)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT{flex:1 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f{flex:0.6 1;min-width:80px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo{flex:1.2 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{flex:0.8 1;min-width:100px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{display:flex;flex-shrink:0;gap:2px;margin-left:auto}.mzDcsEio_IUe_2mnlpRP{display:inline-block;margin-bottom:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-group{display:flex;gap:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper{border-radius:4px;font-size:12px;height:24px;line-height:20px;min-width:70px;padding:2px 12px;transition:all .2s}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper:hover{box-shadow:0 1px 3px rgba(0,0,0,.04)}.mzDcsEio_IUe_2mnlpRP .cDzHKlGCqQUJOgLSmy8K{font-size:12px;font-weight:500}.mzDcsEio_IUe_2mnlpRP .Hr83fcChn6wsaRWTn0R3{display:none}.mzDcsEio_IUe_2mnlpRP .SmwulKxRwboIAAha3rew{color:#1890ff}.mzDcsEio_IUe_2mnlpRP .aC7AxaKjxoVOddP48saz{background:#1890ff;border-color:#1890ff;color:#fff}.mzDcsEio_IUe_2mnlpRP .Yx9yzBpCAPkVxwuN93Ux{color:#fa8c16}.mzDcsEio_IUe_2mnlpRP .wCY6PG3ou5MobtzVaevA{background:#fa8c16;border-color:#fa8c16;color:#fff}.wPvHtY1LFwQwfTkoO8pg{border-top:1px dashed #e8e8e8;display:flex;gap:6px;margin-top:6px;padding-top:6px}.wPvHtY1LFwQwfTkoO8pg .ant-btn{font-size:12px;height:24px;line-height:22px;padding:0 8px}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary{box-shadow:0 1px 2px rgba(24,144,255,.2)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary:hover{box-shadow:0 2px 4px rgba(24,144,255,.3)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-default:hover{border-color:#1890ff;color:#1890ff}.xJqFJaItrqkK4985lyIA{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px dashed #e8e8e8;border-radius:4px;color:rgba(0,0,0,.45);padding:20px 16px;text-align:center}.xJqFJaItrqkK4985lyIA .rjLSZJwdugAhAFsNqeTY{font-size:32px;margin-bottom:8px;opacity:.6}.xJqFJaItrqkK4985lyIA .cOoHn1wvw5kwScQxzYIU{font-size:12px;line-height:1.5;margin-bottom:0}.dVZC8NxAFKAc6WeIv75Z{background:#fafafa;border:1px solid #e8e8e8;border-radius:4px;margin-top:16px;padding:8px}.dVZC8NxAFKAc6WeIv75Z .C68tskTSmZMq_CDx_nSc{color:rgba(0,0,0,.85);font-size:12px;font-weight:500;margin-bottom:6px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw{background:#fff;border:1px solid #e8e8e8;border-radius:4px;max-height:300px;overflow-y:auto;padding:8px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw pre{font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.q83Qbdy7pN8u8ahieffE{background:#fff2e8;border:1px solid #ffbb96;border-radius:4px;margin-top:8px;padding:8px}.q83Qbdy7pN8u8ahieffE .ajY1rokDY0c6h1m0rRz9{color:#d4380d;font-size:12px;font-weight:500;margin-bottom:4px}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC{list-style:none;margin:0;padding:0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0{color:#d4380d;font-size:11px;padding:2px 0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0:before{content:"• ";margin-right:4px}@media (max-width:768px){.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{flex-wrap:wrap}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{min-width:calc(50% - 3px)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{justify-content:flex-end;margin-left:0;width:100%}}.ruleBuilderContainer .ant-input,.ruleBuilderContainer .ant-input-number,.ruleBuilderContainer .ant-select{font-size:12px}.ruleBuilderContainer .ant-input-number-sm,.ruleBuilderContainer .ant-input-sm,.ruleBuilderContainer .ant-select-sm{height:24px;line-height:24px}.ruleBuilderContainer .ant-select-sm .ant-select-selector{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-select-sm .ant-select-selection-item{line-height:22px}.ruleBuilderContainer .ant-input-sm{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-input-number-sm{font-size:12px;height:24px}.ruleBuilderContainer .ant-input-number-sm .ant-input-number-input{height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm{font-size:12px;height:24px;line-height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm.ant-btn-icon-only{padding:0;width:24px}@media print{.Dz2w2rqP3NUvu2CojZ48{border:none;box-shadow:none}.WVqhUh0bw58WT1N9Mfxw,.ib1Owf8V1eQA7YaX9Boi{box-shadow:none;break-inside:avoid}.QnvuLJuFfawFpf1NVot8,.lC03EUB4cHQqINN2WDct,.wPvHtY1LFwQwfTkoO8pg{display:none}}.regex-editor{display:flex;flex-direction:column;gap:12px}.regex-editor .regex-complexity{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;font-size:13px;padding:12px}.regex-editor .regex-complexity .complexity-item{align-items:center;display:flex;margin-bottom:8px}.regex-editor .regex-complexity .complexity-item:last-child{margin-bottom:0}.regex-editor .regex-complexity .complexity-item .label{color:#595959;font-weight:500;margin-right:8px}.regex-editor .regex-complexity .complexity-item .score{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .score.score-high{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .score.score-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .score.score-low{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-item .risk{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .risk.risk-low{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .risk.risk-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .risk.risk-high{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-suggestions{border-top:1px solid #e8e8e8;margin-top:12px;padding-top:12px}.regex-editor .regex-complexity .complexity-suggestions .suggestions-title{color:#595959;font-weight:500;margin-bottom:8px}.regex-editor .regex-complexity .complexity-suggestions ul{margin:0;padding-left:20px}.regex-editor .regex-complexity .complexity-suggestions ul li{color:#8c8c8c;line-height:1.6;margin-bottom:4px}.regex-editor .regex-complexity .complexity-suggestions ul li:last-child{margin-bottom:0}.regex-editor .cm-regex-error{text-decoration:wavy underline red;text-decoration-skip-ink:none}.regex-editor .cm-regex-warning{text-decoration:wavy underline orange;text-decoration-skip-ink:none}.regex-editor .cm-regex-info{text-decoration:wavy underline blue;text-decoration-skip-ink:none}svg.railroad-diagram{background-color:#f5f2f0}svg.railroad-diagram path{stroke-width:3;stroke:#000;fill:transparent}svg.railroad-diagram text{text-anchor:middle;font:700 14px monospace}svg.railroad-diagram text.label{text-anchor:start}svg.railroad-diagram text.comment{font:italic 12px monospace}svg.railroad-diagram rect{stroke-width:3;stroke:#000;fill:#cfc}
+.grid-spin,.grid-spin .ant-spin-container{height:100%}.ag-icon-filter:before{color:#8a8a8a;mask-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQgODg0LjU3MWMwIDIwLjIyOSAxNi4yMjkgMzYuNTcyIDM2LjM0MyAzNi41NzJoMjk5Ljg4NmMyMC4xMTQgMCAzNi4zNDMtMTYuMzQzIDM2LjM0My0zNi41NzJ2LTIyNEgzMjUuNzE0djIyNHptNjA2Ljk3Mi03ODEuNzE0SDkxLjMxNGMtMjggMC00NS40ODUgMzAuNTE0LTMxLjQyOCA1NC44NTdMMzEyLjggNTg3LjQzaDM5OC42MjlsMjUyLjkxNC00MjkuNzE1YzEzLjgyOC0yNC4zNDMtMy42NTctNTQuODU3LTMxLjY1Ny01NC44NTd6IiBmaWxsPSIjOGE4YThhIi8+PC9zdmc+)!important}.ag-row-group{align-items:center;display:flex;padding-left:16px}.jf-anticon{box-sizing:border-box;cursor:pointer;display:inline-block;margin-right:16rpx}.ag-root-wrapper-body .ag-center-cols-viewport .ag-center-cols-container .ag-checkbox .ag-checkbox-input-wrapper,.ag-root-wrapper-body .ag-header-viewport .ag-checkbox .ag-checkbox-input-wrapper{height:16px!important;width:16px!important}.custom-cell-left{text-align:left!important}.custom-cell-centered{text-align:center!important}.custom-cell-right{text-align:right!important}.ag-overlay-no-rows-wrapper :is(button,a,input,[role=button]){pointer-events:auto}.ag-grid-table-search{margin-bottom:8px;padding:8px}.ag-grid-table-search.ag-grid-table-form{margin:0;overflow:visible;overflow:initial;padding:0 16px}.ag-grid-table-search-light{margin-bottom:0;padding:16px 0}.ag-grid-table-search-form-option .ant-form-item{margin:0}.ag-grid-table-search-form-option .ant-form-item-label{opacity:0}.ag-grid-table-search-form-option .ant-form-item-control-input{justify-content:flex-start}.ag-grid-table-search .ant-select-multiple{max-width:200px}.ag-grid-table-search .ant-select-multiple .ant-select-selector{max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-overflow{flex-wrap:nowrap;max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-item{flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:575px){.ag-grid-table-search{height:auto!important;padding-bottom:24px}.ag-grid-table-search .ant-form-item-label{min-width:80px;text-align:left}}:global .modal-wrap-resizing .ant-modal{transition:none;width:var(--modal-width)!important}:global .modal-wrap-resizing .ant-modal-content{display:flex;flex-direction:column;height:var(--modal-height);transition:none}:global .modal-wrap-resizing .ant-modal-body{flex:1 1;overflow-y:auto}:global .modal-wrap-resizing .ant-modal-header{flex-shrink:0}:global .modal-wrap-resizing .ant-modal-footer{flex-shrink:0}:global .ant-modal-content{pointer-events:auto}.resize-handle{background:transparent;opacity:0;pointer-events:auto!important;position:absolute;transition:all .2s ease;z-index:9999}.resize-handle:hover{background-color:rgba(24,144,255,.5);opacity:1}.ant-modal:hover .resize-handle,div:hover>.resize-handle{background:rgba(24,144,255,.15);opacity:.5}.resize-handle-e{bottom:0;cursor:e-resize;right:0;top:0;width:8px}.resize-handle-w{bottom:0;cursor:w-resize;left:0;top:0;width:8px}.resize-handle-s{bottom:0;cursor:s-resize;height:8px;left:0;right:0}.resize-handle-n{cursor:n-resize;height:8px;left:0;right:0;top:0}.resize-handle-se{bottom:0;cursor:se-resize;height:12px;right:0;width:12px}.resize-handle-sw{bottom:0;cursor:sw-resize;height:12px;left:0;width:12px}.resize-handle-ne{cursor:ne-resize;height:12px;right:0;top:0;width:12px}.resize-handle-nw{cursor:nw-resize;height:12px;left:0;top:0;width:12px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-ms-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;display:none;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--primary-color:blue;--component-background:#fff}.react-grid-item>.react-resizable-handle{z-index:1}.react-dashboard-item-edit .react-resizable-handle{display:block}.react-dashboard-full{height:100%;width:100%}.react-dashboard-aligncenter,.react-dashboard-emptyContent{align-items:center;display:flex;justify-content:center}.react-dashboard-item{position:relative}.react-dashboard-item .react-dashboard-mask{background:transparent;cursor:move;height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.react-dashboard-item .react-dashboard-configicon{background:blue;background:var(--primary-color);border-radius:var(--card-border-radius) 0 0 var(--card-border-radius);font-weight:700;right:30px}.react-dashboard-item .react-dashboard-configicon,.react-dashboard-item .react-dashboard-deleteicon{color:#fff;cursor:pointer;display:none;font-size:16px;height:30px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;z-index:1}.react-dashboard-item .react-dashboard-deleteicon{background:#f5222d;border-radius:var(--card-border-radius);right:0}.react-dashboard-item .react-dashboard-configicon+.react-dashboard-deleteicon{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.react-dashboard-item:hover .react-dashboard-mask{background:rgba(0,0,0,.05);transition:all .3s}.react-dashboard-item:hover .react-dashboard-configicon{display:block}.react-dashboard-item:hover .react-dashboard-deleteicon{display:block}.react-dashboard-widget{border:1px solid hsla(0,0%,50%,.3);height:100%;overflow:hidden;position:relative;width:100%}.react-dashboard-widget-selector{background:var(--component-background);height:60%;left:50%;max-height:600px;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1006}.react-dashboard-widget-wrap{display:flex;height:100%}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar{background:var(--component-background);border-right:1px solid rgba(0,0,0,.1);padding:10px;width:180px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-searchIcon{color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item{cursor:pointer;display:flex;justify-content:space-between;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item .react-dashboard-widget-Badge .ant-badge-count{background-color:var(--component-background-1)!important;color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item:hover{background:var(--component-background-3);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-active{background:rgba(0,0,0,.03);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-Layer{background:rgba(0,0,0,.01);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar{height:1px;overflow:auto;width:1px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb{background-color:var(--primary-color);min-height:25px;min-width:25px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:active{background-color:#787878}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-waterfall{width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .ant-popover-inner-content{background:rgba(0,0,0,.01)}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item{-webkit-column-break-inside:avoid;background:var(--component-background);border:1px solid rgba(0,0,0,.1);border-radius:5px;cursor:pointer;height:auto;margin-bottom:10px;overflow:hidden;position:relative;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-shortcut{height:auto;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-mask{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover{border:1px solid var(--component-background-3);transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover .react-dashboard-widget-mask{opacity:1;transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar{border-top:1px solid rgba(0,0,0,.1);padding:5px;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-iconWrap{border-radius:7px;color:#fff;display:inline-block;font-size:16px;height:28px;line-height:28px;margin-right:5px;text-align:center;width:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-name{color:var(--text-color);display:inline;flex:1 1;font-size:16px;font-weight:700;line-height:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-description{margin-top:5px}:root{--dn-brand-color:#1890ff;--dn-brand-hovering:#40a9ff;--dn-brand-dragging:rgba(24,144,255,.26);--dn-brand-dropping:rgba(24,144,255,.34);--dn-brand-moving:rgba(24,144,255,.5);--dn-white:#fff;--dn-white-gray:#d9d9d9;--dn-white-gray-light:#eee;--dn-white-gray-lighter:#f0f0f0;--dn-white-gray-dark:#aaa;--dn-gray:#333;--dn-gray-light:#444;--dn-gray-lighter:#595959;--dn-gray-dark:#222;--dn-black:#1a1a1a}.dn-light{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-gray);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-white);--dn-outline-tree-header-border-color:var(--dn-white-gray-light);--dn-outline-tree-color:var(--dn-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-gray);--dn-outline-tree-node-hover-color:var(--dn-brand-color);--dn-toolbar-input-color:var(--dn-gray-dark);--dn-toolbar-input-bg-color:var(--dn-white);--dn-toolbar-input-border-color:var(--dn-white-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-white-gray-light);--dn-toolbar-input-handler-bg-color:var(--dn-white);--dn-resize-handle-bg-color:var(--dn-white-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-white-gray-lighter);--dn-resize-handle-color:var(--dn-gray-light);--dn-resize-handle-hover-color:var(--dn-white-lighter);--dn-mobile-simulator-bg-color:var(--dn-white-gray-light);--dn-mobile-simulator-body-bg-color:var(--dn-white);--dn-mobile-simulator-border-color:var(--dn-gray-dark);--dn-responsive-simulator-bg-color:var(--dn-white);--dn-pc-simulator-bg-color:var(--dn-white);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-white-gray);--dn-panel-active-bg-color:var(--dn-white-gray-light);--dn-resource-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-bg-color:var(--dn-white);--dn-composite-panel-tabs-active-bg-color:var(--dn-white);--dn-composite-panel-highlight-bg-color:var(--dn-white-gray-light);--dn-composite-panel-tabs-color:var(--dn-gray-lighter);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-header-color:var(--dn-gray-lighter);--dn-collapse-header-color:var(--dn-gray);--dn-resource-item-color:var(--dn-gray);--dn-resource-item-hover-border-color:var(--dn-brand-color);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-white);--dn-workspace-panel-bg-color:var(--dn-white-gray-light);--dn-scrollbar-color:var(--dn-white-gray);--dn-scrollbar-hover-color:var(--white-dn-gray-lighter);--dn-empty-bg-color:var(--dn-white);--dn-droppable-bg-color:var(--dn-white-gray-lighter);--dn-droppable-border-color:var(--dn-white-gray-dark);--dn-droppable-color:var(--dn-gray-lighter)}.dn-dark{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-brand-color);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-gray-dark);--dn-outline-tree-header-border-color:var(--dn-gray);--dn-outline-tree-color:var(--dn-white-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-white-gray);--dn-outline-tree-node-hover-color:var(--dn-white-gray);--dn-toolbar-input-color:var(--dn-white-gray);--dn-toolbar-input-bg-color:transparent;--dn-toolbar-input-border-color:var(--dn-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-brand-color);--dn-toolbar-input-handler-bg-color:var(--dn-gray-light);--dn-resize-handle-bg-color:var(--dn-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-gray-lighter);--dn-resize-handle-color:var(--dn-gray-lighter);--dn-resize-handle-hover-color:var(--dn-white-gray-dark);--dn-mobile-simulator-bg-color:var(--dn-black);--dn-mobile-simulator-body-bg-color:var(--dn-black);--dn-mobile-simulator-border-color:var(--dn-black);--dn-responsive-simulator-bg-color:var(--dn-black);--dn-pc-simulator-bg-color:var(--dn-black);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-gray-light);--dn-panel-active-bg-color:var(--dn-gray);--dn-resource-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-active-bg-color:var(--dn-gray-dark);--dn-composite-panel-highlight-bg-color:var(--dn-black);--dn-composite-panel-tabs-color:var(--dn-white-gray-dark);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-header-color:var(--dn-white-gray);--dn-collapse-header-color:var(--dn-white-gray);--dn-resource-item-color:var(--dn-white-gray);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-gray-dark);--dn-workspace-panel-bg-color:var(--dn-gray-dark);--dn-scrollbar-color:var(--dn-gray-light);--dn-scrollbar-hover-color:var(--dn-gray-lighter);--dn-empty-bg-color:var(--dn-gray-dark);--dn-droppable-bg-color:var(--dn-gray);--dn-droppable-border-color:var(--dn-gray-light);--dn-droppable-color:var(--dn-white)}.dn-app{font-feature-settings:"tnum","tnum";color:#222;color:var(--dn-gray-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-variant:tabular-nums;line-height:1.5715}.dn-app ::-webkit-scrollbar{height:5px;width:5px}.dn-app ::-webkit-scrollbar-thumb{background-color:var(--dn-scrollbar-color);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-app ::-webkit-scrollbar-thumb:hover{background-color:var(--dn-scrollbar-hover-color)}.dn-app *{box-sizing:border-box}.dn-app [contenteditable=true]{cursor:text!important;min-height:14px;min-width:1px;outline:none!important}.dn-app [data-content-editable]:not([contenteditable=true]):empty:before{content:"Please Input";display:block;opacity:.6}.dn-app [data-content-editable]:not([contenteditable=true]):hover{cursor:text!important;opacity:.8}.dn-main-panel{display:flex;flex:1 1;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.dn-main-panel-container{display:flex;flex-direction:column;flex-grow:1}.dn-main-panel-container.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-main-panel-container.absolute{position:absolute}.dn-main-panel-container.relative{position:relative}.dn-main-panel-header{background:var(--dn-main-panel-header-bg-color);border-bottom:1px solid var(--dn-panel-border-color);flex-grow:0;flex-shrink:0;justify-content:space-between;padding:4px}.dn-main-panel-header,.dn-main-panel-header-actions,.dn-main-panel-header-logo{align-items:center;display:flex}.dn-main-panel-header-actions{justify-content:flex-end}.dn-main-panel.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-composite-panel{display:flex;flex-grow:0;flex-shrink:0;position:relative;-ms-user-select:none;user-select:none;z-index:2}.dn-composite-panel-tabs{background-color:var(--dn-composite-panel-tabs-bg-color);border-right:1px solid var(--dn-panel-border-color);display:flex;flex-direction:column;position:relative;z-index:2}.dn-composite-panel-tabs-pane{align-items:center;color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;flex-direction:column;font-size:20px;justify-content:center;min-height:48px;min-width:48px;padding:10px;position:relative}.dn-composite-panel-tabs-pane-title{font-size:10px;margin-top:6px}.dn-composite-panel-tabs-pane:hover{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active:after{background-color:var(--dn-composite-panel-tabs-hover-color);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:3px}.dn-composite-panel-tabs-content{background:var(--dn-composite-panel-tabs-content-bg-color);border-right:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;height:100%;width:300px}.dn-composite-panel-tabs-content.pinning{border-right:1px solid transparent;box-shadow:-2px 5px 10px hsla(0,0%,40%,.42);left:100%;position:absolute;top:0;z-index:1}.dn-composite-panel-tabs-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-composite-panel-tabs-header-actions{align-items:center;display:flex}.dn-composite-panel-tabs-header-actions>*{margin-right:8px}.dn-composite-panel-tabs-header-actions>:last-child{margin-right:0}.dn-composite-panel-tabs-header-pin{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-pin:hover{transform:scale(1.1)}.dn-composite-panel-tabs-header-title{font-size:20px}.dn-composite-panel-tabs-header-close{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-close:hover{transform:rotate(90deg)}.dn-composite-panel-tabs-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay;overflow-x:hidden}.dn-composite-panel.direction-right{flex-direction:row-reverse}.dn-composite-panel.direction-right .dn-composite-panel-tabs-pane.active:after{left:auto;right:-1px}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content.pinning{left:auto;right:100%;top:0}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content{border-left:1px solid var(--dn-panel-border-color);border-right:none}.dn-composite-panel.direction-right .dn-composite-panel-tabs{border-left:1px solid var(--dn-panel-border-color)}.dn-workspace-panel{background-color:var(--dn-workspace-panel-bg-color);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:4px;position:relative;z-index:1}.dn-workspace-panel-item{position:relative}.dn-workspace-panel button[disabled]{pointer-events:none!important}.dn-settings-panel{background:var(--dn-composite-panel-tabs-content-bg-color);border-left:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;position:relative;-ms-user-select:none;user-select:none;width:300px;z-index:2}.dn-settings-panel.pinning{border-left:1px solid transparent;box-shadow:2px 5px 10px hsla(0,0%,40%,.52);position:absolute;right:0;top:0;z-index:10}.dn-settings-panel-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-settings-panel-header-actions{align-items:center;display:flex}.dn-settings-panel-header-actions>*{margin-right:8px}.dn-settings-panel-header-actions>:last-child{margin-right:0}.dn-settings-panel-header-pin{transition:all .15s ease-in-out}.dn-settings-panel-header-pin:hover{transform:scale(1.1)}.dn-settings-panel-header-title{font-size:20px}.dn-settings-panel-header-close{transition:all .15s ease-in-out}.dn-settings-panel-header-close:hover{transform:rotate(90deg)}.dn-settings-panel-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay}.dn-settings-panel-opener{align-items:center;background:var(--dn-composite-panel-tabs-content-bg-color);border:1px solid var(--dn-panel-border-color);border-radius:3px;box-shadow:0 0 6px rgba(0,0,0,.1);color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;z-index:2}.dn-settings-panel-opener .dn-icon{transition:all .15s ease-in-out}.dn-settings-panel-opener:hover .dn-icon{transform:rotate(45deg)}.dn-viewport{box-sizing:border-box;height:100%;min-height:100px;outline:none;overflow:overlay;position:relative;-ms-user-select:none;user-select:none;width:100%}.dn-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;display:inline-block;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em}.dn-icon svg{pointer-events:none}@keyframes dn-animate-slide-to-top{0%{opacity:0;transform:translateY(-10%)}to{opacity:.8;transform:translateY(0)}}.dn-auxtool{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:perspective(1px) translateZ(0);width:100%;z-index:9998}.dn-aux-button button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-button button:focus,.dn-aux-button button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-button button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-cover-rect.dragging{background-color:var(--dn-aux-cover-rect-dragging-color)}.dn-aux-cover-rect.dropping{background-color:var(--dn-aux-cover-rect-dropping-color)}.dn-aux-free-selection{background-color:var(--dn-aux-free-selection-background-color);border-color:var(--dn-aux-free-selection-border-color)}.dn-aux-helpers{pointer-events:all;position:absolute;-ms-user-select:none;user-select:none;z-index:10}.dn-aux-helpers button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers button:focus,.dn-aux-helpers button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-helpers button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-helpers.bottom-right{right:0;top:100%}.dn-aux-helpers.bottom-left{left:0;top:100%}.dn-aux-helpers.bottom-center{left:50%;top:100%;transform:translateX(-50%)}.dn-aux-helpers.inner-top-right{right:2px;top:-2px}.dn-aux-helpers.inner-top-left{left:2px;top:-2px}.dn-aux-helpers.inner-top-center{right:2px;top:-2px}.dn-aux-helpers.inner-bottom-right{bottom:-2px;right:2px}.dn-aux-helpers.inner-bottom-left{bottom:-2px;left:2px}.dn-aux-helpers.inner-bottom-center{bottom:-2px;right:2px}.dn-aux-helpers.top-right{bottom:100%;right:0}.dn-aux-helpers.top-left{bottom:100%;left:0}.dn-aux-helpers.top-center{bottom:100%;left:50%;transform:translateX(-50%)}.dn-aux-helpers button span{margin-left:2px;transform:scale(.9)}.dn-aux-helpers button span.dn-icon{margin-left:0;transform:scale(1)}.dn-aux-helpers-content{display:flex;flex-wrap:nowrap;white-space:nowrap}.dn-aux-helpers-content button{align-items:center;display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers-content>*{margin-bottom:4px;margin-left:2px;margin-top:4px}.dn-aux-helpers-content>:first-child{margin-left:0}.dn-aux-insertion{background-color:var(--dn-aux-insertion-color)}.dn-aux-dashed-box{border:1px dashed var(--dn-aux-dashed-box-color)}.dn-aux-dashed-box-title{color:var(--dn-aux-dashed-box-title-color)}.dn-aux-selection-box{border:2px solid var(--dn-aux-selection-box-border-color);pointer-events:none;position:relative}.dn-aux-selection-box-inner{bottom:0;left:0;position:absolute;right:0;top:0}.dn-aux-selection-box-title{color:var(--dn-aux-selection-box-color)}.dn-aux-selector button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-selector button:focus,.dn-aux-selector button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-selector button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-selector-menu{animation:dn-animate-slide-to-top .2s;margin-top:-4px;opacity:.8}.dn-aux-selector-menu button{align-items:center;display:flex;font-size:12px!important;height:20px;margin-top:2px;padding:0 3px}.dn-aux-drag-handler{cursor:move}.dn-aux-node-resize-handler{background-color:#fff;border:1px solid var(--dn-brand-color);border-radius:10px;height:10px;pointer-events:all;position:absolute;width:10px}.dn-aux-node-resize-handler.left-center{cursor:ew-resize;left:0;top:50%;transform:translate(calc(-50% - 1px),-50%)}.dn-aux-node-resize-handler.right-center{cursor:ew-resize;left:100%;top:50%;transform:translate(calc(-50% + 1px),-50%)}.dn-aux-node-resize-handler.center-top{cursor:ns-resize;left:50%;top:0;transform:translate(-50%,calc(-50% - 1px))}.dn-aux-node-resize-handler.center-bottom{cursor:ns-resize;left:50%;top:100%;transform:translate(-50%,calc(-50% + 1px))}.dn-aux-node-resize-handler.left-top{cursor:nwse-resize;left:0;top:0;transform:translate(calc(-50% + 1px),calc(-50% + 1px))}.dn-aux-node-resize-handler.left-bottom{cursor:nesw-resize;left:0;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-bottom{cursor:nwse-resize;left:100%;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-top{cursor:nesw-resize;left:100%;top:0;transform:translate(-50%,-50%)}.dn-aux-node-translate-handler{background:#1890ff;border-radius:2px;height:20px;opacity:.5;pointer-events:all;width:40px}.dn-aux-node-translate-handler,.dn-aux-space-block-ruler-indicator{align-items:center;display:flex;justify-content:center;position:absolute}.dn-aux-space-block-ruler-indicator{background-color:var(--dn-brand-color);border-radius:8px;color:var(--dn-white);z-index:2}.dn-aux-space-block-ruler-indicator span{display:inline-block;font-size:12px;margin:0 6px}.dn-aux-space-block-ruler-h{border-left:1px solid var(--dn-brand-color);border-right:1px solid var(--dn-brand-color);height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-aux-space-block-ruler-h:after{background-color:var(--dn-brand-color);content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}.dn-aux-space-block-ruler-h .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-aux-space-block-ruler-v{border-bottom:1px solid var(--dn-brand-color);border-top:1px solid var(--dn-brand-color);height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:12px}.dn-aux-space-block-ruler-v:after{background-color:var(--dn-brand-color);content:"";display:block;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:1px;z-index:1}.dn-aux-space-block-ruler-v .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-component-tree{height:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.dn-designer-tools{align-items:center;display:flex}.dn-designer-tools .ant-input-number{background:var(--dn-toolbar-input-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important;font-size:12px!important}.dn-designer-tools .ant-input-number .ant-input-number-handler,.dn-designer-tools .ant-input-number .ant-input-number-handler-wrap{background:var(--dn-toolbar-input-handler-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number .ant-input-number-handler-down-inner,.dn-designer-tools .ant-input-number .ant-input-number-handler-up-inner{color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number:hover{border-color:var(--dn-toolbar-input-hover-border-color)!important}.dn-node-actions{align-items:center;display:flex;justify-content:center;overflow:hidden;padding-bottom:8px;padding-top:8px;width:100%}.dn-node-actions-content{align-items:center;display:flex;line-height:1;padding:0 20px;position:relative}.dn-node-actions-content:before{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;position:absolute;right:100%;top:50%;width:300%}.dn-node-actions-content:after{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;left:100%;position:absolute;top:50%;width:300%}.dn-node-actions-content a{color:#1677ff}.dn-node-actions-content a:hover{color:#1677ff}.dn-node-actions-item-text{align-items:center;display:flex;font-size:10px;line-height:1.2}.dn-node-actions-item-text .dn-icon{margin-right:6px}.dn-droppable-placeholder{background-color:var(--dn-droppable-bg-color);border:1px dashed var(--dn-droppable-border-color);color:var(--dn-droppable-color);font-size:13px;font-weight:lighter;height:60px}.dn-droppable-placeholder,.dn-empty{align-items:center;display:flex;justify-content:center}.dn-empty{background:var(--dn-empty-bg-color);bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:perspective(1px) translateZ(0);width:100%}.dn-empty .animations{display:flex;flex-wrap:wrap;justify-content:center}.dn-empty .hotkeys-list{color:#888;line-height:30px;text-align:center}.dn-ghost{background-color:var(--dn-ghost-bg-color);border-radius:50px;color:var(--dn-ghost-color);font-size:12px;height:30px;justify-content:center;left:0;padding-left:25px;padding-right:15px;pointer-events:none;position:fixed;top:0;transform:translateZ(0);z-index:9999}.dn-ghost,.dn-history-item{align-items:center;display:flex}.dn-history-item{color:var(--dn-outline-tree-node-header-color);cursor:pointer;justify-content:space-between;min-height:32px;padding:0 10px}.dn-history-item-timestamp{font-size:10px}.dn-history-item:hover{background-color:var(--dn-panel-active-bg-color)}.dn-history-item.active{background-color:var(--dn-panel-active-bg-color)}.dn-node-path{border-bottom:1px solid var(--dn-panel-border-color);padding:4px 10px!important}.dn-node-path .dn-icon{font-size:11px}.dn-node-path .ant-breadcrumb-separator{margin:0 4px!important}.dn-node-path a{font-size:12px}.dn-outline-tree-container{background-color:var(--dn-outline-tree-bg-color);display:flex;flex-direction:column;height:100%;min-height:100px;overflow:hidden;position:relative;width:100%}.dn-outline-tree-header{align-items:center;border-bottom:1px solid var(--dn-outline-tree-header-border-color);color:var(--dn-outline-tree-color);display:flex;justify-content:space-between;padding:8px}.dn-outline-tree-title{font-size:16px;font-weight:500}.dn-outline-tree-close{align-items:center;cursor:pointer;display:flex;transform:scale(1.6)}.dn-outline-tree-content{flex-grow:1;height:100%;overflow:overlay;padding-bottom:20px;position:relative;width:100%}.dn-outline-tree-aux{left:0;position:absolute;top:0}.dn-outline-tree-insertion{background-color:var(--dn-outline-tree-insertion-bg-color)}.dn-outline-tree-node{min-width:100%;position:relative;-ms-user-select:none;user-select:none;width:fit-content}.dn-outline-tree-node.expanded>.dn-outline-tree-node-header .dn-outline-tree-node-expand{transform:rotate(0)}.dn-outline-tree-node.expanded>.dn-outline-tree-node-children{display:block}.dn-outline-tree-node.selected>.dn-outline-tree-node-header{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.selected>.dn-outline-tree-node-header .dn-outline-tree-node-header-head{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.droppable>.dn-outline-tree-node-header .dn-outline-tree-node-header-content .dn-outline-tree-node-header-base>.dn-outline-tree-node-icon{transform:scale(1.2)}.dn-outline-tree-node-hidden-icon:not(.hidden){display:none}.dn-outline-tree-node-header{align-items:center;color:var(--dn-outline-tree-node-header-color);display:flex;min-height:32px;min-width:100%;padding-left:8px;position:relative;width:fit-content}.dn-outline-tree-node-header:hover .dn-outline-tree-node-header-content{color:var(--dn-outline-tree-node-hover-color)}.dn-outline-tree-node-header:hover .dn-outline-tree-node-hidden-icon{display:block}.dn-outline-tree-node-header-head{height:100%;left:0;pointer-events:none;position:absolute;top:0}.dn-outline-tree-node-header-content{align-items:center;display:flex;font-size:12px;height:100%;justify-content:space-between;min-width:100%;transform-origin:left;transition:all .15s ease-in;width:fit-content}.dn-outline-tree-node-header-base{align-items:center;display:flex}.dn-outline-tree-node-header-actions{align-items:center;display:flex;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-expand{align-items:center;display:flex;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-out;width:12px}.dn-outline-tree-node-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-size:12px;margin-right:5px}.dn-outline-tree-node-title{margin-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-actions{flex-grow:2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-children{display:none;min-width:100%;padding-left:16px;width:fit-content}.dn-resource{flex-wrap:wrap;overflow:hidden}.dn-resource-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;padding:5px 8px;transition:all .25s ease-in-out}.dn-resource-header-expand{font-size:12px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-resource-content-wrapper{background:var(--dn-resource-content-bg-color);display:flex;justify-content:center}.dn-resource-content{display:flex;display:none;flex-wrap:wrap;width:100%}.dn-resource.expand .dn-resource-content{grid-gap:1px;background-color:var(--dn-panel-border-color);border-bottom:1px solid var(--dn-panel-border-color);display:grid;grid-template-columns:repeat(3,33.3333%)}.dn-resource.expand .dn-resource-header-expand{transform:rotate(0)}.dn-resource-item{align-items:center;background:var(--dn-resource-content-bg-color);color:var(--dn-resource-item-color);cursor:grab;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;transition:color .1s ease-out;-ms-user-select:none;user-select:none}.dn-resource-item:hover{box-shadow:0 0 10px rgba(0,0,0,.1);color:var(--dn-resource-item-hover-color);z-index:1}.dn-resource-item-icon{margin:12px 0}.dn-resource-item-text{font-size:12px;line-height:1;margin-bottom:12px;text-align:center}.dn-resource-item-remain{background:var(--dn-resource-content-bg-color)}.dn-pc-simulator{background-color:var(--dn-pc-simulator-bg-color);bottom:0;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.dn-mobile-simulator{background-color:var(--dn-mobile-simulator-bg-color);height:100%;min-height:100px;position:relative;width:100%}.dn-mobile-simulator-content{height:100%;left:0;overflow:overlay;position:absolute;top:0;width:100%}.dn-mobile-simulator-body{display:flex;height:100%;justify-content:center}.dn-mobile-simulator-body-content{background-color:var(--dn-mobile-simulator-body-bg-color);border:3px solid var(--dn-mobile-simulator-border-color)}.dn-responsive-simulator{background-color:var(--dn-responsive-simulator-bg-color)}.dn-resize-handle{align-items:center;background:var(--dn-resize-handle-bg-color);bottom:0;box-sizing:border-box;color:var(--dn-resize-handle-color);display:flex;justify-content:center;position:absolute;transition:all .2s ease-in-out;-ms-user-select:none;user-select:none;z-index:10}.dn-resize-handle-RESIZE_WIDTH{bottom:15px;cursor:ew-resize;top:0}.dn-resize-handle-RESIZE_WIDTH svg{transform:rotate(-90deg);transform-origin:center}.dn-resize-handle-RESIZE_HEIGHT{cursor:ns-resize;left:0;right:15px}.dn-resize-handle-RESIZE{cursor:nwse-resize}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_HEIGHT{height:15px}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_WIDTH{right:0;width:15px}.dn-resize-handle:hover{background:var(--dn-resize-handle-hover-bg-color);color:var(--dn-resize-handle-hover-color)}.dn-color-input{width:100%}.dn-color-input .ant-popover-inner-content{padding:0!important;-ms-user-select:none;user-select:none}.dn-color-input-color-tips{border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;height:20px;width:20px}.dn-corner-input{display:flex}.dn-corner-input-column{flex-direction:column}.dn-corner-input-cell,.dn-corner-input-column{align-items:center;display:flex;justify-content:center}.dn-corner-input-cell{border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;height:26px;margin:5px;width:26px}.dn-corner-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-image-input{width:100%}.dn-position-input{display:flex;flex-direction:column}.dn-position-input-cell,.dn-position-input-row{display:flex;justify-content:center}.dn-position-input-cell{align-items:center;border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);color:#333;cursor:pointer;height:26px;margin:5px;width:26px}.dn-position-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-poly-input{align-items:center;display:flex;width:100%}.dn-poly-input .dn-poly-input-content{display:flex;flex-grow:2;margin-right:2px}.dn-poly-input .dn-poly-input-content .ant-input-number,.dn-poly-input .dn-poly-input-content .ant-select{width:100%}.dn-poly-input .dn-poly-input-controller{align-items:center;border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;display:flex;flex-grow:0;justify-content:center;padding:0 8px}.dn-monaco-input{display:flex;height:100%;opacity:0;position:relative;transition:all .15s ease-in-out;width:100%}.dn-monaco-input.loaded{opacity:1}.dn-monaco-input-view{flex-grow:2;height:100%}.dn-monaco-input-helper{bottom:10px;position:absolute;right:5%;z-index:2}.dn-monaco-input .monaco-error-highline{background:red!important;border-radius:100%!important;height:5px!important;left:0!important;transform:translate(35px,5px)!important;width:5px!important}.dn-drawer-setter{background:var(--dn-composite-panel-tabs-content-bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:10}.dn-drawer-setter-header{align-items:center;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;padding:5px 10px}.dn-drawer-setter-header-text{margin-left:4px}.dn-drawer-setter-body{flex-grow:2;overflow:overlay;overflow-x:hidden;padding:10px 20px}.dn-drawer-wrapper{transition:all .16s ease-in-out}.dn-drawer-wrapper-enter{transform:translateX(100%)}.dn-drawer-wrapper-enter-active,.dn-drawer-wrapper-exit{transform:translateX(0)}.dn-drawer-wrapper-exit-active{transform:translateX(100%)}.dn-fold-item .ant-formily-item-label-content{overflow:visible}.dn-fold-item-base{cursor:pointer}.dn-fold-item-title{align-items:center;cursor:pointer;display:flex;margin-left:-10px}.dn-fold-item-title .dn-icon{transform:translateX(-3px)}.dn-fold-item-title .dn-icon svg{transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-fold-item-title.expand .dn-icon svg{transform:rotate(0deg)}.dn-fold-item-extra{background-color:var(--dn-composite-panel-highlight-bg-color);margin:-10px -10px 10px;padding:10px 10px 0}.dn-input-items{display:flex;flex-wrap:wrap;margin-left:-8px}.dn-input-items-item{align-items:center;color:#333;display:flex;margin-bottom:10px}.dn-input-items-item-icon{align-items:center;color:#333;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin:0 8px}.dn-input-items-item-controller{flex-grow:1;flex-shrink:1;min-width:0}.dn-input-items-item-controller .ant-radio-group{display:flex}.dn-input-items-item-controller .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center}.dn-input-items-item.vertical{align-items:flex-start;flex-direction:column}.dn-input-items-item.vertical .dn-input-items-item-controller{width:100%}.dn-border-style-setter{display:flex}.dn-border-style-setter-position{margin-left:-10px}.dn-border-style-setter-input{display:flex;flex-direction:column;height:110px;justify-content:space-between;margin-bottom:10px}.border-style-solid-line{display:block;height:100%;position:relative;width:100%}.border-style-solid-line:after{border-top:2px solid;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dashed-line{display:block;height:100%;position:relative;width:100%}.border-style-dashed-line:after{border-top:2px dashed;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dotted-line{display:block;height:100%;position:relative;width:100%}.border-style-dotted-line:after{border-top:2px dotted;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-flex-style-setter .dn-input-items{background-color:#f5f5f5;margin:-10px -10px 10px;padding:10px 10px 0}.dn-flex-style-setter .dn-input-items .ant-radio-group{display:flex;width:100%}.dn-flex-style-setter .dn-input-items .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center;padding:0}.dn-display-style-setter-radio{display:flex!important;width:100%}.dn-display-style-setter-radio .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:0}.dn-collapse-item{flex-wrap:wrap}.dn-collapse-item-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);border-top:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;margin:-1px -20px 0;padding:5px 20px;transition:all .25s ease-in-out}.dn-collapse-item-header-expand{font-size:12px;margin-left:-13px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-collapse-item-content{display:none;padding-top:4px;width:100%}.dn-collapse-item-content>div:last-child{border-bottom:none!important}.dn-collapse-item.expand .dn-collapse-item-content{display:block}.dn-collapse-item.expand .dn-collapse-item-header-expand{transform:rotate(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate__slideInRight{animation-name:slideInRight}.animate__slideOutRight{animation-name:slideOutRight}.animate__animated{animation-delay:0ms;animation-duration:.25s;animation-fill-mode:forwards}.animate__fadeInUp{animation-name:fadeIn}.dn-settings-form-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.dn-settings-form-wrapper .dn-node-path{flex-grow:0}.dn-settings-form-wrapper .dn-settings-form-content{flex-grow:1;overflow:overlay}.dn-settings-form-wrapper .ant-formily-item{border-bottom:1px solid #f5f5f5;margin-bottom:8px;margin-top:8px;padding-bottom:8px}.dn-settings-form-wrapper .ant-formily-item *{font-size:13px}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component{align-items:center;display:flex;justify-content:flex-end}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group{display:flex!important;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:2;justify-content:center;padding:0 6px!important}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-slider{flex-shrink:0;min-width:0;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-select{max-width:140px}.dn-settings-form{padding:0 20px}.dn-settings-form-empty{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center}.dn-data-source-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-data-source-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-data-source-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-data-source-setter-node-title{align-items:center;display:flex;justify-content:space-between}.dn-data-source-setter-node-title-icon{opacity:0;transition:all .15s ease-in-out}.dn-data-source-setter-node-title-icon:hover{color:#1677ff}.dn-data-source-setter-layout{border:1px solid #f5f5f5;border-radius:3px;display:flex;justify-content:space-around}.dn-data-source-setter-layout .ant-tree-treenode{padding-right:10px;white-space:nowrap}.dn-data-source-setter-layout .ant-tree-treenode:hover .dn-data-source-setter-node-title-icon{opacity:1}.dn-data-source-setter-layout-item{position:relative}.dn-data-source-setter-layout-item.left{border-right:1px solid #f5f5f5;width:40%}.dn-data-source-setter-layout-item.right{width:60%}.dn-data-source-setter-layout-item-header{align-items:center;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;display:flex;flex:none;height:40px;justify-content:space-between;padding:8px 12px 9px}.dn-data-source-setter-layout-item-content{height:300px;max-height:300px;overflow:scroll;padding:2%}.dn-reactions-setter{min-height:623px;overflow:hidden;width:100%}.dn-reactions-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-reactions-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-reactions-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-reactions-setter .ant-collapse{border:1px solid #f5f5f5}.dn-reactions-setter .ant-collapse-header{background-color:#fff!important;border-bottom:1px solid #f5f5f5!important;font-weight:500!important;padding:8px 10px!important}.dn-reactions-setter .ant-collapse-header .ant-collapse-arrow{margin-right:4px!important}.dn-reactions-setter .ant-collapse-item{border:none!important}.dn-reactions-setter .ant-collapse-content{border:none!important;transition:none!important}.dn-reactions-setter .ant-collapse-content-box{padding:12px!important}.dn-reactions-setter .reaction-runner .ant-collapse-content-box,.dn-reactions-setter .reaction-state .ant-collapse-content-box{padding:12px 0!important}.dn-reactions-setter .dn-field-property-setter{display:flex;height:300px}.dn-reactions-setter .dn-field-property-setter-coder-wrapper{display:flex;flex-direction:column;flex-grow:2;height:100%;padding-left:10px;position:relative}.dn-reactions-setter .dn-field-property-setter-coder-end,.dn-reactions-setter .dn-field-property-setter-coder-start{color:#333;flex-grow:0;font-size:18px;font-weight:300;height:31px;line-height:30px;margin-bottom:4px;opacity:.96}.dn-reactions-setter .dn-field-property-setter-coder-end{margin-top:4px}.dn-reactions-setter .dn-field-property-setter-coder{flex-grow:2;min-width:0;padding-left:10px}.dn-designable-form .ant-cascader-picker,.dn-designable-form .ant-cascader-picker input,.dn-designable-form .ant-cascader-picker-label,.dn-designable-form .ant-cascader-picker-label input,.dn-designable-form .ant-checkbox,.dn-designable-form .ant-checkbox input,.dn-designable-form .ant-checkbox-group,.dn-designable-form .ant-checkbox-group input,.dn-designable-form .ant-checkbox-wrapper,.dn-designable-form .ant-checkbox-wrapper input,.dn-designable-form .ant-input,.dn-designable-form .ant-input input,.dn-designable-form .ant-input-affix-wrapper,.dn-designable-form .ant-input-affix-wrapper input,.dn-designable-form .ant-input-number,.dn-designable-form .ant-input-number input,.dn-designable-form .ant-picker,.dn-designable-form .ant-picker input,.dn-designable-form .ant-picker-input,.dn-designable-form .ant-picker-input input,.dn-designable-form .ant-radio,.dn-designable-form .ant-radio input,.dn-designable-form .ant-radio-group,.dn-designable-form .ant-radio-group input,.dn-designable-form .ant-radio-wrapper,.dn-designable-form .ant-radio-wrapper input,.dn-designable-form .ant-rate,.dn-designable-form .ant-rate input,.dn-designable-form .ant-select,.dn-designable-form .ant-select input,.dn-designable-form .ant-select-selector,.dn-designable-form .ant-select-selector input,.dn-designable-form .ant-slider,.dn-designable-form .ant-slider input,.dn-designable-form .ant-switch,.dn-designable-form .ant-switch input,.dn-designable-form .ant-transfer,.dn-designable-form .ant-transfer input,.dn-designable-form .ant-upload,.dn-designable-form .ant-upload input{pointer-events:none!important}.dn-designable-form .anticon svg{pointer-events:none}.dn-text:empty:before{content:"Please Input";display:block;opacity:.6}.dn-text:focus{padding:4px}.dn-array-cards{background-color:#fff}.dn-grid-column{border:1px dashed #aaa;margin:4px;min-height:60px}.dn-app{height:100%}.dn-form-container{border:1px solid #f5f5f5;margin:0!important;padding:20px}.antd-tool-bar,.dn-array-table{background-color:#fff}.antd-tool-bar{align-items:center;backdrop-filter:blur(8px);border-block-start:1px solid rgba(5,5,5,.06);box-sizing:border-box;color:rgba(0,0,0,.88);display:flex;inset-inline-end:0;line-height:40px;padding-block:0;padding-inline:16px;transition:all .2s ease 0s;width:100%}.antd-tool-bar-left{flex:1 1}.antd-tool-bar-left,.antd-tool-bar-right{color:rgba(0,0,0,.88)}:root{--alert-size:120px}.successOverlay:after,.successOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.successOverlay>div:after,.successOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.successOverlay:before{background:linear-gradient(90deg,green,transparent);left:0;top:0;transform:rotate(0deg)}.successOverlay:after{background:linear-gradient(270deg,green,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.successOverlay>div:before{background:linear-gradient(0deg,green,transparent);left:0;top:0;transform:rotate(180deg)}.successOverlay>div:after{background:linear-gradient(0deg,green,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.successOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.errorOverlay:after,.errorOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.errorOverlay>div:after,.errorOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.errorOverlay:before{background:linear-gradient(90deg,red,transparent);left:0;top:0;transform:rotate(0deg)}.errorOverlay:after{background:linear-gradient(270deg,red,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.errorOverlay>div:before{background:linear-gradient(0deg,red,transparent);left:0;top:0;transform:rotate(180deg)}.errorOverlay>div:after{background:linear-gradient(0deg,red,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.errorOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.alert-active{animation:blink .75s infinite}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.alertBadge{align-items:center;display:flex;flex-direction:column;font-size:28px;font-weight:700;gap:12px;left:50%;pointer-events:none;position:absolute;text-shadow:0 1px 2px hsla(0,0%,100%,.8);top:50%;transform:translate(-50%,-50%);z-index:2}.alertBadge .anticon{font-size:128px}.alertBadge-success{color:green}.alertBadge-error{color:red}.Dz2w2rqP3NUvu2CojZ48{background:transparent;border:none;font-size:12px;padding:0}.WVqhUh0bw58WT1N9Mfxw{border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:6px;padding:8px;transition:box-shadow .2s}.WVqhUh0bw58WT1N9Mfxw:hover{box-shadow:0 2px 4px rgba(0,0,0,.08)}.WVqhUh0bw58WT1N9Mfxw.agJwygTLbE7oS0lchIwW{background:#fafafa;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.gOWTe8dNP2MGv7tC4m3a{background:#f5f5f5;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.T6Ro3N19wqwnKQgWngKl{background:#f0f0f0;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.swG60WqYhMEamiW9LGtg{background:#ebebeb;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.X2XpNJ9EAhstsXHUxpvc{background:#e6e6e6;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.aCELqkZVw1tuBuGdQkqE{border-left-color:#fa8c16}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:4px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .IGHaxWV0SVgeEbY7werC{align-items:center;color:rgba(0,0,0,.85);display:flex;font-size:12px;font-weight:500;gap:4px;line-height:24px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .QnvuLJuFfawFpf1NVot8{display:flex;gap:4px}.WVqhUh0bw58WT1N9Mfxw .oZ1nzkB0VoosHPhcQiEf{display:flex;flex-direction:column;gap:4px}.WVqhUh0bw58WT1N9Mfxw .q4L2vxvMsFUEJt8QoPuO{border-left:1px dashed #e8e8e8;margin-left:8px;margin-top:6px;padding-left:8px}.ib1Owf8V1eQA7YaX9Boi{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:6px 8px;transition:all .2s}.ib1Owf8V1eQA7YaX9Boi:hover{border-color:#1890ff;box-shadow:0 2px 4px rgba(0,0,0,.08)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT{flex:1 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f{flex:0.6 1;min-width:80px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo{flex:1.2 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{flex:0.8 1;min-width:100px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{display:flex;flex-shrink:0;gap:2px;margin-left:auto}.mzDcsEio_IUe_2mnlpRP{display:inline-block;margin-bottom:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-group{display:flex;gap:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper{border-radius:4px;font-size:12px;height:24px;line-height:20px;min-width:70px;padding:2px 12px;transition:all .2s}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper:hover{box-shadow:0 1px 3px rgba(0,0,0,.04)}.mzDcsEio_IUe_2mnlpRP .cDzHKlGCqQUJOgLSmy8K{font-size:12px;font-weight:500}.mzDcsEio_IUe_2mnlpRP .Hr83fcChn6wsaRWTn0R3{display:none}.mzDcsEio_IUe_2mnlpRP .SmwulKxRwboIAAha3rew{color:#1890ff}.mzDcsEio_IUe_2mnlpRP .aC7AxaKjxoVOddP48saz{background:#1890ff;border-color:#1890ff;color:#fff}.mzDcsEio_IUe_2mnlpRP .Yx9yzBpCAPkVxwuN93Ux{color:#fa8c16}.mzDcsEio_IUe_2mnlpRP .wCY6PG3ou5MobtzVaevA{background:#fa8c16;border-color:#fa8c16;color:#fff}.wPvHtY1LFwQwfTkoO8pg{border-top:1px dashed #e8e8e8;display:flex;gap:6px;margin-top:6px;padding-top:6px}.wPvHtY1LFwQwfTkoO8pg .ant-btn{font-size:12px;height:24px;line-height:22px;padding:0 8px}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary{box-shadow:0 1px 2px rgba(24,144,255,.2)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary:hover{box-shadow:0 2px 4px rgba(24,144,255,.3)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-default:hover{border-color:#1890ff;color:#1890ff}.xJqFJaItrqkK4985lyIA{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px dashed #e8e8e8;border-radius:4px;color:rgba(0,0,0,.45);padding:20px 16px;text-align:center}.xJqFJaItrqkK4985lyIA .rjLSZJwdugAhAFsNqeTY{font-size:32px;margin-bottom:8px;opacity:.6}.xJqFJaItrqkK4985lyIA .cOoHn1wvw5kwScQxzYIU{font-size:12px;line-height:1.5;margin-bottom:0}.dVZC8NxAFKAc6WeIv75Z{background:#fafafa;border:1px solid #e8e8e8;border-radius:4px;margin-top:16px;padding:8px}.dVZC8NxAFKAc6WeIv75Z .C68tskTSmZMq_CDx_nSc{color:rgba(0,0,0,.85);font-size:12px;font-weight:500;margin-bottom:6px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw{background:#fff;border:1px solid #e8e8e8;border-radius:4px;max-height:300px;overflow-y:auto;padding:8px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw pre{font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.q83Qbdy7pN8u8ahieffE{background:#fff2e8;border:1px solid #ffbb96;border-radius:4px;margin-top:8px;padding:8px}.q83Qbdy7pN8u8ahieffE .ajY1rokDY0c6h1m0rRz9{color:#d4380d;font-size:12px;font-weight:500;margin-bottom:4px}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC{list-style:none;margin:0;padding:0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0{color:#d4380d;font-size:11px;padding:2px 0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0:before{content:"• ";margin-right:4px}@media (max-width:768px){.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{flex-wrap:wrap}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{min-width:calc(50% - 3px)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{justify-content:flex-end;margin-left:0;width:100%}}.ruleBuilderContainer .ant-input,.ruleBuilderContainer .ant-input-number,.ruleBuilderContainer .ant-select{font-size:12px}.ruleBuilderContainer .ant-input-number-sm,.ruleBuilderContainer .ant-input-sm,.ruleBuilderContainer .ant-select-sm{height:24px;line-height:24px}.ruleBuilderContainer .ant-select-sm .ant-select-selector{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-select-sm .ant-select-selection-item{line-height:22px}.ruleBuilderContainer .ant-input-sm{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-input-number-sm{font-size:12px;height:24px}.ruleBuilderContainer .ant-input-number-sm .ant-input-number-input{height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm{font-size:12px;height:24px;line-height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm.ant-btn-icon-only{padding:0;width:24px}@media print{.Dz2w2rqP3NUvu2CojZ48{border:none;box-shadow:none}.WVqhUh0bw58WT1N9Mfxw,.ib1Owf8V1eQA7YaX9Boi{box-shadow:none;break-inside:avoid}.QnvuLJuFfawFpf1NVot8,.lC03EUB4cHQqINN2WDct,.wPvHtY1LFwQwfTkoO8pg{display:none}}.regex-editor{display:flex;flex-direction:column;gap:12px}.regex-editor .regex-complexity{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;font-size:13px;padding:12px}.regex-editor .regex-complexity .complexity-item{align-items:center;display:flex;margin-bottom:8px}.regex-editor .regex-complexity .complexity-item:last-child{margin-bottom:0}.regex-editor .regex-complexity .complexity-item .label{color:#595959;font-weight:500;margin-right:8px}.regex-editor .regex-complexity .complexity-item .score{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .score.score-high{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .score.score-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .score.score-low{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-item .risk{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .risk.risk-low{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .risk.risk-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .risk.risk-high{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-suggestions{border-top:1px solid #e8e8e8;margin-top:12px;padding-top:12px}.regex-editor .regex-complexity .complexity-suggestions .suggestions-title{color:#595959;font-weight:500;margin-bottom:8px}.regex-editor .regex-complexity .complexity-suggestions ul{margin:0;padding-left:20px}.regex-editor .regex-complexity .complexity-suggestions ul li{color:#8c8c8c;line-height:1.6;margin-bottom:4px}.regex-editor .regex-complexity .complexity-suggestions ul li:last-child{margin-bottom:0}.regex-editor .cm-regex-error{text-decoration:wavy underline red;text-decoration-skip-ink:none}.regex-editor .cm-regex-warning{text-decoration:wavy underline orange;text-decoration-skip-ink:none}.regex-editor .cm-regex-info{text-decoration:wavy underline blue;text-decoration-skip-ink:none}svg.railroad-diagram{background-color:#f5f2f0}svg.railroad-diagram path{stroke-width:3;stroke:#000;fill:transparent}svg.railroad-diagram text{text-anchor:middle;font:700 14px monospace}svg.railroad-diagram text.label{text-anchor:start}svg.railroad-diagram text.comment{font:italic 12px monospace}svg.railroad-diagram rect{stroke-width:3;stroke:#000;fill:#cfc}