@nokecy/qc-ui 1.1.23 → 1.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/cjs/ag-grid-plus/ag-gridPlus.js +15 -3
  2. package/dist/cjs/ag-grid-plus/interface.d.ts +8 -0
  3. package/dist/cjs/ag-grid-plus/setting/ColumnSetting.js +13 -21
  4. package/dist/cjs/ag-grid-plus/utils.d.ts +2 -3
  5. package/dist/cjs/ag-grid-plus/utils.js +85 -71
  6. package/dist/cjs/draggableModal/style.less +10 -4
  7. package/dist/esm/ag-grid-plus/ag-gridPlus.js +15 -3
  8. package/dist/esm/ag-grid-plus/interface.d.ts +8 -0
  9. package/dist/esm/ag-grid-plus/setting/ColumnSetting.js +13 -21
  10. package/dist/esm/ag-grid-plus/utils.d.ts +2 -3
  11. package/dist/esm/ag-grid-plus/utils.js +86 -71
  12. package/dist/esm/draggableModal/style.less +10 -4
  13. package/dist/umd/qc-ui.min.css +1 -1
  14. package/dist/umd/qc-ui.min.js +1 -1
  15. package/package.json +2 -1
package/dist/esm/ag-grid-plus/utils.js CHANGED
@@ -12,92 +12,107 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
12
12
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
13
13
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
14
  import dayjs from 'dayjs';
15
+ import { GridifyQueryBuilder, ConditionalOperator as GridifyOp } from 'gridify-client';
16
+
17
+ // Gridify 值转义函数
15
18
  var esc = function esc(v) {
16
- return v.replace(/([(),|,\\]|\/i)/g, '\\$1');
19
+ return String(v).replace(/([(),|,\\]|\/i)/g, '\\$1');
17
20
  };
18
21
 
19
- // --- Query Builder Logic Helpers (P0) ---
20
-
21
22
  /**
22
- * 将高级查询规则转换为后端 Filter 字符串
23
- * 注意: 目前为了保持兼容性，只能尽量将 OR 转换为后端支持的格式(如 A=1|A=2)，
24
- * 复杂的嵌套 OR 可能需要后端升级支持。当前策略是尽力转换。
23
+ * 将高级查询规则转换为后端 Gridify Filter 字符串
24
+ * 使用 gridify-client 库确保安全性和兼容性
25
25
  */
