@sec-fe/v-grid-layout 0.0.2
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/README.md +232 -0
- package/lib/index.css +1 -0
- package/lib/index.d.ts +433 -0
- package/lib/v-grid-layout.js +5240 -0
- package/package.json +77 -0
package/README.md
ADDED
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
# @sec-fe/v-grid-layout
|
|
2
|
+
|
|
3
|
+
一个基于 Vue 3 + Element Plus 的可视化大屏网格布局编辑/查看组件库，内置 Pinia 状态，提供 JSON 数据读写能力。
|
|
4
|
+
|
|
5
|
+
## 特性
|
|
6
|
+
|
|
7
|
+
- 基于 Vue 3 + TypeScript + Pinia，自动注入全局状态
|
|
8
|
+
- 可视化网格编辑 + 预览一体，支持组件面板与属性面板
|
|
9
|
+
- 内置图表类型占位节点，支持自定义业务数据/样式
|
|
10
|
+
- JSON 数据读写（`getPureJsonData` / `initPureJsonData`），版本号 `0.0.1`
|
|
11
|
+
- 主题类型：`dashboard` / `fullPage`，全局/单元格样式可配置
|
|
12
|
+
- 以插件方式注册组件，附带必要的全局依赖注册
|
|
13
|
+
|
|
14
|
+
## 安装
|
|
15
|
+
|
|
16
|
+
### 前置依赖
|
|
17
|
+
|
|
18
|
+
在安装本包之前，请确保项目中已安装（或在项目中可被打包）以下依赖。它们在构建时被标记为 external/peer：
|
|
19
|
+
|
|
20
|
+
- `vue` (> 3.4.21)
|
|
21
|
+
- `element-plus` (^2.10.4) 及其样式 `element-plus/dist/index.css`
|
|
22
|
+
- `pinia` (^2.3.1)
|
|
23
|
+
- `modern-normalize` (^3.0.1)
|
|
24
|
+
- `file-saver` (^2.0.5)
|
|
25
|
+
- `lodash` (^4.17.21)
|
|
26
|
+
- `@element-plus/icons-vue` (^2.3.1)
|
|
27
|
+
- `@vueuse/core` (^13.5.0)
|
|
28
|
+
- `@vueuse/integrations` (^13.5.0)
|
|
29
|
+
- `@kjgl77/datav-vue3` (^1.3.3)
|
|
30
|
+
- `universal-cookie` (^8.0.1)
|
|
31
|
+
> **注意**：上述依赖版本仅供参考，具体版本请根据项目需求选择兼容版本。
|
|
32
|
+
|
|
33
|
+
### 安装包
|
|
34
|
+
|
|
35
|
+
使用 pnpm：
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
pnpm add @sec-fe/v-grid-layout
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
使用 npm：
|
|
42
|
+
|
|
43
|
+
```bash
|
|
44
|
+
npm install @sec-fe/v-grid-layout
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
使用 yarn：
|
|
48
|
+
|
|
49
|
+
```bash
|
|
50
|
+
yarn add @sec-fe/v-grid-layout
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## 快速开始
|
|
54
|
+
|
|
55
|
+
### 1. 在入口注册插件并导入样式
|
|
56
|
+
|
|
57
|
+
```typescript
|
|
58
|
+
import { VGridLayoutEditor, VGridLayoutViewer } from '@sec-fe/v-grid-layout';
|
|
59
|
+
// main.ts
|
|
60
|
+
import { createApp } from 'vue';
|
|
61
|
+
import App from './App.vue';
|
|
62
|
+
import '@sec-fe/v-grid-layout/style.css';
|
|
63
|
+
import 'element-plus/dist/index.css';
|
|
64
|
+
|
|
65
|
+
const app = createApp(App);
|
|
66
|
+
app.use(VGridLayoutEditor); // 注册编辑器所需的全局组件与 Pinia
|
|
67
|
+
app.use(VGridLayoutViewer); // 注册查看器组件与 Pinia
|
|
68
|
+
app.mount('#app');
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### 2. 编辑器示例
|
|
72
|
+
|
|
73
|
+
```vue
|
|
74
|
+
<template>
|
|
75
|
+
<VGridLayoutEditor
|
|
76
|
+
:data="savedJson"
|
|
77
|
+
:show-tab="false"
|
|
78
|
+
@init="handleInit"
|
|
79
|
+
@save="handleSave"
|
|
80
|
+
@go-back="handleBack"
|
|
81
|
+
/>
|
|
82
|
+
</template>
|
|
83
|
+
|
|
84
|
+
<script setup lang="ts">
|
|
85
|
+
import type { UseMainStoreReturn } from '@sec-fe/v-grid-layout/types';
|
|
86
|
+
import { ref } from 'vue';
|
|
87
|
+
|
|
88
|
+
const savedJson = localStorage.getItem('grid-json') || '';
|
|
89
|
+
|
|
90
|
+
function handleInit(store: UseMainStoreReturn) {
|
|
91
|
+
store.initRowAndColArr();
|
|
92
|
+
if (savedJson) store.initPureJsonData(savedJson);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
function handleSave(json: string) {
|
|
96
|
+
localStorage.setItem('grid-json', json);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
function handleBack() {
|
|
100
|
+
// 自定义返回逻辑
|
|
101
|
+
}
|
|
102
|
+
</script>
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
### 3. 查看器示例
|
|
106
|
+
|
|
107
|
+
```vue
|
|
108
|
+
<template>
|
|
109
|
+
<VGridLayoutViewer :data="savedJson" theme-type="dashboard" @mounted="handleMounted">
|
|
110
|
+
<!-- 透传插槽可自定义单元格内部内容 -->
|
|
111
|
+
<template #default="{ cell }">
|
|
112
|
+
<div>{{ cell?.data?.reportName }}</div>
|
|
113
|
+
</template>
|
|
114
|
+
</VGridLayoutViewer>
|
|
115
|
+
</template>
|
|
116
|
+
|
|
117
|
+
<script setup lang="ts">
|
|
118
|
+
import type { UseMainStoreReturn } from '@sec-fe/v-grid-layout/types';
|
|
119
|
+
|
|
120
|
+
const savedJson = localStorage.getItem('grid-json') || '';
|
|
121
|
+
|
|
122
|
+
function handleMounted(store: UseMainStoreReturn) {
|
|
123
|
+
// 可根据需要调整主题或其他状态
|
|
124
|
+
store.changeThemeType('dashboard');
|
|
125
|
+
}
|
|
126
|
+
</script>
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
## API 文档
|
|
130
|
+
|
|
131
|
+
### VGridLayoutEditor Props
|
|
132
|
+
|
|
133
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
134
|
+
| --------- | --------- | ------- | --------------------------------------------------------------------------------------- |
|
|
135
|
+
| `data` | `string` | `''` | 通过 `getPureJsonData()` 生成的 JSON 字符串，包含网格/主题/单元格数据，版本需为 `0.0.1` |
|
|
136
|
+
| `showTab` | `boolean` | `false` | 是否在组件面板中显示系统/自定义 Tab |
|
|
137
|
+
|
|
138
|
+
### VGridLayoutEditor Events
|
|
139
|
+
|
|
140
|
+
| 事件 | 参数 | 说明 |
|
|
141
|
+
| --------- | ----------------------------- | -------------------------------------------------------------- |
|
|
142
|
+
| `save` | `(json: string)` | 触发保存时返回纯净 JSON 字符串（内部调用 `getPureJsonData()`） |
|
|
143
|
+
| `go-back` | `()` | 点击返回按钮时触发 |
|
|
144
|
+
| `init` | `(store: UseMainStoreReturn)` | 组件挂载后触发，暴露主 Store 以便外部初始化/注入数据 |
|
|
145
|
+
|
|
146
|
+
### VGridLayoutViewer Props
|
|
147
|
+
|
|
148
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
149
|
+
| ----------- | --------------------------- | ------------- | -------------------------- |
|
|
150
|
+
| `data` | `string` | `''` | 纯净 JSON 字符串，结构同上 |
|
|
151
|
+
| `themeType` | `'fullPage' \| 'dashboard'` | `'dashboard'` | 设置初始主题类型 |
|
|
152
|
+
|
|
153
|
+
### VGridLayoutViewer Events
|
|
154
|
+
|
|
155
|
+
| 事件 | 参数 | 说明 |
|
|
156
|
+
| --------- | ----------------------------- | --------------------------------------------------- |
|
|
157
|
+
| `mounted` | `(store: UseMainStoreReturn)` | 组件挂载后触发，暴露主 Store 以便调整主题或读取状态 |
|
|
158
|
+
|
|
159
|
+
### 数据结构与版本
|
|
160
|
+
|
|
161
|
+
- 数据版本：`0.0.1`（常量 `DATA_VERSION`）。
|
|
162
|
+
- 核心字段：
|
|
163
|
+
- `gridData`：`rows` / `cols` / `rowGap` / `colGap` 以及 `rowArr` / `colArr`。
|
|
164
|
+
- `gridCells`：以单元格 id 为键的对象，存储 `area`、`mergedCellIds`、`data`、`themes`。
|
|
165
|
+
- `subjectData`：主题基础信息。
|
|
166
|
+
- `themes` 与 `themeType`：主题配置与当前主题类型（`dashboard` / `fullPage`）。
|
|
167
|
+
- 获取/加载：
|
|
168
|
+
- 保存时使用 `store.getPureJsonData()`。
|
|
169
|
+
- 加载时使用 `store.initPureJsonData(json)`，返回 `{ ok: true }` 或 `{ ok: false, reason }`。
|
|
170
|
+
|
|
171
|
+
### 工具函数
|
|
172
|
+
|
|
173
|
+
- `getDropGridIndex(event: DragEvent)`：根据拖拽事件定位目标网格索引，同时触发选中交互。
|
|
174
|
+
|
|
175
|
+
## 高级用法
|
|
176
|
+
|
|
177
|
+
当前版本未对外暴露独立 Hook（`useGrid` / `useTheme` / `useEditor`），如需访问可通过 `init` / `mounted` 事件获取的 `UseMainStoreReturn` 实例使用内部能力。
|
|
178
|
+
|
|
179
|
+
## 开发
|
|
180
|
+
|
|
181
|
+
```bash
|
|
182
|
+
# 克隆项目
|
|
183
|
+
git clone https://github.com/roojay/v-grid-layout.git
|
|
184
|
+
|
|
185
|
+
# 安装依赖
|
|
186
|
+
pnpm install
|
|
187
|
+
|
|
188
|
+
# 启动开发服务器
|
|
189
|
+
pnpm dev
|
|
190
|
+
|
|
191
|
+
# 构建
|
|
192
|
+
pnpm build
|
|
193
|
+
|
|
194
|
+
# 运行测试
|
|
195
|
+
pnpm test
|
|
196
|
+
|
|
197
|
+
# 代码检查
|
|
198
|
+
pnpm lint
|
|
199
|
+
```
|
|
200
|
+
|
|
201
|
+
## 参考资源
|
|
202
|
+
|
|
203
|
+
### 可视化大屏设计
|
|
204
|
+
|
|
205
|
+
- [阿里云 DataV](https://data.aliyun.com/visual/datav)
|
|
206
|
+
- [百度 Sugar](https://cloud.baidu.com/product/sugar.html)
|
|
207
|
+
- [腾讯云图](https://cloud.tencent.com/product/yuntu)
|
|
208
|
+
- [FineReport](http://www.finereport.com/)
|
|
209
|
+
- [大屏数据可视化](https://github.com/yyhsong/iDataV)
|
|
210
|
+
|
|
211
|
+
### 可视化工具
|
|
212
|
+
|
|
213
|
+
- [rawgraphs](https://rawgraphs.io/)
|
|
214
|
+
- [chartjs](https://www.chartjs.org/)
|
|
215
|
+
- [d3js](https://d3js.org/)
|
|
216
|
+
- [fusioncharts](https://www.fusioncharts.com/)
|
|
217
|
+
- [JavaScript InfoVis Toolkit](http://philogb.github.io/jit/)
|
|
218
|
+
- [zingchart](https://www.zingchart.com/)
|
|
219
|
+
- [flotcharts](http://www.flotcharts.org/)
|
|
220
|
+
- [gephi](https://gephi.org/)
|
|
221
|
+
- [infogram](https://infogram.com/)
|
|
222
|
+
- [icharts](https://www.icharts.net/)
|
|
223
|
+
|
|
224
|
+
### 图表工具
|
|
225
|
+
|
|
226
|
+
- [echarts](https://echarts.baidu.com/)
|
|
227
|
+
- [antv](http://antv.alipay.com)
|
|
228
|
+
- [highcharts](https://www.highcharts.com.cn/)
|
|
229
|
+
|
|
230
|
+
## License
|
|
231
|
+
|
|
232
|
+
Copyright © 2024 All rights reserved.
|
package/lib/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.input-two-col[data-v-58146900]{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:8px;margin-bottom:12px}.v-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;color:var(--el-text-color-primary)}.v-icon:focus{outline:none}.chart-bg-AggTable[data-v-429ac803]{background-image:url(/static/skin/images/module/AggTable.png)}.chart-icon-AggTable[data-v-429ac803]{background-image:url(/static/skin/images/chart/AggTable.svg)}.chart-bg-AreaMap[data-v-429ac803]{background-image:url(/static/skin/images/module/AreaMap.png)}.chart-icon-AreaMap[data-v-429ac803]{background-image:url(/static/skin/images/chart/AreaMap.svg)}.chart-bg-AttackMap[data-v-429ac803]{background-image:url(/static/skin/images/module/AttackMap.png)}.chart-icon-AttackMap[data-v-429ac803]{background-image:url(/static/skin/images/chart/AttackMap.svg)}.chart-bg-BasicAreaLine[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicAreaLine.png)}.chart-icon-BasicAreaLine[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicAreaLine.svg)}.chart-bg-BasicBar[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicBar.png)}.chart-icon-BasicBar[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicBar.svg)}.chart-bg-BasicCompareLine[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicCompareLine.png)}.chart-icon-BasicCompareLine[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicCompareLine.svg)}.chart-bg-BasicGauge[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicGauge.png)}.chart-icon-BasicGauge[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicGauge.svg)}.chart-bg-BasicLine[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicLine.png)}.chart-icon-BasicLine[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicLine.svg)}.chart-bg-BasicPie[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicPie.png)}.chart-icon-BasicPie[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicPie.svg)}.chart-bg-BasicScatter[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicScatter.png)}.chart-icon-BasicScatter[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicScatter.svg)}.chart-bg-BasicStackedBar[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicStackedBar.png)}.chart-icon-BasicStackedBar[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicStackedBar.svg)}.chart-bg-BasicTree[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicTree.png)}.chart-icon-BasicTree[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicTree.svg)}.chart-bg-CircularGraph[data-v-429ac803]{background-image:url(/static/skin/images/module/CircularGraph.png)}.chart-icon-CircularGraph[data-v-429ac803]{background-image:url(/static/skin/images/chart/CircularGraph.svg)}.chart-bg-CommonTable[data-v-429ac803]{background-image:url(/static/skin/images/module/CommonTable.png)}.chart-icon-CommonTable[data-v-429ac803]{background-image:url(/static/skin/images/chart/CommonTable.svg)}.chart-bg-CompareAggTable[data-v-429ac803]{background-image:url(/static/skin/images/module/CompareAggTable.png)}.chart-icon-CompareAggTable[data-v-429ac803]{background-image:url(/static/skin/images/chart/CompareAggTable.svg)}.chart-bg-CompareNumberHtml[data-v-429ac803]{background-image:url(/static/skin/images/module/CompareNumberHtml.png)}.chart-icon-CompareNumberHtml[data-v-429ac803]{background-image:url(/static/skin/images/chart/CompareNumberHtml.svg)}.chart-bg-DoughnutPie[data-v-429ac803]{background-image:url(/static/skin/images/module/DoughnutPie.png)}.chart-icon-DoughnutPie[data-v-429ac803]{background-image:url(/static/skin/images/chart/DoughnutPie.svg)}.chart-bg-ForceGraph[data-v-429ac803]{background-image:url(/static/skin/images/module/ForceGraph.png)}.chart-icon-ForceGraph[data-v-429ac803]{background-image:url(/static/skin/images/chart/ForceGraph.svg)}.chart-bg-HeatMap[data-v-429ac803]{background-image:url(/static/skin/images/module/HeatMap.png)}.chart-icon-HeatMap[data-v-429ac803]{background-image:url(/static/skin/images/chart/HeatMap.svg)}.chart-bg-LineMap[data-v-429ac803]{background-image:url(/static/skin/images/module/LineMap.png)}.chart-icon-LineMap[data-v-429ac803]{background-image:url(/static/skin/images/chart/LineMap.svg)}.chart-bg-Map[data-v-429ac803]{background-image:url(/static/skin/images/module/Map.png)}.chart-icon-Map[data-v-429ac803]{background-image:url(/static/skin/images/chart/Map.svg)}.chart-bg-MultiPie[data-v-429ac803]{background-image:url(/static/skin/images/module/MultiPie.png)}.chart-icon-MultiPie[data-v-429ac803]{background-image:url(/static/skin/images/chart/MultiPie.svg)}.chart-bg-NegativeBar[data-v-429ac803]{background-image:url(/static/skin/images/module/NegativeBar.png)}.chart-icon-NegativeBar[data-v-429ac803]{background-image:url(/static/skin/images/chart/NegativeBar.svg)}.chart-bg-NegativeStackedBar[data-v-429ac803]{background-image:url(/static/skin/images/module/NegativeStackedBar.png)}.chart-icon-NegativeStackedBar[data-v-429ac803]{background-image:url(/static/skin/images/chart/NegativeStackedBar.svg)}.chart-bg-NestedStackedPie[data-v-429ac803]{background-image:url(/static/skin/images/module/NestedStackedPie.png)}.chart-icon-NestedStackedPie[data-v-429ac803]{background-image:url(/static/skin/images/chart/NestedStackedPie.svg)}.chart-bg-NumberBlockPie[data-v-429ac803]{background-image:url(/static/skin/images/module/NumberBlockPie.png)}.chart-icon-NumberBlockPie[data-v-429ac803]{background-image:url(/static/skin/images/chart/NumberBlockPie.svg)}.chart-bg-RosePie[data-v-429ac803]{background-image:url(/static/skin/images/module/RosePie.png)}.chart-icon-RosePie[data-v-429ac803]{background-image:url(/static/skin/images/chart/RosePie.svg)}.chart-bg-ScatterMap[data-v-429ac803]{background-image:url(/static/skin/images/module/ScatterMap.png)}.chart-icon-ScatterMap[data-v-429ac803]{background-image:url(/static/skin/images/chart/ScatterMap.svg)}.chart-bg-StackedAreaLine[data-v-429ac803]{background-image:url(/static/skin/images/module/StackedAreaLine.png)}.chart-icon-StackedAreaLine[data-v-429ac803]{background-image:url(/static/skin/images/chart/StackedAreaLine.svg)}.chart-bg-StackedBar[data-v-429ac803]{background-image:url(/static/skin/images/module/StackedBar.png)}.chart-icon-StackedBar[data-v-429ac803]{background-image:url(/static/skin/images/chart/StackedBar.svg)}.chart-bg-StackedLine[data-v-429ac803]{background-image:url(/static/skin/images/module/StackedLine.png)}.chart-icon-StackedLine[data-v-429ac803]{background-image:url(/static/skin/images/chart/StackedLine.svg)}.chart-bg-StackedScatter[data-v-429ac803]{background-image:url(/static/skin/images/module/StackedScatter.png)}.chart-icon-StackedScatter[data-v-429ac803]{background-image:url(/static/skin/images/chart/StackedScatter.svg)}.chart-bg-SvgTopo[data-v-429ac803]{background-image:url(/static/skin/images/module/SvgTopo.png)}.chart-icon-SvgTopo[data-v-429ac803]{background-image:url(/static/skin/images/chart/SvgTopo.svg)}.chart-bg-TimelineAggTable[data-v-429ac803]{background-image:url(/static/skin/images/module/TimelineAggTable.png)}.chart-icon-TimelineAggTable[data-v-429ac803]{background-image:url(/static/skin/images/chart/TimelineAggTable.svg)}.chart-bg-Topology[data-v-429ac803]{background-image:url(/static/skin/images/module/Topology.png)}.chart-icon-Topology[data-v-429ac803]{background-image:url(/static/skin/images/chart/Topology.svg)}.chart-bg-WordCloud[data-v-429ac803]{background-image:url(/static/skin/images/module/WordCloud.png)}.chart-icon-WordCloud[data-v-429ac803]{background-image:url(/static/skin/images/chart/WordCloud.svg)}.chart-bg-BasicRadar[data-v-429ac803]{background-image:url(/static/skin/images/module/BasicRadar.png)}.chart-icon-BasicRadar[data-v-429ac803]{background-image:url(/static/skin/images/chart/BasicRadar.svg)}.chart-bg[data-v-429ac803],.chart-icon[data-v-429ac803]{background-size:100% 100%;background-repeat:no-repeat}.chart-icon[data-v-429ac803]{width:20px;height:20px}.gl-component-wrap[data-v-15e799b6],.gl-left-wrap[data-v-15e799b6]{position:relative;width:240px;height:100%;overflow:auto;background-color:var(--gl-bg-white);will-change:width;transition:width .3s ease-in-out}.gl-left-wrap[data-v-15e799b6]{padding-top:10px}.nodes-wrap[data-v-15e799b6]{display:flex;flex-wrap:wrap;justify-content:center}.nodes-wrap .node-wrap[data-v-15e799b6]{width:140px;height:48px;margin:8px;padding:8px;max-width:140px;max-height:48px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--el-text-color-primary);line-height:1;text-align:center;text-decoration:none!important;cursor:pointer;background:#0000000d}.nodes-wrap .node-wrap .iconfont[data-v-15e799b6]{font-size:32px}.nodes-wrap .node-wrap[data-v-15e799b6]:hover{color:var(--el-color-primary)}.gl-left-expand-icon[data-v-15e799b6]{position:absolute;top:0;right:0;cursor:pointer;font-size:18px;z-index:10}.tcs-rubberband-cell{user-select:none;outline:1px dashed transparent}.tcs-rubberband-cell.tcs-rubberband-cell--selected{outline:1px dashed rgba(64,158,255,.5)}.tcs-rubberband-container{display:block;position:relative}.tcs-rubberband-container.tcs-rubberband--active{user-select:none}.tcs-rubberband-container .tcs-rubberband{border:1px solid rgba(0,0,0,.32);position:absolute;box-sizing:border-box;border-radius:3px;background:#409effcc;opacity:.2}.gl-border-box{position:relative;width:100%;height:100%}.gl-box-herder[data-v-1490430a]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.gl-box-title[data-v-1490430a]{display:var(--gl-box-title-display, flex);width:var(--gl-box-title-width, 100%);color:var(--gl-box-title-color, rgb(4, 137, 134));font-size:var(--gl-box-title-font-size, 16px);font-weight:var(--gl-box-title-font-weight, 500);font-style:var(--gl-box-title-font-style, normal);line-height:var(--gl-box-title-line-height, 1.5);font-family:var(--gl-box-title-font-family, -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif);justify-content:var(--gl-box-title-justify-content, center);align-items:var(--gl-box-title-justify-content, center);padding:var(--gl-box-title-padding, 0px);margin:var(--gl-box-title-margin, 0px)}.gl-box-subtitle[data-v-1490430a]{display:var(--gl-box-subtitle-display, "none");width:var(--gl-box-subtitle-width, 100%);color:var(--gl-box-subtitle-color, rgb(4, 137, 134));font-size:var(--gl-box-subtitle-font-size, 16px);font-weight:var(--gl-box-subtitle-font-weight, 500);font-style:var(--gl-box-subtitle-font-style, normal);line-height:var(--gl-box-subtitle-line-height, 1.5);font-family:var(--gl-box-subtitle-font-family, -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif);justify-content:var(--gl-box-subtitle-justify-content, center);align-items:var(--gl-box-subtitle-justify-content, center);padding:var(--gl-box-subtitle-padding, 0px);margin:var(--gl-box-subtitle-margin, 0px)}.gl-box{overflow:hidden}.gl-border-box-content{height:100%;width:100%;position:relative;box-sizing:border-box;display:grid;grid-template-columns:100%;grid-template-rows:auto 2fr}.gl-border-box-content .gl-box-content{overflow:auto}.chart-bg-AggTable[data-v-75e28416]{background-image:url(/static/skin/images/module/AggTable.png)}.chart-icon-AggTable[data-v-75e28416]{background-image:url(/static/skin/images/chart/AggTable.svg)}.chart-bg-AreaMap[data-v-75e28416]{background-image:url(/static/skin/images/module/AreaMap.png)}.chart-icon-AreaMap[data-v-75e28416]{background-image:url(/static/skin/images/chart/AreaMap.svg)}.chart-bg-AttackMap[data-v-75e28416]{background-image:url(/static/skin/images/module/AttackMap.png)}.chart-icon-AttackMap[data-v-75e28416]{background-image:url(/static/skin/images/chart/AttackMap.svg)}.chart-bg-BasicAreaLine[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicAreaLine.png)}.chart-icon-BasicAreaLine[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicAreaLine.svg)}.chart-bg-BasicBar[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicBar.png)}.chart-icon-BasicBar[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicBar.svg)}.chart-bg-BasicCompareLine[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicCompareLine.png)}.chart-icon-BasicCompareLine[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicCompareLine.svg)}.chart-bg-BasicGauge[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicGauge.png)}.chart-icon-BasicGauge[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicGauge.svg)}.chart-bg-BasicLine[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicLine.png)}.chart-icon-BasicLine[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicLine.svg)}.chart-bg-BasicPie[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicPie.png)}.chart-icon-BasicPie[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicPie.svg)}.chart-bg-BasicScatter[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicScatter.png)}.chart-icon-BasicScatter[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicScatter.svg)}.chart-bg-BasicStackedBar[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicStackedBar.png)}.chart-icon-BasicStackedBar[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicStackedBar.svg)}.chart-bg-BasicTree[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicTree.png)}.chart-icon-BasicTree[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicTree.svg)}.chart-bg-CircularGraph[data-v-75e28416]{background-image:url(/static/skin/images/module/CircularGraph.png)}.chart-icon-CircularGraph[data-v-75e28416]{background-image:url(/static/skin/images/chart/CircularGraph.svg)}.chart-bg-CommonTable[data-v-75e28416]{background-image:url(/static/skin/images/module/CommonTable.png)}.chart-icon-CommonTable[data-v-75e28416]{background-image:url(/static/skin/images/chart/CommonTable.svg)}.chart-bg-CompareAggTable[data-v-75e28416]{background-image:url(/static/skin/images/module/CompareAggTable.png)}.chart-icon-CompareAggTable[data-v-75e28416]{background-image:url(/static/skin/images/chart/CompareAggTable.svg)}.chart-bg-CompareNumberHtml[data-v-75e28416]{background-image:url(/static/skin/images/module/CompareNumberHtml.png)}.chart-icon-CompareNumberHtml[data-v-75e28416]{background-image:url(/static/skin/images/chart/CompareNumberHtml.svg)}.chart-bg-DoughnutPie[data-v-75e28416]{background-image:url(/static/skin/images/module/DoughnutPie.png)}.chart-icon-DoughnutPie[data-v-75e28416]{background-image:url(/static/skin/images/chart/DoughnutPie.svg)}.chart-bg-ForceGraph[data-v-75e28416]{background-image:url(/static/skin/images/module/ForceGraph.png)}.chart-icon-ForceGraph[data-v-75e28416]{background-image:url(/static/skin/images/chart/ForceGraph.svg)}.chart-bg-HeatMap[data-v-75e28416]{background-image:url(/static/skin/images/module/HeatMap.png)}.chart-icon-HeatMap[data-v-75e28416]{background-image:url(/static/skin/images/chart/HeatMap.svg)}.chart-bg-LineMap[data-v-75e28416]{background-image:url(/static/skin/images/module/LineMap.png)}.chart-icon-LineMap[data-v-75e28416]{background-image:url(/static/skin/images/chart/LineMap.svg)}.chart-bg-Map[data-v-75e28416]{background-image:url(/static/skin/images/module/Map.png)}.chart-icon-Map[data-v-75e28416]{background-image:url(/static/skin/images/chart/Map.svg)}.chart-bg-MultiPie[data-v-75e28416]{background-image:url(/static/skin/images/module/MultiPie.png)}.chart-icon-MultiPie[data-v-75e28416]{background-image:url(/static/skin/images/chart/MultiPie.svg)}.chart-bg-NegativeBar[data-v-75e28416]{background-image:url(/static/skin/images/module/NegativeBar.png)}.chart-icon-NegativeBar[data-v-75e28416]{background-image:url(/static/skin/images/chart/NegativeBar.svg)}.chart-bg-NegativeStackedBar[data-v-75e28416]{background-image:url(/static/skin/images/module/NegativeStackedBar.png)}.chart-icon-NegativeStackedBar[data-v-75e28416]{background-image:url(/static/skin/images/chart/NegativeStackedBar.svg)}.chart-bg-NestedStackedPie[data-v-75e28416]{background-image:url(/static/skin/images/module/NestedStackedPie.png)}.chart-icon-NestedStackedPie[data-v-75e28416]{background-image:url(/static/skin/images/chart/NestedStackedPie.svg)}.chart-bg-NumberBlockPie[data-v-75e28416]{background-image:url(/static/skin/images/module/NumberBlockPie.png)}.chart-icon-NumberBlockPie[data-v-75e28416]{background-image:url(/static/skin/images/chart/NumberBlockPie.svg)}.chart-bg-RosePie[data-v-75e28416]{background-image:url(/static/skin/images/module/RosePie.png)}.chart-icon-RosePie[data-v-75e28416]{background-image:url(/static/skin/images/chart/RosePie.svg)}.chart-bg-ScatterMap[data-v-75e28416]{background-image:url(/static/skin/images/module/ScatterMap.png)}.chart-icon-ScatterMap[data-v-75e28416]{background-image:url(/static/skin/images/chart/ScatterMap.svg)}.chart-bg-StackedAreaLine[data-v-75e28416]{background-image:url(/static/skin/images/module/StackedAreaLine.png)}.chart-icon-StackedAreaLine[data-v-75e28416]{background-image:url(/static/skin/images/chart/StackedAreaLine.svg)}.chart-bg-StackedBar[data-v-75e28416]{background-image:url(/static/skin/images/module/StackedBar.png)}.chart-icon-StackedBar[data-v-75e28416]{background-image:url(/static/skin/images/chart/StackedBar.svg)}.chart-bg-StackedLine[data-v-75e28416]{background-image:url(/static/skin/images/module/StackedLine.png)}.chart-icon-StackedLine[data-v-75e28416]{background-image:url(/static/skin/images/chart/StackedLine.svg)}.chart-bg-StackedScatter[data-v-75e28416]{background-image:url(/static/skin/images/module/StackedScatter.png)}.chart-icon-StackedScatter[data-v-75e28416]{background-image:url(/static/skin/images/chart/StackedScatter.svg)}.chart-bg-SvgTopo[data-v-75e28416]{background-image:url(/static/skin/images/module/SvgTopo.png)}.chart-icon-SvgTopo[data-v-75e28416]{background-image:url(/static/skin/images/chart/SvgTopo.svg)}.chart-bg-TimelineAggTable[data-v-75e28416]{background-image:url(/static/skin/images/module/TimelineAggTable.png)}.chart-icon-TimelineAggTable[data-v-75e28416]{background-image:url(/static/skin/images/chart/TimelineAggTable.svg)}.chart-bg-Topology[data-v-75e28416]{background-image:url(/static/skin/images/module/Topology.png)}.chart-icon-Topology[data-v-75e28416]{background-image:url(/static/skin/images/chart/Topology.svg)}.chart-bg-WordCloud[data-v-75e28416]{background-image:url(/static/skin/images/module/WordCloud.png)}.chart-icon-WordCloud[data-v-75e28416]{background-image:url(/static/skin/images/chart/WordCloud.svg)}.chart-bg-BasicRadar[data-v-75e28416]{background-image:url(/static/skin/images/module/BasicRadar.png)}.chart-icon-BasicRadar[data-v-75e28416]{background-image:url(/static/skin/images/chart/BasicRadar.svg)}.chart-bg[data-v-75e28416],.chart-icon[data-v-75e28416]{background-size:100% 100%;background-repeat:no-repeat}.chart-icon[data-v-75e28416]{width:20px;height:20px}.gl-editor-container[data-v-2c1a2d2f]{height:100%;width:100%;box-sizing:border-box;overflow:auto;flex:1}.gl-grid-header{display:flex}.fullscreen-icon{font-size:var(--0b37f803)!important;color:var(--53e06930)!important}.fullscreen-icon:hover{color:var(--el-color-primary)}.image-preview[data-v-66946f1e]{height:110px;min-height:110px}.gl-prop-panel{position:relative;font-size:12px;width:280px;height:100%;overflow:auto;padding-left:8px;background-color:var(--gl-bg-white);will-change:width;transition:width .3s ease-in-out;padding-top:10px}.gl-prop-label{font-size:12px;min-width:5em;margin-right:4px;white-space:nowrap}.gl-prop-title{font-size:13px;font-weight:600}.gl-prop-subtitle{font-size:12px;font-weight:600;color:var(--el-text-color-primary)}.gl-right-expand-icon{position:absolute;top:0;left:0;cursor:pointer;font-size:18px;z-index:10}.tool-bar-wrap[data-v-bd37f004]{display:flex;flex-direction:column;background-color:var(--gl-bg-lighter);border-bottom:1px solid var(--gl-border-color)}.tool-bar-wrap .el-input-number[data-v-bd37f004]{width:80px}.tool-bar-wrap .header-wrap[data-v-bd37f004]{padding-bottom:8px;background-color:var(--gl-bg-white)}.tool-bar-wrap .tool-wrap[data-v-bd37f004]{height:32px;border-top:1px solid var(--gl-border-color);background-color:var(--gl-bg-lighter);overflow:auto;border:1px solid var(--gl-border-color);display:flex;flex-direction:row;align-items:center}.tool-bar-wrap .tool-wrap .v-icon[data-v-bd37f004]{margin:0 8px;display:inline-flex;align-items:center}.preset-trigger[data-v-bd37f004]{padding:0 4px;margin-right:6px}[data-v-bd37f004] .layout-preset-popover{padding:12px}.preset-warning[data-v-bd37f004]{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:var(--el-color-warning-light-9);border:1px solid var(--el-color-warning-light-7);border-radius:4px;font-size:12px;color:var(--el-color-warning)}.preset-warning .warning-icon[data-v-bd37f004]{font-size:14px;flex-shrink:0}.preset-list[data-v-bd37f004]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:380px;overflow:auto}.preset-card[data-v-bd37f004]{border:1px solid var(--gl-border-color);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer;background:var(--gl-bg-lighter);transition:border-color .2s ease,box-shadow .2s ease}.preset-card[data-v-bd37f004]:hover{border-color:var(--el-color-primary);box-shadow:0 4px 10px #0000000f}.preset-grid[data-v-bd37f004]{display:grid;gap:2px;width:100%;aspect-ratio:4/3;background:var(--gl-bg-white);border:1px dashed var(--gl-border-color);border-radius:4px;overflow:hidden}.preset-grid-cell[data-v-bd37f004]{background:linear-gradient(135deg,#409eff14,#409eff29);border:1px solid rgba(64,158,255,.3);border-radius:2px}.preset-meta[data-v-bd37f004]{display:flex;flex-direction:column;gap:2px}.preset-name[data-v-bd37f004]{font-weight:600;font-size:12px;color:var(--el-text-color-primary)}.preset-desc[data-v-bd37f004]{font-size:11px;color:var(--el-text-color-secondary);line-height:1.3}:root{--gl-bg-gray: var(--el-bg-color-darker, #f4f6fa);--gl-bg-white: var(--el-bg-color-main, #fff);--gl-border-color: var(--el-border-color, #e5e5e5)}.gl-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--gl-bg-white);overflow:hidden}.gl-main{width:100%;flex:1;overflow:auto;display:flex;background-color:var(--gl-bg-gray)}.gl-preview-dialog{width:100%;height:100%;position:relative;overflow:auto;background-color:var(--gl-bg-gray)!important}.gl-preview-dialog .el-dialog__header.el-dialog__header{padding:8px}.gl-preview-dialog .el-dialog__header.el-dialog__header .el-dialog__headerbtn{top:12px}.gl-preview-dialog .el-dialog__body.el-dialog__body{padding:0;width:calc(100vw - 40px);height:calc(100vh - 40px);margin:auto}:root{--gl-bg-lighter: var(--el-bg-color-lighter, #fbfbfb);--gl-bg-gray: var(--el-bg-color-darker, #f4f6fa);--gl-bg-white: var(--el-bg-color-main, #fff);--gl-border-color: var(--el-border-color, #e5e5e5)}.gl-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--gl-bg-white)}.gl-main{width:100%;height:100%;overflow:auto;display:flex;background-color:var(--gl-bg-gray)}.gl-grid-container{padding:18px}.gl-grid-header+.gl-grid-container{padding-top:1px}.pd-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pdx-0{padding-left:0;padding-right:0}.pdy-0{padding-top:0;padding-bottom:0}.mg-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mg-x-0{margin-left:0;margin-right:0}.mg-y-0{margin-top:0;margin-bottom:0}.gap-0{gap:0px}.pd-1{padding:1px}.pt-1{padding-top:1px}.pr-1{padding-right:1px}.pb-1{padding-bottom:1px}.pl-1{padding-left:1px}.pdx-1{padding-left:1px;padding-right:1px}.pdy-1{padding-top:1px;padding-bottom:1px}.mg-1{margin:1}.mt-1{margin-top:1px}.mr-1{margin-right:1px}.mb-1{margin-bottom:1px}.ml-1{margin-left:1px}.mg-x-1{margin-left:1px;margin-right:1px}.mg-y-1{margin-top:1px;margin-bottom:1px}.gap-1{gap:1px}.pd-2{padding:2px}.pt-2{padding-top:2px}.pr-2{padding-right:2px}.pb-2{padding-bottom:2px}.pl-2{padding-left:2px}.pdx-2{padding-left:2px;padding-right:2px}.pdy-2{padding-top:2px;padding-bottom:2px}.mg-2{margin:2}.mt-2{margin-top:2px}.mr-2{margin-right:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.mg-x-2{margin-left:2px;margin-right:2px}.mg-y-2{margin-top:2px;margin-bottom:2px}.gap-2{gap:2px}.pd-3{padding:3px}.pt-3{padding-top:3px}.pr-3{padding-right:3px}.pb-3{padding-bottom:3px}.pl-3{padding-left:3px}.pdx-3{padding-left:3px;padding-right:3px}.pdy-3{padding-top:3px;padding-bottom:3px}.mg-3{margin:3}.mt-3{margin-top:3px}.mr-3{margin-right:3px}.mb-3{margin-bottom:3px}.ml-3{margin-left:3px}.mg-x-3{margin-left:3px;margin-right:3px}.mg-y-3{margin-top:3px;margin-bottom:3px}.gap-3{gap:3px}.pd-4{padding:4px}.pt-4{padding-top:4px}.pr-4{padding-right:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.pdx-4{padding-left:4px;padding-right:4px}.pdy-4{padding-top:4px;padding-bottom:4px}.mg-4{margin:4}.mt-4{margin-top:4px}.mr-4{margin-right:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mg-x-4{margin-left:4px;margin-right:4px}.mg-y-4{margin-top:4px;margin-bottom:4px}.gap-4{gap:4px}.pd-5{padding:5px}.pt-5{padding-top:5px}.pr-5{padding-right:5px}.pb-5{padding-bottom:5px}.pl-5{padding-left:5px}.pdx-5{padding-left:5px;padding-right:5px}.pdy-5{padding-top:5px;padding-bottom:5px}.mg-5{margin:5}.mt-5{margin-top:5px}.mr-5{margin-right:5px}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.mg-x-5{margin-left:5px;margin-right:5px}.mg-y-5{margin-top:5px;margin-bottom:5px}.gap-5{gap:5px}.pd-6{padding:6px}.pt-6{padding-top:6px}.pr-6{padding-right:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.pdx-6{padding-left:6px;padding-right:6px}.pdy-6{padding-top:6px;padding-bottom:6px}.mg-6{margin:6}.mt-6{margin-top:6px}.mr-6{margin-right:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.mg-x-6{margin-left:6px;margin-right:6px}.mg-y-6{margin-top:6px;margin-bottom:6px}.gap-6{gap:6px}.pd-7{padding:7px}.pt-7{padding-top:7px}.pr-7{padding-right:7px}.pb-7{padding-bottom:7px}.pl-7{padding-left:7px}.pdx-7{padding-left:7px;padding-right:7px}.pdy-7{padding-top:7px;padding-bottom:7px}.mg-7{margin:7}.mt-7{margin-top:7px}.mr-7{margin-right:7px}.mb-7{margin-bottom:7px}.ml-7{margin-left:7px}.mg-x-7{margin-left:7px;margin-right:7px}.mg-y-7{margin-top:7px;margin-bottom:7px}.gap-7{gap:7px}.pd-8{padding:8px}.pt-8{padding-top:8px}.pr-8{padding-right:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.pdx-8{padding-left:8px;padding-right:8px}.pdy-8{padding-top:8px;padding-bottom:8px}.mg-8{margin:8}.mt-8{margin-top:8px}.mr-8{margin-right:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mg-x-8{margin-left:8px;margin-right:8px}.mg-y-8{margin-top:8px;margin-bottom:8px}.gap-8{gap:8px}.pd-9{padding:9px}.pt-9{padding-top:9px}.pr-9{padding-right:9px}.pb-9{padding-bottom:9px}.pl-9{padding-left:9px}.pdx-9{padding-left:9px;padding-right:9px}.pdy-9{padding-top:9px;padding-bottom:9px}.mg-9{margin:9}.mt-9{margin-top:9px}.mr-9{margin-right:9px}.mb-9{margin-bottom:9px}.ml-9{margin-left:9px}.mg-x-9{margin-left:9px;margin-right:9px}.mg-y-9{margin-top:9px;margin-bottom:9px}.gap-9{gap:9px}.pd-10{padding:10px}.pt-10{padding-top:10px}.pr-10{padding-right:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.pdx-10{padding-left:10px;padding-right:10px}.pdy-10{padding-top:10px;padding-bottom:10px}.mg-10{margin:10}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mg-x-10{margin-left:10px;margin-right:10px}.mg-y-10{margin-top:10px;margin-bottom:10px}.gap-10{gap:10px}.pd-11{padding:11px}.pt-11{padding-top:11px}.pr-11{padding-right:11px}.pb-11{padding-bottom:11px}.pl-11{padding-left:11px}.pdx-11{padding-left:11px;padding-right:11px}.pdy-11{padding-top:11px;padding-bottom:11px}.mg-11{margin:11}.mt-11{margin-top:11px}.mr-11{margin-right:11px}.mb-11{margin-bottom:11px}.ml-11{margin-left:11px}.mg-x-11{margin-left:11px;margin-right:11px}.mg-y-11{margin-top:11px;margin-bottom:11px}.gap-11{gap:11px}.pd-12{padding:12px}.pt-12{padding-top:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.pdx-12{padding-left:12px;padding-right:12px}.pdy-12{padding-top:12px;padding-bottom:12px}.mg-12{margin:12}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.mg-x-12{margin-left:12px;margin-right:12px}.mg-y-12{margin-top:12px;margin-bottom:12px}.gap-12{gap:12px}.pd-13{padding:13px}.pt-13{padding-top:13px}.pr-13{padding-right:13px}.pb-13{padding-bottom:13px}.pl-13{padding-left:13px}.pdx-13{padding-left:13px;padding-right:13px}.pdy-13{padding-top:13px;padding-bottom:13px}.mg-13{margin:13}.mt-13{margin-top:13px}.mr-13{margin-right:13px}.mb-13{margin-bottom:13px}.ml-13{margin-left:13px}.mg-x-13{margin-left:13px;margin-right:13px}.mg-y-13{margin-top:13px;margin-bottom:13px}.gap-13{gap:13px}.pd-14{padding:14px}.pt-14{padding-top:14px}.pr-14{padding-right:14px}.pb-14{padding-bottom:14px}.pl-14{padding-left:14px}.pdx-14{padding-left:14px;padding-right:14px}.pdy-14{padding-top:14px;padding-bottom:14px}.mg-14{margin:14}.mt-14{margin-top:14px}.mr-14{margin-right:14px}.mb-14{margin-bottom:14px}.ml-14{margin-left:14px}.mg-x-14{margin-left:14px;margin-right:14px}.mg-y-14{margin-top:14px;margin-bottom:14px}.gap-14{gap:14px}.pd-15{padding:15px}.pt-15{padding-top:15px}.pr-15{padding-right:15px}.pb-15{padding-bottom:15px}.pl-15{padding-left:15px}.pdx-15{padding-left:15px;padding-right:15px}.pdy-15{padding-top:15px;padding-bottom:15px}.mg-15{margin:15}.mt-15{margin-top:15px}.mr-15{margin-right:15px}.mb-15{margin-bottom:15px}.ml-15{margin-left:15px}.mg-x-15{margin-left:15px;margin-right:15px}.mg-y-15{margin-top:15px;margin-bottom:15px}.gap-15{gap:15px}.pd-16{padding:16px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.pdx-16{padding-left:16px;padding-right:16px}.pdy-16{padding-top:16px;padding-bottom:16px}.mg-16{margin:16}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mg-x-16{margin-left:16px;margin-right:16px}.mg-y-16{margin-top:16px;margin-bottom:16px}.gap-16{gap:16px}.pd-17{padding:17px}.pt-17{padding-top:17px}.pr-17{padding-right:17px}.pb-17{padding-bottom:17px}.pl-17{padding-left:17px}.pdx-17{padding-left:17px;padding-right:17px}.pdy-17{padding-top:17px;padding-bottom:17px}.mg-17{margin:17}.mt-17{margin-top:17px}.mr-17{margin-right:17px}.mb-17{margin-bottom:17px}.ml-17{margin-left:17px}.mg-x-17{margin-left:17px;margin-right:17px}.mg-y-17{margin-top:17px;margin-bottom:17px}.gap-17{gap:17px}.pd-18{padding:18px}.pt-18{padding-top:18px}.pr-18{padding-right:18px}.pb-18{padding-bottom:18px}.pl-18{padding-left:18px}.pdx-18{padding-left:18px;padding-right:18px}.pdy-18{padding-top:18px;padding-bottom:18px}.mg-18{margin:18}.mt-18{margin-top:18px}.mr-18{margin-right:18px}.mb-18{margin-bottom:18px}.ml-18{margin-left:18px}.mg-x-18{margin-left:18px;margin-right:18px}.mg-y-18{margin-top:18px;margin-bottom:18px}.gap-18{gap:18px}.pd-19{padding:19px}.pt-19{padding-top:19px}.pr-19{padding-right:19px}.pb-19{padding-bottom:19px}.pl-19{padding-left:19px}.pdx-19{padding-left:19px;padding-right:19px}.pdy-19{padding-top:19px;padding-bottom:19px}.mg-19{margin:19}.mt-19{margin-top:19px}.mr-19{margin-right:19px}.mb-19{margin-bottom:19px}.ml-19{margin-left:19px}.mg-x-19{margin-left:19px;margin-right:19px}.mg-y-19{margin-top:19px;margin-bottom:19px}.gap-19{gap:19px}.pd-20{padding:20px}.pt-20{padding-top:20px}.pr-20{padding-right:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}.pdx-20{padding-left:20px;padding-right:20px}.pdy-20{padding-top:20px;padding-bottom:20px}.mg-20{margin:20}.mt-20{margin-top:20px}.mr-20{margin-right:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mg-x-20{margin-left:20px;margin-right:20px}.mg-y-20{margin-top:20px;margin-bottom:20px}.gap-20{gap:20px}.pd-21{padding:21px}.pt-21{padding-top:21px}.pr-21{padding-right:21px}.pb-21{padding-bottom:21px}.pl-21{padding-left:21px}.pdx-21{padding-left:21px;padding-right:21px}.pdy-21{padding-top:21px;padding-bottom:21px}.mg-21{margin:21}.mt-21{margin-top:21px}.mr-21{margin-right:21px}.mb-21{margin-bottom:21px}.ml-21{margin-left:21px}.mg-x-21{margin-left:21px;margin-right:21px}.mg-y-21{margin-top:21px;margin-bottom:21px}.gap-21{gap:21px}.pd-22{padding:22px}.pt-22{padding-top:22px}.pr-22{padding-right:22px}.pb-22{padding-bottom:22px}.pl-22{padding-left:22px}.pdx-22{padding-left:22px;padding-right:22px}.pdy-22{padding-top:22px;padding-bottom:22px}.mg-22{margin:22}.mt-22{margin-top:22px}.mr-22{margin-right:22px}.mb-22{margin-bottom:22px}.ml-22{margin-left:22px}.mg-x-22{margin-left:22px;margin-right:22px}.mg-y-22{margin-top:22px;margin-bottom:22px}.gap-22{gap:22px}.pd-23{padding:23px}.pt-23{padding-top:23px}.pr-23{padding-right:23px}.pb-23{padding-bottom:23px}.pl-23{padding-left:23px}.pdx-23{padding-left:23px;padding-right:23px}.pdy-23{padding-top:23px;padding-bottom:23px}.mg-23{margin:23}.mt-23{margin-top:23px}.mr-23{margin-right:23px}.mb-23{margin-bottom:23px}.ml-23{margin-left:23px}.mg-x-23{margin-left:23px;margin-right:23px}.mg-y-23{margin-top:23px;margin-bottom:23px}.gap-23{gap:23px}.pd-24{padding:24px}.pt-24{padding-top:24px}.pr-24{padding-right:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.pdx-24{padding-left:24px;padding-right:24px}.pdy-24{padding-top:24px;padding-bottom:24px}.mg-24{margin:24}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.mg-x-24{margin-left:24px;margin-right:24px}.mg-y-24{margin-top:24px;margin-bottom:24px}.gap-24{gap:24px}.pd-25{padding:25px}.pt-25{padding-top:25px}.pr-25{padding-right:25px}.pb-25{padding-bottom:25px}.pl-25{padding-left:25px}.pdx-25{padding-left:25px;padding-right:25px}.pdy-25{padding-top:25px;padding-bottom:25px}.mg-25{margin:25}.mt-25{margin-top:25px}.mr-25{margin-right:25px}.mb-25{margin-bottom:25px}.ml-25{margin-left:25px}.mg-x-25{margin-left:25px;margin-right:25px}.mg-y-25{margin-top:25px;margin-bottom:25px}.gap-25{gap:25px}.pd-26{padding:26px}.pt-26{padding-top:26px}.pr-26{padding-right:26px}.pb-26{padding-bottom:26px}.pl-26{padding-left:26px}.pdx-26{padding-left:26px;padding-right:26px}.pdy-26{padding-top:26px;padding-bottom:26px}.mg-26{margin:26}.mt-26{margin-top:26px}.mr-26{margin-right:26px}.mb-26{margin-bottom:26px}.ml-26{margin-left:26px}.mg-x-26{margin-left:26px;margin-right:26px}.mg-y-26{margin-top:26px;margin-bottom:26px}.gap-26{gap:26px}.pd-27{padding:27px}.pt-27{padding-top:27px}.pr-27{padding-right:27px}.pb-27{padding-bottom:27px}.pl-27{padding-left:27px}.pdx-27{padding-left:27px;padding-right:27px}.pdy-27{padding-top:27px;padding-bottom:27px}.mg-27{margin:27}.mt-27{margin-top:27px}.mr-27{margin-right:27px}.mb-27{margin-bottom:27px}.ml-27{margin-left:27px}.mg-x-27{margin-left:27px;margin-right:27px}.mg-y-27{margin-top:27px;margin-bottom:27px}.gap-27{gap:27px}.pd-28{padding:28px}.pt-28{padding-top:28px}.pr-28{padding-right:28px}.pb-28{padding-bottom:28px}.pl-28{padding-left:28px}.pdx-28{padding-left:28px;padding-right:28px}.pdy-28{padding-top:28px;padding-bottom:28px}.mg-28{margin:28}.mt-28{margin-top:28px}.mr-28{margin-right:28px}.mb-28{margin-bottom:28px}.ml-28{margin-left:28px}.mg-x-28{margin-left:28px;margin-right:28px}.mg-y-28{margin-top:28px;margin-bottom:28px}.gap-28{gap:28px}.pd-29{padding:29px}.pt-29{padding-top:29px}.pr-29{padding-right:29px}.pb-29{padding-bottom:29px}.pl-29{padding-left:29px}.pdx-29{padding-left:29px;padding-right:29px}.pdy-29{padding-top:29px;padding-bottom:29px}.mg-29{margin:29}.mt-29{margin-top:29px}.mr-29{margin-right:29px}.mb-29{margin-bottom:29px}.ml-29{margin-left:29px}.mg-x-29{margin-left:29px;margin-right:29px}.mg-y-29{margin-top:29px;margin-bottom:29px}.gap-29{gap:29px}.pd-30{padding:30px}.pt-30{padding-top:30px}.pr-30{padding-right:30px}.pb-30{padding-bottom:30px}.pl-30{padding-left:30px}.pdx-30{padding-left:30px;padding-right:30px}.pdy-30{padding-top:30px;padding-bottom:30px}.mg-30{margin:30}.mt-30{margin-top:30px}.mr-30{margin-right:30px}.mb-30{margin-bottom:30px}.ml-30{margin-left:30px}.mg-x-30{margin-left:30px;margin-right:30px}.mg-y-30{margin-top:30px;margin-bottom:30px}.gap-30{gap:30px}.pd-31{padding:31px}.pt-31{padding-top:31px}.pr-31{padding-right:31px}.pb-31{padding-bottom:31px}.pl-31{padding-left:31px}.pdx-31{padding-left:31px;padding-right:31px}.pdy-31{padding-top:31px;padding-bottom:31px}.mg-31{margin:31}.mt-31{margin-top:31px}.mr-31{margin-right:31px}.mb-31{margin-bottom:31px}.ml-31{margin-left:31px}.mg-x-31{margin-left:31px;margin-right:31px}.mg-y-31{margin-top:31px;margin-bottom:31px}.gap-31{gap:31px}.pd-32{padding:32px}.pt-32{padding-top:32px}.pr-32{padding-right:32px}.pb-32{padding-bottom:32px}.pl-32{padding-left:32px}.pdx-32{padding-left:32px;padding-right:32px}.pdy-32{padding-top:32px;padding-bottom:32px}.mg-32{margin:32}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.mg-x-32{margin-left:32px;margin-right:32px}.mg-y-32{margin-top:32px;margin-bottom:32px}.gap-32{gap:32px}.pd-33{padding:33px}.pt-33{padding-top:33px}.pr-33{padding-right:33px}.pb-33{padding-bottom:33px}.pl-33{padding-left:33px}.pdx-33{padding-left:33px;padding-right:33px}.pdy-33{padding-top:33px;padding-bottom:33px}.mg-33{margin:33}.mt-33{margin-top:33px}.mr-33{margin-right:33px}.mb-33{margin-bottom:33px}.ml-33{margin-left:33px}.mg-x-33{margin-left:33px;margin-right:33px}.mg-y-33{margin-top:33px;margin-bottom:33px}.gap-33{gap:33px}.pd-34{padding:34px}.pt-34{padding-top:34px}.pr-34{padding-right:34px}.pb-34{padding-bottom:34px}.pl-34{padding-left:34px}.pdx-34{padding-left:34px;padding-right:34px}.pdy-34{padding-top:34px;padding-bottom:34px}.mg-34{margin:34}.mt-34{margin-top:34px}.mr-34{margin-right:34px}.mb-34{margin-bottom:34px}.ml-34{margin-left:34px}.mg-x-34{margin-left:34px;margin-right:34px}.mg-y-34{margin-top:34px;margin-bottom:34px}.gap-34{gap:34px}.pd-35{padding:35px}.pt-35{padding-top:35px}.pr-35{padding-right:35px}.pb-35{padding-bottom:35px}.pl-35{padding-left:35px}.pdx-35{padding-left:35px;padding-right:35px}.pdy-35{padding-top:35px;padding-bottom:35px}.mg-35{margin:35}.mt-35{margin-top:35px}.mr-35{margin-right:35px}.mb-35{margin-bottom:35px}.ml-35{margin-left:35px}.mg-x-35{margin-left:35px;margin-right:35px}.mg-y-35{margin-top:35px;margin-bottom:35px}.gap-35{gap:35px}.pd-36{padding:36px}.pt-36{padding-top:36px}.pr-36{padding-right:36px}.pb-36{padding-bottom:36px}.pl-36{padding-left:36px}.pdx-36{padding-left:36px;padding-right:36px}.pdy-36{padding-top:36px;padding-bottom:36px}.mg-36{margin:36}.mt-36{margin-top:36px}.mr-36{margin-right:36px}.mb-36{margin-bottom:36px}.ml-36{margin-left:36px}.mg-x-36{margin-left:36px;margin-right:36px}.mg-y-36{margin-top:36px;margin-bottom:36px}.gap-36{gap:36px}.pd-37{padding:37px}.pt-37{padding-top:37px}.pr-37{padding-right:37px}.pb-37{padding-bottom:37px}.pl-37{padding-left:37px}.pdx-37{padding-left:37px;padding-right:37px}.pdy-37{padding-top:37px;padding-bottom:37px}.mg-37{margin:37}.mt-37{margin-top:37px}.mr-37{margin-right:37px}.mb-37{margin-bottom:37px}.ml-37{margin-left:37px}.mg-x-37{margin-left:37px;margin-right:37px}.mg-y-37{margin-top:37px;margin-bottom:37px}.gap-37{gap:37px}.pd-38{padding:38px}.pt-38{padding-top:38px}.pr-38{padding-right:38px}.pb-38{padding-bottom:38px}.pl-38{padding-left:38px}.pdx-38{padding-left:38px;padding-right:38px}.pdy-38{padding-top:38px;padding-bottom:38px}.mg-38{margin:38}.mt-38{margin-top:38px}.mr-38{margin-right:38px}.mb-38{margin-bottom:38px}.ml-38{margin-left:38px}.mg-x-38{margin-left:38px;margin-right:38px}.mg-y-38{margin-top:38px;margin-bottom:38px}.gap-38{gap:38px}.pd-39{padding:39px}.pt-39{padding-top:39px}.pr-39{padding-right:39px}.pb-39{padding-bottom:39px}.pl-39{padding-left:39px}.pdx-39{padding-left:39px;padding-right:39px}.pdy-39{padding-top:39px;padding-bottom:39px}.mg-39{margin:39}.mt-39{margin-top:39px}.mr-39{margin-right:39px}.mb-39{margin-bottom:39px}.ml-39{margin-left:39px}.mg-x-39{margin-left:39px;margin-right:39px}.mg-y-39{margin-top:39px;margin-bottom:39px}.gap-39{gap:39px}.pd-40{padding:40px}.pt-40{padding-top:40px}.pr-40{padding-right:40px}.pb-40{padding-bottom:40px}.pl-40{padding-left:40px}.pdx-40{padding-left:40px;padding-right:40px}.pdy-40{padding-top:40px;padding-bottom:40px}.mg-40{margin:40}.mt-40{margin-top:40px}.mr-40{margin-right:40px}.mb-40{margin-bottom:40px}.ml-40{margin-left:40px}.mg-x-40{margin-left:40px;margin-right:40px}.mg-y-40{margin-top:40px;margin-bottom:40px}.gap-40{gap:40px}.pd-41{padding:41px}.pt-41{padding-top:41px}.pr-41{padding-right:41px}.pb-41{padding-bottom:41px}.pl-41{padding-left:41px}.pdx-41{padding-left:41px;padding-right:41px}.pdy-41{padding-top:41px;padding-bottom:41px}.mg-41{margin:41}.mt-41{margin-top:41px}.mr-41{margin-right:41px}.mb-41{margin-bottom:41px}.ml-41{margin-left:41px}.mg-x-41{margin-left:41px;margin-right:41px}.mg-y-41{margin-top:41px;margin-bottom:41px}.gap-41{gap:41px}.pd-42{padding:42px}.pt-42{padding-top:42px}.pr-42{padding-right:42px}.pb-42{padding-bottom:42px}.pl-42{padding-left:42px}.pdx-42{padding-left:42px;padding-right:42px}.pdy-42{padding-top:42px;padding-bottom:42px}.mg-42{margin:42}.mt-42{margin-top:42px}.mr-42{margin-right:42px}.mb-42{margin-bottom:42px}.ml-42{margin-left:42px}.mg-x-42{margin-left:42px;margin-right:42px}.mg-y-42{margin-top:42px;margin-bottom:42px}.gap-42{gap:42px}.pd-43{padding:43px}.pt-43{padding-top:43px}.pr-43{padding-right:43px}.pb-43{padding-bottom:43px}.pl-43{padding-left:43px}.pdx-43{padding-left:43px;padding-right:43px}.pdy-43{padding-top:43px;padding-bottom:43px}.mg-43{margin:43}.mt-43{margin-top:43px}.mr-43{margin-right:43px}.mb-43{margin-bottom:43px}.ml-43{margin-left:43px}.mg-x-43{margin-left:43px;margin-right:43px}.mg-y-43{margin-top:43px;margin-bottom:43px}.gap-43{gap:43px}.pd-44{padding:44px}.pt-44{padding-top:44px}.pr-44{padding-right:44px}.pb-44{padding-bottom:44px}.pl-44{padding-left:44px}.pdx-44{padding-left:44px;padding-right:44px}.pdy-44{padding-top:44px;padding-bottom:44px}.mg-44{margin:44}.mt-44{margin-top:44px}.mr-44{margin-right:44px}.mb-44{margin-bottom:44px}.ml-44{margin-left:44px}.mg-x-44{margin-left:44px;margin-right:44px}.mg-y-44{margin-top:44px;margin-bottom:44px}.gap-44{gap:44px}.pd-45{padding:45px}.pt-45{padding-top:45px}.pr-45{padding-right:45px}.pb-45{padding-bottom:45px}.pl-45{padding-left:45px}.pdx-45{padding-left:45px;padding-right:45px}.pdy-45{padding-top:45px;padding-bottom:45px}.mg-45{margin:45}.mt-45{margin-top:45px}.mr-45{margin-right:45px}.mb-45{margin-bottom:45px}.ml-45{margin-left:45px}.mg-x-45{margin-left:45px;margin-right:45px}.mg-y-45{margin-top:45px;margin-bottom:45px}.gap-45{gap:45px}.pd-46{padding:46px}.pt-46{padding-top:46px}.pr-46{padding-right:46px}.pb-46{padding-bottom:46px}.pl-46{padding-left:46px}.pdx-46{padding-left:46px;padding-right:46px}.pdy-46{padding-top:46px;padding-bottom:46px}.mg-46{margin:46}.mt-46{margin-top:46px}.mr-46{margin-right:46px}.mb-46{margin-bottom:46px}.ml-46{margin-left:46px}.mg-x-46{margin-left:46px;margin-right:46px}.mg-y-46{margin-top:46px;margin-bottom:46px}.gap-46{gap:46px}.pd-47{padding:47px}.pt-47{padding-top:47px}.pr-47{padding-right:47px}.pb-47{padding-bottom:47px}.pl-47{padding-left:47px}.pdx-47{padding-left:47px;padding-right:47px}.pdy-47{padding-top:47px;padding-bottom:47px}.mg-47{margin:47}.mt-47{margin-top:47px}.mr-47{margin-right:47px}.mb-47{margin-bottom:47px}.ml-47{margin-left:47px}.mg-x-47{margin-left:47px;margin-right:47px}.mg-y-47{margin-top:47px;margin-bottom:47px}.gap-47{gap:47px}.pd-48{padding:48px}.pt-48{padding-top:48px}.pr-48{padding-right:48px}.pb-48{padding-bottom:48px}.pl-48{padding-left:48px}.pdx-48{padding-left:48px;padding-right:48px}.pdy-48{padding-top:48px;padding-bottom:48px}.mg-48{margin:48}.mt-48{margin-top:48px}.mr-48{margin-right:48px}.mb-48{margin-bottom:48px}.ml-48{margin-left:48px}.mg-x-48{margin-left:48px;margin-right:48px}.mg-y-48{margin-top:48px;margin-bottom:48px}.gap-48{gap:48px}.separator-top{border-top:1px solid #e8e8e8}.separator-right{border-right:1px solid #e8e8e8}.separator-bottom{border-bottom:1px solid #e8e8e8}.separator-left{border-left:1px solid #e8e8e8}.min-width-0em{min-width:0em}.max-width-0em{max-width:0em}.min-width-1em{min-width:1em}.max-width-1em{max-width:1em}.min-width-2em{min-width:2em}.max-width-2em{max-width:2em}.min-width-3em{min-width:3em}.max-width-3em{max-width:3em}.min-width-4em{min-width:4em}.max-width-4em{max-width:4em}.min-width-5em{min-width:5em}.max-width-5em{max-width:5em}.min-width-6em{min-width:6em}.max-width-6em{max-width:6em}.min-width-7em{min-width:7em}.max-width-7em{max-width:7em}.min-width-8em{min-width:8em}.max-width-8em{max-width:8em}.min-width-9em{min-width:9em}.max-width-9em{max-width:9em}.min-width-10em{min-width:10em}.max-width-10em{max-width:10em}.w-10{width:10px!important}.w-20{width:20px!important}.w-30{width:30px!important}.w-40{width:40px!important}.w-50{width:50px!important}.w-60{width:60px!important}.w-70{width:70px!important}.w-80{width:80px!important}.w-90{width:90px!important}.w-100{width:100px!important}.w-110{width:110px!important}.w-120{width:120px!important}.w-130{width:130px!important}.w-140{width:140px!important}.w-150{width:150px!important}.w-160{width:160px!important}.w-170{width:170px!important}.w-180{width:180px!important}.w-190{width:190px!important}.w-200{width:200px!important}.w-210{width:210px!important}.w-220{width:220px!important}.w-230{width:230px!important}.w-240{width:240px!important}.w-250{width:250px!important}.w-260{width:260px!important}.w-270{width:270px!important}.w-280{width:280px!important}.w-290{width:290px!important}.w-300{width:300px!important}.w-310{width:310px!important}.w-320{width:320px!important}.w-330{width:330px!important}.w-340{width:340px!important}.w-350{width:350px!important}.w-360{width:360px!important}.w-370{width:370px!important}.w-380{width:380px!important}.w-390{width:390px!important}.w-400{width:400px!important}.w-410{width:410px!important}.w-420{width:420px!important}.w-430{width:430px!important}.w-440{width:440px!important}.w-450{width:450px!important}.w-460{width:460px!important}.w-470{width:470px!important}.w-480{width:480px!important}.w-490{width:490px!important}.w-500{width:500px!important}.w-510{width:510px!important}.w-520{width:520px!important}.w-530{width:530px!important}.w-540{width:540px!important}.w-550{width:550px!important}.w-560{width:560px!important}.w-570{width:570px!important}.w-580{width:580px!important}.w-590{width:590px!important}.w-600{width:600px!important}.w-610{width:610px!important}.w-620{width:620px!important}.w-630{width:630px!important}.w-640{width:640px!important}.w-650{width:650px!important}.w-660{width:660px!important}.w-670{width:670px!important}.w-680{width:680px!important}.w-690{width:690px!important}.w-700{width:700px!important}.w-710{width:710px!important}.w-720{width:720px!important}.w-730{width:730px!important}.w-740{width:740px!important}.w-750{width:750px!important}.w-760{width:760px!important}.w-770{width:770px!important}.w-780{width:780px!important}.w-790{width:790px!important}.w-800{width:800px!important}.w-810{width:810px!important}.w-820{width:820px!important}.w-830{width:830px!important}.w-840{width:840px!important}.w-850{width:850px!important}.w-860{width:860px!important}.w-870{width:870px!important}.w-880{width:880px!important}.w-890{width:890px!important}.w-900{width:900px!important}.w-910{width:910px!important}.w-920{width:920px!important}.w-930{width:930px!important}.w-940{width:940px!important}.w-950{width:950px!important}.w-960{width:960px!important}.w-970{width:970px!important}.w-980{width:980px!important}.w-990{width:990px!important}.w-1000{width:1000px!important}.clearfix:after{content:"";display:table;clear:both}html,body,#app{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Helvetica,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;font-size:14px;height:100%;width:100%;color:#333;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}a:hover{color:#409eff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:1px}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#0000001a;background-clip:padding-box;border:solid transparent;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#0006}.text-center{text-align:center}.gray{color:#ccc}.title{color:#0d1a26;font-weight:600}.flex{display:flex}.flex-row{flex-direction:row}.flex.column,.flex-column{flex-direction:column}.flex.between{justify-content:space-between}.flex.reverse{flex-direction:row-reverse}.flex.reverse.column{flex-direction:column-reverse}.flex.end{justify-content:flex-end}.flex.inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex.nowrap{flex-wrap:nowrap}.flex.center{justify-content:center}.flex.middle,.flex.align-center{align-items:center}.flex>.full,.flex .full{flex-grow:1;min-width:auto!important;width:auto!important}.flex.grid>div{flex:1}.flex label{flex-shrink:0}.pointer{cursor:pointer}.color-picker-popper .el-color-dropdown__value{min-width:175px}.line{background:#dadce0}.shadow-bottom{box-shadow:#435a6f4d 0 0 1px,#435a6f78 0 2px 4px -2px}.shadow-left{box-shadow:0 4px 8px #10184014}.auto-wrap{position:relative;width:100%;height:100%;box-sizing:border-box}.gl-prop-panel .el-color-picker__trigger,.gl-prop-popover .el-color-picker__trigger{width:100px}.gl-prop-popover{width:280px;max-width:280px}.picker-dialog-wrap{max-height:75vh;min-height:75vh}.picker-dialog-wrap .el-dialog__body.el-dialog__body{max-height:calc(75vh - 55px);overflow:auto;padding:16px}.picker-dialog-wrap .picker-dialog-list-wrap{display:grid;grid-gap:32px;grid-template-columns:repeat(auto-fill,minmax(336px,1fr));list-style:none}.picker-dialog-item-wrap{max-height:190px;cursor:pointer;background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 75%),linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 75%);background-position:0 0,5px 5px;border:1px solid #f6f7fb;background-size:10px 10px}.gl-container .el-input-number .el-input__inner.el-input__inner{text-align:left}.gl-container .el-color-dropdown__value.el-color-dropdown__value{width:170px}.gl-container .el-input-number.is-without-controls{width:120px}.gl-container .el-tabs__item.el-tabs__item{padding:0 8px;font-size:12px}.gl-container .el-collapse-item__content.el-collapse-item__content{padding-bottom:8px}.gl-container .el-dropdown-menu--default.el-dropdown-menu--default .el-dropdown-menu__item.el-dropdown-menu__item{line-height:28px}.prop-two-col-wrap{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:8px;margin-bottom:12px}
|