color-star-custom-methods 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 +187 -0
- package/es/assets/index.css +1 -0
- package/es/index.mjs +78 -0
- package/lib/assets/index.css +1 -0
- package/lib/index.js +8 -0
- package/package.json +123 -0
package/README.md
ADDED
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
# color-star-custom-methods
|
|
2
|
+
|
|
3
|
+
彩讯自定义方法库 - 提供通用的工具方法和 Vue Hooks
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add color-star-custom-methods
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## 使用方法
|
|
12
|
+
|
|
13
|
+
### usePageZoomController
|
|
14
|
+
|
|
15
|
+
页面缩放控制器 Hook，用于根据屏幕分辨率自动缩放页面，确保在不同分辨率下的一致显示效果。
|
|
16
|
+
|
|
17
|
+
#### 基本用法
|
|
18
|
+
|
|
19
|
+
```vue
|
|
20
|
+
<template>
|
|
21
|
+
<div
|
|
22
|
+
class="app-container"
|
|
23
|
+
:class="containerClasses"
|
|
24
|
+
:style="containerStyles"
|
|
25
|
+
>
|
|
26
|
+
<!-- 你的应用内容 -->
|
|
27
|
+
</div>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<script setup>
|
|
31
|
+
import { usePageZoomController } from 'color-star-custom-methods'
|
|
32
|
+
|
|
33
|
+
// 使用页面缩放控制器
|
|
34
|
+
const { containerStyles, containerClasses } = usePageZoomController()
|
|
35
|
+
</script>
|
|
36
|
+
|
|
37
|
+
<style scoped>
|
|
38
|
+
.app-container {
|
|
39
|
+
width: 100%;
|
|
40
|
+
height: 100%;
|
|
41
|
+
}
|
|
42
|
+
</style>
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
#### 配置选项
|
|
46
|
+
|
|
47
|
+
```javascript
|
|
48
|
+
const { containerStyles, containerClasses, scaleValue, updateScale } = usePageZoomController({
|
|
49
|
+
minScale: 0.9, // 最小缩放比例，默认为0.9
|
|
50
|
+
enableZoomPrevention: false // 是否启用浏览器缩放防止，默认为false
|
|
51
|
+
})
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
#### 返回值
|
|
55
|
+
|
|
56
|
+
| 属性 | 类型 | 说明 |
|
|
57
|
+
|------|------|------|
|
|
58
|
+
| `containerStyles` | `ComputedRef<Object>` | 容器样式对象，包含 transform、transformOrigin、position、top、left、width、height |
|
|
59
|
+
| `containerClasses` | `ComputedRef<Object>` | 容器类名对象，包含 app-container 和 relative |
|
|
60
|
+
| `scaleValue` | `Ref<number>` | 当前缩放比例值 |
|
|
61
|
+
| `defaultScale` | `number` | 默认缩放比例（常量：1） |
|
|
62
|
+
| `minScale` | `number` | 最小缩放比例（配置值） |
|
|
63
|
+
| `updateScale` | `Function` | 手动更新缩放比例的方法 |
|
|
64
|
+
|
|
65
|
+
#### 样式说明
|
|
66
|
+
|
|
67
|
+
Hook 会自动处理以下样式：
|
|
68
|
+
|
|
69
|
+
1. **缩放变换**：通过 `transform: scale()` 实现页面缩放
|
|
70
|
+
2. **定位调整**：当缩放比例不为1时，自动设置 `position: fixed` 和相关定位属性
|
|
71
|
+
3. **尺寸计算**：自动计算容器的宽高，确保缩放后内容完整显示
|
|
72
|
+
4. **字体优化**：自动为 `.app-container` 添加字体渲染优化样式，防止缩放时字体模糊
|
|
73
|
+
|
|
74
|
+
**自动注入的CSS样式：**
|
|
75
|
+
|
|
76
|
+
```css
|
|
77
|
+
.app-container * {
|
|
78
|
+
/* 优化字体渲染，防止缩放时字体模糊 */
|
|
79
|
+
-webkit-font-smoothing: antialiased !important;
|
|
80
|
+
-moz-osx-font-smoothing: grayscale !important;
|
|
81
|
+
text-rendering: optimizeLegibility !important;
|
|
82
|
+
}
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
这些样式会在 hook 挂载时自动添加到页面的 `<head>` 中，卸载时自动移除，无需手动编写。
|
|
86
|
+
|
|
87
|
+
#### 高级用法
|
|
88
|
+
|
|
89
|
+
```vue
|
|
90
|
+
<template>
|
|
91
|
+
<div
|
|
92
|
+
class="app"
|
|
93
|
+
:class="{
|
|
94
|
+
'custom-class': true,
|
|
95
|
+
...containerClasses
|
|
96
|
+
}"
|
|
97
|
+
:style="{
|
|
98
|
+
...containerStyles,
|
|
99
|
+
backgroundColor: '#f0f0f0'
|
|
100
|
+
}"
|
|
101
|
+
>
|
|
102
|
+
<div>当前缩放比例: {{ scaleValue }}</div>
|
|
103
|
+
<button @click="updateScale">手动更新缩放</button>
|
|
104
|
+
</div>
|
|
105
|
+
</template>
|
|
106
|
+
|
|
107
|
+
<script setup>
|
|
108
|
+
import { usePageZoomController } from 'color-star-custom-methods'
|
|
109
|
+
|
|
110
|
+
const {
|
|
111
|
+
containerStyles,
|
|
112
|
+
containerClasses,
|
|
113
|
+
scaleValue,
|
|
114
|
+
defaultScale,
|
|
115
|
+
minScale,
|
|
116
|
+
updateScale
|
|
117
|
+
} = usePageZoomController({
|
|
118
|
+
minScale: 0.8, // 设置最小缩放比例为 0.8
|
|
119
|
+
enableZoomPrevention: true // 启用浏览器缩放防止
|
|
120
|
+
})
|
|
121
|
+
|
|
122
|
+
// 在模板中使用
|
|
123
|
+
console.log(`默认缩放比例: ${defaultScale}`) // 输出: 1（常量）
|
|
124
|
+
console.log(`最小缩放比例: ${minScale}`) // 输出: 0.8
|
|
125
|
+
</script>
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
#### 注意事项
|
|
129
|
+
|
|
130
|
+
1. **基准分辨率**：默认基准分辨率为 1920x1080
|
|
131
|
+
2. **缩放范围**：默认缩放比例固定为 1，最小缩放比例默认为 0.9（可通过 `minScale` 参数配置）
|
|
132
|
+
3. **响应式**：自动监听窗口大小变化并更新缩放比例
|
|
133
|
+
4. **CSS变量**：会设置 `--app-scale` CSS变量，可用于其他需要反向缩放的元素
|
|
134
|
+
|
|
135
|
+
#### 示例：配合Element Plus使用
|
|
136
|
+
|
|
137
|
+
```vue
|
|
138
|
+
<template>
|
|
139
|
+
<ElConfigProvider :locale="zhCn">
|
|
140
|
+
<div
|
|
141
|
+
class="app-wrapper"
|
|
142
|
+
:class="containerClasses"
|
|
143
|
+
:style="containerStyles"
|
|
144
|
+
>
|
|
145
|
+
<!-- 应用内容 -->
|
|
146
|
+
</div>
|
|
147
|
+
</ElConfigProvider>
|
|
148
|
+
</template>
|
|
149
|
+
|
|
150
|
+
<script setup>
|
|
151
|
+
import { ElConfigProvider } from 'element-plus'
|
|
152
|
+
import zhCn from 'element-plus/dist/locale/zh-cn'
|
|
153
|
+
import { usePageZoomController } from 'color-star-custom-methods'
|
|
154
|
+
|
|
155
|
+
const { containerStyles, containerClasses } = usePageZoomController()
|
|
156
|
+
</script>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
### calculateScale
|
|
160
|
+
|
|
161
|
+
单独计算缩放比例的工具函数。
|
|
162
|
+
|
|
163
|
+
```javascript
|
|
164
|
+
import { calculateScale } from 'color-star-custom-methods'
|
|
165
|
+
|
|
166
|
+
const scale = calculateScale()
|
|
167
|
+
console.log('当前缩放比例:', scale)
|
|
168
|
+
```
|
|
169
|
+
|
|
170
|
+
## 开发
|
|
171
|
+
|
|
172
|
+
### 构建
|
|
173
|
+
|
|
174
|
+
```bash
|
|
175
|
+
pnpm run build
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
### 开发模式
|
|
179
|
+
|
|
180
|
+
```bash
|
|
181
|
+
pnpm run dev
|
|
182
|
+
```
|
|
183
|
+
|
|
184
|
+
## License
|
|
185
|
+
|
|
186
|
+
MIT
|
|
187
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";:root{--theme-color: #4b70f7;--theme-color-2: #004cff;--theme-color-3: #3965ff;--theme-color-4: #667bfe;--theme-color-5: #93baf5;--neutral-color-1: #a8abb2;--neutral-color-2: #262626;--neutral-color-3: #656a7e;--neutral-color-4: #bfbfbf;--neutral-color-5: #d8d8d8;--neutral-color-6: #f0f0f0;--neutral-color-7: #f5f5f5;--neutral-color-8: #999;--neutral-color-9: #d9d9d9;--neutral-color-10: #ccc;--neutral-color-11: #f7f7f7;--neutral-color-12: #b1b6c6;--neutral-color-13: #eff1f8;--neutral-color-14: #d9dbe3;--neutral-color-15: #333;--neutral-color-16: #ddd;--neutral-color-17: #606266;--neutral-color-18: #f7f8fa;--neutral-color-19: #cad0d6;--neutral-color-20: #e5e6eb;--danger-color-1: #ffece8;--danger-color-2: #f53f3f;--primary-color-1: #3b64ff;--primary-color-2: #1f4eff;--primary-color-3: #0f42fa;--primary-color-4: #b4baf6;--primary-color-5: #e5ebff;--primary-color-6: #99aeff;--primary-color-7: #edf0f7;--primary-color-8: #e6e9f2;--primary-color-9: #dbdee9;--primary-color-10: #2744ff;--success-color-1: #22753a;--success-color-2: #eefff3;--success-color-3: #96edaf;--warning-color-1: #faa600;--warning-color-2: #fffbe6;--warning-color-3: #ffdd99;--error-color-1: #ec0e13;--error-color-2: #db0d12;--error-color-3: #c90c10;--error-color-4: #f5b3b4;--error-color-5: #ffedeb;--error-color-6: #ffa39e;--error-color-7: #ff5054;--text-color-1: #1f2434;--text-color-2: #202434;--text-color-3: #373a43;--text-color-4: #74798c;--text-color-5: #b3b7c6;--text-color-6: #ff441e;--text-color-7: #909399;--parting-line: #eaedf1;--background-color-1: #fcfdff;--background-color-2: #fff;--background-color-3: #d9e5fe;--background-color-4: #fafdff;--background-color-5: #f6f9ff;--background-color-6: #f0f1f5;--background-color-7: #f7f9fc;--background-color-8: #eff0f2;--background-color-9: #e8ebf1;--background-color-10: #f6f6fa;--background-color-11: #f5f7ff;--background-color-12: #e8ecf3;--switch-off-bg: #eff1ff;--border-color: #ced2e0;--auxiliary-color: #f0f2f5;--hover-color-1: #eff0f8;--press-color-1: #e6e8f2}body{--el-color-primary: var(--primary-color-1);--el-border-radius-base: 8px;--el-border-color: var(--border-color);--el-text-color-regular: var(--text-color-2);--el-text-color-placeholder: var(--text-color-5);--el-color-info: var(--neutral-color-12);--el-fill-color-light: var(--neutral-color-13);--el-border-radius-small: 4px;--el-border-color-light: var(--neutral-color-14);--el-bg-color: var(--background-color-1);--el-text-color-primary: var(--text-color-1);--el-color-warning: var(--warning-color-1);--el-mask-color: transparent;--switch-action-shadow: rgba(0, 0, 0, .05), rgba(0, 0, 0, .08), rgba(0, 0, 0, .12)}body .el-button{--el-button-border-color: var(--primary-color-7);--el-button-bg-color: var(--primary-color-7);--el-button-text-color: var(--text-color-2);--el-button-disabled-text-color: var(--text-color-5);--el-button-disabled-bg-color: var(--primary-color-7);--el-button-disabled-border-color: var(--primary-color-7);--el-button-hover-text-color: var(--text-color-2);--el-button-hover-bg-color: var(--primary-color-8);--el-button-hover-border-color: var(--primary-color-8);--el-button-active-text-color: var(--text-color-2);--el-button-active-border-color: var(--primary-color-9);--el-button-active-bg-color: var(--primary-color-9);--el-button-active-color: var(--text-color-2)}body .el-button--primary{--el-button-text-color: var(--background-color-2);--el-button-bg-color: var(--primary-color-1);--el-button-border-color: var(--primary-color-1);--el-button-active-color: var(--background-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--primary-color-2);--el-button-hover-border-color: var(--primary-color-2);--el-button-active-text-color: var(--background-color-2);--el-button-active-bg-color: var(--primary-color-3);--el-button-active-border-color: var(--primary-color-3);--el-button-disabled-bg-color: var(--primary-color-4);--el-button-disabled-border-color: var(--primary-color-4);--el-button-disabled-text-color: var(--background-color-2)}body .el-button--danger{--el-button-text-color: var(--background-color-2);--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-active-color: var(--background-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-text-color: var(--background-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--error-color-4);--el-button-disabled-border-color: var(--error-color-4);--el-button-disabled-text-color: var(--background-color-2)}body .el-button--text:not(.is-disabled):hover{color:var(--primary-color-2)}body .el-checkbox{--el-checkbox-disabled-input-fill: var(--background-color-6);--el-checkbox-disabled-checked-input-fill: var(--primary-color-4);--el-checkbox-disabled-checked-input-border-color: var(--primary-color-4);--el-checkbox-disabled-checked-icon-color: var(--background-color-2);--el-checkbox-checked-text-color: var(--text-color-2)}body .el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--text-color-2)}body .el-radio{--el-radio-text-color: var(--text-color-2);--el-radio-input-border: 1px solid var(--text-color-5);--el-radio-input-border-color: var(--text-color-5)}body .el-radio__input.is-checked+.el-radio__label{color:var(--text-color-2)}body .el-radio__input.is-disabled .el-radio__inner,body .el-radio__input.is-disabled .el-radio__inner:after{background:var(--background-color-6);border-color:var(--border-color)}body .el-radio__input.is-disabled+span.el-radio__label{color:var(--text-color-2)}body .el-radio__input.is-disabled.is-checked .el-radio__inner{background:var(--primary-color-4);border-color:var(--primary-color-4)}body .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--background-color-2)}body .el-tag{border:0;border-radius:8px;font-size:12px}body .el-tag.el-tag--primary{--el-tag-bg-color: var(--primary-color-5);--el-tag-hover-color: var(--primary-color-1);--el-tag-text-color: var(--primary-color-1)}body .el-tag.el-tag--success{--el-tag-bg-color: var(--success-color-2);--el-tag-hover-color: var(--success-color-1);--el-tag-text-color: var(--success-color-1)}body .el-tag.el-tag--info{--el-tag-bg-color: var(--background-color-8);--el-tag-hover-color: var(--text-color-4);--el-tag-text-color: var(--text-color-4)}body .el-tag.el-tag--warning{--el-tag-bg-color: var(--warning-color-2)}body .el-tag.el-tag--danger{--el-tag-bg-color: var(--error-color-5);--el-tag-hover-color: var(--error-color-1);--el-tag-text-color: var(--error-color-1)}body .el-message{padding:14px}body .el-message .el-message__icon{width:22px;height:22px}body .el-message .el-message__icon svg{width:100%;height:100%}body .el-message.el-message--success{--el-message-border-color: var(--success-color-1);--el-message-text-color: var(--text-color-2);background:linear-gradient(180deg,var(--success-color-2) 0%,var(--background-color-2) 100%)}body .el-message.el-message--success .el-message-icon--success{color:var(--success-color-1)}body .el-message.el-message--warning{--el-message-border-color: var(--warning-color-1);--el-message-text-color: var(--text-color-2);background:linear-gradient(180deg,var(--warning-color-2) 0%,var(--background-color-2) 100%)}body .el-message.el-message--warning .el-message-icon--warning{color:var(--warning-color-1)}body .el-message.el-message--error{--el-message-border-color: var(--error-color-7);--el-message-text-color: var(--text-color-2);background:linear-gradient(180deg,var(--error-color-5) 0%,var(--background-color-2) 100%)}body .el-message.el-message--error .el-message-icon--error{color:var(--error-color-7)}body .el-switch{--el-switch-on-color: var(--primary-color-1);--el-switch-off-color: var(--switch-off-bg)}body .el-switch .el-switch__core .el-switch__inner .is-text{color:var(--text-color-4)}body .el-switch.is-disabled .el-switch__core{background:var(--background-color-6)}body .el-switch.is-disabled .el-switch__core .el-switch__inner .is-text{color:var(--neutral-color-12)}body .el-switch.is-checked.is-disabled .el-switch__core{background:var(--primary-color-4);border-color:var(--primary-color-4)}body .el-switch.is-checked.is-disabled .el-switch__core .el-switch__inner .is-text,body .el-switch.is-checked .el-switch__inner .is-text{color:var(--background-color-2)}body .el-switch .el-switch__action{box-shadow:var(--switch-action-shadow);background:var(--background-color-2)}body .el-segmented{--el-segmented-bg-color: var(--background-color-6);--el-segmented-color: var(--text-color-4);--el-segmented-item-hover-color: var(--text-color-4);--el-segmented-item-hover-bg-color: transparent;--el-segmented-item-active-color: var(--text-color-4);--el-segmented-item-active-bg-color: transparent;--el-segmented-item-selected-color: var(--text-color-2);--el-segmented-item-selected-bg-color: transparent}body .el-segmented .el-segmented__item{padding:6px 8px}body .el-segmented .el-segmented__item.is-selected{box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;background:var(--background-color-2)}body .el-tabs .el-tabs__nav-wrap:after{background:var(--parting-line)}body .el-tabs .el-tabs__item{padding:0 10px}body .el-message-box{--el-messagebox-font-size: 16px;--el-messagebox-border-radius: 8px;--el-messagebox-padding-primary: 16px;--el-messagebox-width: 520px}body .el-message-box .el-message-box__headerbtn{top:11px}body .el-message-box .el-message-box__headerbtn .el-message-box__close{color:var(--text-color-1)}body .el-message-box .el-message-box__container{align-items:flex-start;gap:8px}body .el-dialog{--el-dialog-title-font-size: 16px}body .el-dialog .el-dialog__header{font-weight:500}body .el-dialog .el-dialog__header .el-dialog__headerbtn{top:6px}body .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:var(--text-color-1)}body .el-pagination{--el-pagination-button-bg-color: var(--background-color-9);--el-pagination-button-color: var(--text-color-2);--el-pagination-button-width: 28px;--el-pagination-button-height: 28px;--el-pagination-border-radius: 8px;--el-pagination-font-size: 12px}body .el-pagination .el-input__wrapper,body .el-pagination .el-select__wrapper{background:var(--background-color-9);box-shadow:none}body .el-pagination .el-input__wrapper:hover,body .el-pagination .el-select__wrapper:hover{box-shadow:none}body .el-pagination.is-background .btn-next.is-disabled,body .el-pagination.is-background .btn-next:disabled,body .el-pagination.is-background .btn-prev.is-disabled,body .el-pagination.is-background .btn-prev:disabled,body .el-pagination.is-background .el-pager li.is-disabled,body .el-pagination.is-background .el-pager li:disabled{background:var(--background-color-9);color:var(--neutral-color-12)}body .el-date-picker__header{padding:6px 8px}body .el-date-picker__header-label{color:var(--text-color-1);font-weight:700;font-size:14px}body .el-picker-panel__icon-btn{margin-top:0;font-weight:700;font-size:14px}body .el-picker-panel__icon-btn .el-icon{color:var(--text-color-1)}body .el-date-picker .el-picker-panel__content{border-top:1px solid var(--neutral-color-6);margin:0;padding:10px;width:100%}body .el-date-table{--el-datepicker-header-text-color: var(--text-color-1);--el-datepicker-inrange-bg-color: var(--primary-color-5);--el-datepicker-inrange-hover-bg-color: var(--primary-color-5)}body .el-date-table th{border-bottom:0}body .el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:4px}body .el-date-table td.next-month,body .el-date-table td.prev-month{color:var(--neutral-color-8)}body .el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:8px;border-top-left-radius:8px}body .el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:8px;border-top-right-radius:8px}body .el-table-v2{--el-table-header-bg-color: var(--background-color-3);--el-table-header-text-color: var(--text-color-1);--el-table-border-color: var(--background-color-10);--el-table-row-hover-bg-color: var(--background-color-5);--el-table-border: 4px solid rgba(255, 255, 255, .1)}body .el-table-v2 .el-table-v2__main{border-radius:8px;background-color:transparent}body .el-table-v2 .el-table-v2__main .el-table-v2__header-cell{font-weight:500}body .el-table-v2 .el-table-v2__main .el-table-v2__row:nth-child(2n){background-color:var(--background-color-5)}body .el-table-v2 .el-table-v2__main .el-table-v2__row .el-table-v2__cell-text{color:var(--text-color-2)}body .el-table{--el-table-border-color: var(--background-color-10);--el-table-header-bg-color: var(--background-color-3);--el-table-bg-color: transparent;--el-table-row-hover-bg-color: var(--background-color-5);--el-table-header-text-color: var(--text-color-1);--el-table-text-color: var(--text-color-2);--el-table-border: 4px solid rgba(255, 255, 255, .1);--el-table-expanded-cell-bg-color: transparent;border-radius:8px}body .el-table thead th{font-weight:500;height:50px}body .el-table td.el-table__cell{height:50px}body .el-table tr{background-color:transparent}body .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--background-color-5)}body .el-table--border .el-table__inner-wrapper:after,body .el-table--border:after,body .el-table--border:before,body .el-table__inner-wrapper:before{display:none}body .el-input__wrapper,body .el-select__wrapper,body .el-textarea__inner{background-color:transparent}body .el-timeline{--el-timeline-node-color: var(--neutral-color-20)}body .el-timeline .el-timeline-item__node{background-color:var(--neutral-color-20);border-color:var(--neutral-color-20)}body .el-popover{--el-popover-border-radius: 8px}body .el-form-item__error{padding-top:4px}.mg-t-50{margin-top:50px!important}.mg-b-50{margin-bottom:50px!important}.mg-l-50{margin-left:50px!important}.mg-r-50{margin-right:50px!important}.pd-t-50{padding-top:50px!important}.pd-b-50{padding-bottom:50px!important}.pd-l-50{padding-left:50px!important}.pd-r-50{padding-right:50px!important}.mg-t-48{margin-top:48px!important}.mg-b-48{margin-bottom:48px!important}.mg-l-48{margin-left:48px!important}.mg-r-48{margin-right:48px!important}.pd-t-48{padding-top:48px!important}.pd-b-48{padding-bottom:48px!important}.pd-l-48{padding-left:48px!important}.pd-r-48{padding-right:48px!important}.mg-t-46{margin-top:46px!important}.mg-b-46{margin-bottom:46px!important}.mg-l-46{margin-left:46px!important}.mg-r-46{margin-right:46px!important}.pd-t-46{padding-top:46px!important}.pd-b-46{padding-bottom:46px!important}.pd-l-46{padding-left:46px!important}.pd-r-46{padding-right:46px!important}.mg-t-44{margin-top:44px!important}.mg-b-44{margin-bottom:44px!important}.mg-l-44{margin-left:44px!important}.mg-r-44{margin-right:44px!important}.pd-t-44{padding-top:44px!important}.pd-b-44{padding-bottom:44px!important}.pd-l-44{padding-left:44px!important}.pd-r-44{padding-right:44px!important}.mg-t-42{margin-top:42px!important}.mg-b-42{margin-bottom:42px!important}.mg-l-42{margin-left:42px!important}.mg-r-42{margin-right:42px!important}.pd-t-42{padding-top:42px!important}.pd-b-42{padding-bottom:42px!important}.pd-l-42{padding-left:42px!important}.pd-r-42{padding-right:42px!important}.mg-t-40{margin-top:40px!important}.mg-b-40{margin-bottom:40px!important}.mg-l-40{margin-left:40px!important}.mg-r-40{margin-right:40px!important}.pd-t-40{padding-top:40px!important}.pd-b-40{padding-bottom:40px!important}.pd-l-40{padding-left:40px!important}.pd-r-40{padding-right:40px!important}.mg-t-38{margin-top:38px!important}.mg-b-38{margin-bottom:38px!important}.mg-l-38{margin-left:38px!important}.mg-r-38{margin-right:38px!important}.pd-t-38{padding-top:38px!important}.pd-b-38{padding-bottom:38px!important}.pd-l-38{padding-left:38px!important}.pd-r-38{padding-right:38px!important}.mg-t-36{margin-top:36px!important}.mg-b-36{margin-bottom:36px!important}.mg-l-36{margin-left:36px!important}.mg-r-36{margin-right:36px!important}.pd-t-36{padding-top:36px!important}.pd-b-36{padding-bottom:36px!important}.pd-l-36{padding-left:36px!important}.pd-r-36{padding-right:36px!important}.mg-t-34{margin-top:34px!important}.mg-b-34{margin-bottom:34px!important}.mg-l-34{margin-left:34px!important}.mg-r-34{margin-right:34px!important}.pd-t-34{padding-top:34px!important}.pd-b-34{padding-bottom:34px!important}.pd-l-34{padding-left:34px!important}.pd-r-34{padding-right:34px!important}.mg-t-32{margin-top:32px!important}.mg-b-32{margin-bottom:32px!important}.mg-l-32{margin-left:32px!important}.mg-r-32{margin-right:32px!important}.pd-t-32{padding-top:32px!important}.pd-b-32{padding-bottom:32px!important}.pd-l-32{padding-left:32px!important}.pd-r-32{padding-right:32px!important}.mg-t-30{margin-top:30px!important}.mg-b-30{margin-bottom:30px!important}.mg-l-30{margin-left:30px!important}.mg-r-30{margin-right:30px!important}.pd-t-30{padding-top:30px!important}.pd-b-30{padding-bottom:30px!important}.pd-l-30{padding-left:30px!important}.pd-r-30{padding-right:30px!important}.mg-t-28{margin-top:28px!important}.mg-b-28{margin-bottom:28px!important}.mg-l-28{margin-left:28px!important}.mg-r-28{margin-right:28px!important}.pd-t-28{padding-top:28px!important}.pd-b-28{padding-bottom:28px!important}.pd-l-28{padding-left:28px!important}.pd-r-28{padding-right:28px!important}.mg-t-26{margin-top:26px!important}.mg-b-26{margin-bottom:26px!important}.mg-l-26{margin-left:26px!important}.mg-r-26{margin-right:26px!important}.pd-t-26{padding-top:26px!important}.pd-b-26{padding-bottom:26px!important}.pd-l-26{padding-left:26px!important}.pd-r-26{padding-right:26px!important}.mg-t-24{margin-top:24px!important}.mg-b-24{margin-bottom:24px!important}.mg-l-24{margin-left:24px!important}.mg-r-24{margin-right:24px!important}.pd-t-24{padding-top:24px!important}.pd-b-24{padding-bottom:24px!important}.pd-l-24{padding-left:24px!important}.pd-r-24{padding-right:24px!important}.mg-t-22{margin-top:22px!important}.mg-b-22{margin-bottom:22px!important}.mg-l-22{margin-left:22px!important}.mg-r-22{margin-right:22px!important}.pd-t-22{padding-top:22px!important}.pd-b-22{padding-bottom:22px!important}.pd-l-22{padding-left:22px!important}.pd-r-22{padding-right:22px!important}.mg-t-20{margin-top:20px!important}.mg-b-20{margin-bottom:20px!important}.mg-l-20{margin-left:20px!important}.mg-r-20{margin-right:20px!important}.pd-t-20{padding-top:20px!important}.pd-b-20{padding-bottom:20px!important}.pd-l-20{padding-left:20px!important}.pd-r-20{padding-right:20px!important}.mg-t-18{margin-top:18px!important}.mg-b-18{margin-bottom:18px!important}.mg-l-18{margin-left:18px!important}.mg-r-18{margin-right:18px!important}.pd-t-18{padding-top:18px!important}.pd-b-18{padding-bottom:18px!important}.pd-l-18{padding-left:18px!important}.pd-r-18{padding-right:18px!important}.mg-t-16{margin-top:16px!important}.mg-b-16{margin-bottom:16px!important}.mg-l-16{margin-left:16px!important}.mg-r-16{margin-right:16px!important}.pd-t-16{padding-top:16px!important}.pd-b-16{padding-bottom:16px!important}.pd-l-16{padding-left:16px!important}.pd-r-16{padding-right:16px!important}.mg-t-14{margin-top:14px!important}.mg-b-14{margin-bottom:14px!important}.mg-l-14{margin-left:14px!important}.mg-r-14{margin-right:14px!important}.pd-t-14{padding-top:14px!important}.pd-b-14{padding-bottom:14px!important}.pd-l-14{padding-left:14px!important}.pd-r-14{padding-right:14px!important}.mg-t-12{margin-top:12px!important}.mg-b-12{margin-bottom:12px!important}.mg-l-12{margin-left:12px!important}.mg-r-12{margin-right:12px!important}.pd-t-12{padding-top:12px!important}.pd-b-12{padding-bottom:12px!important}.pd-l-12{padding-left:12px!important}.pd-r-12{padding-right:12px!important}.mg-t-10{margin-top:10px!important}.mg-b-10{margin-bottom:10px!important}.mg-l-10{margin-left:10px!important}.mg-r-10{margin-right:10px!important}.pd-t-10{padding-top:10px!important}.pd-b-10{padding-bottom:10px!important}.pd-l-10{padding-left:10px!important}.pd-r-10{padding-right:10px!important}.mg-t-8{margin-top:8px!important}.mg-b-8{margin-bottom:8px!important}.mg-l-8{margin-left:8px!important}.mg-r-8{margin-right:8px!important}.pd-t-8{padding-top:8px!important}.pd-b-8{padding-bottom:8px!important}.pd-l-8{padding-left:8px!important}.pd-r-8{padding-right:8px!important}.mg-t-6{margin-top:6px!important}.mg-b-6{margin-bottom:6px!important}.mg-l-6{margin-left:6px!important}.mg-r-6{margin-right:6px!important}.pd-t-6{padding-top:6px!important}.pd-b-6{padding-bottom:6px!important}.pd-l-6{padding-left:6px!important}.pd-r-6{padding-right:6px!important}.mg-t-4{margin-top:4px!important}.mg-b-4{margin-bottom:4px!important}.mg-l-4{margin-left:4px!important}.mg-r-4{margin-right:4px!important}.pd-t-4{padding-top:4px!important}.pd-b-4{padding-bottom:4px!important}.pd-l-4{padding-left:4px!important}.pd-r-4{padding-right:4px!important}.mg-t-2{margin-top:2px!important}.mg-b-2{margin-bottom:2px!important}.mg-l-2{margin-left:2px!important}.mg-r-2{margin-right:2px!important}.pd-t-2{padding-top:2px!important}.pd-b-2{padding-bottom:2px!important}.pd-l-2{padding-left:2px!important}.pd-r-2{padding-right:2px!important}.mg-t-0{margin-top:0!important}.mg-b-0{margin-bottom:0!important}.mg-l-0{margin-left:0!important}.mg-r-0{margin-right:0!important}.pd-t-0{padding-top:0!important}.pd-b-0{padding-bottom:0!important}.pd-l-0{padding-left:0!important}.pd-r-0{padding-right:0!important}.mg-t-auto{margin-top:auto!important}.mg-r-auto{margin-right:auto!important}.mg-b-auto{margin-bottom:auto!important}.mg-l-auto{margin-left:auto!important}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-center{background-position:center}.bg-left{background-position:left}.bg-right{background-position:right}.bg-top{background-position:top}.radius-none{border-radius:0}.radius-2{border-radius:2px}.radius-3{border-radius:3px}.radius-4{border-radius:4px}.radius-5{border-radius:5px}.radius-6{border-radius:6px}.radius-7{border-radius:7px}.radius-8{border-radius:8px}.radius-9{border-radius:9px}.radius-10{border-radius:10px}.radius-11{border-radius:11px}.radius-12{border-radius:12px}.radius-13{border-radius:13px}.radius-14{border-radius:14px}.radius-15{border-radius:15px}.radius-16{border-radius:16px}.border-t-0{border-top:0}.border-r-0{border-right:0}.border-b-0{border-bottom:0}.border-l-0{border-left:0}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.ellipsis{display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.ellipsis-2{display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flex{display:flex!important}.flex-initial{flex:0 1 auto}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-no-wrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-stretch{align-items:stretch}.items-flex-start{align-items:flex-start}.items-center{align-items:center}.items-flex-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-end{align-items:end}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-gap-col-nowrap-19>*{margin-top:9.5px;margin-bottom:9.5px}.flex-gap-col-nowrap-19{margin-top:-9.5px;margin-bottom:-9.5px}.flex-gap-col-wrap-19>*{margin-left:9.5px;margin-right:9.5px}.flex-gap-col-wrap-19{margin-left:-9.5px;margin-right:-9.5px}.flex-gap-col-wrap-19>*{margin-top:9.5px;margin-bottom:9.5px}.flex-gap-col-wrap-19{margin-top:-9.5px;margin-bottom:-9.5px}.flex-gap-row-nowrap-19>*{margin-left:9.5px;margin-right:9.5px}.flex-gap-row-nowrap-19{margin-left:-9.5px;margin-right:-9.5px}.flex-gap-row-wrap-19>*{margin-left:9.5px;margin-right:9.5px}.flex-gap-row-wrap-19{margin-left:-9.5px;margin-right:-9.5px}.flex-gap-row-wrap-19>*{margin-top:9.5px;margin-bottom:9.5px}.flex-gap-row-wrap-19{margin-top:-9.5px;margin-bottom:-9.5px}.flex-gap-col-nowrap-18>*{margin-top:9px;margin-bottom:9px}.flex-gap-col-nowrap-18{margin-top:-9px;margin-bottom:-9px}.flex-gap-col-wrap-18>*{margin-left:9px;margin-right:9px}.flex-gap-col-wrap-18{margin-left:-9px;margin-right:-9px}.flex-gap-col-wrap-18>*{margin-top:9px;margin-bottom:9px}.flex-gap-col-wrap-18{margin-top:-9px;margin-bottom:-9px}.flex-gap-row-nowrap-18>*{margin-left:9px;margin-right:9px}.flex-gap-row-nowrap-18{margin-left:-9px;margin-right:-9px}.flex-gap-row-wrap-18>*{margin-left:9px;margin-right:9px}.flex-gap-row-wrap-18{margin-left:-9px;margin-right:-9px}.flex-gap-row-wrap-18>*{margin-top:9px;margin-bottom:9px}.flex-gap-row-wrap-18{margin-top:-9px;margin-bottom:-9px}.flex-gap-col-nowrap-17>*{margin-top:8.5px;margin-bottom:8.5px}.flex-gap-col-nowrap-17{margin-top:-8.5px;margin-bottom:-8.5px}.flex-gap-col-wrap-17>*{margin-left:8.5px;margin-right:8.5px}.flex-gap-col-wrap-17{margin-left:-8.5px;margin-right:-8.5px}.flex-gap-col-wrap-17>*{margin-top:8.5px;margin-bottom:8.5px}.flex-gap-col-wrap-17{margin-top:-8.5px;margin-bottom:-8.5px}.flex-gap-row-nowrap-17>*{margin-left:8.5px;margin-right:8.5px}.flex-gap-row-nowrap-17{margin-left:-8.5px;margin-right:-8.5px}.flex-gap-row-wrap-17>*{margin-left:8.5px;margin-right:8.5px}.flex-gap-row-wrap-17{margin-left:-8.5px;margin-right:-8.5px}.flex-gap-row-wrap-17>*{margin-top:8.5px;margin-bottom:8.5px}.flex-gap-row-wrap-17{margin-top:-8.5px;margin-bottom:-8.5px}.flex-gap-col-nowrap-16>*{margin-top:8px;margin-bottom:8px}.flex-gap-col-nowrap-16{margin-top:-8px;margin-bottom:-8px}.flex-gap-col-wrap-16>*{margin-left:8px;margin-right:8px}.flex-gap-col-wrap-16{margin-left:-8px;margin-right:-8px}.flex-gap-col-wrap-16>*{margin-top:8px;margin-bottom:8px}.flex-gap-col-wrap-16{margin-top:-8px;margin-bottom:-8px}.flex-gap-row-nowrap-16>*{margin-left:8px;margin-right:8px}.flex-gap-row-nowrap-16{margin-left:-8px;margin-right:-8px}.flex-gap-row-wrap-16>*{margin-left:8px;margin-right:8px}.flex-gap-row-wrap-16{margin-left:-8px;margin-right:-8px}.flex-gap-row-wrap-16>*{margin-top:8px;margin-bottom:8px}.flex-gap-row-wrap-16{margin-top:-8px;margin-bottom:-8px}.flex-gap-col-nowrap-15>*{margin-top:7.5px;margin-bottom:7.5px}.flex-gap-col-nowrap-15{margin-top:-7.5px;margin-bottom:-7.5px}.flex-gap-col-wrap-15>*{margin-left:7.5px;margin-right:7.5px}.flex-gap-col-wrap-15{margin-left:-7.5px;margin-right:-7.5px}.flex-gap-col-wrap-15>*{margin-top:7.5px;margin-bottom:7.5px}.flex-gap-col-wrap-15{margin-top:-7.5px;margin-bottom:-7.5px}.flex-gap-row-nowrap-15>*{margin-left:7.5px;margin-right:7.5px}.flex-gap-row-nowrap-15{margin-left:-7.5px;margin-right:-7.5px}.flex-gap-row-wrap-15>*{margin-left:7.5px;margin-right:7.5px}.flex-gap-row-wrap-15{margin-left:-7.5px;margin-right:-7.5px}.flex-gap-row-wrap-15>*{margin-top:7.5px;margin-bottom:7.5px}.flex-gap-row-wrap-15{margin-top:-7.5px;margin-bottom:-7.5px}.flex-gap-col-nowrap-14>*{margin-top:7px;margin-bottom:7px}.flex-gap-col-nowrap-14{margin-top:-7px;margin-bottom:-7px}.flex-gap-col-wrap-14>*{margin-left:7px;margin-right:7px}.flex-gap-col-wrap-14{margin-left:-7px;margin-right:-7px}.flex-gap-col-wrap-14>*{margin-top:7px;margin-bottom:7px}.flex-gap-col-wrap-14{margin-top:-7px;margin-bottom:-7px}.flex-gap-row-nowrap-14>*{margin-left:7px;margin-right:7px}.flex-gap-row-nowrap-14{margin-left:-7px;margin-right:-7px}.flex-gap-row-wrap-14>*{margin-left:7px;margin-right:7px}.flex-gap-row-wrap-14{margin-left:-7px;margin-right:-7px}.flex-gap-row-wrap-14>*{margin-top:7px;margin-bottom:7px}.flex-gap-row-wrap-14{margin-top:-7px;margin-bottom:-7px}.flex-gap-col-nowrap-13>*{margin-top:6.5px;margin-bottom:6.5px}.flex-gap-col-nowrap-13{margin-top:-6.5px;margin-bottom:-6.5px}.flex-gap-col-wrap-13>*{margin-left:6.5px;margin-right:6.5px}.flex-gap-col-wrap-13{margin-left:-6.5px;margin-right:-6.5px}.flex-gap-col-wrap-13>*{margin-top:6.5px;margin-bottom:6.5px}.flex-gap-col-wrap-13{margin-top:-6.5px;margin-bottom:-6.5px}.flex-gap-row-nowrap-13>*{margin-left:6.5px;margin-right:6.5px}.flex-gap-row-nowrap-13{margin-left:-6.5px;margin-right:-6.5px}.flex-gap-row-wrap-13>*{margin-left:6.5px;margin-right:6.5px}.flex-gap-row-wrap-13{margin-left:-6.5px;margin-right:-6.5px}.flex-gap-row-wrap-13>*{margin-top:6.5px;margin-bottom:6.5px}.flex-gap-row-wrap-13{margin-top:-6.5px;margin-bottom:-6.5px}.flex-gap-col-nowrap-12>*{margin-top:6px;margin-bottom:6px}.flex-gap-col-nowrap-12{margin-top:-6px;margin-bottom:-6px}.flex-gap-col-wrap-12>*{margin-left:6px;margin-right:6px}.flex-gap-col-wrap-12{margin-left:-6px;margin-right:-6px}.flex-gap-col-wrap-12>*{margin-top:6px;margin-bottom:6px}.flex-gap-col-wrap-12{margin-top:-6px;margin-bottom:-6px}.flex-gap-row-nowrap-12>*{margin-left:6px;margin-right:6px}.flex-gap-row-nowrap-12{margin-left:-6px;margin-right:-6px}.flex-gap-row-wrap-12>*{margin-left:6px;margin-right:6px}.flex-gap-row-wrap-12{margin-left:-6px;margin-right:-6px}.flex-gap-row-wrap-12>*{margin-top:6px;margin-bottom:6px}.flex-gap-row-wrap-12{margin-top:-6px;margin-bottom:-6px}.flex-gap-col-nowrap-11>*{margin-top:5.5px;margin-bottom:5.5px}.flex-gap-col-nowrap-11{margin-top:-5.5px;margin-bottom:-5.5px}.flex-gap-col-wrap-11>*{margin-left:5.5px;margin-right:5.5px}.flex-gap-col-wrap-11{margin-left:-5.5px;margin-right:-5.5px}.flex-gap-col-wrap-11>*{margin-top:5.5px;margin-bottom:5.5px}.flex-gap-col-wrap-11{margin-top:-5.5px;margin-bottom:-5.5px}.flex-gap-row-nowrap-11>*{margin-left:5.5px;margin-right:5.5px}.flex-gap-row-nowrap-11{margin-left:-5.5px;margin-right:-5.5px}.flex-gap-row-wrap-11>*{margin-left:5.5px;margin-right:5.5px}.flex-gap-row-wrap-11{margin-left:-5.5px;margin-right:-5.5px}.flex-gap-row-wrap-11>*{margin-top:5.5px;margin-bottom:5.5px}.flex-gap-row-wrap-11{margin-top:-5.5px;margin-bottom:-5.5px}.flex-gap-col-nowrap-9>*{margin-top:4.5px;margin-bottom:4.5px}.flex-gap-col-nowrap-9{margin-top:-4.5px;margin-bottom:-4.5px}.flex-gap-col-wrap-9>*{margin-left:4.5px;margin-right:4.5px}.flex-gap-col-wrap-9{margin-left:-4.5px;margin-right:-4.5px}.flex-gap-col-wrap-9>*{margin-top:4.5px;margin-bottom:4.5px}.flex-gap-col-wrap-9{margin-top:-4.5px;margin-bottom:-4.5px}.flex-gap-row-nowrap-9>*{margin-left:4.5px;margin-right:4.5px}.flex-gap-row-nowrap-9{margin-left:-4.5px;margin-right:-4.5px}.flex-gap-row-wrap-9>*{margin-left:4.5px;margin-right:4.5px}.flex-gap-row-wrap-9{margin-left:-4.5px;margin-right:-4.5px}.flex-gap-row-wrap-9>*{margin-top:4.5px;margin-bottom:4.5px}.flex-gap-row-wrap-9{margin-top:-4.5px;margin-bottom:-4.5px}.flex-gap-col-nowrap-8>*{margin-top:4px;margin-bottom:4px}.flex-gap-col-nowrap-8{margin-top:-4px;margin-bottom:-4px}.flex-gap-col-wrap-8>*{margin-left:4px;margin-right:4px}.flex-gap-col-wrap-8{margin-left:-4px;margin-right:-4px}.flex-gap-col-wrap-8>*{margin-top:4px;margin-bottom:4px}.flex-gap-col-wrap-8{margin-top:-4px;margin-bottom:-4px}.flex-gap-row-nowrap-8>*{margin-left:4px;margin-right:4px}.flex-gap-row-nowrap-8{margin-left:-4px;margin-right:-4px}.flex-gap-row-wrap-8>*{margin-left:4px;margin-right:4px}.flex-gap-row-wrap-8{margin-left:-4px;margin-right:-4px}.flex-gap-row-wrap-8>*{margin-top:4px;margin-bottom:4px}.flex-gap-row-wrap-8{margin-top:-4px;margin-bottom:-4px}.flex-gap-col-nowrap-7>*{margin-top:3.5px;margin-bottom:3.5px}.flex-gap-col-nowrap-7{margin-top:-3.5px;margin-bottom:-3.5px}.flex-gap-col-wrap-7>*{margin-left:3.5px;margin-right:3.5px}.flex-gap-col-wrap-7{margin-left:-3.5px;margin-right:-3.5px}.flex-gap-col-wrap-7>*{margin-top:3.5px;margin-bottom:3.5px}.flex-gap-col-wrap-7{margin-top:-3.5px;margin-bottom:-3.5px}.flex-gap-row-nowrap-7>*{margin-left:3.5px;margin-right:3.5px}.flex-gap-row-nowrap-7{margin-left:-3.5px;margin-right:-3.5px}.flex-gap-row-wrap-7>*{margin-left:3.5px;margin-right:3.5px}.flex-gap-row-wrap-7{margin-left:-3.5px;margin-right:-3.5px}.flex-gap-row-wrap-7>*{margin-top:3.5px;margin-bottom:3.5px}.flex-gap-row-wrap-7{margin-top:-3.5px;margin-bottom:-3.5px}.flex-gap-col-nowrap-6>*{margin-top:3px;margin-bottom:3px}.flex-gap-col-nowrap-6{margin-top:-3px;margin-bottom:-3px}.flex-gap-col-wrap-6>*{margin-left:3px;margin-right:3px}.flex-gap-col-wrap-6{margin-left:-3px;margin-right:-3px}.flex-gap-col-wrap-6>*{margin-top:3px;margin-bottom:3px}.flex-gap-col-wrap-6{margin-top:-3px;margin-bottom:-3px}.flex-gap-row-nowrap-6>*{margin-left:3px;margin-right:3px}.flex-gap-row-nowrap-6{margin-left:-3px;margin-right:-3px}.flex-gap-row-wrap-6>*{margin-left:3px;margin-right:3px}.flex-gap-row-wrap-6{margin-left:-3px;margin-right:-3px}.flex-gap-row-wrap-6>*{margin-top:3px;margin-bottom:3px}.flex-gap-row-wrap-6{margin-top:-3px;margin-bottom:-3px}.flex-gap-col-nowrap-5>*{margin-top:2.5px;margin-bottom:2.5px}.flex-gap-col-nowrap-5{margin-top:-2.5px;margin-bottom:-2.5px}.flex-gap-col-wrap-5>*{margin-left:2.5px;margin-right:2.5px}.flex-gap-col-wrap-5{margin-left:-2.5px;margin-right:-2.5px}.flex-gap-col-wrap-5>*{margin-top:2.5px;margin-bottom:2.5px}.flex-gap-col-wrap-5{margin-top:-2.5px;margin-bottom:-2.5px}.flex-gap-row-nowrap-5>*{margin-left:2.5px;margin-right:2.5px}.flex-gap-row-nowrap-5{margin-left:-2.5px;margin-right:-2.5px}.flex-gap-row-wrap-5>*{margin-left:2.5px;margin-right:2.5px}.flex-gap-row-wrap-5{margin-left:-2.5px;margin-right:-2.5px}.flex-gap-row-wrap-5>*{margin-top:2.5px;margin-bottom:2.5px}.flex-gap-row-wrap-5{margin-top:-2.5px;margin-bottom:-2.5px}.flex-gap-col-nowrap-4>*{margin-top:2px;margin-bottom:2px}.flex-gap-col-nowrap-4{margin-top:-2px;margin-bottom:-2px}.flex-gap-col-wrap-4>*{margin-left:2px;margin-right:2px}.flex-gap-col-wrap-4{margin-left:-2px;margin-right:-2px}.flex-gap-col-wrap-4>*{margin-top:2px;margin-bottom:2px}.flex-gap-col-wrap-4{margin-top:-2px;margin-bottom:-2px}.flex-gap-row-nowrap-4>*{margin-left:2px;margin-right:2px}.flex-gap-row-nowrap-4{margin-left:-2px;margin-right:-2px}.flex-gap-row-wrap-4>*{margin-left:2px;margin-right:2px}.flex-gap-row-wrap-4{margin-left:-2px;margin-right:-2px}.flex-gap-row-wrap-4>*{margin-top:2px;margin-bottom:2px}.flex-gap-row-wrap-4{margin-top:-2px;margin-bottom:-2px}.flex-gap-col-nowrap-3>*{margin-top:1.5px;margin-bottom:1.5px}.flex-gap-col-nowrap-3{margin-top:-1.5px;margin-bottom:-1.5px}.flex-gap-col-wrap-3>*{margin-left:1.5px;margin-right:1.5px}.flex-gap-col-wrap-3{margin-left:-1.5px;margin-right:-1.5px}.flex-gap-col-wrap-3>*{margin-top:1.5px;margin-bottom:1.5px}.flex-gap-col-wrap-3{margin-top:-1.5px;margin-bottom:-1.5px}.flex-gap-row-nowrap-3>*{margin-left:1.5px;margin-right:1.5px}.flex-gap-row-nowrap-3{margin-left:-1.5px;margin-right:-1.5px}.flex-gap-row-wrap-3>*{margin-left:1.5px;margin-right:1.5px}.flex-gap-row-wrap-3{margin-left:-1.5px;margin-right:-1.5px}.flex-gap-row-wrap-3>*{margin-top:1.5px;margin-bottom:1.5px}.flex-gap-row-wrap-3{margin-top:-1.5px;margin-bottom:-1.5px}.flex-gap-col-nowrap-2>*{margin-top:1px;margin-bottom:1px}.flex-gap-col-nowrap-2{margin-top:-1px;margin-bottom:-1px}.flex-gap-col-wrap-2>*{margin-left:1px;margin-right:1px}.flex-gap-col-wrap-2{margin-left:-1px;margin-right:-1px}.flex-gap-col-wrap-2>*{margin-top:1px;margin-bottom:1px}.flex-gap-col-wrap-2{margin-top:-1px;margin-bottom:-1px}.flex-gap-row-nowrap-2>*{margin-left:1px;margin-right:1px}.flex-gap-row-nowrap-2{margin-left:-1px;margin-right:-1px}.flex-gap-row-wrap-2>*{margin-left:1px;margin-right:1px}.flex-gap-row-wrap-2{margin-left:-1px;margin-right:-1px}.flex-gap-row-wrap-2>*{margin-top:1px;margin-bottom:1px}.flex-gap-row-wrap-2{margin-top:-1px;margin-bottom:-1px}.flex-gap-col-nowrap-1>*{margin-top:.5px;margin-bottom:.5px}.flex-gap-col-nowrap-1{margin-top:-.5px;margin-bottom:-.5px}.flex-gap-col-wrap-1>*{margin-left:.5px;margin-right:.5px}.flex-gap-col-wrap-1{margin-left:-.5px;margin-right:-.5px}.flex-gap-col-wrap-1>*{margin-top:.5px;margin-bottom:.5px}.flex-gap-col-wrap-1{margin-top:-.5px;margin-bottom:-.5px}.flex-gap-row-nowrap-1>*{margin-left:.5px;margin-right:.5px}.flex-gap-row-nowrap-1{margin-left:-.5px;margin-right:-.5px}.flex-gap-row-wrap-1>*{margin-left:.5px;margin-right:.5px}.flex-gap-row-wrap-1{margin-left:-.5px;margin-right:-.5px}.flex-gap-row-wrap-1>*{margin-top:.5px;margin-bottom:.5px}.flex-gap-row-wrap-1{margin-top:-.5px;margin-bottom:-.5px}.flex-gap-col-nowrap-60>*{margin-top:30px;margin-bottom:30px}.flex-gap-col-nowrap-60{margin-top:-30px;margin-bottom:-30px}.flex-gap-col-wrap-60>*{margin-left:30px;margin-right:30px}.flex-gap-col-wrap-60{margin-left:-30px;margin-right:-30px}.flex-gap-col-wrap-60>*{margin-top:30px;margin-bottom:30px}.flex-gap-col-wrap-60{margin-top:-30px;margin-bottom:-30px}.flex-gap-row-nowrap-60>*{margin-left:30px;margin-right:30px}.flex-gap-row-nowrap-60{margin-left:-30px;margin-right:-30px}.flex-gap-row-wrap-60>*{margin-left:30px;margin-right:30px}.flex-gap-row-wrap-60{margin-left:-30px;margin-right:-30px}.flex-gap-row-wrap-60>*{margin-top:30px;margin-bottom:30px}.flex-gap-row-wrap-60{margin-top:-30px;margin-bottom:-30px}.flex-gap-col-nowrap-50>*{margin-top:25px;margin-bottom:25px}.flex-gap-col-nowrap-50{margin-top:-25px;margin-bottom:-25px}.flex-gap-col-wrap-50>*{margin-left:25px;margin-right:25px}.flex-gap-col-wrap-50{margin-left:-25px;margin-right:-25px}.flex-gap-col-wrap-50>*{margin-top:25px;margin-bottom:25px}.flex-gap-col-wrap-50{margin-top:-25px;margin-bottom:-25px}.flex-gap-row-nowrap-50>*{margin-left:25px;margin-right:25px}.flex-gap-row-nowrap-50{margin-left:-25px;margin-right:-25px}.flex-gap-row-wrap-50>*{margin-left:25px;margin-right:25px}.flex-gap-row-wrap-50{margin-left:-25px;margin-right:-25px}.flex-gap-row-wrap-50>*{margin-top:25px;margin-bottom:25px}.flex-gap-row-wrap-50{margin-top:-25px;margin-bottom:-25px}.flex-gap-col-nowrap-40>*{margin-top:20px;margin-bottom:20px}.flex-gap-col-nowrap-40{margin-top:-20px;margin-bottom:-20px}.flex-gap-col-wrap-40>*{margin-left:20px;margin-right:20px}.flex-gap-col-wrap-40{margin-left:-20px;margin-right:-20px}.flex-gap-col-wrap-40>*{margin-top:20px;margin-bottom:20px}.flex-gap-col-wrap-40{margin-top:-20px;margin-bottom:-20px}.flex-gap-row-nowrap-40>*{margin-left:20px;margin-right:20px}.flex-gap-row-nowrap-40{margin-left:-20px;margin-right:-20px}.flex-gap-row-wrap-40>*{margin-left:20px;margin-right:20px}.flex-gap-row-wrap-40{margin-left:-20px;margin-right:-20px}.flex-gap-row-wrap-40>*{margin-top:20px;margin-bottom:20px}.flex-gap-row-wrap-40{margin-top:-20px;margin-bottom:-20px}.flex-gap-col-nowrap-30>*{margin-top:15px;margin-bottom:15px}.flex-gap-col-nowrap-30{margin-top:-15px;margin-bottom:-15px}.flex-gap-col-wrap-30>*{margin-left:15px;margin-right:15px}.flex-gap-col-wrap-30{margin-left:-15px;margin-right:-15px}.flex-gap-col-wrap-30>*{margin-top:15px;margin-bottom:15px}.flex-gap-col-wrap-30{margin-top:-15px;margin-bottom:-15px}.flex-gap-row-nowrap-30>*{margin-left:15px;margin-right:15px}.flex-gap-row-nowrap-30{margin-left:-15px;margin-right:-15px}.flex-gap-row-wrap-30>*{margin-left:15px;margin-right:15px}.flex-gap-row-wrap-30{margin-left:-15px;margin-right:-15px}.flex-gap-row-wrap-30>*{margin-top:15px;margin-bottom:15px}.flex-gap-row-wrap-30{margin-top:-15px;margin-bottom:-15px}.flex-gap-col-nowrap-20>*{margin-top:10px;margin-bottom:10px}.flex-gap-col-nowrap-20{margin-top:-10px;margin-bottom:-10px}.flex-gap-col-wrap-20>*{margin-left:10px;margin-right:10px}.flex-gap-col-wrap-20{margin-left:-10px;margin-right:-10px}.flex-gap-col-wrap-20>*{margin-top:10px;margin-bottom:10px}.flex-gap-col-wrap-20{margin-top:-10px;margin-bottom:-10px}.flex-gap-row-nowrap-20>*{margin-left:10px;margin-right:10px}.flex-gap-row-nowrap-20{margin-left:-10px;margin-right:-10px}.flex-gap-row-wrap-20>*{margin-left:10px;margin-right:10px}.flex-gap-row-wrap-20{margin-left:-10px;margin-right:-10px}.flex-gap-row-wrap-20>*{margin-top:10px;margin-bottom:10px}.flex-gap-row-wrap-20{margin-top:-10px;margin-bottom:-10px}.flex-gap-col-nowrap-10>*{margin-top:5px;margin-bottom:5px}.flex-gap-col-nowrap-10{margin-top:-5px;margin-bottom:-5px}.flex-gap-col-wrap-10>*{margin-left:5px;margin-right:5px}.flex-gap-col-wrap-10{margin-left:-5px;margin-right:-5px}.flex-gap-col-wrap-10>*{margin-top:5px;margin-bottom:5px}.flex-gap-col-wrap-10{margin-top:-5px;margin-bottom:-5px}.flex-gap-row-nowrap-10>*{margin-left:5px;margin-right:5px}.flex-gap-row-nowrap-10{margin-left:-5px;margin-right:-5px}.flex-gap-row-wrap-10>*{margin-left:5px;margin-right:5px}.flex-gap-row-wrap-10{margin-left:-5px;margin-right:-5px}.flex-gap-row-wrap-10>*{margin-top:5px;margin-bottom:5px}.flex-gap-row-wrap-10{margin-top:-5px;margin-bottom:-5px}.none{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-column{display:table-column}.table-row{display:table-row}.display-grid{display:grid}.static{position:static}.fixed{position:fixed}.absolute{position:absolute!important}.relative{position:relative!important}.top-0{top:0}.top-auto{top:auto}.right-0{right:0}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-auto{bottom:auto}.left-0{left:0}.left-auto{left:auto}.w-full{width:100%!important}.h-full{height:100%!important}.fz-36{font-size:36px}.fz-34{font-size:34px}.fz-32{font-size:32px}.fz-30{font-size:30px}.fz-28{font-size:28px}.fz-26{font-size:26px}.fz-24{font-size:24px}.fz-22{font-size:22px}.fz-20{font-size:20px}.fz-18{font-size:18px}.fz-16{font-size:16px}.fz-14{font-size:14px}.fz-12{font-size:12px}.fz-10{font-size:10px}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-700{font-weight:700}.weight-600{font-weight:600}.italic{font-style:italic}.not-italic{font-style:normal}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.text-4b70f7{color:var(--theme-color)}.text-a8abb2{color:var(--neutral-color-1)}.text-fff{color:var(--background-color-2)}.text-262626{color:var(--neutral-color-2)}.text-656a7e{color:var(--neutral-color-3)}.text-bfbfbf{color:var(--neutral-color-4)}.text-999{color:var(--neutral-color-8)}.text-f53f3f{color:var(--danger-color-2)}.text-74798c{color:var(--text-color-4)}.text-3b64ff{color:var(--primary-color-1)}.text-ec0e13{color:var(--error-color-1)}.text-373a43{color:var(--text-color-3)}.text-333{color:var(--neutral-color-15)}.text-2744ff{color:var(--primary-color-10)}.text-909399{color:var(--text-color-7)}.text-202434{color:var(--text-color-2)}.text-606266{color:var(--neutral-color-17)}.bg-4b70f7{background-color:var(--theme-color)}.bg-a8abb2{background-color:var(--neutral-color-1)}.bg-fff{background-color:var(--background-color-2)}.bg-004cff{background-color:var(--theme-color-2)}.bg-f0f0f0{background-color:var(--neutral-color-6)}.bg-f5f5f5{background-color:var(--neutral-color-7)}.bg-fcfdff{background-color:var(--background-color-1)}.bg-3965ff{background-color:var(--theme-color-3)}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none;padding:0}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:theme("fontFamily.sans",system-ui,-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");line-height:1.5}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.default",currentColor)}hr{border-top-width:1px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--neutral-color-1)}button,[role=button]{cursor:pointer}table{border-collapse:collapse}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:theme("fontFamily.mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)}img,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}body{word-wrap:break-word;word-break:break-word;line-break:anywhere;margin:0}body,html,body #app,html #app{width:100%;height:100%;overflow:hidden;position:relative}.os_iconfont{font-size:inherit}input,textarea{outline:none!important}img{vertical-align:middle}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--neutral-color-5)}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.active-shadow{background:#ffffff1a;box-shadow:inset 3px 5px 30px 3px #bfcdff,inset 10px 20px 15px #bfcdff1a,inset -3px -8px 10px 3px #ffffff1a,0 6px 4px #b1bada1a,inset 1px 1px 1px #fffc,inset -10px -10px 15px #ffffff08,inset -1px -1px 1px #ffffff40}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.background{background:linear-gradient(149deg,rgba(255,255,255,.92) 0%,var(--background-color-2) 100%);border-radius:24px}
|
package/es/index.mjs
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ref as y, computed as m, onMounted as f, onUnmounted as h } from "vue";
|
|
2
|
+
const E = (l = 0.9) => {
|
|
3
|
+
const s = window.innerWidth, t = window.innerHeight, i = s === 1920, r = i ? 1 : s / 1920, a = i ? 1 : t / 1080, n = Math.min(r, a), c = Math.max(l, n);
|
|
4
|
+
return c >= 1 ? 1 : c;
|
|
5
|
+
}, L = (l = {}) => {
|
|
6
|
+
const { minScale: d = 0.9, enableZoomPrevention: u = !1 } = l, s = 1, t = y(s), i = () => {
|
|
7
|
+
let e = E(d);
|
|
8
|
+
e = Math.max(d, e), t.value = e || s, document.documentElement.style.setProperty("--app-scale", e.toString());
|
|
9
|
+
}, r = (e) => {
|
|
10
|
+
if ((e.ctrlKey || e.metaKey) && (e.key === "+" || e.key === "-" || e.key === "=" || e.key === "0")) {
|
|
11
|
+
e.preventDefault();
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
if (e.ctrlKey && e.type === "wheel") {
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
}, a = (e) => {
|
|
19
|
+
e.touches && e.touches.length > 1 && e.preventDefault();
|
|
20
|
+
}, n = (e) => {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
}, c = m(() => {
|
|
23
|
+
const e = t.value !== s;
|
|
24
|
+
return {
|
|
25
|
+
transform: `scale(${t.value})`,
|
|
26
|
+
transformOrigin: "top left",
|
|
27
|
+
...e && {
|
|
28
|
+
position: "fixed",
|
|
29
|
+
top: "0",
|
|
30
|
+
left: "0",
|
|
31
|
+
width: `calc(100% / ${t.value})`,
|
|
32
|
+
height: `calc(100% / ${t.value})`
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
}), w = m(() => {
|
|
36
|
+
const e = t.value !== s;
|
|
37
|
+
return {
|
|
38
|
+
"app-container": e,
|
|
39
|
+
relative: !e
|
|
40
|
+
};
|
|
41
|
+
}), p = () => {
|
|
42
|
+
if (typeof document > "u") return;
|
|
43
|
+
const e = "page-zoom-controller-styles";
|
|
44
|
+
let o = document.getElementById(e);
|
|
45
|
+
o || (o = document.createElement("style"), o.id = e, o.textContent = `
|
|
46
|
+
.app-container * {
|
|
47
|
+
/* 优化字体渲染，防止缩放时字体模糊 */
|
|
48
|
+
-webkit-font-smoothing: antialiased !important;
|
|
49
|
+
-moz-osx-font-smoothing: grayscale !important;
|
|
50
|
+
text-rendering: optimizeLegibility !important;
|
|
51
|
+
}
|
|
52
|
+
`, document.head.appendChild(o));
|
|
53
|
+
}, v = () => {
|
|
54
|
+
if (typeof document > "u") return;
|
|
55
|
+
const o = document.getElementById("page-zoom-controller-styles");
|
|
56
|
+
o && o.remove();
|
|
57
|
+
};
|
|
58
|
+
return f(() => {
|
|
59
|
+
i(), p(), window.addEventListener("resize", i), u && (window.addEventListener("wheel", r, { passive: !1 }), window.addEventListener("keydown", r), window.addEventListener("touchstart", a, {
|
|
60
|
+
passive: !1
|
|
61
|
+
}), window.addEventListener("touchmove", a, { passive: !1 }), window.addEventListener("gesturestart", n, {
|
|
62
|
+
passive: !1
|
|
63
|
+
}), window.addEventListener("gesturechange", n, {
|
|
64
|
+
passive: !1
|
|
65
|
+
}), window.addEventListener("gestureend", n, {
|
|
66
|
+
passive: !1
|
|
67
|
+
}), document.body.style.touchAction = "none");
|
|
68
|
+
}), h(() => {
|
|
69
|
+
window.removeEventListener("resize", i), v(), u && (window.removeEventListener("wheel", r), window.removeEventListener("keydown", r), window.removeEventListener("touchstart", a), window.removeEventListener("touchmove", a), window.removeEventListener("gesturestart", n), window.removeEventListener("gesturechange", n), window.removeEventListener("gestureend", n), document.body.style.touchAction === "none" && (document.body.style.touchAction = ""));
|
|
70
|
+
}), {
|
|
71
|
+
containerStyles: c,
|
|
72
|
+
containerClasses: w
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
export {
|
|
76
|
+
E as calculateScale,
|
|
77
|
+
L as usePageZoomController
|
|
78
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";:root{--theme-color: #4b70f7;--theme-color-2: #004cff;--theme-color-3: #3965ff;--theme-color-4: #667bfe;--theme-color-5: #93baf5;--neutral-color-1: #a8abb2;--neutral-color-2: #262626;--neutral-color-3: #656a7e;--neutral-color-4: #bfbfbf;--neutral-color-5: #d8d8d8;--neutral-color-6: #f0f0f0;--neutral-color-7: #f5f5f5;--neutral-color-8: #999;--neutral-color-9: #d9d9d9;--neutral-color-10: #ccc;--neutral-color-11: #f7f7f7;--neutral-color-12: #b1b6c6;--neutral-color-13: #eff1f8;--neutral-color-14: #d9dbe3;--neutral-color-15: #333;--neutral-color-16: #ddd;--neutral-color-17: #606266;--neutral-color-18: #f7f8fa;--neutral-color-19: #cad0d6;--neutral-color-20: #e5e6eb;--danger-color-1: #ffece8;--danger-color-2: #f53f3f;--primary-color-1: #3b64ff;--primary-color-2: #1f4eff;--primary-color-3: #0f42fa;--primary-color-4: #b4baf6;--primary-color-5: #e5ebff;--primary-color-6: #99aeff;--primary-color-7: #edf0f7;--primary-color-8: #e6e9f2;--primary-color-9: #dbdee9;--primary-color-10: #2744ff;--success-color-1: #22753a;--success-color-2: #eefff3;--success-color-3: #96edaf;--warning-color-1: #faa600;--warning-color-2: #fffbe6;--warning-color-3: #ffdd99;--error-color-1: #ec0e13;--error-color-2: #db0d12;--error-color-3: #c90c10;--error-color-4: #f5b3b4;--error-color-5: #ffedeb;--error-color-6: #ffa39e;--error-color-7: #ff5054;--text-color-1: #1f2434;--text-color-2: #202434;--text-color-3: #373a43;--text-color-4: #74798c;--text-color-5: #b3b7c6;--text-color-6: #ff441e;--text-color-7: #909399;--parting-line: #eaedf1;--background-color-1: #fcfdff;--background-color-2: #fff;--background-color-3: #d9e5fe;--background-color-4: #fafdff;--background-color-5: #f6f9ff;--background-color-6: #f0f1f5;--background-color-7: #f7f9fc;--background-color-8: #eff0f2;--background-color-9: #e8ebf1;--background-color-10: #f6f6fa;--background-color-11: #f5f7ff;--background-color-12: #e8ecf3;--switch-off-bg: #eff1ff;--border-color: #ced2e0;--auxiliary-color: #f0f2f5;--hover-color-1: #eff0f8;--press-color-1: #e6e8f2}body{--el-color-primary: var(--primary-color-1);--el-border-radius-base: 8px;--el-border-color: var(--border-color);--el-text-color-regular: var(--text-color-2);--el-text-color-placeholder: var(--text-color-5);--el-color-info: var(--neutral-color-12);--el-fill-color-light: var(--neutral-color-13);--el-border-radius-small: 4px;--el-border-color-light: var(--neutral-color-14);--el-bg-color: var(--background-color-1);--el-text-color-primary: var(--text-color-1);--el-color-warning: var(--warning-color-1);--el-mask-color: transparent;--switch-action-shadow: rgba(0, 0, 0, .05), rgba(0, 0, 0, .08), rgba(0, 0, 0, .12)}body .el-button{--el-button-border-color: var(--primary-color-7);--el-button-bg-color: var(--primary-color-7);--el-button-text-color: var(--text-color-2);--el-button-disabled-text-color: var(--text-color-5);--el-button-disabled-bg-color: var(--primary-color-7);--el-button-disabled-border-color: var(--primary-color-7);--el-button-hover-text-color: var(--text-color-2);--el-button-hover-bg-color: var(--primary-color-8);--el-button-hover-border-color: var(--primary-color-8);--el-button-active-text-color: var(--text-color-2);--el-button-active-border-color: var(--primary-color-9);--el-button-active-bg-color: var(--primary-color-9);--el-button-active-color: var(--text-color-2)}body .el-button--primary{--el-button-text-color: var(--background-color-2);--el-button-bg-color: var(--primary-color-1);--el-button-border-color: var(--primary-color-1);--el-button-active-color: var(--background-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--primary-color-2);--el-button-hover-border-color: var(--primary-color-2);--el-button-active-text-color: var(--background-color-2);--el-button-active-bg-color: var(--primary-color-3);--el-button-active-border-color: var(--primary-color-3);--el-button-disabled-bg-color: var(--primary-color-4);--el-button-disabled-border-color: var(--primary-color-4);--el-button-disabled-text-color: var(--background-color-2)}body .el-button--danger{--el-button-text-color: var(--background-color-2);--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-active-color: var(--background-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-text-color: var(--background-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--error-color-4);--el-button-disabled-border-color: var(--error-color-4);--el-button-disabled-text-color: var(--background-color-2)}body .el-button--text:not(.is-disabled):hover{color:var(--primary-color-2)}body .el-checkbox{--el-checkbox-disabled-input-fill: var(--background-color-6);--el-checkbox-disabled-checked-input-fill: var(--primary-color-4);--el-checkbox-disabled-checked-input-border-color: var(--primary-color-4);--el-checkbox-disabled-checked-icon-color: var(--background-color-2);--el-checkbox-checked-text-color: var(--text-color-2)}body .el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--text-color-2)}body .el-radio{--el-radio-text-color: var(--text-color-2);--el-radio-input-border: 1px solid var(--text-color-5);--el-radio-input-border-color: var(--text-color-5)}body .el-radio__input.is-checked+.el-radio__label{color:var(--text-color-2)}body .el-radio__input.is-disabled .el-radio__inner,body .el-radio__input.is-disabled .el-radio__inner:after{background:var(--background-color-6);border-color:var(--border-color)}body .el-radio__input.is-disabled+span.el-radio__label{color:var(--text-color-2)}body .el-radio__input.is-disabled.is-checked .el-radio__inner{background:var(--primary-color-4);border-color:var(--primary-color-4)}body .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--background-color-2)}body .el-tag{border:0;border-radius:8px;font-size:12px}body .el-tag.el-tag--primary{--el-tag-bg-color: var(--primary-color-5);--el-tag-hover-color: var(--primary-color-1);--el-tag-text-color: var(--primary-color-1)}body .el-tag.el-tag--success{--el-tag-bg-color: var(--success-color-2);--el-tag-hover-color: var(--success-color-1);--el-tag-text-color: var(--success-color-1)}body .el-tag.el-tag--info{--el-tag-bg-color: var(--background-color-8);--el-tag-hover-color: var(--text-color-4);--el-tag-text-color: var(--text-color-4)}body .el-tag.el-tag--warning{--el-tag-bg-color: var(--warning-color-2)}body .el-tag.el-tag--danger{--el-tag-bg-color: var(--error-color-5);--el-tag-hover-color: var(--error-color-1);--el-tag-text-color: var(--error-color-1)}body .el-message{padding:14px}body .el-message .el-message__icon{width:22px;height:22px}body .el-message .el-message__icon svg{width:100%;height:100%}body .el-message.el-message--success{--el-message-border-color: var(--success-color-1);--el-message-text-color: var(--text-color-2);background:linear-gradient(180deg,var(--success-color-2) 0%,var(--background-color-2) 100%)}body .el-message.el-message--success .el-message-icon--success{color:var(--success-color-1)}body .el-message.el-message--warning{--el-message-border-color: var(--warning-color-1);--el-message-text-color: var(--text-color-2);background:linear-gradient(180deg,var(--warning-color-2) 0%,var(--background-color-2) 100%)}body .el-message.el-message--warning .el-message-icon--warning{color:var(--warning-color-1)}body .el-message.el-message--error{--el-message-border-color: var(--error-color-7);--el-message-text-color: var(--text-color-2);background:linear-gradient(180deg,var(--error-color-5) 0%,var(--background-color-2) 100%)}body .el-message.el-message--error .el-message-icon--error{color:var(--error-color-7)}body .el-switch{--el-switch-on-color: var(--primary-color-1);--el-switch-off-color: var(--switch-off-bg)}body .el-switch .el-switch__core .el-switch__inner .is-text{color:var(--text-color-4)}body .el-switch.is-disabled .el-switch__core{background:var(--background-color-6)}body .el-switch.is-disabled .el-switch__core .el-switch__inner .is-text{color:var(--neutral-color-12)}body .el-switch.is-checked.is-disabled .el-switch__core{background:var(--primary-color-4);border-color:var(--primary-color-4)}body .el-switch.is-checked.is-disabled .el-switch__core .el-switch__inner .is-text,body .el-switch.is-checked .el-switch__inner .is-text{color:var(--background-color-2)}body .el-switch .el-switch__action{box-shadow:var(--switch-action-shadow);background:var(--background-color-2)}body .el-segmented{--el-segmented-bg-color: var(--background-color-6);--el-segmented-color: var(--text-color-4);--el-segmented-item-hover-color: var(--text-color-4);--el-segmented-item-hover-bg-color: transparent;--el-segmented-item-active-color: var(--text-color-4);--el-segmented-item-active-bg-color: transparent;--el-segmented-item-selected-color: var(--text-color-2);--el-segmented-item-selected-bg-color: transparent}body .el-segmented .el-segmented__item{padding:6px 8px}body .el-segmented .el-segmented__item.is-selected{box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;background:var(--background-color-2)}body .el-tabs .el-tabs__nav-wrap:after{background:var(--parting-line)}body .el-tabs .el-tabs__item{padding:0 10px}body .el-message-box{--el-messagebox-font-size: 16px;--el-messagebox-border-radius: 8px;--el-messagebox-padding-primary: 16px;--el-messagebox-width: 520px}body .el-message-box .el-message-box__headerbtn{top:11px}body .el-message-box .el-message-box__headerbtn .el-message-box__close{color:var(--text-color-1)}body .el-message-box .el-message-box__container{align-items:flex-start;gap:8px}body .el-dialog{--el-dialog-title-font-size: 16px}body .el-dialog .el-dialog__header{font-weight:500}body .el-dialog .el-dialog__header .el-dialog__headerbtn{top:6px}body .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:var(--text-color-1)}body .el-pagination{--el-pagination-button-bg-color: var(--background-color-9);--el-pagination-button-color: var(--text-color-2);--el-pagination-button-width: 28px;--el-pagination-button-height: 28px;--el-pagination-border-radius: 8px;--el-pagination-font-size: 12px}body .el-pagination .el-input__wrapper,body .el-pagination .el-select__wrapper{background:var(--background-color-9);box-shadow:none}body .el-pagination .el-input__wrapper:hover,body .el-pagination .el-select__wrapper:hover{box-shadow:none}body .el-pagination.is-background .btn-next.is-disabled,body .el-pagination.is-background .btn-next:disabled,body .el-pagination.is-background .btn-prev.is-disabled,body .el-pagination.is-background .btn-prev:disabled,body .el-pagination.is-background .el-pager li.is-disabled,body .el-pagination.is-background .el-pager li:disabled{background:var(--background-color-9);color:var(--neutral-color-12)}body .el-date-picker__header{padding:6px 8px}body .el-date-picker__header-label{color:var(--text-color-1);font-weight:700;font-size:14px}body .el-picker-panel__icon-btn{margin-top:0;font-weight:700;font-size:14px}body .el-picker-panel__icon-btn .el-icon{color:var(--text-color-1)}body .el-date-picker .el-picker-panel__content{border-top:1px solid var(--neutral-color-6);margin:0;padding:10px;width:100%}body .el-date-table{--el-datepicker-header-text-color: var(--text-color-1);--el-datepicker-inrange-bg-color: var(--primary-color-5);--el-datepicker-inrange-hover-bg-color: var(--primary-color-5)}body .el-date-table th{border-bottom:0}body .el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:4px}body .el-date-table td.next-month,body .el-date-table td.prev-month{color:var(--neutral-color-8)}body .el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:8px;border-top-left-radius:8px}body .el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:8px;border-top-right-radius:8px}body .el-table-v2{--el-table-header-bg-color: var(--background-color-3);--el-table-header-text-color: var(--text-color-1);--el-table-border-color: var(--background-color-10);--el-table-row-hover-bg-color: var(--background-color-5);--el-table-border: 4px solid rgba(255, 255, 255, .1)}body .el-table-v2 .el-table-v2__main{border-radius:8px;background-color:transparent}body .el-table-v2 .el-table-v2__main .el-table-v2__header-cell{font-weight:500}body .el-table-v2 .el-table-v2__main .el-table-v2__row:nth-child(2n){background-color:var(--background-color-5)}body .el-table-v2 .el-table-v2__main .el-table-v2__row .el-table-v2__cell-text{color:var(--text-color-2)}body .el-table{--el-table-border-color: var(--background-color-10);--el-table-header-bg-color: var(--background-color-3);--el-table-bg-color: transparent;--el-table-row-hover-bg-color: var(--background-color-5);--el-table-header-text-color: var(--text-color-1);--el-table-text-color: var(--text-color-2);--el-table-border: 4px solid rgba(255, 255, 255, .1);--el-table-expanded-cell-bg-color: transparent;border-radius:8px}body .el-table thead th{font-weight:500;height:50px}body .el-table td.el-table__cell{height:50px}body .el-table tr{background-color:transparent}body .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--background-color-5)}body .el-table--border .el-table__inner-wrapper:after,body .el-table--border:after,body .el-table--border:before,body .el-table__inner-wrapper:before{display:none}body .el-input__wrapper,body .el-select__wrapper,body .el-textarea__inner{background-color:transparent}body .el-timeline{--el-timeline-node-color: var(--neutral-color-20)}body .el-timeline .el-timeline-item__node{background-color:var(--neutral-color-20);border-color:var(--neutral-color-20)}body .el-popover{--el-popover-border-radius: 8px}body .el-form-item__error{padding-top:4px}.mg-t-50{margin-top:50px!important}.mg-b-50{margin-bottom:50px!important}.mg-l-50{margin-left:50px!important}.mg-r-50{margin-right:50px!important}.pd-t-50{padding-top:50px!important}.pd-b-50{padding-bottom:50px!important}.pd-l-50{padding-left:50px!important}.pd-r-50{padding-right:50px!important}.mg-t-48{margin-top:48px!important}.mg-b-48{margin-bottom:48px!important}.mg-l-48{margin-left:48px!important}.mg-r-48{margin-right:48px!important}.pd-t-48{padding-top:48px!important}.pd-b-48{padding-bottom:48px!important}.pd-l-48{padding-left:48px!important}.pd-r-48{padding-right:48px!important}.mg-t-46{margin-top:46px!important}.mg-b-46{margin-bottom:46px!important}.mg-l-46{margin-left:46px!important}.mg-r-46{margin-right:46px!important}.pd-t-46{padding-top:46px!important}.pd-b-46{padding-bottom:46px!important}.pd-l-46{padding-left:46px!important}.pd-r-46{padding-right:46px!important}.mg-t-44{margin-top:44px!important}.mg-b-44{margin-bottom:44px!important}.mg-l-44{margin-left:44px!important}.mg-r-44{margin-right:44px!important}.pd-t-44{padding-top:44px!important}.pd-b-44{padding-bottom:44px!important}.pd-l-44{padding-left:44px!important}.pd-r-44{padding-right:44px!important}.mg-t-42{margin-top:42px!important}.mg-b-42{margin-bottom:42px!important}.mg-l-42{margin-left:42px!important}.mg-r-42{margin-right:42px!important}.pd-t-42{padding-top:42px!important}.pd-b-42{padding-bottom:42px!important}.pd-l-42{padding-left:42px!important}.pd-r-42{padding-right:42px!important}.mg-t-40{margin-top:40px!important}.mg-b-40{margin-bottom:40px!important}.mg-l-40{margin-left:40px!important}.mg-r-40{margin-right:40px!important}.pd-t-40{padding-top:40px!important}.pd-b-40{padding-bottom:40px!important}.pd-l-40{padding-left:40px!important}.pd-r-40{padding-right:40px!important}.mg-t-38{margin-top:38px!important}.mg-b-38{margin-bottom:38px!important}.mg-l-38{margin-left:38px!important}.mg-r-38{margin-right:38px!important}.pd-t-38{padding-top:38px!important}.pd-b-38{padding-bottom:38px!important}.pd-l-38{padding-left:38px!important}.pd-r-38{padding-right:38px!important}.mg-t-36{margin-top:36px!important}.mg-b-36{margin-bottom:36px!important}.mg-l-36{margin-left:36px!important}.mg-r-36{margin-right:36px!important}.pd-t-36{padding-top:36px!important}.pd-b-36{padding-bottom:36px!important}.pd-l-36{padding-left:36px!important}.pd-r-36{padding-right:36px!important}.mg-t-34{margin-top:34px!important}.mg-b-34{margin-bottom:34px!important}.mg-l-34{margin-left:34px!important}.mg-r-34{margin-right:34px!important}.pd-t-34{padding-top:34px!important}.pd-b-34{padding-bottom:34px!important}.pd-l-34{padding-left:34px!important}.pd-r-34{padding-right:34px!important}.mg-t-32{margin-top:32px!important}.mg-b-32{margin-bottom:32px!important}.mg-l-32{margin-left:32px!important}.mg-r-32{margin-right:32px!important}.pd-t-32{padding-top:32px!important}.pd-b-32{padding-bottom:32px!important}.pd-l-32{padding-left:32px!important}.pd-r-32{padding-right:32px!important}.mg-t-30{margin-top:30px!important}.mg-b-30{margin-bottom:30px!important}.mg-l-30{margin-left:30px!important}.mg-r-30{margin-right:30px!important}.pd-t-30{padding-top:30px!important}.pd-b-30{padding-bottom:30px!important}.pd-l-30{padding-left:30px!important}.pd-r-30{padding-right:30px!important}.mg-t-28{margin-top:28px!important}.mg-b-28{margin-bottom:28px!important}.mg-l-28{margin-left:28px!important}.mg-r-28{margin-right:28px!important}.pd-t-28{padding-top:28px!important}.pd-b-28{padding-bottom:28px!important}.pd-l-28{padding-left:28px!important}.pd-r-28{padding-right:28px!important}.mg-t-26{margin-top:26px!important}.mg-b-26{margin-bottom:26px!important}.mg-l-26{margin-left:26px!important}.mg-r-26{margin-right:26px!important}.pd-t-26{padding-top:26px!important}.pd-b-26{padding-bottom:26px!important}.pd-l-26{padding-left:26px!important}.pd-r-26{padding-right:26px!important}.mg-t-24{margin-top:24px!important}.mg-b-24{margin-bottom:24px!important}.mg-l-24{margin-left:24px!important}.mg-r-24{margin-right:24px!important}.pd-t-24{padding-top:24px!important}.pd-b-24{padding-bottom:24px!important}.pd-l-24{padding-left:24px!important}.pd-r-24{padding-right:24px!important}.mg-t-22{margin-top:22px!important}.mg-b-22{margin-bottom:22px!important}.mg-l-22{margin-left:22px!important}.mg-r-22{margin-right:22px!important}.pd-t-22{padding-top:22px!important}.pd-b-22{padding-bottom:22px!important}.pd-l-22{padding-left:22px!important}.pd-r-22{padding-right:22px!important}.mg-t-20{margin-top:20px!important}.mg-b-20{margin-bottom:20px!important}.mg-l-20{margin-left:20px!important}.mg-r-20{margin-right:20px!important}.pd-t-20{padding-top:20px!important}.pd-b-20{padding-bottom:20px!important}.pd-l-20{padding-left:20px!important}.pd-r-20{padding-right:20px!important}.mg-t-18{margin-top:18px!important}.mg-b-18{margin-bottom:18px!important}.mg-l-18{margin-left:18px!important}.mg-r-18{margin-right:18px!important}.pd-t-18{padding-top:18px!important}.pd-b-18{padding-bottom:18px!important}.pd-l-18{padding-left:18px!important}.pd-r-18{padding-right:18px!important}.mg-t-16{margin-top:16px!important}.mg-b-16{margin-bottom:16px!important}.mg-l-16{margin-left:16px!important}.mg-r-16{margin-right:16px!important}.pd-t-16{padding-top:16px!important}.pd-b-16{padding-bottom:16px!important}.pd-l-16{padding-left:16px!important}.pd-r-16{padding-right:16px!important}.mg-t-14{margin-top:14px!important}.mg-b-14{margin-bottom:14px!important}.mg-l-14{margin-left:14px!important}.mg-r-14{margin-right:14px!important}.pd-t-14{padding-top:14px!important}.pd-b-14{padding-bottom:14px!important}.pd-l-14{padding-left:14px!important}.pd-r-14{padding-right:14px!important}.mg-t-12{margin-top:12px!important}.mg-b-12{margin-bottom:12px!important}.mg-l-12{margin-left:12px!important}.mg-r-12{margin-right:12px!important}.pd-t-12{padding-top:12px!important}.pd-b-12{padding-bottom:12px!important}.pd-l-12{padding-left:12px!important}.pd-r-12{padding-right:12px!important}.mg-t-10{margin-top:10px!important}.mg-b-10{margin-bottom:10px!important}.mg-l-10{margin-left:10px!important}.mg-r-10{margin-right:10px!important}.pd-t-10{padding-top:10px!important}.pd-b-10{padding-bottom:10px!important}.pd-l-10{padding-left:10px!important}.pd-r-10{padding-right:10px!important}.mg-t-8{margin-top:8px!important}.mg-b-8{margin-bottom:8px!important}.mg-l-8{margin-left:8px!important}.mg-r-8{margin-right:8px!important}.pd-t-8{padding-top:8px!important}.pd-b-8{padding-bottom:8px!important}.pd-l-8{padding-left:8px!important}.pd-r-8{padding-right:8px!important}.mg-t-6{margin-top:6px!important}.mg-b-6{margin-bottom:6px!important}.mg-l-6{margin-left:6px!important}.mg-r-6{margin-right:6px!important}.pd-t-6{padding-top:6px!important}.pd-b-6{padding-bottom:6px!important}.pd-l-6{padding-left:6px!important}.pd-r-6{padding-right:6px!important}.mg-t-4{margin-top:4px!important}.mg-b-4{margin-bottom:4px!important}.mg-l-4{margin-left:4px!important}.mg-r-4{margin-right:4px!important}.pd-t-4{padding-top:4px!important}.pd-b-4{padding-bottom:4px!important}.pd-l-4{padding-left:4px!important}.pd-r-4{padding-right:4px!important}.mg-t-2{margin-top:2px!important}.mg-b-2{margin-bottom:2px!important}.mg-l-2{margin-left:2px!important}.mg-r-2{margin-right:2px!important}.pd-t-2{padding-top:2px!important}.pd-b-2{padding-bottom:2px!important}.pd-l-2{padding-left:2px!important}.pd-r-2{padding-right:2px!important}.mg-t-0{margin-top:0!important}.mg-b-0{margin-bottom:0!important}.mg-l-0{margin-left:0!important}.mg-r-0{margin-right:0!important}.pd-t-0{padding-top:0!important}.pd-b-0{padding-bottom:0!important}.pd-l-0{padding-left:0!important}.pd-r-0{padding-right:0!important}.mg-t-auto{margin-top:auto!important}.mg-r-auto{margin-right:auto!important}.mg-b-auto{margin-bottom:auto!important}.mg-l-auto{margin-left:auto!important}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-center{background-position:center}.bg-left{background-position:left}.bg-right{background-position:right}.bg-top{background-position:top}.radius-none{border-radius:0}.radius-2{border-radius:2px}.radius-3{border-radius:3px}.radius-4{border-radius:4px}.radius-5{border-radius:5px}.radius-6{border-radius:6px}.radius-7{border-radius:7px}.radius-8{border-radius:8px}.radius-9{border-radius:9px}.radius-10{border-radius:10px}.radius-11{border-radius:11px}.radius-12{border-radius:12px}.radius-13{border-radius:13px}.radius-14{border-radius:14px}.radius-15{border-radius:15px}.radius-16{border-radius:16px}.border-t-0{border-top:0}.border-r-0{border-right:0}.border-b-0{border-bottom:0}.border-l-0{border-left:0}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.ellipsis{display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.ellipsis-2{display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flex{display:flex!important}.flex-initial{flex:0 1 auto}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-no-wrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-stretch{align-items:stretch}.items-flex-start{align-items:flex-start}.items-center{align-items:center}.items-flex-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-end{align-items:end}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-gap-col-nowrap-19>*{margin-top:9.5px;margin-bottom:9.5px}.flex-gap-col-nowrap-19{margin-top:-9.5px;margin-bottom:-9.5px}.flex-gap-col-wrap-19>*{margin-left:9.5px;margin-right:9.5px}.flex-gap-col-wrap-19{margin-left:-9.5px;margin-right:-9.5px}.flex-gap-col-wrap-19>*{margin-top:9.5px;margin-bottom:9.5px}.flex-gap-col-wrap-19{margin-top:-9.5px;margin-bottom:-9.5px}.flex-gap-row-nowrap-19>*{margin-left:9.5px;margin-right:9.5px}.flex-gap-row-nowrap-19{margin-left:-9.5px;margin-right:-9.5px}.flex-gap-row-wrap-19>*{margin-left:9.5px;margin-right:9.5px}.flex-gap-row-wrap-19{margin-left:-9.5px;margin-right:-9.5px}.flex-gap-row-wrap-19>*{margin-top:9.5px;margin-bottom:9.5px}.flex-gap-row-wrap-19{margin-top:-9.5px;margin-bottom:-9.5px}.flex-gap-col-nowrap-18>*{margin-top:9px;margin-bottom:9px}.flex-gap-col-nowrap-18{margin-top:-9px;margin-bottom:-9px}.flex-gap-col-wrap-18>*{margin-left:9px;margin-right:9px}.flex-gap-col-wrap-18{margin-left:-9px;margin-right:-9px}.flex-gap-col-wrap-18>*{margin-top:9px;margin-bottom:9px}.flex-gap-col-wrap-18{margin-top:-9px;margin-bottom:-9px}.flex-gap-row-nowrap-18>*{margin-left:9px;margin-right:9px}.flex-gap-row-nowrap-18{margin-left:-9px;margin-right:-9px}.flex-gap-row-wrap-18>*{margin-left:9px;margin-right:9px}.flex-gap-row-wrap-18{margin-left:-9px;margin-right:-9px}.flex-gap-row-wrap-18>*{margin-top:9px;margin-bottom:9px}.flex-gap-row-wrap-18{margin-top:-9px;margin-bottom:-9px}.flex-gap-col-nowrap-17>*{margin-top:8.5px;margin-bottom:8.5px}.flex-gap-col-nowrap-17{margin-top:-8.5px;margin-bottom:-8.5px}.flex-gap-col-wrap-17>*{margin-left:8.5px;margin-right:8.5px}.flex-gap-col-wrap-17{margin-left:-8.5px;margin-right:-8.5px}.flex-gap-col-wrap-17>*{margin-top:8.5px;margin-bottom:8.5px}.flex-gap-col-wrap-17{margin-top:-8.5px;margin-bottom:-8.5px}.flex-gap-row-nowrap-17>*{margin-left:8.5px;margin-right:8.5px}.flex-gap-row-nowrap-17{margin-left:-8.5px;margin-right:-8.5px}.flex-gap-row-wrap-17>*{margin-left:8.5px;margin-right:8.5px}.flex-gap-row-wrap-17{margin-left:-8.5px;margin-right:-8.5px}.flex-gap-row-wrap-17>*{margin-top:8.5px;margin-bottom:8.5px}.flex-gap-row-wrap-17{margin-top:-8.5px;margin-bottom:-8.5px}.flex-gap-col-nowrap-16>*{margin-top:8px;margin-bottom:8px}.flex-gap-col-nowrap-16{margin-top:-8px;margin-bottom:-8px}.flex-gap-col-wrap-16>*{margin-left:8px;margin-right:8px}.flex-gap-col-wrap-16{margin-left:-8px;margin-right:-8px}.flex-gap-col-wrap-16>*{margin-top:8px;margin-bottom:8px}.flex-gap-col-wrap-16{margin-top:-8px;margin-bottom:-8px}.flex-gap-row-nowrap-16>*{margin-left:8px;margin-right:8px}.flex-gap-row-nowrap-16{margin-left:-8px;margin-right:-8px}.flex-gap-row-wrap-16>*{margin-left:8px;margin-right:8px}.flex-gap-row-wrap-16{margin-left:-8px;margin-right:-8px}.flex-gap-row-wrap-16>*{margin-top:8px;margin-bottom:8px}.flex-gap-row-wrap-16{margin-top:-8px;margin-bottom:-8px}.flex-gap-col-nowrap-15>*{margin-top:7.5px;margin-bottom:7.5px}.flex-gap-col-nowrap-15{margin-top:-7.5px;margin-bottom:-7.5px}.flex-gap-col-wrap-15>*{margin-left:7.5px;margin-right:7.5px}.flex-gap-col-wrap-15{margin-left:-7.5px;margin-right:-7.5px}.flex-gap-col-wrap-15>*{margin-top:7.5px;margin-bottom:7.5px}.flex-gap-col-wrap-15{margin-top:-7.5px;margin-bottom:-7.5px}.flex-gap-row-nowrap-15>*{margin-left:7.5px;margin-right:7.5px}.flex-gap-row-nowrap-15{margin-left:-7.5px;margin-right:-7.5px}.flex-gap-row-wrap-15>*{margin-left:7.5px;margin-right:7.5px}.flex-gap-row-wrap-15{margin-left:-7.5px;margin-right:-7.5px}.flex-gap-row-wrap-15>*{margin-top:7.5px;margin-bottom:7.5px}.flex-gap-row-wrap-15{margin-top:-7.5px;margin-bottom:-7.5px}.flex-gap-col-nowrap-14>*{margin-top:7px;margin-bottom:7px}.flex-gap-col-nowrap-14{margin-top:-7px;margin-bottom:-7px}.flex-gap-col-wrap-14>*{margin-left:7px;margin-right:7px}.flex-gap-col-wrap-14{margin-left:-7px;margin-right:-7px}.flex-gap-col-wrap-14>*{margin-top:7px;margin-bottom:7px}.flex-gap-col-wrap-14{margin-top:-7px;margin-bottom:-7px}.flex-gap-row-nowrap-14>*{margin-left:7px;margin-right:7px}.flex-gap-row-nowrap-14{margin-left:-7px;margin-right:-7px}.flex-gap-row-wrap-14>*{margin-left:7px;margin-right:7px}.flex-gap-row-wrap-14{margin-left:-7px;margin-right:-7px}.flex-gap-row-wrap-14>*{margin-top:7px;margin-bottom:7px}.flex-gap-row-wrap-14{margin-top:-7px;margin-bottom:-7px}.flex-gap-col-nowrap-13>*{margin-top:6.5px;margin-bottom:6.5px}.flex-gap-col-nowrap-13{margin-top:-6.5px;margin-bottom:-6.5px}.flex-gap-col-wrap-13>*{margin-left:6.5px;margin-right:6.5px}.flex-gap-col-wrap-13{margin-left:-6.5px;margin-right:-6.5px}.flex-gap-col-wrap-13>*{margin-top:6.5px;margin-bottom:6.5px}.flex-gap-col-wrap-13{margin-top:-6.5px;margin-bottom:-6.5px}.flex-gap-row-nowrap-13>*{margin-left:6.5px;margin-right:6.5px}.flex-gap-row-nowrap-13{margin-left:-6.5px;margin-right:-6.5px}.flex-gap-row-wrap-13>*{margin-left:6.5px;margin-right:6.5px}.flex-gap-row-wrap-13{margin-left:-6.5px;margin-right:-6.5px}.flex-gap-row-wrap-13>*{margin-top:6.5px;margin-bottom:6.5px}.flex-gap-row-wrap-13{margin-top:-6.5px;margin-bottom:-6.5px}.flex-gap-col-nowrap-12>*{margin-top:6px;margin-bottom:6px}.flex-gap-col-nowrap-12{margin-top:-6px;margin-bottom:-6px}.flex-gap-col-wrap-12>*{margin-left:6px;margin-right:6px}.flex-gap-col-wrap-12{margin-left:-6px;margin-right:-6px}.flex-gap-col-wrap-12>*{margin-top:6px;margin-bottom:6px}.flex-gap-col-wrap-12{margin-top:-6px;margin-bottom:-6px}.flex-gap-row-nowrap-12>*{margin-left:6px;margin-right:6px}.flex-gap-row-nowrap-12{margin-left:-6px;margin-right:-6px}.flex-gap-row-wrap-12>*{margin-left:6px;margin-right:6px}.flex-gap-row-wrap-12{margin-left:-6px;margin-right:-6px}.flex-gap-row-wrap-12>*{margin-top:6px;margin-bottom:6px}.flex-gap-row-wrap-12{margin-top:-6px;margin-bottom:-6px}.flex-gap-col-nowrap-11>*{margin-top:5.5px;margin-bottom:5.5px}.flex-gap-col-nowrap-11{margin-top:-5.5px;margin-bottom:-5.5px}.flex-gap-col-wrap-11>*{margin-left:5.5px;margin-right:5.5px}.flex-gap-col-wrap-11{margin-left:-5.5px;margin-right:-5.5px}.flex-gap-col-wrap-11>*{margin-top:5.5px;margin-bottom:5.5px}.flex-gap-col-wrap-11{margin-top:-5.5px;margin-bottom:-5.5px}.flex-gap-row-nowrap-11>*{margin-left:5.5px;margin-right:5.5px}.flex-gap-row-nowrap-11{margin-left:-5.5px;margin-right:-5.5px}.flex-gap-row-wrap-11>*{margin-left:5.5px;margin-right:5.5px}.flex-gap-row-wrap-11{margin-left:-5.5px;margin-right:-5.5px}.flex-gap-row-wrap-11>*{margin-top:5.5px;margin-bottom:5.5px}.flex-gap-row-wrap-11{margin-top:-5.5px;margin-bottom:-5.5px}.flex-gap-col-nowrap-9>*{margin-top:4.5px;margin-bottom:4.5px}.flex-gap-col-nowrap-9{margin-top:-4.5px;margin-bottom:-4.5px}.flex-gap-col-wrap-9>*{margin-left:4.5px;margin-right:4.5px}.flex-gap-col-wrap-9{margin-left:-4.5px;margin-right:-4.5px}.flex-gap-col-wrap-9>*{margin-top:4.5px;margin-bottom:4.5px}.flex-gap-col-wrap-9{margin-top:-4.5px;margin-bottom:-4.5px}.flex-gap-row-nowrap-9>*{margin-left:4.5px;margin-right:4.5px}.flex-gap-row-nowrap-9{margin-left:-4.5px;margin-right:-4.5px}.flex-gap-row-wrap-9>*{margin-left:4.5px;margin-right:4.5px}.flex-gap-row-wrap-9{margin-left:-4.5px;margin-right:-4.5px}.flex-gap-row-wrap-9>*{margin-top:4.5px;margin-bottom:4.5px}.flex-gap-row-wrap-9{margin-top:-4.5px;margin-bottom:-4.5px}.flex-gap-col-nowrap-8>*{margin-top:4px;margin-bottom:4px}.flex-gap-col-nowrap-8{margin-top:-4px;margin-bottom:-4px}.flex-gap-col-wrap-8>*{margin-left:4px;margin-right:4px}.flex-gap-col-wrap-8{margin-left:-4px;margin-right:-4px}.flex-gap-col-wrap-8>*{margin-top:4px;margin-bottom:4px}.flex-gap-col-wrap-8{margin-top:-4px;margin-bottom:-4px}.flex-gap-row-nowrap-8>*{margin-left:4px;margin-right:4px}.flex-gap-row-nowrap-8{margin-left:-4px;margin-right:-4px}.flex-gap-row-wrap-8>*{margin-left:4px;margin-right:4px}.flex-gap-row-wrap-8{margin-left:-4px;margin-right:-4px}.flex-gap-row-wrap-8>*{margin-top:4px;margin-bottom:4px}.flex-gap-row-wrap-8{margin-top:-4px;margin-bottom:-4px}.flex-gap-col-nowrap-7>*{margin-top:3.5px;margin-bottom:3.5px}.flex-gap-col-nowrap-7{margin-top:-3.5px;margin-bottom:-3.5px}.flex-gap-col-wrap-7>*{margin-left:3.5px;margin-right:3.5px}.flex-gap-col-wrap-7{margin-left:-3.5px;margin-right:-3.5px}.flex-gap-col-wrap-7>*{margin-top:3.5px;margin-bottom:3.5px}.flex-gap-col-wrap-7{margin-top:-3.5px;margin-bottom:-3.5px}.flex-gap-row-nowrap-7>*{margin-left:3.5px;margin-right:3.5px}.flex-gap-row-nowrap-7{margin-left:-3.5px;margin-right:-3.5px}.flex-gap-row-wrap-7>*{margin-left:3.5px;margin-right:3.5px}.flex-gap-row-wrap-7{margin-left:-3.5px;margin-right:-3.5px}.flex-gap-row-wrap-7>*{margin-top:3.5px;margin-bottom:3.5px}.flex-gap-row-wrap-7{margin-top:-3.5px;margin-bottom:-3.5px}.flex-gap-col-nowrap-6>*{margin-top:3px;margin-bottom:3px}.flex-gap-col-nowrap-6{margin-top:-3px;margin-bottom:-3px}.flex-gap-col-wrap-6>*{margin-left:3px;margin-right:3px}.flex-gap-col-wrap-6{margin-left:-3px;margin-right:-3px}.flex-gap-col-wrap-6>*{margin-top:3px;margin-bottom:3px}.flex-gap-col-wrap-6{margin-top:-3px;margin-bottom:-3px}.flex-gap-row-nowrap-6>*{margin-left:3px;margin-right:3px}.flex-gap-row-nowrap-6{margin-left:-3px;margin-right:-3px}.flex-gap-row-wrap-6>*{margin-left:3px;margin-right:3px}.flex-gap-row-wrap-6{margin-left:-3px;margin-right:-3px}.flex-gap-row-wrap-6>*{margin-top:3px;margin-bottom:3px}.flex-gap-row-wrap-6{margin-top:-3px;margin-bottom:-3px}.flex-gap-col-nowrap-5>*{margin-top:2.5px;margin-bottom:2.5px}.flex-gap-col-nowrap-5{margin-top:-2.5px;margin-bottom:-2.5px}.flex-gap-col-wrap-5>*{margin-left:2.5px;margin-right:2.5px}.flex-gap-col-wrap-5{margin-left:-2.5px;margin-right:-2.5px}.flex-gap-col-wrap-5>*{margin-top:2.5px;margin-bottom:2.5px}.flex-gap-col-wrap-5{margin-top:-2.5px;margin-bottom:-2.5px}.flex-gap-row-nowrap-5>*{margin-left:2.5px;margin-right:2.5px}.flex-gap-row-nowrap-5{margin-left:-2.5px;margin-right:-2.5px}.flex-gap-row-wrap-5>*{margin-left:2.5px;margin-right:2.5px}.flex-gap-row-wrap-5{margin-left:-2.5px;margin-right:-2.5px}.flex-gap-row-wrap-5>*{margin-top:2.5px;margin-bottom:2.5px}.flex-gap-row-wrap-5{margin-top:-2.5px;margin-bottom:-2.5px}.flex-gap-col-nowrap-4>*{margin-top:2px;margin-bottom:2px}.flex-gap-col-nowrap-4{margin-top:-2px;margin-bottom:-2px}.flex-gap-col-wrap-4>*{margin-left:2px;margin-right:2px}.flex-gap-col-wrap-4{margin-left:-2px;margin-right:-2px}.flex-gap-col-wrap-4>*{margin-top:2px;margin-bottom:2px}.flex-gap-col-wrap-4{margin-top:-2px;margin-bottom:-2px}.flex-gap-row-nowrap-4>*{margin-left:2px;margin-right:2px}.flex-gap-row-nowrap-4{margin-left:-2px;margin-right:-2px}.flex-gap-row-wrap-4>*{margin-left:2px;margin-right:2px}.flex-gap-row-wrap-4{margin-left:-2px;margin-right:-2px}.flex-gap-row-wrap-4>*{margin-top:2px;margin-bottom:2px}.flex-gap-row-wrap-4{margin-top:-2px;margin-bottom:-2px}.flex-gap-col-nowrap-3>*{margin-top:1.5px;margin-bottom:1.5px}.flex-gap-col-nowrap-3{margin-top:-1.5px;margin-bottom:-1.5px}.flex-gap-col-wrap-3>*{margin-left:1.5px;margin-right:1.5px}.flex-gap-col-wrap-3{margin-left:-1.5px;margin-right:-1.5px}.flex-gap-col-wrap-3>*{margin-top:1.5px;margin-bottom:1.5px}.flex-gap-col-wrap-3{margin-top:-1.5px;margin-bottom:-1.5px}.flex-gap-row-nowrap-3>*{margin-left:1.5px;margin-right:1.5px}.flex-gap-row-nowrap-3{margin-left:-1.5px;margin-right:-1.5px}.flex-gap-row-wrap-3>*{margin-left:1.5px;margin-right:1.5px}.flex-gap-row-wrap-3{margin-left:-1.5px;margin-right:-1.5px}.flex-gap-row-wrap-3>*{margin-top:1.5px;margin-bottom:1.5px}.flex-gap-row-wrap-3{margin-top:-1.5px;margin-bottom:-1.5px}.flex-gap-col-nowrap-2>*{margin-top:1px;margin-bottom:1px}.flex-gap-col-nowrap-2{margin-top:-1px;margin-bottom:-1px}.flex-gap-col-wrap-2>*{margin-left:1px;margin-right:1px}.flex-gap-col-wrap-2{margin-left:-1px;margin-right:-1px}.flex-gap-col-wrap-2>*{margin-top:1px;margin-bottom:1px}.flex-gap-col-wrap-2{margin-top:-1px;margin-bottom:-1px}.flex-gap-row-nowrap-2>*{margin-left:1px;margin-right:1px}.flex-gap-row-nowrap-2{margin-left:-1px;margin-right:-1px}.flex-gap-row-wrap-2>*{margin-left:1px;margin-right:1px}.flex-gap-row-wrap-2{margin-left:-1px;margin-right:-1px}.flex-gap-row-wrap-2>*{margin-top:1px;margin-bottom:1px}.flex-gap-row-wrap-2{margin-top:-1px;margin-bottom:-1px}.flex-gap-col-nowrap-1>*{margin-top:.5px;margin-bottom:.5px}.flex-gap-col-nowrap-1{margin-top:-.5px;margin-bottom:-.5px}.flex-gap-col-wrap-1>*{margin-left:.5px;margin-right:.5px}.flex-gap-col-wrap-1{margin-left:-.5px;margin-right:-.5px}.flex-gap-col-wrap-1>*{margin-top:.5px;margin-bottom:.5px}.flex-gap-col-wrap-1{margin-top:-.5px;margin-bottom:-.5px}.flex-gap-row-nowrap-1>*{margin-left:.5px;margin-right:.5px}.flex-gap-row-nowrap-1{margin-left:-.5px;margin-right:-.5px}.flex-gap-row-wrap-1>*{margin-left:.5px;margin-right:.5px}.flex-gap-row-wrap-1{margin-left:-.5px;margin-right:-.5px}.flex-gap-row-wrap-1>*{margin-top:.5px;margin-bottom:.5px}.flex-gap-row-wrap-1{margin-top:-.5px;margin-bottom:-.5px}.flex-gap-col-nowrap-60>*{margin-top:30px;margin-bottom:30px}.flex-gap-col-nowrap-60{margin-top:-30px;margin-bottom:-30px}.flex-gap-col-wrap-60>*{margin-left:30px;margin-right:30px}.flex-gap-col-wrap-60{margin-left:-30px;margin-right:-30px}.flex-gap-col-wrap-60>*{margin-top:30px;margin-bottom:30px}.flex-gap-col-wrap-60{margin-top:-30px;margin-bottom:-30px}.flex-gap-row-nowrap-60>*{margin-left:30px;margin-right:30px}.flex-gap-row-nowrap-60{margin-left:-30px;margin-right:-30px}.flex-gap-row-wrap-60>*{margin-left:30px;margin-right:30px}.flex-gap-row-wrap-60{margin-left:-30px;margin-right:-30px}.flex-gap-row-wrap-60>*{margin-top:30px;margin-bottom:30px}.flex-gap-row-wrap-60{margin-top:-30px;margin-bottom:-30px}.flex-gap-col-nowrap-50>*{margin-top:25px;margin-bottom:25px}.flex-gap-col-nowrap-50{margin-top:-25px;margin-bottom:-25px}.flex-gap-col-wrap-50>*{margin-left:25px;margin-right:25px}.flex-gap-col-wrap-50{margin-left:-25px;margin-right:-25px}.flex-gap-col-wrap-50>*{margin-top:25px;margin-bottom:25px}.flex-gap-col-wrap-50{margin-top:-25px;margin-bottom:-25px}.flex-gap-row-nowrap-50>*{margin-left:25px;margin-right:25px}.flex-gap-row-nowrap-50{margin-left:-25px;margin-right:-25px}.flex-gap-row-wrap-50>*{margin-left:25px;margin-right:25px}.flex-gap-row-wrap-50{margin-left:-25px;margin-right:-25px}.flex-gap-row-wrap-50>*{margin-top:25px;margin-bottom:25px}.flex-gap-row-wrap-50{margin-top:-25px;margin-bottom:-25px}.flex-gap-col-nowrap-40>*{margin-top:20px;margin-bottom:20px}.flex-gap-col-nowrap-40{margin-top:-20px;margin-bottom:-20px}.flex-gap-col-wrap-40>*{margin-left:20px;margin-right:20px}.flex-gap-col-wrap-40{margin-left:-20px;margin-right:-20px}.flex-gap-col-wrap-40>*{margin-top:20px;margin-bottom:20px}.flex-gap-col-wrap-40{margin-top:-20px;margin-bottom:-20px}.flex-gap-row-nowrap-40>*{margin-left:20px;margin-right:20px}.flex-gap-row-nowrap-40{margin-left:-20px;margin-right:-20px}.flex-gap-row-wrap-40>*{margin-left:20px;margin-right:20px}.flex-gap-row-wrap-40{margin-left:-20px;margin-right:-20px}.flex-gap-row-wrap-40>*{margin-top:20px;margin-bottom:20px}.flex-gap-row-wrap-40{margin-top:-20px;margin-bottom:-20px}.flex-gap-col-nowrap-30>*{margin-top:15px;margin-bottom:15px}.flex-gap-col-nowrap-30{margin-top:-15px;margin-bottom:-15px}.flex-gap-col-wrap-30>*{margin-left:15px;margin-right:15px}.flex-gap-col-wrap-30{margin-left:-15px;margin-right:-15px}.flex-gap-col-wrap-30>*{margin-top:15px;margin-bottom:15px}.flex-gap-col-wrap-30{margin-top:-15px;margin-bottom:-15px}.flex-gap-row-nowrap-30>*{margin-left:15px;margin-right:15px}.flex-gap-row-nowrap-30{margin-left:-15px;margin-right:-15px}.flex-gap-row-wrap-30>*{margin-left:15px;margin-right:15px}.flex-gap-row-wrap-30{margin-left:-15px;margin-right:-15px}.flex-gap-row-wrap-30>*{margin-top:15px;margin-bottom:15px}.flex-gap-row-wrap-30{margin-top:-15px;margin-bottom:-15px}.flex-gap-col-nowrap-20>*{margin-top:10px;margin-bottom:10px}.flex-gap-col-nowrap-20{margin-top:-10px;margin-bottom:-10px}.flex-gap-col-wrap-20>*{margin-left:10px;margin-right:10px}.flex-gap-col-wrap-20{margin-left:-10px;margin-right:-10px}.flex-gap-col-wrap-20>*{margin-top:10px;margin-bottom:10px}.flex-gap-col-wrap-20{margin-top:-10px;margin-bottom:-10px}.flex-gap-row-nowrap-20>*{margin-left:10px;margin-right:10px}.flex-gap-row-nowrap-20{margin-left:-10px;margin-right:-10px}.flex-gap-row-wrap-20>*{margin-left:10px;margin-right:10px}.flex-gap-row-wrap-20{margin-left:-10px;margin-right:-10px}.flex-gap-row-wrap-20>*{margin-top:10px;margin-bottom:10px}.flex-gap-row-wrap-20{margin-top:-10px;margin-bottom:-10px}.flex-gap-col-nowrap-10>*{margin-top:5px;margin-bottom:5px}.flex-gap-col-nowrap-10{margin-top:-5px;margin-bottom:-5px}.flex-gap-col-wrap-10>*{margin-left:5px;margin-right:5px}.flex-gap-col-wrap-10{margin-left:-5px;margin-right:-5px}.flex-gap-col-wrap-10>*{margin-top:5px;margin-bottom:5px}.flex-gap-col-wrap-10{margin-top:-5px;margin-bottom:-5px}.flex-gap-row-nowrap-10>*{margin-left:5px;margin-right:5px}.flex-gap-row-nowrap-10{margin-left:-5px;margin-right:-5px}.flex-gap-row-wrap-10>*{margin-left:5px;margin-right:5px}.flex-gap-row-wrap-10{margin-left:-5px;margin-right:-5px}.flex-gap-row-wrap-10>*{margin-top:5px;margin-bottom:5px}.flex-gap-row-wrap-10{margin-top:-5px;margin-bottom:-5px}.none{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-column{display:table-column}.table-row{display:table-row}.display-grid{display:grid}.static{position:static}.fixed{position:fixed}.absolute{position:absolute!important}.relative{position:relative!important}.top-0{top:0}.top-auto{top:auto}.right-0{right:0}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-auto{bottom:auto}.left-0{left:0}.left-auto{left:auto}.w-full{width:100%!important}.h-full{height:100%!important}.fz-36{font-size:36px}.fz-34{font-size:34px}.fz-32{font-size:32px}.fz-30{font-size:30px}.fz-28{font-size:28px}.fz-26{font-size:26px}.fz-24{font-size:24px}.fz-22{font-size:22px}.fz-20{font-size:20px}.fz-18{font-size:18px}.fz-16{font-size:16px}.fz-14{font-size:14px}.fz-12{font-size:12px}.fz-10{font-size:10px}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-700{font-weight:700}.weight-600{font-weight:600}.italic{font-style:italic}.not-italic{font-style:normal}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.text-4b70f7{color:var(--theme-color)}.text-a8abb2{color:var(--neutral-color-1)}.text-fff{color:var(--background-color-2)}.text-262626{color:var(--neutral-color-2)}.text-656a7e{color:var(--neutral-color-3)}.text-bfbfbf{color:var(--neutral-color-4)}.text-999{color:var(--neutral-color-8)}.text-f53f3f{color:var(--danger-color-2)}.text-74798c{color:var(--text-color-4)}.text-3b64ff{color:var(--primary-color-1)}.text-ec0e13{color:var(--error-color-1)}.text-373a43{color:var(--text-color-3)}.text-333{color:var(--neutral-color-15)}.text-2744ff{color:var(--primary-color-10)}.text-909399{color:var(--text-color-7)}.text-202434{color:var(--text-color-2)}.text-606266{color:var(--neutral-color-17)}.bg-4b70f7{background-color:var(--theme-color)}.bg-a8abb2{background-color:var(--neutral-color-1)}.bg-fff{background-color:var(--background-color-2)}.bg-004cff{background-color:var(--theme-color-2)}.bg-f0f0f0{background-color:var(--neutral-color-6)}.bg-f5f5f5{background-color:var(--neutral-color-7)}.bg-fcfdff{background-color:var(--background-color-1)}.bg-3965ff{background-color:var(--theme-color-3)}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none;padding:0}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:theme("fontFamily.sans",system-ui,-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");line-height:1.5}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.default",currentColor)}hr{border-top-width:1px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--neutral-color-1)}button,[role=button]{cursor:pointer}table{border-collapse:collapse}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:theme("fontFamily.mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)}img,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}body{word-wrap:break-word;word-break:break-word;line-break:anywhere;margin:0}body,html,body #app,html #app{width:100%;height:100%;overflow:hidden;position:relative}.os_iconfont{font-size:inherit}input,textarea{outline:none!important}img{vertical-align:middle}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--neutral-color-5)}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.active-shadow{background:#ffffff1a;box-shadow:inset 3px 5px 30px 3px #bfcdff,inset 10px 20px 15px #bfcdff1a,inset -3px -8px 10px 3px #ffffff1a,0 6px 4px #b1bada1a,inset 1px 1px 1px #fffc,inset -10px -10px 15px #ffffff08,inset -1px -1px 1px #ffffff40}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.background{background:linear-gradient(149deg,rgba(255,255,255,.92) 0%,var(--background-color-2) 100%);border-radius:24px}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),w=(d=.9)=>{const s=window.innerWidth,t=window.innerHeight,i=s===1920,r=i?1:s/1920,a=i?1:t/1080,n=Math.min(r,a),l=Math.max(d,n);return l>=1?1:l},f=(d={})=>{const{minScale:u=.9,enableZoomPrevention:m=!1}=d,s=1,t=c.ref(s),i=()=>{let e=w(u);e=Math.max(u,e),t.value=e||s,document.documentElement.style.setProperty("--app-scale",e.toString())},r=e=>{if((e.ctrlKey||e.metaKey)&&(e.key==="+"||e.key==="-"||e.key==="="||e.key==="0")){e.preventDefault();return}if(e.ctrlKey&&e.type==="wheel"){e.preventDefault();return}},a=e=>{e.touches&&e.touches.length>1&&e.preventDefault()},n=e=>{e.preventDefault()},l=c.computed(()=>{const e=t.value!==s;return{transform:`scale(${t.value})`,transformOrigin:"top left",...e&&{position:"fixed",top:"0",left:"0",width:`calc(100% / ${t.value})`,height:`calc(100% / ${t.value})`}}}),p=c.computed(()=>{const e=t.value!==s;return{"app-container":e,relative:!e}}),v=()=>{if(typeof document>"u")return;const e="page-zoom-controller-styles";let o=document.getElementById(e);o||(o=document.createElement("style"),o.id=e,o.textContent=`
|
|
2
|
+
.app-container * {
|
|
3
|
+
/* 优化字体渲染，防止缩放时字体模糊 */
|
|
4
|
+
-webkit-font-smoothing: antialiased !important;
|
|
5
|
+
-moz-osx-font-smoothing: grayscale !important;
|
|
6
|
+
text-rendering: optimizeLegibility !important;
|
|
7
|
+
}
|
|
8
|
+
`,document.head.appendChild(o))},y=()=>{if(typeof document>"u")return;const o=document.getElementById("page-zoom-controller-styles");o&&o.remove()};return c.onMounted(()=>{i(),v(),window.addEventListener("resize",i),m&&(window.addEventListener("wheel",r,{passive:!1}),window.addEventListener("keydown",r),window.addEventListener("touchstart",a,{passive:!1}),window.addEventListener("touchmove",a,{passive:!1}),window.addEventListener("gesturestart",n,{passive:!1}),window.addEventListener("gesturechange",n,{passive:!1}),window.addEventListener("gestureend",n,{passive:!1}),document.body.style.touchAction="none")}),c.onUnmounted(()=>{window.removeEventListener("resize",i),y(),m&&(window.removeEventListener("wheel",r),window.removeEventListener("keydown",r),window.removeEventListener("touchstart",a),window.removeEventListener("touchmove",a),window.removeEventListener("gesturestart",n),window.removeEventListener("gesturechange",n),window.removeEventListener("gestureend",n),document.body.style.touchAction==="none"&&(document.body.style.touchAction=""))}),{containerStyles:l,containerClasses:p}};exports.calculateScale=w;exports.usePageZoomController=f;
|
package/package.json
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "color-star-custom-methods",
|
|
3
|
+
"version": "0.0.2",
|
|
4
|
+
"keywords": [
|
|
5
|
+
"methods",
|
|
6
|
+
"utils",
|
|
7
|
+
"vue"
|
|
8
|
+
],
|
|
9
|
+
"homepage": "https://192.168.18.100:10443/aibox/color-star-custom-methods#readme",
|
|
10
|
+
"repository": {
|
|
11
|
+
"type": "git",
|
|
12
|
+
"url": "git+https://192.168.18.100:10443/aibox/color-star-custom-methods.git"
|
|
13
|
+
},
|
|
14
|
+
"license": "MIT",
|
|
15
|
+
"author": {
|
|
16
|
+
"name": "林鸾纯",
|
|
17
|
+
"email": "linluanchun@richinfo.cn"
|
|
18
|
+
},
|
|
19
|
+
"sideEffects": [
|
|
20
|
+
"**/*.css"
|
|
21
|
+
],
|
|
22
|
+
"exports": {
|
|
23
|
+
".": {
|
|
24
|
+
"import": "./es/index.mjs",
|
|
25
|
+
"require": "./lib/index.js"
|
|
26
|
+
},
|
|
27
|
+
"./es": {
|
|
28
|
+
"import": "./es/index.mjs"
|
|
29
|
+
},
|
|
30
|
+
"./lib": {
|
|
31
|
+
"require": "./lib/index.js"
|
|
32
|
+
},
|
|
33
|
+
"./es/*": {
|
|
34
|
+
"import": "./es/*.mjs"
|
|
35
|
+
},
|
|
36
|
+
"./es/*.mjs": {
|
|
37
|
+
"import": "./es/*.mjs"
|
|
38
|
+
},
|
|
39
|
+
"./lib/*.js": {
|
|
40
|
+
"require": "./lib/*.js"
|
|
41
|
+
},
|
|
42
|
+
"./lib/*": {
|
|
43
|
+
"require": "./lib/*.js"
|
|
44
|
+
},
|
|
45
|
+
"./index.css": "./es/assets/index.css"
|
|
46
|
+
},
|
|
47
|
+
"main": "lib/index.js",
|
|
48
|
+
"import": "./es/index.mjs",
|
|
49
|
+
"module": "lib/index.js",
|
|
50
|
+
"files": [
|
|
51
|
+
"es",
|
|
52
|
+
"lib",
|
|
53
|
+
"index.css"
|
|
54
|
+
],
|
|
55
|
+
"devDependencies": {
|
|
56
|
+
"@commitlint/cli": "^20.1.0",
|
|
57
|
+
"@rushstack/eslint-patch": "^1.12.0",
|
|
58
|
+
"@tsconfig/node18": "^18.2.4",
|
|
59
|
+
"@types/lodash": "^4.17.20",
|
|
60
|
+
"@types/node": "^24.9.1",
|
|
61
|
+
"@vitejs/plugin-vue": "^6.0.1",
|
|
62
|
+
"@vue/tsconfig": "^0.8.1",
|
|
63
|
+
"axios": "^1.12.2",
|
|
64
|
+
"commitlint-config-ali": "^1.3.0",
|
|
65
|
+
"eslint": "^9.38.0",
|
|
66
|
+
"eslint-config-ali": "^16.5.0",
|
|
67
|
+
"eslint-config-prettier": "^10.1.8",
|
|
68
|
+
"eslint-import-resolver-alias": "^1.1.2",
|
|
69
|
+
"eslint-import-resolver-node": "^0.3.9",
|
|
70
|
+
"eslint-plugin-import": "^2.32.0",
|
|
71
|
+
"eslint-plugin-prettier": "^5.5.4",
|
|
72
|
+
"lint-staged": "^16.2.5",
|
|
73
|
+
"patch-package": "^8.0.0",
|
|
74
|
+
"postcss": "^8.5.6",
|
|
75
|
+
"prettier": "^3.6.2",
|
|
76
|
+
"prettier-config-ali": "^1.5.0",
|
|
77
|
+
"sass": "^1.93.2",
|
|
78
|
+
"stylelint": "^16.23.1",
|
|
79
|
+
"stylelint-config-ali": "^2.3.0",
|
|
80
|
+
"stylelint-prettier": "^5.0.3",
|
|
81
|
+
"typescript": "~5.9.3",
|
|
82
|
+
"vite": "^7.1.11",
|
|
83
|
+
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
84
|
+
"vue": "^3.5.22"
|
|
85
|
+
},
|
|
86
|
+
"dependencies": {
|
|
87
|
+
"@vueuse/core": "^14.0.0",
|
|
88
|
+
"crypto-js": "^4.2.0",
|
|
89
|
+
"dayjs": "^1.11.18",
|
|
90
|
+
"element-plus": "^2.11.8",
|
|
91
|
+
"element-tree-line": "^0.2.1",
|
|
92
|
+
"js-cookie": "^3.0.5",
|
|
93
|
+
"lodash.debounce": "^4.0.8",
|
|
94
|
+
"lottie-web": "^5.13.0",
|
|
95
|
+
"moment": "^2.30.1",
|
|
96
|
+
"pinia": "^3.0.3",
|
|
97
|
+
"qs": "^6.14.0",
|
|
98
|
+
"unplugin-vue": "^7.0.2",
|
|
99
|
+
"uuid": "^13.0.0",
|
|
100
|
+
"vue-draggable-plus": "^0.6.0",
|
|
101
|
+
"vue-router": "^4.6.3",
|
|
102
|
+
"wujie-vue3": "^1.0.29"
|
|
103
|
+
},
|
|
104
|
+
"peerDependencies": {
|
|
105
|
+
"axios": "^1.8.2",
|
|
106
|
+
"vue": "^3.5.13",
|
|
107
|
+
"color-message-lingyun-vue": "0.0.16"
|
|
108
|
+
},
|
|
109
|
+
"optionalDependencies": {
|
|
110
|
+
"@ast-grep/napi-linux-x64-musl": "^0.39.6",
|
|
111
|
+
"@rollup/rollup-linux-x64-musl": "^4.52.5"
|
|
112
|
+
},
|
|
113
|
+
"engines": {
|
|
114
|
+
"node": ">=18"
|
|
115
|
+
},
|
|
116
|
+
"scripts": {
|
|
117
|
+
"build": "vite build",
|
|
118
|
+
"build:clean": "rimraf lib es",
|
|
119
|
+
"dev": "vite --config ./play/vite.config.js",
|
|
120
|
+
"lint": "eslint . && stylelint \"**/*.{css,less,scss}\"",
|
|
121
|
+
"lint:fix": "prettier --write . && eslint --fix . && stylelint --fix \"**/*.{css,less,scss}\" "
|
|
122
|
+
}
|
|
123
|
+
}
|