26
26
  export var convertRulesToFilterString = function convertRulesToFilterString(ruleGroup, colDefs) {
27
27
  if (!ruleGroup || !ruleGroup.children || ruleGroup.children.length === 0) {
28
28
  return "";
29
29
  }
30
- var processGroup = function processGroup(group) {
31
- var results = [];
32
- var isAnd = group.logic === 'AND';
33
- group.children.forEach(function (child) {
34
- if (child.logic) {
35
- // Nested Group
36
- var childFilters = processGroup(child);
37
- if (childFilters.length > 0) {
38
- // 简单的嵌套处理，如果顶层是 AND，子组也是 AND，则展开
39
- // 如果逻辑不一致，目前简单的 Filter String 可能无法完美表达 ((A=1) AND (B=2)) OR (C=3)
40
- // 现在的降级策略：如果是 OR 组，尝试用逗号分隔（但标准是 AND 用逗号）
41
- // TODO: 确认后端是否支持 SQL-like filter string。
42
- // 假设目前只处理最简单的：平铺的 AND
43
- results.push.apply(results, _toConsumableArray(childFilters)); // 暂时打平
30
+ var mapOperator = function mapOperator(op) {
31
+ switch (op) {
32
+ case '=':
33
+ return GridifyOp.Equal;
34
+ case '!=':
35
+ return GridifyOp.NotEqual;
36
+ case '>':
37
+ return GridifyOp.GreaterThan;
38
+ case '>=':
39
+ return GridifyOp.GreaterThanOrEqual;
40
+ case '<':
41
+ return GridifyOp.LessThan;
42
+ case '<=':
43
+ return GridifyOp.LessThanOrEqual;
44
+ case 'contains':
45
+ return GridifyOp.Contains;
46
+ case 'startsWith':
47
+ return GridifyOp.StartsWith;
48
+ case 'endsWith':
49
+ return GridifyOp.EndsWith;
50
+ default:
51
+ return GridifyOp.Equal;
52
+ }
53
+ };
54
+ var processItem = function processItem(builder, item, isFirst) {
55
+ if (item.logic) {
56
+ // 嵌套组
57
+ builder.startGroup();
58
+ processGroup(builder, item);
59
+ builder.endGroup();
60
+ } else {
61
+ // 单条规则
62
+ if (item.value === undefined || item.value === null || item.value === '') {
63
+ return;
64
+ }
65
+
66
+ // 处理特殊操作符
67
+ if (item.operator === 'isEmpty') {
68
+ builder.addCondition(item.field, GridifyOp.Equal, '');
69
+ } else if (item.operator === 'isNotEmpty') {
70
+ builder.addCondition(item.field, GridifyOp.NotEqual, '');
71
+ } else if (item.operator === 'between' && Array.isArray(item.value)) {
72
+ // between 操作符需要拆成两个条件
73
+ if (item.value[0] !== null && item.value[0] !== undefined) {
74
+ builder.addCondition(item.field, GridifyOp.GreaterThanOrEqual, item.value[0], undefined, true);
75
+ }
76
+ if (item.value[1] !== null && item.value[1] !== undefined) {
77
+ if (item.value[0] !== null && item.value[0] !== undefined) {
78
+ builder.and();
79
+ }
80
+ builder.addCondition(item.field, GridifyOp.LessThanOrEqual, item.value[1], undefined, true);
44
81
  }
45
82
  } else {
46
- // Rule
47
- var colDef = colDefs.find(function (c) {
48
- return c.field === child.field;
49
- });
50
- var filter = getRuleFilter(child, colDef);
51
- if (filter) {
52
- results.push(filter);
83
+ var gridifyOp = mapOperator(item.operator);
84
+ // escapeValue = true 确保特殊字符（如 / , | ( ) \）被正确转义
85
+ builder.addCondition(item.field, gridifyOp, item.value, undefined, true);
86
+ }
87
+ }
88
+ };
89
+ var processGroup = function processGroup(builder, group) {
90
+ var validChildren = group.children.filter(function (child) {
91
+ if (child.logic) return true;
92
+ return child.value !== undefined && child.value !== null && child.value !== '';
93
+ });
94
+ validChildren.forEach(function (child, index) {
95
+ if (index > 0) {
96
+ // 根据组逻辑添加连接符
97
+ if (group.logic === 'OR') {
98
+ builder.or(true); // true = optional, 避免无效表达式
99
+ } else {
100
+ builder.and(true);
53
101
  }
54
102
  }
103
+ processItem(builder, child, index === 0);
55
104
  });
56
- return results;
57
105
  };
58
-
59
- // 目前为了兼容性，强制打平输出。高级功能的完整支持依赖后端。
60
- // 这里我们把所有规则都视为可以通过 convertFilterModel 处理的单元
61
- var filters = processGroup(ruleGroup);
62
- return filters.join(",");
63
- };
64
- var getRuleFilter = function getRuleFilter(rule, colDef) {
65
- var field = rule.field,
66
- operator = rule.operator,
67
- value = rule.value;
68
- if (value === undefined || value === null || value === "") return "";
69
- var objectKey = field;
70
-
71
- // 根据操作符构造查询串
72
- switch (operator) {
73
- case '=':
74
- return "".concat(objectKey, " = ").concat(value);
75
- case '!=':
76
- return "".concat(objectKey, " != ").concat(value);
77
- case '>':
78
- return "".concat(objectKey, " > ").concat(value);
79
- case '>=':
80
- return "".concat(objectKey, " >= ").concat(value);
81
- case '<':
82
- return "".concat(objectKey, " < ").concat(value);
83
- case '<=':
84
- return "".concat(objectKey, " <= ").concat(value);
85
- case 'contains':
86
- return "".concat(objectKey, " =* ").concat(esc(value));
87
- case 'startsWith':
88
- return "".concat(objectKey, " ^ ").concat(esc(value));
89
- case 'endsWith':
90
- // 后端可能不支持 endWith 语法，暂用 =*
91
- return "".concat(objectKey, " =* ").concat(esc(value));
92
- case 'between':
93
- if (Array.isArray(value)) {
94
- // 复用现有的 range 逻辑
95
- return getFilter(objectKey, value, colDef);
96
- }
97
- return "";
98
- default:
99
- // 默认回退到标准处理
100
- return getFilter(objectKey, value, colDef);
106
+ try {
107
+ var builder = new GridifyQueryBuilder({
108
+ allowEmptyGroups: true
109
+ });
110
+ processGroup(builder, ruleGroup);
111
+ var query = builder.build();
112
+ return query.filter || "";
113
+ } catch (e) {
114
+ console.error('Failed to build Gridify filter:', e);
115
+ return "";
101
116
  }
102
117
  };
103
118
  var getFilter = function getFilter(objectKey, value, colDef) {
package/dist/esm/draggableModal/style.less CHANGED
@@ -25,15 +25,20 @@
25
25
  flex-shrink: 0;
26
26
  }
27
27
  }
28
+
29
+ // 确保 Modal 内容不会阻止 resize-handle 的鼠标事件
30
+ .ant-modal-content {
31
+ pointer-events: auto;
32
+ }
28
33
  }
29
34
 
30
35
  // 拖动调整大小的手柄样式
31
36
  .resize-handle {
32
37
  position: absolute;
33
- z-index: 10;
38
+ z-index: 9999; // 确保在 Modal 内容之上
34
39
  background: transparent;
35
40
  transition: all 0.2s ease;
36
- pointer-events: auto;
41
+ pointer-events: auto !important; // 确保可以接收鼠标事件
37
42
  opacity: 0;
38
43
 
39
44
  &:hover {
@@ -43,8 +48,9 @@
43
48
  }
44
49
 
45
50
  // 当鼠标悬停在 modal 上时显示手柄
46
- .ant-modal:hover .resize-handle {
47
- opacity: 1;
51
+ .ant-modal:hover .resize-handle,
52
+ div:hover > .resize-handle {
53
+ opacity: 0.5;
48
54
  background: rgba(24, 144, 255, 0.15);
49
55
  }
50
56
 
package/dist/umd/qc-ui.min.css CHANGED
@@ -1 +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:18px!important;width:18px!important}.custom-cell-left{text-align:left!important}.custom-cell-centered{text-align:center!important}.custom-cell-right{text-align:right!important}.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}.resize-handle{background:transparent;opacity:0;pointer-events:auto;position:absolute;transition:all .2s ease;z-index:10}.resize-handle:hover{background-color:rgba(24,144,255,.5);opacity:1}.ant-modal:hover .resize-handle{background:rgba(24,144,255,.15);opacity:1}.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-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}.react-dashboard-toolbar{align-items:center;display:flex;justify-content:space-between;padding:0 10px 10px}.react-dashboard-toolbar:after{clear:both;content:"";display:block}.react-dashboard-toolbar-left{float:left}.react-dashboard-toolbar-left button{margin-right:10px}.react-dashboard-toolbar-right{float:right}.react-dashboard-toolbar-right button{margin-left:10px}.react-dashboard-toolbar-space{-webkit-box-flex:1;border:0!important;flex:auto;height:1px;margin:0!important;padding:0!important}.react-dashboard-toolbar-fixed{border-top:1px solid hsla(0,0%,50%,.1);bottom:0;box-shadow:0 -1px 2px hsla(0,0%,50%,.03);position:fixed;right:0;z-index:9}.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}: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-form-container{border:1px solid #f5f5f5;margin:0!important;padding:20px}.dn-array-table{background-color:#fff}.dn-app{height:100%}.antd-tool-bar{align-items:center;backdrop-filter:blur(8px);background-color:#fff;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}}.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}}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}.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}
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:18px!important;width:18px!important}.custom-cell-left{text-align:left!important}.custom-cell-centered{text-align:center!important}.custom-cell-right{text-align:right!important}.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-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}.react-dashboard-toolbar{align-items:center;display:flex;justify-content:space-between;padding:0 10px 10px}.react-dashboard-toolbar:after{clear:both;content:"";display:block}.react-dashboard-toolbar-left{float:left}.react-dashboard-toolbar-left button{margin-right:10px}.react-dashboard-toolbar-right{float:right}.react-dashboard-toolbar-right button{margin-left:10px}.react-dashboard-toolbar-space{-webkit-box-flex:1;border:0!important;flex:auto;height:1px;margin:0!important;padding:0!important}.react-dashboard-toolbar-fixed{border-top:1px solid hsla(0,0%,50%,.1);bottom:0;box-shadow:0 -1px 2px hsla(0,0%,50%,.03);position:fixed;right:0;z-index:9}.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}: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-form-container{border:1px solid #f5f5f5;margin:0!important;padding:20px}.dn-array-table{background-color:#fff}.dn-app{height:100%}.antd-tool-bar{align-items:center;backdrop-filter:blur(8px);background-color:#fff;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}}.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}}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}.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}