@nokecy/qc-ui 1.1.76 → 1.1.78
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.
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +12 -0
- package/dist/cjs/standardList/StandardAgGridPlus.d.ts +58 -0
- package/dist/cjs/standardList/StandardAgGridPlus.js +698 -0
- package/dist/cjs/standardList/dateFormat.d.ts +16 -0
- package/dist/cjs/standardList/dateFormat.js +56 -0
- package/dist/cjs/standardList/emptyState.d.ts +36 -0
- package/dist/cjs/standardList/emptyState.js +89 -0
- package/dist/cjs/standardList/enumColumns.d.ts +31 -0
- package/dist/cjs/standardList/enumColumns.js +87 -0
- package/dist/cjs/standardList/gridColumnDefs.d.ts +33 -0
- package/dist/cjs/standardList/gridColumnDefs.js +61 -0
- package/dist/cjs/standardList/groupedHeaders.d.ts +28 -0
- package/dist/cjs/standardList/groupedHeaders.js +84 -0
- package/dist/cjs/standardList/groupedHeaders.less +29 -0
- package/dist/cjs/standardList/index.d.ts +20 -0
- package/dist/cjs/standardList/index.js +176 -0
- package/dist/cjs/standardList/listDateDisplay.d.ts +9 -0
- package/dist/cjs/standardList/listDateDisplay.js +64 -0
- package/dist/cjs/standardList/listDefaultSort.d.ts +38 -0
- package/dist/cjs/standardList/listDefaultSort.js +139 -0
- package/dist/cjs/standardList/listRefresh.d.ts +25 -0
- package/dist/cjs/standardList/listRefresh.js +53 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/standardList/StandardAgGridPlus.d.ts +58 -0
- package/dist/esm/standardList/StandardAgGridPlus.js +691 -0
- package/dist/esm/standardList/dateFormat.d.ts +16 -0
- package/dist/esm/standardList/dateFormat.js +50 -0
- package/dist/esm/standardList/emptyState.d.ts +36 -0
- package/dist/esm/standardList/emptyState.js +83 -0
- package/dist/esm/standardList/enumColumns.d.ts +31 -0
- package/dist/esm/standardList/enumColumns.js +82 -0
- package/dist/esm/standardList/gridColumnDefs.d.ts +33 -0
- package/dist/esm/standardList/gridColumnDefs.js +55 -0
- package/dist/esm/standardList/groupedHeaders.d.ts +28 -0
- package/dist/esm/standardList/groupedHeaders.js +78 -0
- package/dist/esm/standardList/groupedHeaders.less +29 -0
- package/dist/esm/standardList/index.d.ts +20 -0
- package/dist/esm/standardList/index.js +15 -0
- package/dist/esm/standardList/listDateDisplay.d.ts +9 -0
- package/dist/esm/standardList/listDateDisplay.js +58 -0
- package/dist/esm/standardList/listDefaultSort.d.ts +38 -0
- package/dist/esm/standardList/listDefaultSort.js +133 -0
- package/dist/esm/standardList/listRefresh.d.ts +25 -0
- package/dist/esm/standardList/listRefresh.js +47 -0
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 列表默认排序的纯逻辑:由列定义推断(状态优先、再按记录时间),或由页面显式指定。@author nokecy
|
|
3
|
+
*/
|
|
4
|
+
/** 列表默认排序;exclusive 表示由页面显式指定,取代状态/时间推断,其他列的初始排序一并清掉。 */
|
|
5
|
+
export type ListDefaultSort = {
|
|
6
|
+
field: string;
|
|
7
|
+
sort: 'asc' | 'desc';
|
|
8
|
+
sortIndex: number;
|
|
9
|
+
}[] & {
|
|
10
|
+
exclusive?: boolean;
|
|
11
|
+
};
|
|
12
|
+
/** 页面显式指定的默认排序(AgGridPlus 的 defaultSort 属性)。 */
|
|
13
|
+
export type ListDefaultSortOverride = {
|
|
14
|
+
field: string;
|
|
15
|
+
sort: 'asc' | 'desc';
|
|
16
|
+
}[];
|
|
17
|
+
/**
|
|
18
|
+
* 默认排序的字段口径,由宿主提供:
|
|
19
|
+
* `statusFields` 按优先级列出「状态」字段(有状态的单据先按状态升序);
|
|
20
|
+
* `timestampFields` 按优先级列出「记录时间」字段(其次按它倒序)。
|
|
21
|
+
* 不传则不识别状态,只按列名/标题规则推断记录时间。
|
|
22
|
+
*/
|
|
23
|
+
export type ListSortPolicy = {
|
|
24
|
+
statusFields?: readonly string[];
|
|
25
|
+
timestampFields?: readonly string[];
|
|
26
|
+
};
|
|
27
|
+
export declare const resolveListSortPolicy: (policy?: ListSortPolicy) => {
|
|
28
|
+
statusFields: string[];
|
|
29
|
+
statusFieldSet: Set<string>;
|
|
30
|
+
timestampFields: string[];
|
|
31
|
+
timestampFieldSet: Set<string>;
|
|
32
|
+
};
|
|
33
|
+
type ResolvedSortPolicy = ReturnType<typeof resolveListSortPolicy>;
|
|
34
|
+
export declare const flattenColumnDefs: (columns: any[] | undefined, result?: Record<string, any>[]) => Record<string, any>[];
|
|
35
|
+
/** 有状态的单据按状态、再按真实记录时间排序;无状态页保留显式业务排序,否则采用实际时间字段。@author nokecy */
|
|
36
|
+
export declare const inferListDefaultSort: (columns: Record<string, any>[], override?: ListDefaultSortOverride, policy?: ListSortPolicy | ResolvedSortPolicy) => ListDefaultSort;
|
|
37
|
+
export declare const sortingText: (sorting: ListDefaultSort) => string;
|
|
38
|
+
export {};
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
2
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
3
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
6
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
7
|
+
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; }
|
|
8
|
+
/**
|
|
9
|
+
* 列表默认排序的纯逻辑:由列定义推断(状态优先、再按记录时间),或由页面显式指定。@author nokecy
|
|
10
|
+
*/
|
|
11
|
+
/** 列表默认排序;exclusive 表示由页面显式指定,取代状态/时间推断,其他列的初始排序一并清掉。 */
|
|
12
|
+
|
|
13
|
+
/** 页面显式指定的默认排序(AgGridPlus 的 defaultSort 属性)。 */
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* 默认排序的字段口径,由宿主提供:
|
|
17
|
+
* `statusFields` 按优先级列出「状态」字段(有状态的单据先按状态升序);
|
|
18
|
+
* `timestampFields` 按优先级列出「记录时间」字段(其次按它倒序)。
|
|
19
|
+
* 不传则不识别状态,只按列名/标题规则推断记录时间。
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
export var resolveListSortPolicy = function resolveListSortPolicy(policy) {
|
|
23
|
+
var _policy$statusFields, _policy$timestampFiel;
|
|
24
|
+
var statusFields = _toConsumableArray((_policy$statusFields = policy === null || policy === void 0 ? void 0 : policy.statusFields) !== null && _policy$statusFields !== void 0 ? _policy$statusFields : []);
|
|
25
|
+
var timestampFields = _toConsumableArray((_policy$timestampFiel = policy === null || policy === void 0 ? void 0 : policy.timestampFields) !== null && _policy$timestampFiel !== void 0 ? _policy$timestampFiel : []);
|
|
26
|
+
return {
|
|
27
|
+
statusFields: statusFields,
|
|
28
|
+
statusFieldSet: new Set(statusFields.map(function (field) {
|
|
29
|
+
return field.toLowerCase();
|
|
30
|
+
})),
|
|
31
|
+
timestampFields: timestampFields,
|
|
32
|
+
timestampFieldSet: new Set(timestampFields.map(function (field) {
|
|
33
|
+
return field.toLowerCase();
|
|
34
|
+
}))
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
var isRecordTimestamp = function isRecordTimestamp(column, recordTimestampFieldSet) {
|
|
38
|
+
var _column$field, _column$headerName;
|
|
39
|
+
var field = String((_column$field = column.field) !== null && _column$field !== void 0 ? _column$field : '').toLowerCase();
|
|
40
|
+
var title = String((_column$headerName = column.headerName) !== null && _column$headerName !== void 0 ? _column$headerName : '');
|
|
41
|
+
if (/(?:expiry|expiration|production|manufactur|delivery|required|need|effective|valid|shelf)/i.test(field) || /有效期|生产日期|交货日期|需求日期|要求日期|保质期/.test(title)) return false;
|
|
42
|
+
if (recordTimestampFieldSet.has(field)) return true;
|
|
43
|
+
if (/(?:create|creation|submit|submitted|audit|check|approve|review|modif|update|change|document|order|bill|invoice|statement|receipt|record|business|make|confirm|transfer|occurred).*(?:time|date)$/i.test(field)) return true;
|
|
44
|
+
return (column.type === 'dateColumn' || column.type === 'dateTimeColumn' || /日期|时间/.test(title)) && /创建|制单|单据|开单|录入|发生|提交|审核|修改|更改|业务|对账|开票|确认|转移/.test(title);
|
|
45
|
+
};
|
|
46
|
+
export var flattenColumnDefs = function flattenColumnDefs(columns) {
|
|
47
|
+
var result = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
48
|
+
var _iterator = _createForOfIteratorHelper(columns !== null && columns !== void 0 ? columns : []),
|
|
49
|
+
_step;
|
|
50
|
+
try {
|
|
51
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
52
|
+
var column = _step.value;
|
|
53
|
+
if (Array.isArray(column === null || column === void 0 ? void 0 : column.children) && column.children.length) flattenColumnDefs(column.children, result);else result.push(column !== null && column !== void 0 ? column : {});
|
|
54
|
+
}
|
|
55
|
+
} catch (err) {
|
|
56
|
+
_iterator.e(err);
|
|
57
|
+
} finally {
|
|
58
|
+
_iterator.f();
|
|
59
|
+
}
|
|
60
|
+
return result;
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
/** 有状态的单据按状态、再按真实记录时间排序;无状态页保留显式业务排序,否则采用实际时间字段。@author nokecy */
|
|
64
|
+
export var inferListDefaultSort = function inferListDefaultSort(columns, override, policy) {
|
|
65
|
+
var _ref = 'statusFieldSet' in (policy !== null && policy !== void 0 ? policy : {}) ? policy : resolveListSortPolicy(policy),
|
|
66
|
+
documentStatusFields = _ref.statusFields,
|
|
67
|
+
recordTimestampFields = _ref.timestampFields,
|
|
68
|
+
timestampFieldSet = _ref.timestampFieldSet;
|
|
69
|
+
if (override !== null && override !== void 0 && override.length) {
|
|
70
|
+
return Object.assign(override.map(function (item, index) {
|
|
71
|
+
return {
|
|
72
|
+
field: item.field,
|
|
73
|
+
sort: item.sort,
|
|
74
|
+
sortIndex: index
|
|
75
|
+
};
|
|
76
|
+
}), {
|
|
77
|
+
exclusive: true
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
var leaves = columns.filter(function (column) {
|
|
81
|
+
return column.field && column.sortable !== false;
|
|
82
|
+
});
|
|
83
|
+
var statusColumn = documentStatusFields.map(function (field) {
|
|
84
|
+
return leaves.find(function (column) {
|
|
85
|
+
return String(column.field).toLowerCase() === field.toLowerCase();
|
|
86
|
+
});
|
|
87
|
+
}).find(Boolean);
|
|
88
|
+
var timestamps = leaves.filter(function (column) {
|
|
89
|
+
return isRecordTimestamp(column, timestampFieldSet);
|
|
90
|
+
});
|
|
91
|
+
var timestampColumn = recordTimestampFields.map(function (field) {
|
|
92
|
+
return timestamps.find(function (column) {
|
|
93
|
+
return String(column.field).toLowerCase() === field.toLowerCase();
|
|
94
|
+
});
|
|
95
|
+
}).find(Boolean);
|
|
96
|
+
if (statusColumn) {
|
|
97
|
+
return [{
|
|
98
|
+
field: String(statusColumn.field),
|
|
99
|
+
sort: 'asc',
|
|
100
|
+
sortIndex: 0
|
|
101
|
+
}].concat(_toConsumableArray(timestampColumn ? [{
|
|
102
|
+
field: String(timestampColumn.field),
|
|
103
|
+
sort: 'desc',
|
|
104
|
+
sortIndex: 1
|
|
105
|
+
}] : []));
|
|
106
|
+
}
|
|
107
|
+
var explicitSorts = leaves.filter(function (column) {
|
|
108
|
+
return column.initialSort === 'asc' || column.initialSort === 'desc' || column.sort === 'asc' || column.sort === 'desc';
|
|
109
|
+
}).sort(function (left, right) {
|
|
110
|
+
var _left$sortIndex, _right$sortIndex;
|
|
111
|
+
return Number((_left$sortIndex = left.sortIndex) !== null && _left$sortIndex !== void 0 ? _left$sortIndex : 0) - Number((_right$sortIndex = right.sortIndex) !== null && _right$sortIndex !== void 0 ? _right$sortIndex : 0);
|
|
112
|
+
});
|
|
113
|
+
if (explicitSorts.length) {
|
|
114
|
+
return explicitSorts.map(function (column, index) {
|
|
115
|
+
var _column$initialSort;
|
|
116
|
+
return {
|
|
117
|
+
field: String(column.field),
|
|
118
|
+
sort: (_column$initialSort = column.initialSort) !== null && _column$initialSort !== void 0 ? _column$initialSort : column.sort,
|
|
119
|
+
sortIndex: Number.isFinite(Number(column.sortIndex)) ? Number(column.sortIndex) : index
|
|
120
|
+
};
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
return timestampColumn ? [{
|
|
124
|
+
field: String(timestampColumn.field),
|
|
125
|
+
sort: 'desc',
|
|
126
|
+
sortIndex: 0
|
|
127
|
+
}] : [];
|
|
128
|
+
};
|
|
129
|
+
export var sortingText = function sortingText(sorting) {
|
|
130
|
+
return sorting.map(function (item) {
|
|
131
|
+
return "".concat(item.field, " ").concat(item.sort);
|
|
132
|
+
}).join(', ');
|
|
133
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 「保存后回列表,列表要是新的」这件事的判定逻辑。
|
|
3
|
+
*
|
|
4
|
+
* 为什么需要它:`pubGoBack()` 只是 push 回父路径再关掉表单页的标签,
|
|
5
|
+
* 而列表页在 KeepAlive 缓存里,push 回去是**直接复原缓存的那棵树,不会重新拉数据**——
|
|
6
|
+
* 用户刚保存的记录不在列表里,于是以为没存上,再存一遍。全仓有 196 处这样的返回。
|
|
7
|
+
*
|
|
8
|
+
* 判定单独拆出来是因为它有三个都会出错的边界:缓存页不活跃时不能刷、同一个 refresh 值不能重复刷、
|
|
9
|
+
* 挂载时 URL 上已有的 refresh 值不算(那是别人触发的,自己刚加载完,再刷一次纯属浪费)。
|
|
10
|
+
*
|
|
11
|
+
* @author nokecy
|
|
12
|
+
*/
|
|
13
|
+
export type RefreshDecisionInput = {
|
|
14
|
+
/** 当前页面是否是活跃页面。KeepAlive 缓存的页面 useEffect 照样在跑,不判这个会串台 */
|
|
15
|
+
isActive: boolean;
|
|
16
|
+
/** URL 上的 refresh 值 */
|
|
17
|
+
refresh?: string | null;
|
|
18
|
+
/** 上一次已经响应过的 refresh 值 */
|
|
19
|
+
lastHandled?: string | null;
|
|
20
|
+
};
|
|
21
|
+
export declare const shouldRefresh: ({ isActive, refresh, lastHandled }: RefreshDecisionInput) => boolean;
|
|
22
|
+
/** 从 location.search 里取 refresh。 */
|
|
23
|
+
export declare const readRefreshToken: (search?: string | null) => string | null;
|
|
24
|
+
/** 给列表路径带上刷新标记;已有 refresh 的会被替换而不是叠加。 */
|
|
25
|
+
export declare const withRefreshToken: (listPath: string, token: string | number) => string;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
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; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
/**
|
|
8
|
+
* 「保存后回列表,列表要是新的」这件事的判定逻辑。
|
|
9
|
+
*
|
|
10
|
+
* 为什么需要它:`pubGoBack()` 只是 push 回父路径再关掉表单页的标签,
|
|
11
|
+
* 而列表页在 KeepAlive 缓存里,push 回去是**直接复原缓存的那棵树,不会重新拉数据**——
|
|
12
|
+
* 用户刚保存的记录不在列表里,于是以为没存上,再存一遍。全仓有 196 处这样的返回。
|
|
13
|
+
*
|
|
14
|
+
* 判定单独拆出来是因为它有三个都会出错的边界:缓存页不活跃时不能刷、同一个 refresh 值不能重复刷、
|
|
15
|
+
* 挂载时 URL 上已有的 refresh 值不算(那是别人触发的,自己刚加载完,再刷一次纯属浪费)。
|
|
16
|
+
*
|
|
17
|
+
* @author nokecy
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
export var shouldRefresh = function shouldRefresh(_ref) {
|
|
21
|
+
var isActive = _ref.isActive,
|
|
22
|
+
refresh = _ref.refresh,
|
|
23
|
+
lastHandled = _ref.lastHandled;
|
|
24
|
+
return Boolean(isActive && refresh && refresh !== lastHandled);
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
/** 从 location.search 里取 refresh。 */
|
|
28
|
+
export var readRefreshToken = function readRefreshToken(search) {
|
|
29
|
+
if (!search) return null;
|
|
30
|
+
try {
|
|
31
|
+
return new URLSearchParams(search).get('refresh');
|
|
32
|
+
} catch (_unused) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
/** 给列表路径带上刷新标记;已有 refresh 的会被替换而不是叠加。 */
|
|
38
|
+
export var withRefreshToken = function withRefreshToken(listPath, token) {
|
|
39
|
+
var _listPath$split = listPath.split('?'),
|
|
40
|
+
_listPath$split2 = _slicedToArray(_listPath$split, 2),
|
|
41
|
+
path = _listPath$split2[0],
|
|
42
|
+
_listPath$split2$ = _listPath$split2[1],
|
|
43
|
+
search = _listPath$split2$ === void 0 ? '' : _listPath$split2$;
|
|
44
|
+
var params = new URLSearchParams(search);
|
|
45
|
+
params.set('refresh', String(token));
|
|
46
|
+
return "".concat(path, "?").concat(params.toString());
|
|
47
|
+
};
|
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:16px!important;width:16px!important}.custom-cell-left{text-align:left!important}.custom-cell-centered{text-align:center!important}.custom-cell-right{text-align:right!important}.ag-overlay-no-rows-wrapper :is(button,a,input,[role=button]){pointer-events:auto}.ag-grid-table-search{margin-bottom:8px;padding:8px}.ag-grid-table-search.ag-grid-table-form{margin:0;overflow:visible;overflow:initial;padding:0 16px}.ag-grid-table-search-light{margin-bottom:0;padding:16px 0}.ag-grid-table-search-form-option .ant-form-item{margin:0}.ag-grid-table-search-form-option .ant-form-item-label{opacity:0}.ag-grid-table-search-form-option .ant-form-item-control-input{justify-content:flex-start}.ag-grid-table-search .ant-select-multiple{max-width:200px}.ag-grid-table-search .ant-select-multiple .ant-select-selector{max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-overflow{flex-wrap:nowrap;max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-item{flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:575px){.ag-grid-table-search{height:auto!important;padding-bottom:24px}.ag-grid-table-search .ant-form-item-label{min-width:80px;text-align:left}}:global .modal-wrap-resizing .ant-modal{transition:none;width:var(--modal-width)!important}:global .modal-wrap-resizing .ant-modal-content{display:flex;flex-direction:column;height:var(--modal-height);transition:none}:global .modal-wrap-resizing .ant-modal-body{flex:1 1;overflow-y:auto}:global .modal-wrap-resizing .ant-modal-header{flex-shrink:0}:global .modal-wrap-resizing .ant-modal-footer{flex-shrink:0}:global .ant-modal-content{pointer-events:auto}.resize-handle{background:transparent;opacity:0;pointer-events:auto!important;position:absolute;transition:all .2s ease;z-index:9999}.resize-handle:hover{background-color:rgba(24,144,255,.5);opacity:1}.ant-modal:hover .resize-handle,div:hover>.resize-handle{background:rgba(24,144,255,.15);opacity:.5}.resize-handle-e{bottom:0;cursor:e-resize;right:0;top:0;width:8px}.resize-handle-w{bottom:0;cursor:w-resize;left:0;top:0;width:8px}.resize-handle-s{bottom:0;cursor:s-resize;height:8px;left:0;right:0}.resize-handle-n{cursor:n-resize;height:8px;left:0;right:0;top:0}.resize-handle-se{bottom:0;cursor:se-resize;height:12px;right:0;width:12px}.resize-handle-sw{bottom:0;cursor:sw-resize;height:12px;left:0;width:12px}.resize-handle-ne{cursor:ne-resize;height:12px;right:0;top:0;width:12px}.resize-handle-nw{cursor:nw-resize;height:12px;left:0;top:0;width:12px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-ms-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;display:none;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--primary-color:blue;--component-background:#fff}.react-grid-item>.react-resizable-handle{z-index:1}.react-dashboard-item-edit .react-resizable-handle{display:block}.react-dashboard-full{height:100%;width:100%}.react-dashboard-aligncenter,.react-dashboard-emptyContent{align-items:center;display:flex;justify-content:center}.react-dashboard-item{position:relative}.react-dashboard-item .react-dashboard-mask{background:transparent;cursor:move;height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.react-dashboard-item .react-dashboard-configicon{background:blue;background:var(--primary-color);border-radius:var(--card-border-radius) 0 0 var(--card-border-radius);font-weight:700;right:30px}.react-dashboard-item .react-dashboard-configicon,.react-dashboard-item .react-dashboard-deleteicon{color:#fff;cursor:pointer;display:none;font-size:16px;height:30px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;z-index:1}.react-dashboard-item .react-dashboard-deleteicon{background:#f5222d;border-radius:var(--card-border-radius);right:0}.react-dashboard-item .react-dashboard-configicon+.react-dashboard-deleteicon{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.react-dashboard-item:hover .react-dashboard-mask{background:rgba(0,0,0,.05);transition:all .3s}.react-dashboard-item:hover .react-dashboard-configicon{display:block}.react-dashboard-item:hover .react-dashboard-deleteicon{display:block}.react-dashboard-widget{border:1px solid hsla(0,0%,50%,.3);height:100%;overflow:hidden;position:relative;width:100%}.react-dashboard-widget-selector{background:var(--component-background);height:60%;left:50%;max-height:600px;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1006}.react-dashboard-widget-wrap{display:flex;height:100%}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar{background:var(--component-background);border-right:1px solid rgba(0,0,0,.1);padding:10px;width:180px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-searchIcon{color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item{cursor:pointer;display:flex;justify-content:space-between;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item .react-dashboard-widget-Badge .ant-badge-count{background-color:var(--component-background-1)!important;color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item:hover{background:var(--component-background-3);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-active{background:rgba(0,0,0,.03);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-Layer{background:rgba(0,0,0,.01);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar{height:1px;overflow:auto;width:1px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb{background-color:var(--primary-color);min-height:25px;min-width:25px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:active{background-color:#787878}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-waterfall{width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .ant-popover-inner-content{background:rgba(0,0,0,.01)}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item{-webkit-column-break-inside:avoid;background:var(--component-background);border:1px solid rgba(0,0,0,.1);border-radius:5px;cursor:pointer;height:auto;margin-bottom:10px;overflow:hidden;position:relative;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-shortcut{height:auto;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-mask{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover{border:1px solid var(--component-background-3);transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover .react-dashboard-widget-mask{opacity:1;transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar{border-top:1px solid rgba(0,0,0,.1);padding:5px;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-iconWrap{border-radius:7px;color:#fff;display:inline-block;font-size:16px;height:28px;line-height:28px;margin-right:5px;text-align:center;width:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-name{color:var(--text-color);display:inline;flex:1 1;font-size:16px;font-weight:700;line-height:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-description{margin-top:5px}.qc-dialog-select{width:100%}.qc-dialog-select .qc-dialog-select-trigger{align-items:center;color:rgba(0,0,0,.45);color:var(--qc-dialog-select-trigger-color,rgba(0,0,0,.45));cursor:pointer;display:inline-flex;height:100%;justify-content:center;pointer-events:auto;transition:color .2s;width:100%}.qc-dialog-select .qc-dialog-select-trigger:hover{color:#1677ff;color:var(--qc-dialog-select-trigger-hover,#1677ff)}.qc-dialog-select.ant-select.ant-select:hover .ant-select-arrow:not(:last-child){opacity:1}.qc-dialog-select.ant-select-allow-clear .ant-select-clear{inset-inline-end:31px}.qc-dialog-select.ant-select-allow-clear .ant-select-selection-item,.qc-dialog-select.ant-select-allow-clear .ant-select-selection-placeholder{padding-inline-end:36px}.qc-dialog-select.ant-select-multiple .ant-select-selector{padding-inline-end:38px}:root{--dn-brand-color:#1890ff;--dn-brand-hovering:#40a9ff;--dn-brand-dragging:rgba(24,144,255,.26);--dn-brand-dropping:rgba(24,144,255,.34);--dn-brand-moving:rgba(24,144,255,.5);--dn-white:#fff;--dn-white-gray:#d9d9d9;--dn-white-gray-light:#eee;--dn-white-gray-lighter:#f0f0f0;--dn-white-gray-dark:#aaa;--dn-gray:#333;--dn-gray-light:#444;--dn-gray-lighter:#595959;--dn-gray-dark:#222;--dn-black:#1a1a1a}.dn-light{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-gray);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-white);--dn-outline-tree-header-border-color:var(--dn-white-gray-light);--dn-outline-tree-color:var(--dn-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-gray);--dn-outline-tree-node-hover-color:var(--dn-brand-color);--dn-toolbar-input-color:var(--dn-gray-dark);--dn-toolbar-input-bg-color:var(--dn-white);--dn-toolbar-input-border-color:var(--dn-white-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-white-gray-light);--dn-toolbar-input-handler-bg-color:var(--dn-white);--dn-resize-handle-bg-color:var(--dn-white-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-white-gray-lighter);--dn-resize-handle-color:var(--dn-gray-light);--dn-resize-handle-hover-color:var(--dn-white-lighter);--dn-mobile-simulator-bg-color:var(--dn-white-gray-light);--dn-mobile-simulator-body-bg-color:var(--dn-white);--dn-mobile-simulator-border-color:var(--dn-gray-dark);--dn-responsive-simulator-bg-color:var(--dn-white);--dn-pc-simulator-bg-color:var(--dn-white);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-white-gray);--dn-panel-active-bg-color:var(--dn-white-gray-light);--dn-resource-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-bg-color:var(--dn-white);--dn-composite-panel-tabs-active-bg-color:var(--dn-white);--dn-composite-panel-highlight-bg-color:var(--dn-white-gray-light);--dn-composite-panel-tabs-color:var(--dn-gray-lighter);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-header-color:var(--dn-gray-lighter);--dn-collapse-header-color:var(--dn-gray);--dn-resource-item-color:var(--dn-gray);--dn-resource-item-hover-border-color:var(--dn-brand-color);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-white);--dn-workspace-panel-bg-color:var(--dn-white-gray-light);--dn-scrollbar-color:var(--dn-white-gray);--dn-scrollbar-hover-color:var(--white-dn-gray-lighter);--dn-empty-bg-color:var(--dn-white);--dn-droppable-bg-color:var(--dn-white-gray-lighter);--dn-droppable-border-color:var(--dn-white-gray-dark);--dn-droppable-color:var(--dn-gray-lighter)}.dn-dark{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-brand-color);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-gray-dark);--dn-outline-tree-header-border-color:var(--dn-gray);--dn-outline-tree-color:var(--dn-white-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-white-gray);--dn-outline-tree-node-hover-color:var(--dn-white-gray);--dn-toolbar-input-color:var(--dn-white-gray);--dn-toolbar-input-bg-color:transparent;--dn-toolbar-input-border-color:var(--dn-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-brand-color);--dn-toolbar-input-handler-bg-color:var(--dn-gray-light);--dn-resize-handle-bg-color:var(--dn-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-gray-lighter);--dn-resize-handle-color:var(--dn-gray-lighter);--dn-resize-handle-hover-color:var(--dn-white-gray-dark);--dn-mobile-simulator-bg-color:var(--dn-black);--dn-mobile-simulator-body-bg-color:var(--dn-black);--dn-mobile-simulator-border-color:var(--dn-black);--dn-responsive-simulator-bg-color:var(--dn-black);--dn-pc-simulator-bg-color:var(--dn-black);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-gray-light);--dn-panel-active-bg-color:var(--dn-gray);--dn-resource-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-active-bg-color:var(--dn-gray-dark);--dn-composite-panel-highlight-bg-color:var(--dn-black);--dn-composite-panel-tabs-color:var(--dn-white-gray-dark);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-header-color:var(--dn-white-gray);--dn-collapse-header-color:var(--dn-white-gray);--dn-resource-item-color:var(--dn-white-gray);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-gray-dark);--dn-workspace-panel-bg-color:var(--dn-gray-dark);--dn-scrollbar-color:var(--dn-gray-light);--dn-scrollbar-hover-color:var(--dn-gray-lighter);--dn-empty-bg-color:var(--dn-gray-dark);--dn-droppable-bg-color:var(--dn-gray);--dn-droppable-border-color:var(--dn-gray-light);--dn-droppable-color:var(--dn-white)}.dn-app{font-feature-settings:"tnum","tnum";color:#222;color:var(--dn-gray-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-variant:tabular-nums;line-height:1.5715}.dn-app ::-webkit-scrollbar{height:5px;width:5px}.dn-app ::-webkit-scrollbar-thumb{background-color:var(--dn-scrollbar-color);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-app ::-webkit-scrollbar-thumb:hover{background-color:var(--dn-scrollbar-hover-color)}.dn-app *{box-sizing:border-box}.dn-app [contenteditable=true]{cursor:text!important;min-height:14px;min-width:1px;outline:none!important}.dn-app [data-content-editable]:not([contenteditable=true]):empty:before{content:"Please Input";display:block;opacity:.6}.dn-app [data-content-editable]:not([contenteditable=true]):hover{cursor:text!important;opacity:.8}.dn-main-panel{display:flex;flex:1 1;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.dn-main-panel-container{display:flex;flex-direction:column;flex-grow:1}.dn-main-panel-container.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-main-panel-container.absolute{position:absolute}.dn-main-panel-container.relative{position:relative}.dn-main-panel-header{background:var(--dn-main-panel-header-bg-color);border-bottom:1px solid var(--dn-panel-border-color);flex-grow:0;flex-shrink:0;justify-content:space-between;padding:4px}.dn-main-panel-header,.dn-main-panel-header-actions,.dn-main-panel-header-logo{align-items:center;display:flex}.dn-main-panel-header-actions{justify-content:flex-end}.dn-main-panel.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-composite-panel{display:flex;flex-grow:0;flex-shrink:0;position:relative;-ms-user-select:none;user-select:none;z-index:2}.dn-composite-panel-tabs{background-color:var(--dn-composite-panel-tabs-bg-color);border-right:1px solid var(--dn-panel-border-color);display:flex;flex-direction:column;position:relative;z-index:2}.dn-composite-panel-tabs-pane{align-items:center;color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;flex-direction:column;font-size:20px;justify-content:center;min-height:48px;min-width:48px;padding:10px;position:relative}.dn-composite-panel-tabs-pane-title{font-size:10px;margin-top:6px}.dn-composite-panel-tabs-pane:hover{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active:after{background-color:var(--dn-composite-panel-tabs-hover-color);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:3px}.dn-composite-panel-tabs-content{background:var(--dn-composite-panel-tabs-content-bg-color);border-right:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;height:100%;width:300px}.dn-composite-panel-tabs-content.pinning{border-right:1px solid transparent;box-shadow:-2px 5px 10px hsla(0,0%,40%,.42);left:100%;position:absolute;top:0;z-index:1}.dn-composite-panel-tabs-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-composite-panel-tabs-header-actions{align-items:center;display:flex}.dn-composite-panel-tabs-header-actions>*{margin-right:8px}.dn-composite-panel-tabs-header-actions>:last-child{margin-right:0}.dn-composite-panel-tabs-header-pin{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-pin:hover{transform:scale(1.1)}.dn-composite-panel-tabs-header-title{font-size:20px}.dn-composite-panel-tabs-header-close{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-close:hover{transform:rotate(90deg)}.dn-composite-panel-tabs-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay;overflow-x:hidden}.dn-composite-panel.direction-right{flex-direction:row-reverse}.dn-composite-panel.direction-right .dn-composite-panel-tabs-pane.active:after{left:auto;right:-1px}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content.pinning{left:auto;right:100%;top:0}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content{border-left:1px solid var(--dn-panel-border-color);border-right:none}.dn-composite-panel.direction-right .dn-composite-panel-tabs{border-left:1px solid var(--dn-panel-border-color)}.dn-workspace-panel{background-color:var(--dn-workspace-panel-bg-color);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:4px;position:relative;z-index:1}.dn-workspace-panel-item{position:relative}.dn-workspace-panel button[disabled]{pointer-events:none!important}.dn-settings-panel{background:var(--dn-composite-panel-tabs-content-bg-color);border-left:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;position:relative;-ms-user-select:none;user-select:none;width:300px;z-index:2}.dn-settings-panel.pinning{border-left:1px solid transparent;box-shadow:2px 5px 10px hsla(0,0%,40%,.52);position:absolute;right:0;top:0;z-index:10}.dn-settings-panel-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-settings-panel-header-actions{align-items:center;display:flex}.dn-settings-panel-header-actions>*{margin-right:8px}.dn-settings-panel-header-actions>:last-child{margin-right:0}.dn-settings-panel-header-pin{transition:all .15s ease-in-out}.dn-settings-panel-header-pin:hover{transform:scale(1.1)}.dn-settings-panel-header-title{font-size:20px}.dn-settings-panel-header-close{transition:all .15s ease-in-out}.dn-settings-panel-header-close:hover{transform:rotate(90deg)}.dn-settings-panel-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay}.dn-settings-panel-opener{align-items:center;background:var(--dn-composite-panel-tabs-content-bg-color);border:1px solid var(--dn-panel-border-color);border-radius:3px;box-shadow:0 0 6px rgba(0,0,0,.1);color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;z-index:2}.dn-settings-panel-opener .dn-icon{transition:all .15s ease-in-out}.dn-settings-panel-opener:hover .dn-icon{transform:rotate(45deg)}.dn-viewport{box-sizing:border-box;height:100%;min-height:100px;outline:none;overflow:overlay;position:relative;-ms-user-select:none;user-select:none;width:100%}.dn-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;display:inline-block;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em}.dn-icon svg{pointer-events:none}@keyframes dn-animate-slide-to-top{0%{opacity:0;transform:translateY(-10%)}to{opacity:.8;transform:translateY(0)}}.dn-auxtool{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:perspective(1px) translateZ(0);width:100%;z-index:9998}.dn-aux-button button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-button button:focus,.dn-aux-button button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-button button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-cover-rect.dragging{background-color:var(--dn-aux-cover-rect-dragging-color)}.dn-aux-cover-rect.dropping{background-color:var(--dn-aux-cover-rect-dropping-color)}.dn-aux-free-selection{background-color:var(--dn-aux-free-selection-background-color);border-color:var(--dn-aux-free-selection-border-color)}.dn-aux-helpers{pointer-events:all;position:absolute;-ms-user-select:none;user-select:none;z-index:10}.dn-aux-helpers button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers button:focus,.dn-aux-helpers button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-helpers button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-helpers.bottom-right{right:0;top:100%}.dn-aux-helpers.bottom-left{left:0;top:100%}.dn-aux-helpers.bottom-center{left:50%;top:100%;transform:translateX(-50%)}.dn-aux-helpers.inner-top-right{right:2px;top:-2px}.dn-aux-helpers.inner-top-left{left:2px;top:-2px}.dn-aux-helpers.inner-top-center{right:2px;top:-2px}.dn-aux-helpers.inner-bottom-right{bottom:-2px;right:2px}.dn-aux-helpers.inner-bottom-left{bottom:-2px;left:2px}.dn-aux-helpers.inner-bottom-center{bottom:-2px;right:2px}.dn-aux-helpers.top-right{bottom:100%;right:0}.dn-aux-helpers.top-left{bottom:100%;left:0}.dn-aux-helpers.top-center{bottom:100%;left:50%;transform:translateX(-50%)}.dn-aux-helpers button span{margin-left:2px;transform:scale(.9)}.dn-aux-helpers button span.dn-icon{margin-left:0;transform:scale(1)}.dn-aux-helpers-content{display:flex;flex-wrap:nowrap;white-space:nowrap}.dn-aux-helpers-content button{align-items:center;display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers-content>*{margin-bottom:4px;margin-left:2px;margin-top:4px}.dn-aux-helpers-content>:first-child{margin-left:0}.dn-aux-insertion{background-color:var(--dn-aux-insertion-color)}.dn-aux-dashed-box{border:1px dashed var(--dn-aux-dashed-box-color)}.dn-aux-dashed-box-title{color:var(--dn-aux-dashed-box-title-color)}.dn-aux-selection-box{border:2px solid var(--dn-aux-selection-box-border-color);pointer-events:none;position:relative}.dn-aux-selection-box-inner{bottom:0;left:0;position:absolute;right:0;top:0}.dn-aux-selection-box-title{color:var(--dn-aux-selection-box-color)}.dn-aux-selector button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-selector button:focus,.dn-aux-selector button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-selector button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-selector-menu{animation:dn-animate-slide-to-top .2s;margin-top:-4px;opacity:.8}.dn-aux-selector-menu button{align-items:center;display:flex;font-size:12px!important;height:20px;margin-top:2px;padding:0 3px}.dn-aux-drag-handler{cursor:move}.dn-aux-node-resize-handler{background-color:#fff;border:1px solid var(--dn-brand-color);border-radius:10px;height:10px;pointer-events:all;position:absolute;width:10px}.dn-aux-node-resize-handler.left-center{cursor:ew-resize;left:0;top:50%;transform:translate(calc(-50% - 1px),-50%)}.dn-aux-node-resize-handler.right-center{cursor:ew-resize;left:100%;top:50%;transform:translate(calc(-50% + 1px),-50%)}.dn-aux-node-resize-handler.center-top{cursor:ns-resize;left:50%;top:0;transform:translate(-50%,calc(-50% - 1px))}.dn-aux-node-resize-handler.center-bottom{cursor:ns-resize;left:50%;top:100%;transform:translate(-50%,calc(-50% + 1px))}.dn-aux-node-resize-handler.left-top{cursor:nwse-resize;left:0;top:0;transform:translate(calc(-50% + 1px),calc(-50% + 1px))}.dn-aux-node-resize-handler.left-bottom{cursor:nesw-resize;left:0;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-bottom{cursor:nwse-resize;left:100%;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-top{cursor:nesw-resize;left:100%;top:0;transform:translate(-50%,-50%)}.dn-aux-node-translate-handler{background:#1890ff;border-radius:2px;height:20px;opacity:.5;pointer-events:all;width:40px}.dn-aux-node-translate-handler,.dn-aux-space-block-ruler-indicator{align-items:center;display:flex;justify-content:center;position:absolute}.dn-aux-space-block-ruler-indicator{background-color:var(--dn-brand-color);border-radius:8px;color:var(--dn-white);z-index:2}.dn-aux-space-block-ruler-indicator span{display:inline-block;font-size:12px;margin:0 6px}.dn-aux-space-block-ruler-h{border-left:1px solid var(--dn-brand-color);border-right:1px solid var(--dn-brand-color);height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-aux-space-block-ruler-h:after{background-color:var(--dn-brand-color);content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}.dn-aux-space-block-ruler-h .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-aux-space-block-ruler-v{border-bottom:1px solid var(--dn-brand-color);border-top:1px solid var(--dn-brand-color);height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:12px}.dn-aux-space-block-ruler-v:after{background-color:var(--dn-brand-color);content:"";display:block;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:1px;z-index:1}.dn-aux-space-block-ruler-v .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-component-tree{height:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.dn-designer-tools{align-items:center;display:flex}.dn-designer-tools .ant-input-number{background:var(--dn-toolbar-input-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important;font-size:12px!important}.dn-designer-tools .ant-input-number .ant-input-number-handler,.dn-designer-tools .ant-input-number .ant-input-number-handler-wrap{background:var(--dn-toolbar-input-handler-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number .ant-input-number-handler-down-inner,.dn-designer-tools .ant-input-number .ant-input-number-handler-up-inner{color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number:hover{border-color:var(--dn-toolbar-input-hover-border-color)!important}.dn-node-actions{align-items:center;display:flex;justify-content:center;overflow:hidden;padding-bottom:8px;padding-top:8px;width:100%}.dn-node-actions-content{align-items:center;display:flex;line-height:1;padding:0 20px;position:relative}.dn-node-actions-content:before{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;position:absolute;right:100%;top:50%;width:300%}.dn-node-actions-content:after{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;left:100%;position:absolute;top:50%;width:300%}.dn-node-actions-content a{color:#1677ff}.dn-node-actions-content a:hover{color:#1677ff}.dn-node-actions-item-text{align-items:center;display:flex;font-size:10px;line-height:1.2}.dn-node-actions-item-text .dn-icon{margin-right:6px}.dn-droppable-placeholder{background-color:var(--dn-droppable-bg-color);border:1px dashed var(--dn-droppable-border-color);color:var(--dn-droppable-color);font-size:13px;font-weight:lighter;height:60px}.dn-droppable-placeholder,.dn-empty{align-items:center;display:flex;justify-content:center}.dn-empty{background:var(--dn-empty-bg-color);bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:perspective(1px) translateZ(0);width:100%}.dn-empty .animations{display:flex;flex-wrap:wrap;justify-content:center}.dn-empty .hotkeys-list{color:#888;line-height:30px;text-align:center}.dn-ghost{background-color:var(--dn-ghost-bg-color);border-radius:50px;color:var(--dn-ghost-color);font-size:12px;height:30px;justify-content:center;left:0;padding-left:25px;padding-right:15px;pointer-events:none;position:fixed;top:0;transform:translateZ(0);z-index:9999}.dn-ghost,.dn-history-item{align-items:center;display:flex}.dn-history-item{color:var(--dn-outline-tree-node-header-color);cursor:pointer;justify-content:space-between;min-height:32px;padding:0 10px}.dn-history-item-timestamp{font-size:10px}.dn-history-item:hover{background-color:var(--dn-panel-active-bg-color)}.dn-history-item.active{background-color:var(--dn-panel-active-bg-color)}.dn-node-path{border-bottom:1px solid var(--dn-panel-border-color);padding:4px 10px!important}.dn-node-path .dn-icon{font-size:11px}.dn-node-path .ant-breadcrumb-separator{margin:0 4px!important}.dn-node-path a{font-size:12px}.dn-outline-tree-container{background-color:var(--dn-outline-tree-bg-color);display:flex;flex-direction:column;height:100%;min-height:100px;overflow:hidden;position:relative;width:100%}.dn-outline-tree-header{align-items:center;border-bottom:1px solid var(--dn-outline-tree-header-border-color);color:var(--dn-outline-tree-color);display:flex;justify-content:space-between;padding:8px}.dn-outline-tree-title{font-size:16px;font-weight:500}.dn-outline-tree-close{align-items:center;cursor:pointer;display:flex;transform:scale(1.6)}.dn-outline-tree-content{flex-grow:1;height:100%;overflow:overlay;padding-bottom:20px;position:relative;width:100%}.dn-outline-tree-aux{left:0;position:absolute;top:0}.dn-outline-tree-insertion{background-color:var(--dn-outline-tree-insertion-bg-color)}.dn-outline-tree-node{min-width:100%;position:relative;-ms-user-select:none;user-select:none;width:fit-content}.dn-outline-tree-node.expanded>.dn-outline-tree-node-header .dn-outline-tree-node-expand{transform:rotate(0)}.dn-outline-tree-node.expanded>.dn-outline-tree-node-children{display:block}.dn-outline-tree-node.selected>.dn-outline-tree-node-header{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.selected>.dn-outline-tree-node-header .dn-outline-tree-node-header-head{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.droppable>.dn-outline-tree-node-header .dn-outline-tree-node-header-content .dn-outline-tree-node-header-base>.dn-outline-tree-node-icon{transform:scale(1.2)}.dn-outline-tree-node-hidden-icon:not(.hidden){display:none}.dn-outline-tree-node-header{align-items:center;color:var(--dn-outline-tree-node-header-color);display:flex;min-height:32px;min-width:100%;padding-left:8px;position:relative;width:fit-content}.dn-outline-tree-node-header:hover .dn-outline-tree-node-header-content{color:var(--dn-outline-tree-node-hover-color)}.dn-outline-tree-node-header:hover .dn-outline-tree-node-hidden-icon{display:block}.dn-outline-tree-node-header-head{height:100%;left:0;pointer-events:none;position:absolute;top:0}.dn-outline-tree-node-header-content{align-items:center;display:flex;font-size:12px;height:100%;justify-content:space-between;min-width:100%;transform-origin:left;transition:all .15s ease-in;width:fit-content}.dn-outline-tree-node-header-base{align-items:center;display:flex}.dn-outline-tree-node-header-actions{align-items:center;display:flex;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-expand{align-items:center;display:flex;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-out;width:12px}.dn-outline-tree-node-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-size:12px;margin-right:5px}.dn-outline-tree-node-title{margin-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-actions{flex-grow:2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-children{display:none;min-width:100%;padding-left:16px;width:fit-content}.dn-resource{flex-wrap:wrap;overflow:hidden}.dn-resource-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;padding:5px 8px;transition:all .25s ease-in-out}.dn-resource-header-expand{font-size:12px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-resource-content-wrapper{background:var(--dn-resource-content-bg-color);display:flex;justify-content:center}.dn-resource-content{display:flex;display:none;flex-wrap:wrap;width:100%}.dn-resource.expand .dn-resource-content{grid-gap:1px;background-color:var(--dn-panel-border-color);border-bottom:1px solid var(--dn-panel-border-color);display:grid;grid-template-columns:repeat(3,33.3333%)}.dn-resource.expand .dn-resource-header-expand{transform:rotate(0)}.dn-resource-item{align-items:center;background:var(--dn-resource-content-bg-color);color:var(--dn-resource-item-color);cursor:grab;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;transition:color .1s ease-out;-ms-user-select:none;user-select:none}.dn-resource-item:hover{box-shadow:0 0 10px rgba(0,0,0,.1);color:var(--dn-resource-item-hover-color);z-index:1}.dn-resource-item-icon{margin:12px 0}.dn-resource-item-text{font-size:12px;line-height:1;margin-bottom:12px;text-align:center}.dn-resource-item-remain{background:var(--dn-resource-content-bg-color)}.dn-pc-simulator{background-color:var(--dn-pc-simulator-bg-color);bottom:0;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.dn-mobile-simulator{background-color:var(--dn-mobile-simulator-bg-color);height:100%;min-height:100px;position:relative;width:100%}.dn-mobile-simulator-content{height:100%;left:0;overflow:overlay;position:absolute;top:0;width:100%}.dn-mobile-simulator-body{display:flex;height:100%;justify-content:center}.dn-mobile-simulator-body-content{background-color:var(--dn-mobile-simulator-body-bg-color);border:3px solid var(--dn-mobile-simulator-border-color)}.dn-responsive-simulator{background-color:var(--dn-responsive-simulator-bg-color)}.dn-resize-handle{align-items:center;background:var(--dn-resize-handle-bg-color);bottom:0;box-sizing:border-box;color:var(--dn-resize-handle-color);display:flex;justify-content:center;position:absolute;transition:all .2s ease-in-out;-ms-user-select:none;user-select:none;z-index:10}.dn-resize-handle-RESIZE_WIDTH{bottom:15px;cursor:ew-resize;top:0}.dn-resize-handle-RESIZE_WIDTH svg{transform:rotate(-90deg);transform-origin:center}.dn-resize-handle-RESIZE_HEIGHT{cursor:ns-resize;left:0;right:15px}.dn-resize-handle-RESIZE{cursor:nwse-resize}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_HEIGHT{height:15px}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_WIDTH{right:0;width:15px}.dn-resize-handle:hover{background:var(--dn-resize-handle-hover-bg-color);color:var(--dn-resize-handle-hover-color)}.dn-color-input{width:100%}.dn-color-input .ant-popover-inner-content{padding:0!important;-ms-user-select:none;user-select:none}.dn-color-input-color-tips{border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;height:20px;width:20px}.dn-corner-input{display:flex}.dn-corner-input-column{flex-direction:column}.dn-corner-input-cell,.dn-corner-input-column{align-items:center;display:flex;justify-content:center}.dn-corner-input-cell{border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;height:26px;margin:5px;width:26px}.dn-corner-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-image-input{width:100%}.dn-position-input{display:flex;flex-direction:column}.dn-position-input-cell,.dn-position-input-row{display:flex;justify-content:center}.dn-position-input-cell{align-items:center;border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);color:#333;cursor:pointer;height:26px;margin:5px;width:26px}.dn-position-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-poly-input{align-items:center;display:flex;width:100%}.dn-poly-input .dn-poly-input-content{display:flex;flex-grow:2;margin-right:2px}.dn-poly-input .dn-poly-input-content .ant-input-number,.dn-poly-input .dn-poly-input-content .ant-select{width:100%}.dn-poly-input .dn-poly-input-controller{align-items:center;border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;display:flex;flex-grow:0;justify-content:center;padding:0 8px}.dn-monaco-input{display:flex;height:100%;opacity:0;position:relative;transition:all .15s ease-in-out;width:100%}.dn-monaco-input.loaded{opacity:1}.dn-monaco-input-view{flex-grow:2;height:100%}.dn-monaco-input-helper{bottom:10px;position:absolute;right:5%;z-index:2}.dn-monaco-input .monaco-error-highline{background:red!important;border-radius:100%!important;height:5px!important;left:0!important;transform:translate(35px,5px)!important;width:5px!important}.dn-drawer-setter{background:var(--dn-composite-panel-tabs-content-bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:10}.dn-drawer-setter-header{align-items:center;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;padding:5px 10px}.dn-drawer-setter-header-text{margin-left:4px}.dn-drawer-setter-body{flex-grow:2;overflow:overlay;overflow-x:hidden;padding:10px 20px}.dn-drawer-wrapper{transition:all .16s ease-in-out}.dn-drawer-wrapper-enter{transform:translateX(100%)}.dn-drawer-wrapper-enter-active,.dn-drawer-wrapper-exit{transform:translateX(0)}.dn-drawer-wrapper-exit-active{transform:translateX(100%)}.dn-fold-item .ant-formily-item-label-content{overflow:visible}.dn-fold-item-base{cursor:pointer}.dn-fold-item-title{align-items:center;cursor:pointer;display:flex;margin-left:-10px}.dn-fold-item-title .dn-icon{transform:translateX(-3px)}.dn-fold-item-title .dn-icon svg{transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-fold-item-title.expand .dn-icon svg{transform:rotate(0deg)}.dn-fold-item-extra{background-color:var(--dn-composite-panel-highlight-bg-color);margin:-10px -10px 10px;padding:10px 10px 0}.dn-input-items{display:flex;flex-wrap:wrap;margin-left:-8px}.dn-input-items-item{align-items:center;color:#333;display:flex;margin-bottom:10px}.dn-input-items-item-icon{align-items:center;color:#333;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin:0 8px}.dn-input-items-item-controller{flex-grow:1;flex-shrink:1;min-width:0}.dn-input-items-item-controller .ant-radio-group{display:flex}.dn-input-items-item-controller .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center}.dn-input-items-item.vertical{align-items:flex-start;flex-direction:column}.dn-input-items-item.vertical .dn-input-items-item-controller{width:100%}.dn-border-style-setter{display:flex}.dn-border-style-setter-position{margin-left:-10px}.dn-border-style-setter-input{display:flex;flex-direction:column;height:110px;justify-content:space-between;margin-bottom:10px}.border-style-solid-line{display:block;height:100%;position:relative;width:100%}.border-style-solid-line:after{border-top:2px solid;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dashed-line{display:block;height:100%;position:relative;width:100%}.border-style-dashed-line:after{border-top:2px dashed;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dotted-line{display:block;height:100%;position:relative;width:100%}.border-style-dotted-line:after{border-top:2px dotted;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-flex-style-setter .dn-input-items{background-color:#f5f5f5;margin:-10px -10px 10px;padding:10px 10px 0}.dn-flex-style-setter .dn-input-items .ant-radio-group{display:flex;width:100%}.dn-flex-style-setter .dn-input-items .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center;padding:0}.dn-display-style-setter-radio{display:flex!important;width:100%}.dn-display-style-setter-radio .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:0}.dn-collapse-item{flex-wrap:wrap}.dn-collapse-item-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);border-top:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;margin:-1px -20px 0;padding:5px 20px;transition:all .25s ease-in-out}.dn-collapse-item-header-expand{font-size:12px;margin-left:-13px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-collapse-item-content{display:none;padding-top:4px;width:100%}.dn-collapse-item-content>div:last-child{border-bottom:none!important}.dn-collapse-item.expand .dn-collapse-item-content{display:block}.dn-collapse-item.expand .dn-collapse-item-header-expand{transform:rotate(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate__slideInRight{animation-name:slideInRight}.animate__slideOutRight{animation-name:slideOutRight}.animate__animated{animation-delay:0ms;animation-duration:.25s;animation-fill-mode:forwards}.animate__fadeInUp{animation-name:fadeIn}.dn-settings-form-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.dn-settings-form-wrapper .dn-node-path{flex-grow:0}.dn-settings-form-wrapper .dn-settings-form-content{flex-grow:1;overflow:overlay}.dn-settings-form-wrapper .ant-formily-item{border-bottom:1px solid #f5f5f5;margin-bottom:8px;margin-top:8px;padding-bottom:8px}.dn-settings-form-wrapper .ant-formily-item *{font-size:13px}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component{align-items:center;display:flex;justify-content:flex-end}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group{display:flex!important;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:2;justify-content:center;padding:0 6px!important}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-slider{flex-shrink:0;min-width:0;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-select{max-width:140px}.dn-settings-form{padding:0 20px}.dn-settings-form-empty{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center}.dn-data-source-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-data-source-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-data-source-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-data-source-setter-node-title{align-items:center;display:flex;justify-content:space-between}.dn-data-source-setter-node-title-icon{opacity:0;transition:all .15s ease-in-out}.dn-data-source-setter-node-title-icon:hover{color:#1677ff}.dn-data-source-setter-layout{border:1px solid #f5f5f5;border-radius:3px;display:flex;justify-content:space-around}.dn-data-source-setter-layout .ant-tree-treenode{padding-right:10px;white-space:nowrap}.dn-data-source-setter-layout .ant-tree-treenode:hover .dn-data-source-setter-node-title-icon{opacity:1}.dn-data-source-setter-layout-item{position:relative}.dn-data-source-setter-layout-item.left{border-right:1px solid #f5f5f5;width:40%}.dn-data-source-setter-layout-item.right{width:60%}.dn-data-source-setter-layout-item-header{align-items:center;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;display:flex;flex:none;height:40px;justify-content:space-between;padding:8px 12px 9px}.dn-data-source-setter-layout-item-content{height:300px;max-height:300px;overflow:scroll;padding:2%}.dn-reactions-setter{min-height:623px;overflow:hidden;width:100%}.dn-reactions-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-reactions-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-reactions-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-reactions-setter .ant-collapse{border:1px solid #f5f5f5}.dn-reactions-setter .ant-collapse-header{background-color:#fff!important;border-bottom:1px solid #f5f5f5!important;font-weight:500!important;padding:8px 10px!important}.dn-reactions-setter .ant-collapse-header .ant-collapse-arrow{margin-right:4px!important}.dn-reactions-setter .ant-collapse-item{border:none!important}.dn-reactions-setter .ant-collapse-content{border:none!important;transition:none!important}.dn-reactions-setter .ant-collapse-content-box{padding:12px!important}.dn-reactions-setter .reaction-runner .ant-collapse-content-box,.dn-reactions-setter .reaction-state .ant-collapse-content-box{padding:12px 0!important}.dn-reactions-setter .dn-field-property-setter{display:flex;height:300px}.dn-reactions-setter .dn-field-property-setter-coder-wrapper{display:flex;flex-direction:column;flex-grow:2;height:100%;padding-left:10px;position:relative}.dn-reactions-setter .dn-field-property-setter-coder-end,.dn-reactions-setter .dn-field-property-setter-coder-start{color:#333;flex-grow:0;font-size:18px;font-weight:300;height:31px;line-height:30px;margin-bottom:4px;opacity:.96}.dn-reactions-setter .dn-field-property-setter-coder-end{margin-top:4px}.dn-reactions-setter .dn-field-property-setter-coder{flex-grow:2;min-width:0;padding-left:10px}.dn-designable-form .ant-cascader-picker,.dn-designable-form .ant-cascader-picker input,.dn-designable-form .ant-cascader-picker-label,.dn-designable-form .ant-cascader-picker-label input,.dn-designable-form .ant-checkbox,.dn-designable-form .ant-checkbox input,.dn-designable-form .ant-checkbox-group,.dn-designable-form .ant-checkbox-group input,.dn-designable-form .ant-checkbox-wrapper,.dn-designable-form .ant-checkbox-wrapper input,.dn-designable-form .ant-input,.dn-designable-form .ant-input input,.dn-designable-form .ant-input-affix-wrapper,.dn-designable-form .ant-input-affix-wrapper input,.dn-designable-form .ant-input-number,.dn-designable-form .ant-input-number input,.dn-designable-form .ant-picker,.dn-designable-form .ant-picker input,.dn-designable-form .ant-picker-input,.dn-designable-form .ant-picker-input input,.dn-designable-form .ant-radio,.dn-designable-form .ant-radio input,.dn-designable-form .ant-radio-group,.dn-designable-form .ant-radio-group input,.dn-designable-form .ant-radio-wrapper,.dn-designable-form .ant-radio-wrapper input,.dn-designable-form .ant-rate,.dn-designable-form .ant-rate input,.dn-designable-form .ant-select,.dn-designable-form .ant-select input,.dn-designable-form .ant-select-selector,.dn-designable-form .ant-select-selector input,.dn-designable-form .ant-slider,.dn-designable-form .ant-slider input,.dn-designable-form .ant-switch,.dn-designable-form .ant-switch input,.dn-designable-form .ant-transfer,.dn-designable-form .ant-transfer input,.dn-designable-form .ant-upload,.dn-designable-form .ant-upload input{pointer-events:none!important}.dn-designable-form .anticon svg{pointer-events:none}.dn-text:empty:before{content:"Please Input";display:block;opacity:.6}.dn-text:focus{padding:4px}.dn-array-cards{background-color:#fff}.dn-grid-column{border:1px dashed #aaa;margin:4px;min-height:60px}.dn-app{height:100%}.dn-form-container{border:1px solid #f5f5f5;margin:0!important;padding:20px}.dn-array-table{background-color:#fff}.antd-tool-bar{align-items:center;backdrop-filter:blur(8px);border-block-start:1px solid;box-sizing:border-box;display:flex;flex-wrap:wrap;inset-inline-end:0;line-height:40px;padding-block:0;padding-inline:16px;transition:all .2s ease 0s;width:100%}.antd-tool-bar-banner{flex:1 0 100%;line-height:normal;min-width:0}.antd-tool-bar-left{color:inherit;flex:1 0 auto}.antd-tool-bar-right{color:inherit;justify-content:flex-end;margin-inline-start:auto}.antd-tool-bar-left,.antd-tool-bar-right{align-items:center;display:flex;flex-wrap:wrap;max-width:100%;min-width:0}:root{--alert-size:120px}.successOverlay:after,.successOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.successOverlay>div:after,.successOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.successOverlay:before{background:linear-gradient(90deg,green,transparent);left:0;top:0;transform:rotate(0deg)}.successOverlay:after{background:linear-gradient(270deg,green,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.successOverlay>div:before{background:linear-gradient(0deg,green,transparent);left:0;top:0;transform:rotate(180deg)}.successOverlay>div:after{background:linear-gradient(0deg,green,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.successOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.errorOverlay:after,.errorOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.errorOverlay>div:after,.errorOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.errorOverlay:before{background:linear-gradient(90deg,red,transparent);left:0;top:0;transform:rotate(0deg)}.errorOverlay:after{background:linear-gradient(270deg,red,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.errorOverlay>div:before{background:linear-gradient(0deg,red,transparent);left:0;top:0;transform:rotate(180deg)}.errorOverlay>div:after{background:linear-gradient(0deg,red,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.errorOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.alert-active{animation:blink .75s infinite}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.alertBadge{align-items:center;display:flex;flex-direction:column;font-size:28px;font-weight:700;gap:12px;left:50%;pointer-events:none;position:absolute;text-shadow:0 1px 2px hsla(0,0%,100%,.8);top:50%;transform:translate(-50%,-50%);z-index:2}.alertBadge .anticon{font-size:128px}.alertBadge-success{color:green}.alertBadge-error{color:red}.Dz2w2rqP3NUvu2CojZ48{background:transparent;border:none;font-size:12px;padding:0}.WVqhUh0bw58WT1N9Mfxw{border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:6px;padding:8px;transition:box-shadow .2s}.WVqhUh0bw58WT1N9Mfxw:hover{box-shadow:0 2px 4px rgba(0,0,0,.08)}.WVqhUh0bw58WT1N9Mfxw.agJwygTLbE7oS0lchIwW{background:#fafafa;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.gOWTe8dNP2MGv7tC4m3a{background:#f5f5f5;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.T6Ro3N19wqwnKQgWngKl{background:#f0f0f0;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.swG60WqYhMEamiW9LGtg{background:#ebebeb;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.X2XpNJ9EAhstsXHUxpvc{background:#e6e6e6;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.aCELqkZVw1tuBuGdQkqE{border-left-color:#fa8c16}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:4px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .IGHaxWV0SVgeEbY7werC{align-items:center;color:rgba(0,0,0,.85);display:flex;font-size:12px;font-weight:500;gap:4px;line-height:24px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .QnvuLJuFfawFpf1NVot8{display:flex;gap:4px}.WVqhUh0bw58WT1N9Mfxw .oZ1nzkB0VoosHPhcQiEf{display:flex;flex-direction:column;gap:4px}.WVqhUh0bw58WT1N9Mfxw .q4L2vxvMsFUEJt8QoPuO{border-left:1px dashed #e8e8e8;margin-left:8px;margin-top:6px;padding-left:8px}.ib1Owf8V1eQA7YaX9Boi{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:6px 8px;transition:all .2s}.ib1Owf8V1eQA7YaX9Boi:hover{border-color:#1890ff;box-shadow:0 2px 4px rgba(0,0,0,.08)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT{flex:1 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f{flex:0.6 1;min-width:80px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo{flex:1.2 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{flex:0.8 1;min-width:100px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{display:flex;flex-shrink:0;gap:2px;margin-left:auto}.mzDcsEio_IUe_2mnlpRP{display:inline-block;margin-bottom:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-group{display:flex;gap:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper{border-radius:4px;font-size:12px;height:24px;line-height:20px;min-width:70px;padding:2px 12px;transition:all .2s}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper:hover{box-shadow:0 1px 3px rgba(0,0,0,.04)}.mzDcsEio_IUe_2mnlpRP .cDzHKlGCqQUJOgLSmy8K{font-size:12px;font-weight:500}.mzDcsEio_IUe_2mnlpRP .Hr83fcChn6wsaRWTn0R3{display:none}.mzDcsEio_IUe_2mnlpRP .SmwulKxRwboIAAha3rew{color:#1890ff}.mzDcsEio_IUe_2mnlpRP .aC7AxaKjxoVOddP48saz{background:#1890ff;border-color:#1890ff;color:#fff}.mzDcsEio_IUe_2mnlpRP .Yx9yzBpCAPkVxwuN93Ux{color:#fa8c16}.mzDcsEio_IUe_2mnlpRP .wCY6PG3ou5MobtzVaevA{background:#fa8c16;border-color:#fa8c16;color:#fff}.wPvHtY1LFwQwfTkoO8pg{border-top:1px dashed #e8e8e8;display:flex;gap:6px;margin-top:6px;padding-top:6px}.wPvHtY1LFwQwfTkoO8pg .ant-btn{font-size:12px;height:24px;line-height:22px;padding:0 8px}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary{box-shadow:0 1px 2px rgba(24,144,255,.2)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary:hover{box-shadow:0 2px 4px rgba(24,144,255,.3)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-default:hover{border-color:#1890ff;color:#1890ff}.xJqFJaItrqkK4985lyIA{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px dashed #e8e8e8;border-radius:4px;color:rgba(0,0,0,.45);padding:20px 16px;text-align:center}.xJqFJaItrqkK4985lyIA .rjLSZJwdugAhAFsNqeTY{font-size:32px;margin-bottom:8px;opacity:.6}.xJqFJaItrqkK4985lyIA .cOoHn1wvw5kwScQxzYIU{font-size:12px;line-height:1.5;margin-bottom:0}.dVZC8NxAFKAc6WeIv75Z{background:#fafafa;border:1px solid #e8e8e8;border-radius:4px;margin-top:16px;padding:8px}.dVZC8NxAFKAc6WeIv75Z .C68tskTSmZMq_CDx_nSc{color:rgba(0,0,0,.85);font-size:12px;font-weight:500;margin-bottom:6px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw{background:#fff;border:1px solid #e8e8e8;border-radius:4px;max-height:300px;overflow-y:auto;padding:8px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw pre{font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.q83Qbdy7pN8u8ahieffE{background:#fff2e8;border:1px solid #ffbb96;border-radius:4px;margin-top:8px;padding:8px}.q83Qbdy7pN8u8ahieffE .ajY1rokDY0c6h1m0rRz9{color:#d4380d;font-size:12px;font-weight:500;margin-bottom:4px}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC{list-style:none;margin:0;padding:0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0{color:#d4380d;font-size:11px;padding:2px 0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0:before{content:"• ";margin-right:4px}@media (max-width:768px){.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{flex-wrap:wrap}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{min-width:calc(50% - 3px)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{justify-content:flex-end;margin-left:0;width:100%}}.ruleBuilderContainer .ant-input,.ruleBuilderContainer .ant-input-number,.ruleBuilderContainer .ant-select{font-size:12px}.ruleBuilderContainer .ant-input-number-sm,.ruleBuilderContainer .ant-input-sm,.ruleBuilderContainer .ant-select-sm{height:24px;line-height:24px}.ruleBuilderContainer .ant-select-sm .ant-select-selector{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-select-sm .ant-select-selection-item{line-height:22px}.ruleBuilderContainer .ant-input-sm{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-input-number-sm{font-size:12px;height:24px}.ruleBuilderContainer .ant-input-number-sm .ant-input-number-input{height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm{font-size:12px;height:24px;line-height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm.ant-btn-icon-only{padding:0;width:24px}@media print{.Dz2w2rqP3NUvu2CojZ48{border:none;box-shadow:none}.WVqhUh0bw58WT1N9Mfxw,.ib1Owf8V1eQA7YaX9Boi{box-shadow:none;break-inside:avoid}.QnvuLJuFfawFpf1NVot8,.lC03EUB4cHQqINN2WDct,.wPvHtY1LFwQwfTkoO8pg{display:none}}.regex-editor{display:flex;flex-direction:column;gap:12px}.regex-editor .regex-complexity{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;font-size:13px;padding:12px}.regex-editor .regex-complexity .complexity-item{align-items:center;display:flex;margin-bottom:8px}.regex-editor .regex-complexity .complexity-item:last-child{margin-bottom:0}.regex-editor .regex-complexity .complexity-item .label{color:#595959;font-weight:500;margin-right:8px}.regex-editor .regex-complexity .complexity-item .score{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .score.score-high{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .score.score-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .score.score-low{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-item .risk{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .risk.risk-low{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .risk.risk-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .risk.risk-high{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-suggestions{border-top:1px solid #e8e8e8;margin-top:12px;padding-top:12px}.regex-editor .regex-complexity .complexity-suggestions .suggestions-title{color:#595959;font-weight:500;margin-bottom:8px}.regex-editor .regex-complexity .complexity-suggestions ul{margin:0;padding-left:20px}.regex-editor .regex-complexity .complexity-suggestions ul li{color:#8c8c8c;line-height:1.6;margin-bottom:4px}.regex-editor .regex-complexity .complexity-suggestions ul li:last-child{margin-bottom:0}.regex-editor .cm-regex-error{text-decoration:wavy underline red;text-decoration-skip-ink:none}.regex-editor .cm-regex-warning{text-decoration:wavy underline orange;text-decoration-skip-ink:none}.regex-editor .cm-regex-info{text-decoration:wavy underline blue;text-decoration-skip-ink:none}svg.railroad-diagram{background-color:#f5f2f0}svg.railroad-diagram path{stroke-width:3;stroke:#000;fill:transparent}svg.railroad-diagram text{text-anchor:middle;font:700 14px monospace}svg.railroad-diagram text.label{text-anchor:start}svg.railroad-diagram text.comment{font:italic 12px monospace}svg.railroad-diagram rect{stroke-width:3;stroke:#000;fill:#cfc}
|
|
1
|
+
.grid-spin,.grid-spin .ant-spin-container{height:100%}.ag-icon-filter:before{color:#8a8a8a;mask-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQgODg0LjU3MWMwIDIwLjIyOSAxNi4yMjkgMzYuNTcyIDM2LjM0MyAzNi41NzJoMjk5Ljg4NmMyMC4xMTQgMCAzNi4zNDMtMTYuMzQzIDM2LjM0My0zNi41NzJ2LTIyNEgzMjUuNzE0djIyNHptNjA2Ljk3Mi03ODEuNzE0SDkxLjMxNGMtMjggMC00NS40ODUgMzAuNTE0LTMxLjQyOCA1NC44NTdMMzEyLjggNTg3LjQzaDM5OC42MjlsMjUyLjkxNC00MjkuNzE1YzEzLjgyOC0yNC4zNDMtMy42NTctNTQuODU3LTMxLjY1Ny01NC44NTd6IiBmaWxsPSIjOGE4YThhIi8+PC9zdmc+)!important}.ag-row-group{align-items:center;display:flex;padding-left:16px}.jf-anticon{box-sizing:border-box;cursor:pointer;display:inline-block;margin-right:16rpx}.ag-root-wrapper-body .ag-center-cols-viewport .ag-center-cols-container .ag-checkbox .ag-checkbox-input-wrapper,.ag-root-wrapper-body .ag-header-viewport .ag-checkbox .ag-checkbox-input-wrapper{height:16px!important;width:16px!important}.custom-cell-left{text-align:left!important}.custom-cell-centered{text-align:center!important}.custom-cell-right{text-align:right!important}.ag-overlay-no-rows-wrapper :is(button,a,input,[role=button]){pointer-events:auto}.ag-grid-table-search{margin-bottom:8px;padding:8px}.ag-grid-table-search.ag-grid-table-form{margin:0;overflow:visible;overflow:initial;padding:0 16px}.ag-grid-table-search-light{margin-bottom:0;padding:16px 0}.ag-grid-table-search-form-option .ant-form-item{margin:0}.ag-grid-table-search-form-option .ant-form-item-label{opacity:0}.ag-grid-table-search-form-option .ant-form-item-control-input{justify-content:flex-start}.ag-grid-table-search .ant-select-multiple{max-width:200px}.ag-grid-table-search .ant-select-multiple .ant-select-selector{max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-overflow{flex-wrap:nowrap;max-width:100%;overflow:hidden}.ag-grid-table-search .ant-select-multiple .ant-select-selector .ant-select-selection-item{flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:575px){.ag-grid-table-search{height:auto!important;padding-bottom:24px}.ag-grid-table-search .ant-form-item-label{min-width:80px;text-align:left}}:global .modal-wrap-resizing .ant-modal{transition:none;width:var(--modal-width)!important}:global .modal-wrap-resizing .ant-modal-content{display:flex;flex-direction:column;height:var(--modal-height);transition:none}:global .modal-wrap-resizing .ant-modal-body{flex:1 1;overflow-y:auto}:global .modal-wrap-resizing .ant-modal-header{flex-shrink:0}:global .modal-wrap-resizing .ant-modal-footer{flex-shrink:0}:global .ant-modal-content{pointer-events:auto}.resize-handle{background:transparent;opacity:0;pointer-events:auto!important;position:absolute;transition:all .2s ease;z-index:9999}.resize-handle:hover{background-color:rgba(24,144,255,.5);opacity:1}.ant-modal:hover .resize-handle,div:hover>.resize-handle{background:rgba(24,144,255,.15);opacity:.5}.resize-handle-e{bottom:0;cursor:e-resize;right:0;top:0;width:8px}.resize-handle-w{bottom:0;cursor:w-resize;left:0;top:0;width:8px}.resize-handle-s{bottom:0;cursor:s-resize;height:8px;left:0;right:0}.resize-handle-n{cursor:n-resize;height:8px;left:0;right:0;top:0}.resize-handle-se{bottom:0;cursor:se-resize;height:12px;right:0;width:12px}.resize-handle-sw{bottom:0;cursor:sw-resize;height:12px;left:0;width:12px}.resize-handle-ne{cursor:ne-resize;height:12px;right:0;top:0;width:12px}.resize-handle-nw{cursor:nw-resize;height:12px;left:0;top:0;width:12px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-ms-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;display:none;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--primary-color:blue;--component-background:#fff}.react-grid-item>.react-resizable-handle{z-index:1}.react-dashboard-item-edit .react-resizable-handle{display:block}.react-dashboard-full{height:100%;width:100%}.react-dashboard-aligncenter,.react-dashboard-emptyContent{align-items:center;display:flex;justify-content:center}.react-dashboard-item{position:relative}.react-dashboard-item .react-dashboard-mask{background:transparent;cursor:move;height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.react-dashboard-item .react-dashboard-configicon{background:blue;background:var(--primary-color);border-radius:var(--card-border-radius) 0 0 var(--card-border-radius);font-weight:700;right:30px}.react-dashboard-item .react-dashboard-configicon,.react-dashboard-item .react-dashboard-deleteicon{color:#fff;cursor:pointer;display:none;font-size:16px;height:30px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;z-index:1}.react-dashboard-item .react-dashboard-deleteicon{background:#f5222d;border-radius:var(--card-border-radius);right:0}.react-dashboard-item .react-dashboard-configicon+.react-dashboard-deleteicon{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.react-dashboard-item:hover .react-dashboard-mask{background:rgba(0,0,0,.05);transition:all .3s}.react-dashboard-item:hover .react-dashboard-configicon{display:block}.react-dashboard-item:hover .react-dashboard-deleteicon{display:block}.react-dashboard-widget{border:1px solid hsla(0,0%,50%,.3);height:100%;overflow:hidden;position:relative;width:100%}.react-dashboard-widget-selector{background:var(--component-background);height:60%;left:50%;max-height:600px;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1006}.react-dashboard-widget-wrap{display:flex;height:100%}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar{background:var(--component-background);border-right:1px solid rgba(0,0,0,.1);padding:10px;width:180px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-searchIcon{color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item{cursor:pointer;display:flex;justify-content:space-between;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item .react-dashboard-widget-Badge .ant-badge-count{background-color:var(--component-background-1)!important;color:var(--text-color)}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-item:hover{background:var(--component-background-3);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-leftBar .react-dashboard-widget-active{background:rgba(0,0,0,.03);font-weight:700}.react-dashboard-widget-wrap .react-dashboard-widget-Layer{background:rgba(0,0,0,.01);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar{height:1px;overflow:auto;width:1px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb{background-color:var(--primary-color);min-height:25px;min-width:25px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-thumb:active{background-color:#787878}.react-dashboard-widget-wrap .react-dashboard-widget-Layer::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-waterfall{width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .ant-popover-inner-content{background:rgba(0,0,0,.01)}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item{-webkit-column-break-inside:avoid;background:var(--component-background);border:1px solid rgba(0,0,0,.1);border-radius:5px;cursor:pointer;height:auto;margin-bottom:10px;overflow:hidden;position:relative;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-shortcut{height:auto;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-mask{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover{border:1px solid var(--component-background-3);transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item:hover .react-dashboard-widget-mask{opacity:1;transition:all .3s}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar{border-top:1px solid rgba(0,0,0,.1);padding:5px;width:100%}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-iconWrap{border-radius:7px;color:#fff;display:inline-block;font-size:16px;height:28px;line-height:28px;margin-right:5px;text-align:center;width:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-name{color:var(--text-color);display:inline;flex:1 1;font-size:16px;font-weight:700;line-height:28px}.react-dashboard-widget-wrap .react-dashboard-widget-Layer .react-dashboard-widget-item .react-dashboard-widget-bottombar .react-dashboard-widget-description{margin-top:5px}.qc-dialog-select{width:100%}.qc-dialog-select .qc-dialog-select-trigger{align-items:center;color:rgba(0,0,0,.45);color:var(--qc-dialog-select-trigger-color,rgba(0,0,0,.45));cursor:pointer;display:inline-flex;height:100%;justify-content:center;pointer-events:auto;transition:color .2s;width:100%}.qc-dialog-select .qc-dialog-select-trigger:hover{color:#1677ff;color:var(--qc-dialog-select-trigger-hover,#1677ff)}.qc-dialog-select.ant-select.ant-select:hover .ant-select-arrow:not(:last-child){opacity:1}.qc-dialog-select.ant-select-allow-clear .ant-select-clear{inset-inline-end:31px}.qc-dialog-select.ant-select-allow-clear .ant-select-selection-item,.qc-dialog-select.ant-select-allow-clear .ant-select-selection-placeholder{padding-inline-end:36px}.qc-dialog-select.ant-select-multiple .ant-select-selector{padding-inline-end:38px}:root{--dn-brand-color:#1890ff;--dn-brand-hovering:#40a9ff;--dn-brand-dragging:rgba(24,144,255,.26);--dn-brand-dropping:rgba(24,144,255,.34);--dn-brand-moving:rgba(24,144,255,.5);--dn-white:#fff;--dn-white-gray:#d9d9d9;--dn-white-gray-light:#eee;--dn-white-gray-lighter:#f0f0f0;--dn-white-gray-dark:#aaa;--dn-gray:#333;--dn-gray-light:#444;--dn-gray-lighter:#595959;--dn-gray-dark:#222;--dn-black:#1a1a1a}.dn-light{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-gray);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-white);--dn-outline-tree-header-border-color:var(--dn-white-gray-light);--dn-outline-tree-color:var(--dn-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-gray);--dn-outline-tree-node-hover-color:var(--dn-brand-color);--dn-toolbar-input-color:var(--dn-gray-dark);--dn-toolbar-input-bg-color:var(--dn-white);--dn-toolbar-input-border-color:var(--dn-white-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-white-gray-light);--dn-toolbar-input-handler-bg-color:var(--dn-white);--dn-resize-handle-bg-color:var(--dn-white-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-white-gray-lighter);--dn-resize-handle-color:var(--dn-gray-light);--dn-resize-handle-hover-color:var(--dn-white-lighter);--dn-mobile-simulator-bg-color:var(--dn-white-gray-light);--dn-mobile-simulator-body-bg-color:var(--dn-white);--dn-mobile-simulator-border-color:var(--dn-gray-dark);--dn-responsive-simulator-bg-color:var(--dn-white);--dn-pc-simulator-bg-color:var(--dn-white);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-white-gray);--dn-panel-active-bg-color:var(--dn-white-gray-light);--dn-resource-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-bg-color:var(--dn-white);--dn-composite-panel-tabs-active-bg-color:var(--dn-white);--dn-composite-panel-highlight-bg-color:var(--dn-white-gray-light);--dn-composite-panel-tabs-color:var(--dn-gray-lighter);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-header-color:var(--dn-gray-lighter);--dn-collapse-header-color:var(--dn-gray);--dn-resource-item-color:var(--dn-gray);--dn-resource-item-hover-border-color:var(--dn-brand-color);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-white);--dn-workspace-panel-bg-color:var(--dn-white-gray-light);--dn-scrollbar-color:var(--dn-white-gray);--dn-scrollbar-hover-color:var(--white-dn-gray-lighter);--dn-empty-bg-color:var(--dn-white);--dn-droppable-bg-color:var(--dn-white-gray-lighter);--dn-droppable-border-color:var(--dn-white-gray-dark);--dn-droppable-color:var(--dn-gray-lighter)}.dn-dark{--dn-aux-cover-rect-dragging-color:var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color:var(--dn-brand-dropping);--dn-aux-free-selection-background-color:var(--dn-brand-color);--dn-aux-free-selection-border-color:var(--dn-brand-color);--dn-aux-insertion-color:var(--dn-brand-color);--dn-aux-dashed-box-color:var(--dn-brand-color);--dn-aux-dashed-box-title-color:var(--dn-brand-color);--dn-aux-selection-box-border-color:var(--dn-brand-color);--dn-aux-selection-box-color:var(--dn-gray);--dn-ghost-color:var(--dn-white);--dn-ghost-bg-color:var(--dn-brand-moving);--dn-outline-tree-bg-color:var(--dn-gray-dark);--dn-outline-tree-header-border-color:var(--dn-gray);--dn-outline-tree-color:var(--dn-white-gray);--dn-outline-tree-insertion-bg-color:var(--dn-brand-color);--dn-outline-tree-node-header-color:var(--dn-white-gray);--dn-outline-tree-node-hover-color:var(--dn-white-gray);--dn-toolbar-input-color:var(--dn-white-gray);--dn-toolbar-input-bg-color:transparent;--dn-toolbar-input-border-color:var(--dn-gray-light);--dn-toolbar-input-hover-border-color:var(--dn-brand-color);--dn-toolbar-input-handler-bg-color:var(--dn-gray-light);--dn-resize-handle-bg-color:var(--dn-gray-light);--dn-resize-handle-hover-bg-color:var(--dn-gray-lighter);--dn-resize-handle-color:var(--dn-gray-lighter);--dn-resize-handle-hover-color:var(--dn-white-gray-dark);--dn-mobile-simulator-bg-color:var(--dn-black);--dn-mobile-simulator-body-bg-color:var(--dn-black);--dn-mobile-simulator-border-color:var(--dn-black);--dn-responsive-simulator-bg-color:var(--dn-black);--dn-pc-simulator-bg-color:var(--dn-black);--dn-aux-selector-btn-color:var(--dn-white);--dn-aux-selector-btn-bg-color:var(--dn-brand-color);--dn-aux-selector-btn-border-color:var(--dn-brand-color);--dn-aux-selector-btn-hover-color:var(--dn-white);--dn-aux-selector-btn-hover-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-color:var(--dn-white);--dn-aux-selector-btn-active-bg-color:var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color:var(--dn-brand-hovering);--dn-panel-border-color:var(--dn-gray-light);--dn-panel-active-bg-color:var(--dn-gray);--dn-resource-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-active-bg-color:var(--dn-gray-dark);--dn-composite-panel-highlight-bg-color:var(--dn-black);--dn-composite-panel-tabs-color:var(--dn-white-gray-dark);--dn-composite-panel-tabs-hover-color:var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color:var(--dn-gray-dark);--dn-composite-panel-tabs-header-color:var(--dn-white-gray);--dn-collapse-header-color:var(--dn-white-gray);--dn-resource-item-color:var(--dn-white-gray);--dn-resource-item-hover-color:var(--dn-brand-color);--dn-main-panel-header-bg-color:var(--dn-gray-dark);--dn-workspace-panel-bg-color:var(--dn-gray-dark);--dn-scrollbar-color:var(--dn-gray-light);--dn-scrollbar-hover-color:var(--dn-gray-lighter);--dn-empty-bg-color:var(--dn-gray-dark);--dn-droppable-bg-color:var(--dn-gray);--dn-droppable-border-color:var(--dn-gray-light);--dn-droppable-color:var(--dn-white)}.dn-app{font-feature-settings:"tnum","tnum";color:#222;color:var(--dn-gray-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-variant:tabular-nums;line-height:1.5715}.dn-app ::-webkit-scrollbar{height:5px;width:5px}.dn-app ::-webkit-scrollbar-thumb{background-color:var(--dn-scrollbar-color);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-app ::-webkit-scrollbar-thumb:hover{background-color:var(--dn-scrollbar-hover-color)}.dn-app *{box-sizing:border-box}.dn-app [contenteditable=true]{cursor:text!important;min-height:14px;min-width:1px;outline:none!important}.dn-app [data-content-editable]:not([contenteditable=true]):empty:before{content:"Please Input";display:block;opacity:.6}.dn-app [data-content-editable]:not([contenteditable=true]):hover{cursor:text!important;opacity:.8}.dn-main-panel{display:flex;flex:1 1;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.dn-main-panel-container{display:flex;flex-direction:column;flex-grow:1}.dn-main-panel-container.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-main-panel-container.absolute{position:absolute}.dn-main-panel-container.relative{position:relative}.dn-main-panel-header{background:var(--dn-main-panel-header-bg-color);border-bottom:1px solid var(--dn-panel-border-color);flex-grow:0;flex-shrink:0;justify-content:space-between;padding:4px}.dn-main-panel-header,.dn-main-panel-header-actions,.dn-main-panel-header-logo{align-items:center;display:flex}.dn-main-panel-header-actions{justify-content:flex-end}.dn-main-panel.root{bottom:0;left:0;position:fixed;right:0;top:0}.dn-composite-panel{display:flex;flex-grow:0;flex-shrink:0;position:relative;-ms-user-select:none;user-select:none;z-index:2}.dn-composite-panel-tabs{background-color:var(--dn-composite-panel-tabs-bg-color);border-right:1px solid var(--dn-panel-border-color);display:flex;flex-direction:column;position:relative;z-index:2}.dn-composite-panel-tabs-pane{align-items:center;color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;flex-direction:column;font-size:20px;justify-content:center;min-height:48px;min-width:48px;padding:10px;position:relative}.dn-composite-panel-tabs-pane-title{font-size:10px;margin-top:6px}.dn-composite-panel-tabs-pane:hover{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active:after{background-color:var(--dn-composite-panel-tabs-hover-color);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:3px}.dn-composite-panel-tabs-content{background:var(--dn-composite-panel-tabs-content-bg-color);border-right:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;height:100%;width:300px}.dn-composite-panel-tabs-content.pinning{border-right:1px solid transparent;box-shadow:-2px 5px 10px hsla(0,0%,40%,.42);left:100%;position:absolute;top:0;z-index:1}.dn-composite-panel-tabs-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-composite-panel-tabs-header-actions{align-items:center;display:flex}.dn-composite-panel-tabs-header-actions>*{margin-right:8px}.dn-composite-panel-tabs-header-actions>:last-child{margin-right:0}.dn-composite-panel-tabs-header-pin{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-pin:hover{transform:scale(1.1)}.dn-composite-panel-tabs-header-title{font-size:20px}.dn-composite-panel-tabs-header-close{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-close:hover{transform:rotate(90deg)}.dn-composite-panel-tabs-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay;overflow-x:hidden}.dn-composite-panel.direction-right{flex-direction:row-reverse}.dn-composite-panel.direction-right .dn-composite-panel-tabs-pane.active:after{left:auto;right:-1px}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content.pinning{left:auto;right:100%;top:0}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content{border-left:1px solid var(--dn-panel-border-color);border-right:none}.dn-composite-panel.direction-right .dn-composite-panel-tabs{border-left:1px solid var(--dn-panel-border-color)}.dn-workspace-panel{background-color:var(--dn-workspace-panel-bg-color);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:4px;position:relative;z-index:1}.dn-workspace-panel-item{position:relative}.dn-workspace-panel button[disabled]{pointer-events:none!important}.dn-settings-panel{background:var(--dn-composite-panel-tabs-content-bg-color);border-left:1px solid var(--dn-panel-border-color);box-sizing:content-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;position:relative;-ms-user-select:none;user-select:none;width:300px;z-index:2}.dn-settings-panel.pinning{border-left:1px solid transparent;box-shadow:2px 5px 10px hsla(0,0%,40%,.52);position:absolute;right:0;top:0;z-index:10}.dn-settings-panel-header{border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-header-color);display:flex;font-size:16px;justify-content:space-between;line-height:18px;padding:14px 7px}.dn-settings-panel-header-actions{align-items:center;display:flex}.dn-settings-panel-header-actions>*{margin-right:8px}.dn-settings-panel-header-actions>:last-child{margin-right:0}.dn-settings-panel-header-pin{transition:all .15s ease-in-out}.dn-settings-panel-header-pin:hover{transform:scale(1.1)}.dn-settings-panel-header-title{font-size:20px}.dn-settings-panel-header-close{transition:all .15s ease-in-out}.dn-settings-panel-header-close:hover{transform:rotate(90deg)}.dn-settings-panel-body{flex-grow:2;flex-shrink:2;height:100%;overflow:overlay}.dn-settings-panel-opener{align-items:center;background:var(--dn-composite-panel-tabs-content-bg-color);border:1px solid var(--dn-panel-border-color);border-radius:3px;box-shadow:0 0 6px rgba(0,0,0,.1);color:var(--dn-composite-panel-tabs-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;z-index:2}.dn-settings-panel-opener .dn-icon{transition:all .15s ease-in-out}.dn-settings-panel-opener:hover .dn-icon{transform:rotate(45deg)}.dn-viewport{box-sizing:border-box;height:100%;min-height:100px;outline:none;overflow:overlay;position:relative;-ms-user-select:none;user-select:none;width:100%}.dn-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;display:inline-block;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em}.dn-icon svg{pointer-events:none}@keyframes dn-animate-slide-to-top{0%{opacity:0;transform:translateY(-10%)}to{opacity:.8;transform:translateY(0)}}.dn-auxtool{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:perspective(1px) translateZ(0);width:100%;z-index:9998}.dn-aux-button button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-button button:focus,.dn-aux-button button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-button button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-cover-rect.dragging{background-color:var(--dn-aux-cover-rect-dragging-color)}.dn-aux-cover-rect.dropping{background-color:var(--dn-aux-cover-rect-dropping-color)}.dn-aux-free-selection{background-color:var(--dn-aux-free-selection-background-color);border-color:var(--dn-aux-free-selection-border-color)}.dn-aux-helpers{pointer-events:all;position:absolute;-ms-user-select:none;user-select:none;z-index:10}.dn-aux-helpers button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers button:focus,.dn-aux-helpers button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-helpers button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-helpers.bottom-right{right:0;top:100%}.dn-aux-helpers.bottom-left{left:0;top:100%}.dn-aux-helpers.bottom-center{left:50%;top:100%;transform:translateX(-50%)}.dn-aux-helpers.inner-top-right{right:2px;top:-2px}.dn-aux-helpers.inner-top-left{left:2px;top:-2px}.dn-aux-helpers.inner-top-center{right:2px;top:-2px}.dn-aux-helpers.inner-bottom-right{bottom:-2px;right:2px}.dn-aux-helpers.inner-bottom-left{bottom:-2px;left:2px}.dn-aux-helpers.inner-bottom-center{bottom:-2px;right:2px}.dn-aux-helpers.top-right{bottom:100%;right:0}.dn-aux-helpers.top-left{bottom:100%;left:0}.dn-aux-helpers.top-center{bottom:100%;left:50%;transform:translateX(-50%)}.dn-aux-helpers button span{margin-left:2px;transform:scale(.9)}.dn-aux-helpers button span.dn-icon{margin-left:0;transform:scale(1)}.dn-aux-helpers-content{display:flex;flex-wrap:nowrap;white-space:nowrap}.dn-aux-helpers-content button{align-items:center;display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-helpers-content>*{margin-bottom:4px;margin-left:2px;margin-top:4px}.dn-aux-helpers-content>:first-child{margin-left:0}.dn-aux-insertion{background-color:var(--dn-aux-insertion-color)}.dn-aux-dashed-box{border:1px dashed var(--dn-aux-dashed-box-color)}.dn-aux-dashed-box-title{color:var(--dn-aux-dashed-box-title-color)}.dn-aux-selection-box{border:2px solid var(--dn-aux-selection-box-border-color);pointer-events:none;position:relative}.dn-aux-selection-box-inner{bottom:0;left:0;position:absolute;right:0;top:0}.dn-aux-selection-box-title{color:var(--dn-aux-selection-box-color)}.dn-aux-selector button{align-items:center;background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color);color:var(--dn-aux-selector-btn-color);display:flex;font-size:12px!important;height:20px;padding:0 3px}.dn-aux-selector button:focus,.dn-aux-selector button:hover{background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color);color:var(--dn-aux-selector-btn-hover-color)}.dn-aux-selector button:active{background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color);color:var(--dn-aux-selector-btn-active-color)}.dn-aux-selector-menu{animation:dn-animate-slide-to-top .2s;margin-top:-4px;opacity:.8}.dn-aux-selector-menu button{align-items:center;display:flex;font-size:12px!important;height:20px;margin-top:2px;padding:0 3px}.dn-aux-drag-handler{cursor:move}.dn-aux-node-resize-handler{background-color:#fff;border:1px solid var(--dn-brand-color);border-radius:10px;height:10px;pointer-events:all;position:absolute;width:10px}.dn-aux-node-resize-handler.left-center{cursor:ew-resize;left:0;top:50%;transform:translate(calc(-50% - 1px),-50%)}.dn-aux-node-resize-handler.right-center{cursor:ew-resize;left:100%;top:50%;transform:translate(calc(-50% + 1px),-50%)}.dn-aux-node-resize-handler.center-top{cursor:ns-resize;left:50%;top:0;transform:translate(-50%,calc(-50% - 1px))}.dn-aux-node-resize-handler.center-bottom{cursor:ns-resize;left:50%;top:100%;transform:translate(-50%,calc(-50% + 1px))}.dn-aux-node-resize-handler.left-top{cursor:nwse-resize;left:0;top:0;transform:translate(calc(-50% + 1px),calc(-50% + 1px))}.dn-aux-node-resize-handler.left-bottom{cursor:nesw-resize;left:0;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-bottom{cursor:nwse-resize;left:100%;top:100%;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-top{cursor:nesw-resize;left:100%;top:0;transform:translate(-50%,-50%)}.dn-aux-node-translate-handler{background:#1890ff;border-radius:2px;height:20px;opacity:.5;pointer-events:all;width:40px}.dn-aux-node-translate-handler,.dn-aux-space-block-ruler-indicator{align-items:center;display:flex;justify-content:center;position:absolute}.dn-aux-space-block-ruler-indicator{background-color:var(--dn-brand-color);border-radius:8px;color:var(--dn-white);z-index:2}.dn-aux-space-block-ruler-indicator span{display:inline-block;font-size:12px;margin:0 6px}.dn-aux-space-block-ruler-h{border-left:1px solid var(--dn-brand-color);border-right:1px solid var(--dn-brand-color);height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-aux-space-block-ruler-h:after{background-color:var(--dn-brand-color);content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}.dn-aux-space-block-ruler-h .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-aux-space-block-ruler-v{border-bottom:1px solid var(--dn-brand-color);border-top:1px solid var(--dn-brand-color);height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:12px}.dn-aux-space-block-ruler-v:after{background-color:var(--dn-brand-color);content:"";display:block;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:1px;z-index:1}.dn-aux-space-block-ruler-v .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-component-tree{height:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.dn-designer-tools{align-items:center;display:flex}.dn-designer-tools .ant-input-number{background:var(--dn-toolbar-input-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important;font-size:12px!important}.dn-designer-tools .ant-input-number .ant-input-number-handler,.dn-designer-tools .ant-input-number .ant-input-number-handler-wrap{background:var(--dn-toolbar-input-handler-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number .ant-input-number-handler-down-inner,.dn-designer-tools .ant-input-number .ant-input-number-handler-up-inner{color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number:hover{border-color:var(--dn-toolbar-input-hover-border-color)!important}.dn-node-actions{align-items:center;display:flex;justify-content:center;overflow:hidden;padding-bottom:8px;padding-top:8px;width:100%}.dn-node-actions-content{align-items:center;display:flex;line-height:1;padding:0 20px;position:relative}.dn-node-actions-content:before{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;position:absolute;right:100%;top:50%;width:300%}.dn-node-actions-content:after{border-bottom:1px dashed #f5f5f5;content:"";display:block;height:0;left:100%;position:absolute;top:50%;width:300%}.dn-node-actions-content a{color:#1677ff}.dn-node-actions-content a:hover{color:#1677ff}.dn-node-actions-item-text{align-items:center;display:flex;font-size:10px;line-height:1.2}.dn-node-actions-item-text .dn-icon{margin-right:6px}.dn-droppable-placeholder{background-color:var(--dn-droppable-bg-color);border:1px dashed var(--dn-droppable-border-color);color:var(--dn-droppable-color);font-size:13px;font-weight:lighter;height:60px}.dn-droppable-placeholder,.dn-empty{align-items:center;display:flex;justify-content:center}.dn-empty{background:var(--dn-empty-bg-color);bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:perspective(1px) translateZ(0);width:100%}.dn-empty .animations{display:flex;flex-wrap:wrap;justify-content:center}.dn-empty .hotkeys-list{color:#888;line-height:30px;text-align:center}.dn-ghost{background-color:var(--dn-ghost-bg-color);border-radius:50px;color:var(--dn-ghost-color);font-size:12px;height:30px;justify-content:center;left:0;padding-left:25px;padding-right:15px;pointer-events:none;position:fixed;top:0;transform:translateZ(0);z-index:9999}.dn-ghost,.dn-history-item{align-items:center;display:flex}.dn-history-item{color:var(--dn-outline-tree-node-header-color);cursor:pointer;justify-content:space-between;min-height:32px;padding:0 10px}.dn-history-item-timestamp{font-size:10px}.dn-history-item:hover{background-color:var(--dn-panel-active-bg-color)}.dn-history-item.active{background-color:var(--dn-panel-active-bg-color)}.dn-node-path{border-bottom:1px solid var(--dn-panel-border-color);padding:4px 10px!important}.dn-node-path .dn-icon{font-size:11px}.dn-node-path .ant-breadcrumb-separator{margin:0 4px!important}.dn-node-path a{font-size:12px}.dn-outline-tree-container{background-color:var(--dn-outline-tree-bg-color);display:flex;flex-direction:column;height:100%;min-height:100px;overflow:hidden;position:relative;width:100%}.dn-outline-tree-header{align-items:center;border-bottom:1px solid var(--dn-outline-tree-header-border-color);color:var(--dn-outline-tree-color);display:flex;justify-content:space-between;padding:8px}.dn-outline-tree-title{font-size:16px;font-weight:500}.dn-outline-tree-close{align-items:center;cursor:pointer;display:flex;transform:scale(1.6)}.dn-outline-tree-content{flex-grow:1;height:100%;overflow:overlay;padding-bottom:20px;position:relative;width:100%}.dn-outline-tree-aux{left:0;position:absolute;top:0}.dn-outline-tree-insertion{background-color:var(--dn-outline-tree-insertion-bg-color)}.dn-outline-tree-node{min-width:100%;position:relative;-ms-user-select:none;user-select:none;width:fit-content}.dn-outline-tree-node.expanded>.dn-outline-tree-node-header .dn-outline-tree-node-expand{transform:rotate(0)}.dn-outline-tree-node.expanded>.dn-outline-tree-node-children{display:block}.dn-outline-tree-node.selected>.dn-outline-tree-node-header{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.selected>.dn-outline-tree-node-header .dn-outline-tree-node-header-head{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.droppable>.dn-outline-tree-node-header .dn-outline-tree-node-header-content .dn-outline-tree-node-header-base>.dn-outline-tree-node-icon{transform:scale(1.2)}.dn-outline-tree-node-hidden-icon:not(.hidden){display:none}.dn-outline-tree-node-header{align-items:center;color:var(--dn-outline-tree-node-header-color);display:flex;min-height:32px;min-width:100%;padding-left:8px;position:relative;width:fit-content}.dn-outline-tree-node-header:hover .dn-outline-tree-node-header-content{color:var(--dn-outline-tree-node-hover-color)}.dn-outline-tree-node-header:hover .dn-outline-tree-node-hidden-icon{display:block}.dn-outline-tree-node-header-head{height:100%;left:0;pointer-events:none;position:absolute;top:0}.dn-outline-tree-node-header-content{align-items:center;display:flex;font-size:12px;height:100%;justify-content:space-between;min-width:100%;transform-origin:left;transition:all .15s ease-in;width:fit-content}.dn-outline-tree-node-header-base{align-items:center;display:flex}.dn-outline-tree-node-header-actions{align-items:center;display:flex;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-expand{align-items:center;display:flex;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-out;width:12px}.dn-outline-tree-node-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-size:12px;margin-right:5px}.dn-outline-tree-node-title{margin-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-actions{flex-grow:2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-children{display:none;min-width:100%;padding-left:16px;width:fit-content}.dn-resource{flex-wrap:wrap;overflow:hidden}.dn-resource-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;padding:5px 8px;transition:all .25s ease-in-out}.dn-resource-header-expand{font-size:12px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-resource-content-wrapper{background:var(--dn-resource-content-bg-color);display:flex;justify-content:center}.dn-resource-content{display:flex;display:none;flex-wrap:wrap;width:100%}.dn-resource.expand .dn-resource-content{grid-gap:1px;background-color:var(--dn-panel-border-color);border-bottom:1px solid var(--dn-panel-border-color);display:grid;grid-template-columns:repeat(3,33.3333%)}.dn-resource.expand .dn-resource-header-expand{transform:rotate(0)}.dn-resource-item{align-items:center;background:var(--dn-resource-content-bg-color);color:var(--dn-resource-item-color);cursor:grab;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;transition:color .1s ease-out;-ms-user-select:none;user-select:none}.dn-resource-item:hover{box-shadow:0 0 10px rgba(0,0,0,.1);color:var(--dn-resource-item-hover-color);z-index:1}.dn-resource-item-icon{margin:12px 0}.dn-resource-item-text{font-size:12px;line-height:1;margin-bottom:12px;text-align:center}.dn-resource-item-remain{background:var(--dn-resource-content-bg-color)}.dn-pc-simulator{background-color:var(--dn-pc-simulator-bg-color);bottom:0;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.dn-mobile-simulator{background-color:var(--dn-mobile-simulator-bg-color);height:100%;min-height:100px;position:relative;width:100%}.dn-mobile-simulator-content{height:100%;left:0;overflow:overlay;position:absolute;top:0;width:100%}.dn-mobile-simulator-body{display:flex;height:100%;justify-content:center}.dn-mobile-simulator-body-content{background-color:var(--dn-mobile-simulator-body-bg-color);border:3px solid var(--dn-mobile-simulator-border-color)}.dn-responsive-simulator{background-color:var(--dn-responsive-simulator-bg-color)}.dn-resize-handle{align-items:center;background:var(--dn-resize-handle-bg-color);bottom:0;box-sizing:border-box;color:var(--dn-resize-handle-color);display:flex;justify-content:center;position:absolute;transition:all .2s ease-in-out;-ms-user-select:none;user-select:none;z-index:10}.dn-resize-handle-RESIZE_WIDTH{bottom:15px;cursor:ew-resize;top:0}.dn-resize-handle-RESIZE_WIDTH svg{transform:rotate(-90deg);transform-origin:center}.dn-resize-handle-RESIZE_HEIGHT{cursor:ns-resize;left:0;right:15px}.dn-resize-handle-RESIZE{cursor:nwse-resize}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_HEIGHT{height:15px}.dn-resize-handle-RESIZE,.dn-resize-handle-RESIZE_WIDTH{right:0;width:15px}.dn-resize-handle:hover{background:var(--dn-resize-handle-hover-bg-color);color:var(--dn-resize-handle-hover-color)}.dn-color-input{width:100%}.dn-color-input .ant-popover-inner-content{padding:0!important;-ms-user-select:none;user-select:none}.dn-color-input-color-tips{border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;height:20px;width:20px}.dn-corner-input{display:flex}.dn-corner-input-column{flex-direction:column}.dn-corner-input-cell,.dn-corner-input-column{align-items:center;display:flex;justify-content:center}.dn-corner-input-cell{border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;height:26px;margin:5px;width:26px}.dn-corner-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-image-input{width:100%}.dn-position-input{display:flex;flex-direction:column}.dn-position-input-cell,.dn-position-input-row{display:flex;justify-content:center}.dn-position-input-cell{align-items:center;border-radius:3px;box-sizing:border-box;color:rgba(0,0,0,.6);color:#333;cursor:pointer;height:26px;margin:5px;width:26px}.dn-position-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-poly-input{align-items:center;display:flex;width:100%}.dn-poly-input .dn-poly-input-content{display:flex;flex-grow:2;margin-right:2px}.dn-poly-input .dn-poly-input-content .ant-input-number,.dn-poly-input .dn-poly-input-content .ant-select{width:100%}.dn-poly-input .dn-poly-input-controller{align-items:center;border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;display:flex;flex-grow:0;justify-content:center;padding:0 8px}.dn-monaco-input{display:flex;height:100%;opacity:0;position:relative;transition:all .15s ease-in-out;width:100%}.dn-monaco-input.loaded{opacity:1}.dn-monaco-input-view{flex-grow:2;height:100%}.dn-monaco-input-helper{bottom:10px;position:absolute;right:5%;z-index:2}.dn-monaco-input .monaco-error-highline{background:red!important;border-radius:100%!important;height:5px!important;left:0!important;transform:translate(35px,5px)!important;width:5px!important}.dn-drawer-setter{background:var(--dn-composite-panel-tabs-content-bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:10}.dn-drawer-setter-header{align-items:center;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;padding:5px 10px}.dn-drawer-setter-header-text{margin-left:4px}.dn-drawer-setter-body{flex-grow:2;overflow:overlay;overflow-x:hidden;padding:10px 20px}.dn-drawer-wrapper{transition:all .16s ease-in-out}.dn-drawer-wrapper-enter{transform:translateX(100%)}.dn-drawer-wrapper-enter-active,.dn-drawer-wrapper-exit{transform:translateX(0)}.dn-drawer-wrapper-exit-active{transform:translateX(100%)}.dn-fold-item .ant-formily-item-label-content{overflow:visible}.dn-fold-item-base{cursor:pointer}.dn-fold-item-title{align-items:center;cursor:pointer;display:flex;margin-left:-10px}.dn-fold-item-title .dn-icon{transform:translateX(-3px)}.dn-fold-item-title .dn-icon svg{transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-fold-item-title.expand .dn-icon svg{transform:rotate(0deg)}.dn-fold-item-extra{background-color:var(--dn-composite-panel-highlight-bg-color);margin:-10px -10px 10px;padding:10px 10px 0}.dn-input-items{display:flex;flex-wrap:wrap;margin-left:-8px}.dn-input-items-item{align-items:center;color:#333;display:flex;margin-bottom:10px}.dn-input-items-item-icon{align-items:center;color:#333;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin:0 8px}.dn-input-items-item-controller{flex-grow:1;flex-shrink:1;min-width:0}.dn-input-items-item-controller .ant-radio-group{display:flex}.dn-input-items-item-controller .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center}.dn-input-items-item.vertical{align-items:flex-start;flex-direction:column}.dn-input-items-item.vertical .dn-input-items-item-controller{width:100%}.dn-border-style-setter{display:flex}.dn-border-style-setter-position{margin-left:-10px}.dn-border-style-setter-input{display:flex;flex-direction:column;height:110px;justify-content:space-between;margin-bottom:10px}.border-style-solid-line{display:block;height:100%;position:relative;width:100%}.border-style-solid-line:after{border-top:2px solid;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dashed-line{display:block;height:100%;position:relative;width:100%}.border-style-dashed-line:after{border-top:2px dashed;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.border-style-dotted-line{display:block;height:100%;position:relative;width:100%}.border-style-dotted-line:after{border-top:2px dotted;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.dn-flex-style-setter .dn-input-items{background-color:#f5f5f5;margin:-10px -10px 10px;padding:10px 10px 0}.dn-flex-style-setter .dn-input-items .ant-radio-group{display:flex;width:100%}.dn-flex-style-setter .dn-input-items .ant-radio-group .ant-radio-button-wrapper{display:flex;flex-grow:1;justify-content:center;padding:0}.dn-display-style-setter-radio{display:flex!important;width:100%}.dn-display-style-setter-radio .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:0}.dn-collapse-item{flex-wrap:wrap}.dn-collapse-item-header{align-items:center;background-color:var(--dn-panel-active-bg-color);border-bottom:1px solid var(--dn-panel-border-color);border-top:1px solid var(--dn-panel-border-color);color:var(--dn-collapse-header-color);cursor:pointer;display:flex;font-size:13px;margin:-1px -20px 0;padding:5px 20px;transition:all .25s ease-in-out}.dn-collapse-item-header-expand{font-size:12px;margin-left:-13px;margin-right:3px;transform:rotate(-90deg);transition:all .15s ease-in-out}.dn-collapse-item-content{display:none;padding-top:4px;width:100%}.dn-collapse-item-content>div:last-child{border-bottom:none!important}.dn-collapse-item.expand .dn-collapse-item-content{display:block}.dn-collapse-item.expand .dn-collapse-item-header-expand{transform:rotate(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate__slideInRight{animation-name:slideInRight}.animate__slideOutRight{animation-name:slideOutRight}.animate__animated{animation-delay:0ms;animation-duration:.25s;animation-fill-mode:forwards}.animate__fadeInUp{animation-name:fadeIn}.dn-settings-form-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.dn-settings-form-wrapper .dn-node-path{flex-grow:0}.dn-settings-form-wrapper .dn-settings-form-content{flex-grow:1;overflow:overlay}.dn-settings-form-wrapper .ant-formily-item{border-bottom:1px solid #f5f5f5;margin-bottom:8px;margin-top:8px;padding-bottom:8px}.dn-settings-form-wrapper .ant-formily-item *{font-size:13px}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component{align-items:center;display:flex;justify-content:flex-end}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group{display:flex!important;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group .ant-radio-button-wrapper{align-items:center;display:flex;flex-grow:2;justify-content:center;padding:0 6px!important}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-slider{flex-shrink:0;min-width:0;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-select{max-width:140px}.dn-settings-form{padding:0 20px}.dn-settings-form-empty{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center}.dn-data-source-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-data-source-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-data-source-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-data-source-setter-node-title{align-items:center;display:flex;justify-content:space-between}.dn-data-source-setter-node-title-icon{opacity:0;transition:all .15s ease-in-out}.dn-data-source-setter-node-title-icon:hover{color:#1677ff}.dn-data-source-setter-layout{border:1px solid #f5f5f5;border-radius:3px;display:flex;justify-content:space-around}.dn-data-source-setter-layout .ant-tree-treenode{padding-right:10px;white-space:nowrap}.dn-data-source-setter-layout .ant-tree-treenode:hover .dn-data-source-setter-node-title-icon{opacity:1}.dn-data-source-setter-layout-item{position:relative}.dn-data-source-setter-layout-item.left{border-right:1px solid #f5f5f5;width:40%}.dn-data-source-setter-layout-item.right{width:60%}.dn-data-source-setter-layout-item-header{align-items:center;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;display:flex;flex:none;height:40px;justify-content:space-between;padding:8px 12px 9px}.dn-data-source-setter-layout-item-content{height:300px;max-height:300px;overflow:scroll;padding:2%}.dn-reactions-setter{min-height:623px;overflow:hidden;width:100%}.dn-reactions-setter ::-webkit-scrollbar{height:5px;width:5px}.dn-reactions-setter ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:0;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.dn-reactions-setter ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}.dn-reactions-setter .ant-collapse{border:1px solid #f5f5f5}.dn-reactions-setter .ant-collapse-header{background-color:#fff!important;border-bottom:1px solid #f5f5f5!important;font-weight:500!important;padding:8px 10px!important}.dn-reactions-setter .ant-collapse-header .ant-collapse-arrow{margin-right:4px!important}.dn-reactions-setter .ant-collapse-item{border:none!important}.dn-reactions-setter .ant-collapse-content{border:none!important;transition:none!important}.dn-reactions-setter .ant-collapse-content-box{padding:12px!important}.dn-reactions-setter .reaction-runner .ant-collapse-content-box,.dn-reactions-setter .reaction-state .ant-collapse-content-box{padding:12px 0!important}.dn-reactions-setter .dn-field-property-setter{display:flex;height:300px}.dn-reactions-setter .dn-field-property-setter-coder-wrapper{display:flex;flex-direction:column;flex-grow:2;height:100%;padding-left:10px;position:relative}.dn-reactions-setter .dn-field-property-setter-coder-end,.dn-reactions-setter .dn-field-property-setter-coder-start{color:#333;flex-grow:0;font-size:18px;font-weight:300;height:31px;line-height:30px;margin-bottom:4px;opacity:.96}.dn-reactions-setter .dn-field-property-setter-coder-end{margin-top:4px}.dn-reactions-setter .dn-field-property-setter-coder{flex-grow:2;min-width:0;padding-left:10px}.dn-designable-form .ant-cascader-picker,.dn-designable-form .ant-cascader-picker input,.dn-designable-form .ant-cascader-picker-label,.dn-designable-form .ant-cascader-picker-label input,.dn-designable-form .ant-checkbox,.dn-designable-form .ant-checkbox input,.dn-designable-form .ant-checkbox-group,.dn-designable-form .ant-checkbox-group input,.dn-designable-form .ant-checkbox-wrapper,.dn-designable-form .ant-checkbox-wrapper input,.dn-designable-form .ant-input,.dn-designable-form .ant-input input,.dn-designable-form .ant-input-affix-wrapper,.dn-designable-form .ant-input-affix-wrapper input,.dn-designable-form .ant-input-number,.dn-designable-form .ant-input-number input,.dn-designable-form .ant-picker,.dn-designable-form .ant-picker input,.dn-designable-form .ant-picker-input,.dn-designable-form .ant-picker-input input,.dn-designable-form .ant-radio,.dn-designable-form .ant-radio input,.dn-designable-form .ant-radio-group,.dn-designable-form .ant-radio-group input,.dn-designable-form .ant-radio-wrapper,.dn-designable-form .ant-radio-wrapper input,.dn-designable-form .ant-rate,.dn-designable-form .ant-rate input,.dn-designable-form .ant-select,.dn-designable-form .ant-select input,.dn-designable-form .ant-select-selector,.dn-designable-form .ant-select-selector input,.dn-designable-form .ant-slider,.dn-designable-form .ant-slider input,.dn-designable-form .ant-switch,.dn-designable-form .ant-switch input,.dn-designable-form .ant-transfer,.dn-designable-form .ant-transfer input,.dn-designable-form .ant-upload,.dn-designable-form .ant-upload input{pointer-events:none!important}.dn-designable-form .anticon svg{pointer-events:none}.dn-text:empty:before{content:"Please Input";display:block;opacity:.6}.dn-text:focus{padding:4px}.dn-array-cards{background-color:#fff}.dn-grid-column{border:1px dashed #aaa;margin:4px;min-height:60px}.dn-app{height:100%}.dn-form-container{border:1px solid #f5f5f5;margin:0!important;padding:20px}.dn-array-table{background-color:#fff}.antd-tool-bar{align-items:center;backdrop-filter:blur(8px);border-block-start:1px solid;box-sizing:border-box;display:flex;flex-wrap:wrap;inset-inline-end:0;line-height:40px;padding-block:0;padding-inline:16px;transition:all .2s ease 0s;width:100%}.antd-tool-bar-banner{flex:1 0 100%;line-height:normal;min-width:0}.antd-tool-bar-left{color:inherit;flex:1 0 auto}.antd-tool-bar-right{color:inherit;justify-content:flex-end;margin-inline-start:auto}.antd-tool-bar-left,.antd-tool-bar-right{align-items:center;display:flex;flex-wrap:wrap;max-width:100%;min-width:0}:root{--alert-size:120px}.successOverlay:after,.successOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.successOverlay>div:after,.successOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.successOverlay:before{background:linear-gradient(90deg,green,transparent);left:0;top:0;transform:rotate(0deg)}.successOverlay:after{background:linear-gradient(270deg,green,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.successOverlay>div:before{background:linear-gradient(0deg,green,transparent);left:0;top:0;transform:rotate(180deg)}.successOverlay>div:after{background:linear-gradient(0deg,green,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.successOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.errorOverlay:after,.errorOverlay:before{content:"";height:100%;position:absolute;width:120px;width:var(--alert-size)}.errorOverlay>div:after,.errorOverlay>div:before{content:"";height:120px;height:var(--alert-size);position:absolute;width:100%}.errorOverlay:before{background:linear-gradient(90deg,red,transparent);left:0;top:0;transform:rotate(0deg)}.errorOverlay:after{background:linear-gradient(270deg,red,transparent);left:100%;top:0;transform:rotate(0deg) translate(-120px);transform:rotate(0deg) translate(calc(var(--alert-size)*-1))}.errorOverlay>div:before{background:linear-gradient(0deg,red,transparent);left:0;top:0;transform:rotate(180deg)}.errorOverlay>div:after{background:linear-gradient(0deg,red,transparent);left:0;top:100%;transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(calc(var(--alert-size)*-1))}.errorOverlay{box-sizing:border-box;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.alert-active{animation:blink .75s infinite}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.alertBadge{align-items:center;display:flex;flex-direction:column;font-size:28px;font-weight:700;gap:12px;left:50%;pointer-events:none;position:absolute;text-shadow:0 1px 2px hsla(0,0%,100%,.8);top:50%;transform:translate(-50%,-50%);z-index:2}.alertBadge .anticon{font-size:128px}.alertBadge-success{color:green}.alertBadge-error{color:red}.Dz2w2rqP3NUvu2CojZ48{background:transparent;border:none;font-size:12px;padding:0}.WVqhUh0bw58WT1N9Mfxw{border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:6px;padding:8px;transition:box-shadow .2s}.WVqhUh0bw58WT1N9Mfxw:hover{box-shadow:0 2px 4px rgba(0,0,0,.08)}.WVqhUh0bw58WT1N9Mfxw.agJwygTLbE7oS0lchIwW{background:#fafafa;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.gOWTe8dNP2MGv7tC4m3a{background:#f5f5f5;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.T6Ro3N19wqwnKQgWngKl{background:#f0f0f0;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.swG60WqYhMEamiW9LGtg{background:#ebebeb;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.X2XpNJ9EAhstsXHUxpvc{background:#e6e6e6;border-left:2px solid #1890ff}.WVqhUh0bw58WT1N9Mfxw.aCELqkZVw1tuBuGdQkqE{border-left-color:#fa8c16}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:4px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .IGHaxWV0SVgeEbY7werC{align-items:center;color:rgba(0,0,0,.85);display:flex;font-size:12px;font-weight:500;gap:4px;line-height:24px}.WVqhUh0bw58WT1N9Mfxw .gRkpkeUEur0obAiZAoxc .QnvuLJuFfawFpf1NVot8{display:flex;gap:4px}.WVqhUh0bw58WT1N9Mfxw .oZ1nzkB0VoosHPhcQiEf{display:flex;flex-direction:column;gap:4px}.WVqhUh0bw58WT1N9Mfxw .q4L2vxvMsFUEJt8QoPuO{border-left:1px dashed #e8e8e8;margin-left:8px;margin-top:6px;padding-left:8px}.ib1Owf8V1eQA7YaX9Boi{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:6px 8px;transition:all .2s}.ib1Owf8V1eQA7YaX9Boi:hover{border-color:#1890ff;box-shadow:0 2px 4px rgba(0,0,0,.08)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT{flex:1 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f{flex:0.6 1;min-width:80px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo{flex:1.2 1;min-width:120px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{flex:0.8 1;min-width:100px}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{display:flex;flex-shrink:0;gap:2px;margin-left:auto}.mzDcsEio_IUe_2mnlpRP{display:inline-block;margin-bottom:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-group{display:flex;gap:6px}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper{border-radius:4px;font-size:12px;height:24px;line-height:20px;min-width:70px;padding:2px 12px;transition:all .2s}.mzDcsEio_IUe_2mnlpRP .ant-radio-button-wrapper:hover{box-shadow:0 1px 3px rgba(0,0,0,.04)}.mzDcsEio_IUe_2mnlpRP .cDzHKlGCqQUJOgLSmy8K{font-size:12px;font-weight:500}.mzDcsEio_IUe_2mnlpRP .Hr83fcChn6wsaRWTn0R3{display:none}.mzDcsEio_IUe_2mnlpRP .SmwulKxRwboIAAha3rew{color:#1890ff}.mzDcsEio_IUe_2mnlpRP .aC7AxaKjxoVOddP48saz{background:#1890ff;border-color:#1890ff;color:#fff}.mzDcsEio_IUe_2mnlpRP .Yx9yzBpCAPkVxwuN93Ux{color:#fa8c16}.mzDcsEio_IUe_2mnlpRP .wCY6PG3ou5MobtzVaevA{background:#fa8c16;border-color:#fa8c16;color:#fff}.wPvHtY1LFwQwfTkoO8pg{border-top:1px dashed #e8e8e8;display:flex;gap:6px;margin-top:6px;padding-top:6px}.wPvHtY1LFwQwfTkoO8pg .ant-btn{font-size:12px;height:24px;line-height:22px;padding:0 8px}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary{box-shadow:0 1px 2px rgba(24,144,255,.2)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-primary:hover{box-shadow:0 2px 4px rgba(24,144,255,.3)}.wPvHtY1LFwQwfTkoO8pg .ant-btn-default:hover{border-color:#1890ff;color:#1890ff}.xJqFJaItrqkK4985lyIA{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px dashed #e8e8e8;border-radius:4px;color:rgba(0,0,0,.45);padding:20px 16px;text-align:center}.xJqFJaItrqkK4985lyIA .rjLSZJwdugAhAFsNqeTY{font-size:32px;margin-bottom:8px;opacity:.6}.xJqFJaItrqkK4985lyIA .cOoHn1wvw5kwScQxzYIU{font-size:12px;line-height:1.5;margin-bottom:0}.dVZC8NxAFKAc6WeIv75Z{background:#fafafa;border:1px solid #e8e8e8;border-radius:4px;margin-top:16px;padding:8px}.dVZC8NxAFKAc6WeIv75Z .C68tskTSmZMq_CDx_nSc{color:rgba(0,0,0,.85);font-size:12px;font-weight:500;margin-bottom:6px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw{background:#fff;border:1px solid #e8e8e8;border-radius:4px;max-height:300px;overflow-y:auto;padding:8px}.dVZC8NxAFKAc6WeIv75Z .NuwQeaWwwwysIKYK5EMw pre{font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.q83Qbdy7pN8u8ahieffE{background:#fff2e8;border:1px solid #ffbb96;border-radius:4px;margin-top:8px;padding:8px}.q83Qbdy7pN8u8ahieffE .ajY1rokDY0c6h1m0rRz9{color:#d4380d;font-size:12px;font-weight:500;margin-bottom:4px}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC{list-style:none;margin:0;padding:0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0{color:#d4380d;font-size:11px;padding:2px 0}.q83Qbdy7pN8u8ahieffE .QbbGTiLb9gpjVOYBTvFC .scPoewX4AkI7QQGtbId0:before{content:"• ";margin-right:4px}@media (max-width:768px){.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5{flex-wrap:wrap}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .FhNat1RRFQj17_UQLIcT,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .NDzc9bia_58Gu3qgfgUo,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .S5pCQSuezOkKKG0oh_8f,.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .xp13eVtEuYVyfkQslmLc{min-width:calc(50% - 3px)}.ib1Owf8V1eQA7YaX9Boi .K1HE4vAd0tMhIHMMC9c5 .lC03EUB4cHQqINN2WDct{justify-content:flex-end;margin-left:0;width:100%}}.ruleBuilderContainer .ant-input,.ruleBuilderContainer .ant-input-number,.ruleBuilderContainer .ant-select{font-size:12px}.ruleBuilderContainer .ant-input-number-sm,.ruleBuilderContainer .ant-input-sm,.ruleBuilderContainer .ant-select-sm{height:24px;line-height:24px}.ruleBuilderContainer .ant-select-sm .ant-select-selector{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-select-sm .ant-select-selection-item{line-height:22px}.ruleBuilderContainer .ant-input-sm{font-size:12px;height:24px;padding:0 7px}.ruleBuilderContainer .ant-input-number-sm{font-size:12px;height:24px}.ruleBuilderContainer .ant-input-number-sm .ant-input-number-input{height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm{font-size:12px;height:24px;line-height:22px;padding:0 7px}.ruleBuilderContainer .ant-btn-sm.ant-btn-icon-only{padding:0;width:24px}@media print{.Dz2w2rqP3NUvu2CojZ48{border:none;box-shadow:none}.WVqhUh0bw58WT1N9Mfxw,.ib1Owf8V1eQA7YaX9Boi{box-shadow:none;break-inside:avoid}.QnvuLJuFfawFpf1NVot8,.lC03EUB4cHQqINN2WDct,.wPvHtY1LFwQwfTkoO8pg{display:none}}.regex-editor{display:flex;flex-direction:column;gap:12px}.regex-editor .regex-complexity{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;font-size:13px;padding:12px}.regex-editor .regex-complexity .complexity-item{align-items:center;display:flex;margin-bottom:8px}.regex-editor .regex-complexity .complexity-item:last-child{margin-bottom:0}.regex-editor .regex-complexity .complexity-item .label{color:#595959;font-weight:500;margin-right:8px}.regex-editor .regex-complexity .complexity-item .score{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .score.score-high{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .score.score-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .score.score-low{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-item .risk{border-radius:2px;font-weight:600;padding:2px 8px}.regex-editor .regex-complexity .complexity-item .risk.risk-low{background-color:#f6ffed;color:#52c41a}.regex-editor .regex-complexity .complexity-item .risk.risk-medium{background-color:#fffbe6;color:#faad14}.regex-editor .regex-complexity .complexity-item .risk.risk-high{background-color:#fff2f0;color:#ff4d4f}.regex-editor .regex-complexity .complexity-suggestions{border-top:1px solid #e8e8e8;margin-top:12px;padding-top:12px}.regex-editor .regex-complexity .complexity-suggestions .suggestions-title{color:#595959;font-weight:500;margin-bottom:8px}.regex-editor .regex-complexity .complexity-suggestions ul{margin:0;padding-left:20px}.regex-editor .regex-complexity .complexity-suggestions ul li{color:#8c8c8c;line-height:1.6;margin-bottom:4px}.regex-editor .regex-complexity .complexity-suggestions ul li:last-child{margin-bottom:0}.regex-editor .cm-regex-error{text-decoration:wavy underline red;text-decoration-skip-ink:none}.regex-editor .cm-regex-warning{text-decoration:wavy underline orange;text-decoration-skip-ink:none}.regex-editor .cm-regex-info{text-decoration:wavy underline blue;text-decoration-skip-ink:none}svg.railroad-diagram{background-color:#f5f2f0}svg.railroad-diagram path{stroke-width:3;stroke:#000;fill:transparent}svg.railroad-diagram text{text-anchor:middle;font:700 14px monospace}svg.railroad-diagram text.label{text-anchor:start}svg.railroad-diagram text.comment{font:italic 12px monospace}svg.railroad-diagram rect{stroke-width:3;stroke:#000;fill:#cfc}.ag-root-wrapper .app-grid-composite-group{border-inline:2px solid var(--ag-border-color)!important;border-top:1px solid var(--ag-border-color)!important}.ag-root-wrapper .app-grid-composite-group .ag-header-group-cell-label{justify-content:center!important;width:100%}.ag-root-wrapper .app-grid-composite-header{border-bottom:1px solid var(--ag-border-color)!important}.ag-root-wrapper .app-grid-composite-cell,.ag-root-wrapper .app-grid-composite-header{border-inline-end:1px solid var(--ag-border-color)!important}.ag-root-wrapper .app-grid-composite-start{border-inline-start:2px solid var(--ag-border-color)!important}.ag-root-wrapper .app-grid-composite-end{border-inline-end:2px solid var(--ag-border-color)!important}
|