@univerjs/preset-sheets-advanced 1.0.0-alpha.8 → 1.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/lib/cjs/index.js +7 -5
  2. package/lib/cjs/locales/ar-SA.js +7 -1
  3. package/lib/cjs/locales/ca-ES.js +7 -1
  4. package/lib/cjs/locales/de-DE.js +7 -1
  5. package/lib/cjs/locales/en-US.js +7 -1
  6. package/lib/cjs/locales/es-ES.js +7 -1
  7. package/lib/cjs/locales/fa-IR.js +7 -1
  8. package/lib/cjs/locales/fr-FR.js +7 -1
  9. package/lib/cjs/locales/id-ID.js +7 -1
  10. package/lib/cjs/locales/it-IT.js +7 -1
  11. package/lib/cjs/locales/ja-JP.js +7 -1
  12. package/lib/cjs/locales/ko-KR.js +7 -1
  13. package/lib/cjs/locales/pl-PL.js +7 -1
  14. package/lib/cjs/locales/pt-BR.js +7 -1
  15. package/lib/cjs/locales/ru-RU.js +7 -1
  16. package/lib/cjs/locales/sk-SK.js +7 -1
  17. package/lib/cjs/locales/vi-VN.js +7 -1
  18. package/lib/cjs/locales/zh-CN.js +7 -1
  19. package/lib/cjs/locales/zh-HK.js +7 -1
  20. package/lib/cjs/locales/zh-TW.js +7 -1
  21. package/lib/es/index.js +7 -5
  22. package/lib/es/locales/ar-SA.js +4 -1
  23. package/lib/es/locales/ca-ES.js +4 -1
  24. package/lib/es/locales/de-DE.js +4 -1
  25. package/lib/es/locales/en-US.js +4 -1
  26. package/lib/es/locales/es-ES.js +4 -1
  27. package/lib/es/locales/fa-IR.js +4 -1
  28. package/lib/es/locales/fr-FR.js +4 -1
  29. package/lib/es/locales/id-ID.js +4 -1
  30. package/lib/es/locales/it-IT.js +4 -1
  31. package/lib/es/locales/ja-JP.js +4 -1
  32. package/lib/es/locales/ko-KR.js +4 -1
  33. package/lib/es/locales/pl-PL.js +4 -1
  34. package/lib/es/locales/pt-BR.js +4 -1
  35. package/lib/es/locales/ru-RU.js +4 -1
  36. package/lib/es/locales/sk-SK.js +4 -1
  37. package/lib/es/locales/vi-VN.js +4 -1
  38. package/lib/es/locales/zh-CN.js +4 -1
  39. package/lib/es/locales/zh-HK.js +4 -1
  40. package/lib/es/locales/zh-TW.js +4 -1
  41. package/lib/index.css +1891 -1047
  42. package/lib/index.js +7 -5
  43. package/lib/locales/ar-SA.js +4 -1
  44. package/lib/locales/ca-ES.js +4 -1
  45. package/lib/locales/de-DE.js +4 -1
  46. package/lib/locales/en-US.js +4 -1
  47. package/lib/locales/es-ES.js +4 -1
  48. package/lib/locales/fa-IR.js +4 -1
  49. package/lib/locales/fr-FR.js +4 -1
  50. package/lib/locales/id-ID.js +4 -1
  51. package/lib/locales/it-IT.js +4 -1
  52. package/lib/locales/ja-JP.js +4 -1
  53. package/lib/locales/ko-KR.js +4 -1
  54. package/lib/locales/pl-PL.js +4 -1
  55. package/lib/locales/pt-BR.js +4 -1
  56. package/lib/locales/ru-RU.js +4 -1
  57. package/lib/locales/sk-SK.js +4 -1
  58. package/lib/locales/vi-VN.js +4 -1
  59. package/lib/locales/zh-CN.js +4 -1
  60. package/lib/locales/zh-HK.js +4 -1
  61. package/lib/locales/zh-TW.js +4 -1
  62. package/lib/types/preset.d.ts +8 -3
  63. package/package.json +27 -25
package/lib/index.css CHANGED
@@ -1,1044 +1,1041 @@
1
- .univer-fixed {
2
- position: fixed;
3
- }
4
-
5
- .univer-bottom-12 {
6
- bottom: 3rem;
7
- }
8
-
9
- .univer-right-3 {
10
- right: .75rem;
11
- }
12
-
13
- .univer-z-\[1000\] {
14
- z-index: 1000;
1
+ .univer-sr-only {
2
+ clip: rect(0, 0, 0, 0);
3
+ white-space: nowrap;
4
+ border-width: 0;
5
+ width: 1px;
6
+ height: 1px;
7
+ margin: -1px;
8
+ padding: 0;
9
+ position: absolute;
10
+ overflow: hidden;
15
11
  }
16
12
 
17
13
  .univer-m-0 {
18
14
  margin: 0;
19
15
  }
20
16
 
21
- .univer-mx-0 {
22
- margin-left: 0;
23
- margin-right: 0;
17
+ .univer-mx-auto {
18
+ margin-left: auto;
19
+ margin-right: auto;
24
20
  }
25
21
 
26
- .univer-mb-3 {
27
- margin-bottom: .75rem;
22
+ .univer-mb-2 {
23
+ margin-bottom: .5rem;
28
24
  }
29
25
 
30
26
  .univer-ml-1 {
31
27
  margin-left: .25rem;
32
28
  }
33
29
 
34
- .univer-ml-1\.5 {
35
- margin-left: .375rem;
30
+ .univer-mr-5 {
31
+ margin-right: 1.25rem;
36
32
  }
37
33
 
38
- .univer-mt-3 {
39
- margin-top: .75rem;
34
+ .univer-mt-1 {
35
+ margin-top: .25rem;
40
36
  }
41
37
 
42
- .univer-mt-4 {
43
- margin-top: 1rem;
38
+ .univer-mt-2 {
39
+ margin-top: .5rem;
44
40
  }
45
41
 
46
- .univer-mt-5 {
47
- margin-top: 1.25rem;
42
+ .univer-mt-4 {
43
+ margin-top: 1rem;
48
44
  }
49
45
 
50
46
  .univer-box-border {
51
47
  box-sizing: border-box;
52
48
  }
53
49
 
50
+ .univer-block {
51
+ display: block;
52
+ }
53
+
54
54
  .univer-flex {
55
55
  display: flex;
56
56
  }
57
57
 
58
- .univer-size-6 {
59
- width: 1.5rem;
60
- height: 1.5rem;
58
+ .univer-inline-flex {
59
+ display: inline-flex;
61
60
  }
62
61
 
63
- .univer-h-1\.5 {
64
- height: .375rem;
62
+ .univer-grid {
63
+ display: grid;
65
64
  }
66
65
 
67
- .univer-h-5 {
66
+ .\!univer-size-6 {
67
+ width: 1.5rem !important;
68
+ height: 1.5rem !important;
69
+ }
70
+
71
+ .univer-size-2\.5 {
72
+ width: .625rem;
73
+ height: .625rem;
74
+ }
75
+
76
+ .univer-size-4 {
77
+ width: 1rem;
78
+ height: 1rem;
79
+ }
80
+
81
+ .univer-size-5 {
82
+ width: 1.25rem;
68
83
  height: 1.25rem;
69
84
  }
70
85
 
71
- .univer-h-6 {
72
- height: 1.5rem;
86
+ .univer-size-8 {
87
+ width: 2rem;
88
+ height: 2rem;
73
89
  }
74
90
 
75
- .univer-h-7 {
76
- height: 1.75rem;
91
+ .\!univer-h-7 {
92
+ height: 1.75rem !important;
77
93
  }
78
94
 
79
- .univer-max-h-72 {
80
- max-height: 18rem;
95
+ .\!univer-h-8 {
96
+ height: 2rem !important;
81
97
  }
82
98
 
83
- .univer-w-\[324px\] {
84
- width: 324px;
99
+ .univer-h-1 {
100
+ height: .25rem;
85
101
  }
86
102
 
87
- .univer-w-\[372px\] {
88
- width: 372px;
103
+ .univer-h-14 {
104
+ height: 3.5rem;
89
105
  }
90
106
 
91
- .univer-w-\[calc\(100\%-48px\)\] {
92
- width: calc(100% - 48px);
107
+ .univer-h-4 {
108
+ height: 1rem;
93
109
  }
94
110
 
95
- .univer-cursor-pointer {
96
- cursor: pointer;
111
+ .univer-h-6 {
112
+ height: 1.5rem;
97
113
  }
98
114
 
99
- .univer-select-none {
100
- user-select: none;
115
+ .univer-h-7 {
116
+ height: 1.75rem;
101
117
  }
102
118
 
103
- .univer-list-none {
104
- list-style-type: none;
119
+ .univer-h-9 {
120
+ height: 2.25rem;
105
121
  }
106
122
 
107
- .univer-flex-col {
108
- flex-direction: column;
123
+ .univer-h-\[26px\] {
124
+ height: 26px;
109
125
  }
110
126
 
111
- .univer-items-center {
112
- align-items: center;
127
+ .univer-h-\[min\(640px\,calc\(100vh-240px\)\)\] {
128
+ height: min(640px, 100vh - 240px);
113
129
  }
114
130
 
115
- .univer-justify-center {
116
- justify-content: center;
131
+ .univer-h-fit {
132
+ height: fit-content;
117
133
  }
118
134
 
119
- .univer-justify-between {
120
- justify-content: space-between;
135
+ .univer-max-h-48 {
136
+ max-height: 12rem;
121
137
  }
122
138
 
123
- .univer-gap-2 {
124
- gap: .5rem;
139
+ .univer-max-h-72 {
140
+ max-height: 18rem;
125
141
  }
126
142
 
127
- .univer-overflow-y-auto {
128
- overflow-y: auto;
143
+ .univer-max-h-80 {
144
+ max-height: 20rem;
129
145
  }
130
146
 
131
- .univer-overflow-x-hidden {
132
- overflow-x: hidden;
147
+ .univer-min-h-0 {
148
+ min-height: 0;
133
149
  }
134
150
 
135
- .univer-truncate {
136
- text-overflow: ellipsis;
137
- white-space: nowrap;
138
- overflow: hidden;
151
+ .univer-min-h-8 {
152
+ min-height: 2rem;
139
153
  }
140
154
 
141
- .univer-rounded {
142
- border-radius: .25rem;
155
+ .univer-min-h-\[420px\] {
156
+ min-height: 420px;
143
157
  }
144
158
 
145
- .univer-rounded-lg {
146
- border-radius: .5rem;
159
+ .\!univer-w-9 {
160
+ width: 2.25rem !important;
147
161
  }
148
162
 
149
- .univer-rounded-md {
150
- border-radius: .375rem;
163
+ .\!univer-w-full {
164
+ width: 100% !important;
151
165
  }
152
166
 
153
- .univer-border-0 {
154
- border-width: 0;
167
+ .univer-w-1\/2 {
168
+ width: 50%;
155
169
  }
156
170
 
157
- .univer-border-none {
158
- border-style: none;
171
+ .univer-w-20 {
172
+ width: 5rem;
159
173
  }
160
174
 
161
- .univer-border-transparent {
162
- border-color: #0000;
175
+ .univer-w-36 {
176
+ width: 9rem;
163
177
  }
164
178
 
165
- .univer-bg-gray-200 {
166
- background-color: var(--univer-gray-200);
179
+ .univer-w-52 {
180
+ width: 13rem;
167
181
  }
168
182
 
169
- .univer-bg-primary-600 {
170
- background-color: var(--univer-primary-600);
183
+ .univer-w-72 {
184
+ width: 18rem;
171
185
  }
172
186
 
173
- .univer-bg-transparent {
174
- background-color: #0000;
187
+ .univer-w-8 {
188
+ width: 2rem;
175
189
  }
176
190
 
177
- .univer-bg-white {
178
- background-color: var(--univer-white);
191
+ .univer-w-\[--radix-popper-anchor-width\] {
192
+ width: var(--radix-popper-anchor-width);
179
193
  }
180
194
 
181
- .univer-p-0 {
182
- padding: 0;
195
+ .univer-w-fit {
196
+ width: fit-content;
183
197
  }
184
198
 
185
- .univer-px-2 {
186
- padding-left: .5rem;
187
- padding-right: .5rem;
199
+ .univer-w-full {
200
+ width: 100%;
188
201
  }
189
202
 
190
- .univer-px-3 {
191
- padding-left: .75rem;
192
- padding-right: .75rem;
203
+ .univer-w-max {
204
+ width: max-content;
193
205
  }
194
206
 
195
- .univer-py-0 {
196
- padding-top: 0;
197
- padding-bottom: 0;
207
+ .\!univer-min-w-0 {
208
+ min-width: 0 !important;
198
209
  }
199
210
 
200
- .univer-py-1 {
201
- padding-top: .25rem;
202
- padding-bottom: .25rem;
211
+ .univer-min-w-0 {
212
+ min-width: 0;
203
213
  }
204
214
 
205
- .univer-pb-4 {
206
- padding-bottom: 1rem;
215
+ .univer-min-w-20 {
216
+ min-width: 5rem;
207
217
  }
208
218
 
209
- .univer-pl-1\.5 {
210
- padding-left: .375rem;
219
+ .univer-min-w-32 {
220
+ min-width: 8rem;
211
221
  }
212
222
 
213
- .univer-pl-2 {
214
- padding-left: .5rem;
223
+ .univer-min-w-36 {
224
+ min-width: 9rem;
215
225
  }
216
226
 
217
- .univer-pr-1 {
218
- padding-right: .25rem;
227
+ .univer-max-w-32 {
228
+ max-width: 8rem;
219
229
  }
220
230
 
221
- .univer-pr-2 {
222
- padding-right: .5rem;
231
+ .univer-max-w-\[760px\] {
232
+ max-width: 760px;
223
233
  }
224
234
 
225
- .univer-pr-4 {
226
- padding-right: 1rem;
235
+ .univer-flex-1 {
236
+ flex: 1;
227
237
  }
228
238
 
229
- .univer-pt-5 {
230
- padding-top: 1.25rem;
239
+ .univer-flex-shrink-0, .univer-shrink-0 {
240
+ flex-shrink: 0;
231
241
  }
232
242
 
233
- .univer-text-2xl {
234
- font-size: 1.5rem;
235
- line-height: 2rem;
243
+ .univer-border-collapse {
244
+ border-collapse: collapse;
236
245
  }
237
246
 
238
- .univer-text-base {
239
- font-size: 1rem;
240
- line-height: 1.5rem;
247
+ .-univer-rotate-90 {
248
+ --univer-tw-rotate: -90deg;
249
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(-90deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
250
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
241
251
  }
242
252
 
243
- .univer-text-sm {
244
- font-size: .875rem;
245
- line-height: 1.25rem;
253
+ .univer-rotate-0 {
254
+ --univer-tw-rotate: 0deg;
255
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(0deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
256
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
246
257
  }
247
258
 
248
- .univer-text-xl {
249
- font-size: 1.25rem;
250
- line-height: 1.75rem;
259
+ .univer-rotate-180 {
260
+ --univer-tw-rotate: 180deg;
261
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
262
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
251
263
  }
252
264
 
253
- .univer-font-semibold {
254
- font-weight: 600;
265
+ .univer-cursor-not-allowed {
266
+ cursor: not-allowed;
255
267
  }
256
268
 
257
- .univer-text-blue-500 {
258
- color: var(--univer-blue-500);
269
+ .univer-cursor-pointer {
270
+ cursor: pointer;
259
271
  }
260
272
 
261
- .univer-text-gray-500 {
262
- color: var(--univer-gray-500);
273
+ .univer-grid-cols-3 {
274
+ grid-template-columns: repeat(3, minmax(0, 1fr));
263
275
  }
264
276
 
265
- .univer-text-gray-600 {
266
- color: var(--univer-gray-600);
277
+ .univer-grid-cols-4 {
278
+ grid-template-columns: repeat(4, minmax(0, 1fr));
267
279
  }
268
280
 
269
- .univer-text-gray-900 {
270
- color: var(--univer-gray-900);
281
+ .univer-flex-row {
282
+ flex-direction: row;
271
283
  }
272
284
 
273
- .univer-text-green-500 {
274
- color: var(--univer-green-500);
285
+ .univer-flex-col {
286
+ flex-direction: column;
275
287
  }
276
288
 
277
- .univer-text-primary-600 {
278
- color: var(--univer-primary-600);
289
+ .univer-flex-wrap {
290
+ flex-wrap: wrap;
279
291
  }
280
292
 
281
- .univer-text-red-500 {
282
- color: var(--univer-red-500);
293
+ .univer-items-start {
294
+ align-items: flex-start;
283
295
  }
284
296
 
285
- .univer-no-underline {
286
- text-decoration-line: none;
297
+ .univer-items-end {
298
+ align-items: flex-end;
287
299
  }
288
300
 
289
- .univer-shadow-md {
290
- --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
291
- --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
292
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
293
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
301
+ .univer-items-center {
302
+ align-items: center;
294
303
  }
295
304
 
296
- .univer-outline-none {
297
- outline-offset: 2px;
298
- outline: 2px solid #0000;
305
+ .univer-justify-end {
306
+ justify-content: flex-end;
299
307
  }
300
308
 
301
- .univer-transition-\[width\] {
302
- transition-property: width;
303
- transition-duration: .15s;
304
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
309
+ .univer-justify-center {
310
+ justify-content: center;
305
311
  }
306
312
 
307
- .univer-transition-all {
308
- transition-property: all;
309
- transition-duration: .15s;
310
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
313
+ .univer-justify-between {
314
+ justify-content: space-between;
311
315
  }
312
316
 
313
- .univer-transition-colors {
314
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
315
- transition-duration: .15s;
316
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
317
+ .univer-gap-1 {
318
+ gap: .25rem;
317
319
  }
318
320
 
319
- .univer-duration-150 {
320
- transition-duration: .15s;
321
+ .univer-gap-1\.5 {
322
+ gap: .375rem;
321
323
  }
322
324
 
323
- .univer-duration-500 {
324
- transition-duration: .5s;
325
+ .univer-gap-2 {
326
+ gap: .5rem;
325
327
  }
326
328
 
327
- .hover\:univer-bg-gray-200:hover {
328
- background-color: var(--univer-gray-200);
329
+ .univer-gap-3 {
330
+ gap: .75rem;
329
331
  }
330
332
 
331
- .hover\:univer-bg-primary-50:hover {
332
- background-color: var(--univer-primary-50);
333
+ .univer-self-start {
334
+ align-self: flex-start;
333
335
  }
334
336
 
335
- .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
336
- background-color: var(--univer-gray-600) !important;
337
+ .univer-overflow-auto {
338
+ overflow: auto;
337
339
  }
338
340
 
339
- .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
340
- color: var(--univer-gray-200) !important;
341
+ .univer-overflow-hidden {
342
+ overflow: hidden;
341
343
  }
342
344
 
343
- .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
344
- color: var(--univer-white) !important;
345
+ .univer-overflow-y-auto {
346
+ overflow-y: auto;
345
347
  }
346
348
 
347
- .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
348
- background-color: var(--univer-gray-600) !important;
349
- }
350
- .univer-pointer-events-none {
351
- pointer-events: none;
349
+ .univer-overscroll-contain {
350
+ overscroll-behavior: contain;
352
351
  }
353
352
 
354
- .univer-absolute {
355
- position: absolute;
353
+ .univer-truncate {
354
+ text-overflow: ellipsis;
355
+ white-space: nowrap;
356
+ overflow: hidden;
356
357
  }
357
358
 
358
- .univer-relative {
359
- position: relative;
359
+ .univer-whitespace-nowrap {
360
+ white-space: nowrap;
360
361
  }
361
362
 
362
- .univer-inset-0 {
363
- top: 0;
364
- bottom: 0;
365
- left: 0;
366
- right: 0;
363
+ .univer-rounded-lg {
364
+ border-radius: .5rem;
367
365
  }
368
366
 
369
- .univer-bottom-full {
370
- bottom: 100%;
367
+ .univer-rounded-md {
368
+ border-radius: .375rem;
371
369
  }
372
370
 
373
- .univer-left-0 {
374
- left: 0;
371
+ .univer-rounded-sm {
372
+ border-radius: .125rem;
375
373
  }
376
374
 
377
- .univer-top-full {
378
- top: 100%;
375
+ .univer-border {
376
+ border-width: 1px;
379
377
  }
380
378
 
381
- .univer-z-10 {
382
- z-index: 10;
379
+ .univer-border-0 {
380
+ border-width: 0;
383
381
  }
384
382
 
385
- .univer-z-\[100\] {
386
- z-index: 100;
383
+ .univer-border-b {
384
+ border-bottom-width: 1px;
387
385
  }
388
386
 
389
- .univer-mx-auto {
390
- margin-left: auto;
391
- margin-right: auto;
387
+ .univer-border-solid {
388
+ border-style: solid;
392
389
  }
393
390
 
394
- .univer-my-1 {
395
- margin-top: .25rem;
396
- margin-bottom: .25rem;
391
+ .univer-border-none {
392
+ border-style: none;
397
393
  }
398
394
 
399
- .univer-mb-1 {
400
- margin-bottom: .25rem;
395
+ .univer-border-gray-100 {
396
+ border-color: var(--univer-gray-100);
401
397
  }
402
398
 
403
- .univer-mb-2 {
404
- margin-bottom: .5rem;
399
+ .univer-border-gray-200 {
400
+ border-color: var(--univer-gray-200);
405
401
  }
406
402
 
407
- .univer-ml-2 {
408
- margin-left: .5rem;
403
+ .univer-border-primary-600 {
404
+ border-color: var(--univer-primary-600);
409
405
  }
410
406
 
411
- .univer-ml-auto {
412
- margin-left: auto;
407
+ .univer-bg-gray-0 {
408
+ background-color: var(--univer-gray-0);
413
409
  }
414
410
 
415
- .univer-mr-5 {
416
- margin-right: 1.25rem;
411
+ .univer-bg-gray-100 {
412
+ background-color: var(--univer-gray-100);
417
413
  }
418
414
 
419
- .univer-mt-1 {
420
- margin-top: .25rem;
415
+ .univer-bg-gray-50 {
416
+ background-color: var(--univer-gray-50);
421
417
  }
422
418
 
423
- .univer-mt-2 {
424
- margin-top: .5rem;
419
+ .univer-bg-primary-600 {
420
+ background-color: var(--univer-primary-600);
425
421
  }
426
422
 
427
- .univer-mt-3 {
428
- margin-top: .75rem;
423
+ .univer-bg-transparent {
424
+ background-color: #0000;
429
425
  }
430
426
 
431
- .univer-mt-4 {
432
- margin-top: 1rem;
427
+ .univer-object-contain {
428
+ -o-object-fit: contain;
429
+ object-fit: contain;
433
430
  }
434
431
 
435
- .univer-box-border {
436
- box-sizing: border-box;
432
+ .univer-p-0 {
433
+ padding: 0;
437
434
  }
438
435
 
439
- .univer-block {
440
- display: block;
436
+ .univer-p-1 {
437
+ padding: .25rem;
441
438
  }
442
439
 
443
- .univer-inline-block {
444
- display: inline-block;
440
+ .univer-p-1\.5 {
441
+ padding: .375rem;
445
442
  }
446
443
 
447
- .univer-flex {
448
- display: flex;
444
+ .univer-p-2 {
445
+ padding: .5rem;
449
446
  }
450
447
 
451
- .univer-inline-flex {
452
- display: inline-flex;
448
+ .univer-p-3 {
449
+ padding: .75rem;
453
450
  }
454
451
 
455
- .univer-grid {
456
- display: grid;
452
+ .univer-p-4 {
453
+ padding: 1rem;
457
454
  }
458
455
 
459
- .univer-hidden {
460
- display: none;
456
+ .\!univer-px-1 {
457
+ padding-left: .25rem !important;
458
+ padding-right: .25rem !important;
461
459
  }
462
460
 
463
- .univer-aspect-square {
464
- aspect-ratio: 1;
461
+ .\!univer-py-0 {
462
+ padding-top: 0 !important;
463
+ padding-bottom: 0 !important;
465
464
  }
466
465
 
467
- .univer-size-2 {
468
- width: .5rem;
469
- height: .5rem;
466
+ .univer-px-1 {
467
+ padding-left: .25rem;
468
+ padding-right: .25rem;
470
469
  }
471
470
 
472
- .univer-size-4 {
473
- width: 1rem;
474
- height: 1rem;
471
+ .univer-px-2 {
472
+ padding-left: .5rem;
473
+ padding-right: .5rem;
475
474
  }
476
475
 
477
- .univer-size-5 {
478
- width: 1.25rem;
479
- height: 1.25rem;
476
+ .univer-px-3 {
477
+ padding-left: .75rem;
478
+ padding-right: .75rem;
480
479
  }
481
480
 
482
- .univer-size-full {
483
- width: 100%;
484
- height: 100%;
481
+ .univer-px-4 {
482
+ padding-left: 1rem;
483
+ padding-right: 1rem;
485
484
  }
486
485
 
487
- .\!univer-h-6 {
488
- height: 1.5rem !important;
486
+ .univer-py-0\.5 {
487
+ padding-top: .125rem;
488
+ padding-bottom: .125rem;
489
489
  }
490
490
 
491
- .univer-h-0 {
492
- height: 0;
491
+ .univer-py-2 {
492
+ padding-top: .5rem;
493
+ padding-bottom: .5rem;
493
494
  }
494
495
 
495
- .univer-h-1 {
496
- height: .25rem;
496
+ .univer-py-3 {
497
+ padding-top: .75rem;
498
+ padding-bottom: .75rem;
497
499
  }
498
500
 
499
- .univer-h-1\.5 {
500
- height: .375rem;
501
+ .univer-py-4 {
502
+ padding-top: 1rem;
503
+ padding-bottom: 1rem;
501
504
  }
502
505
 
503
- .univer-h-14 {
504
- height: 3.5rem;
506
+ .univer-pb-3 {
507
+ padding-bottom: .75rem;
505
508
  }
506
509
 
507
- .univer-h-2 {
508
- height: .5rem;
510
+ .univer-text-left {
511
+ text-align: left;
509
512
  }
510
513
 
511
- .univer-h-28 {
512
- height: 7rem;
514
+ .univer-text-center {
515
+ text-align: center;
513
516
  }
514
517
 
515
- .univer-h-4 {
516
- height: 1rem;
518
+ .univer-text-base {
519
+ font-size: 1rem;
520
+ line-height: 1.5rem;
517
521
  }
518
522
 
519
- .univer-h-5 {
520
- height: 1.25rem;
523
+ .univer-text-sm {
524
+ font-size: .875rem;
525
+ line-height: 1.25rem;
521
526
  }
522
527
 
523
- .univer-h-6 {
524
- height: 1.5rem;
528
+ .univer-text-xs {
529
+ font-size: .75rem;
530
+ line-height: 1rem;
525
531
  }
526
532
 
527
- .univer-h-7 {
528
- height: 1.75rem;
533
+ .univer-font-medium {
534
+ font-weight: 500;
529
535
  }
530
536
 
531
- .univer-h-8 {
532
- height: 2rem;
537
+ .univer-font-semibold {
538
+ font-weight: 600;
533
539
  }
534
540
 
535
- .univer-h-\[100px\] {
536
- height: 100px;
541
+ .univer-leading-5 {
542
+ line-height: 1.25rem;
537
543
  }
538
544
 
539
- .univer-h-\[500px\] {
540
- height: 500px;
545
+ .univer-text-gray-500 {
546
+ color: var(--univer-gray-500);
541
547
  }
542
548
 
543
- .univer-h-\[min\(780px\,calc\(100vh-180px\)\)\] {
544
- height: min(780px, 100vh - 180px);
549
+ .univer-text-gray-600 {
550
+ color: var(--univer-gray-600);
545
551
  }
546
552
 
547
- .univer-h-full {
548
- height: 100%;
553
+ .univer-text-gray-900 {
554
+ color: var(--univer-gray-900);
549
555
  }
550
556
 
551
- .\!univer-max-h-none {
552
- max-height: none !important;
557
+ .univer-text-primary-600 {
558
+ color: var(--univer-primary-600);
553
559
  }
554
560
 
555
- .univer-max-h-\[75vh\] {
556
- max-height: 75vh;
561
+ .univer-text-red-500 {
562
+ color: var(--univer-red-500);
557
563
  }
558
564
 
559
- .univer-min-h-0 {
560
- min-height: 0;
565
+ .univer-shadow-md {
566
+ --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
567
+ --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
568
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
569
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
561
570
  }
562
571
 
563
- .univer-min-h-\[560px\] {
564
- min-height: 560px;
572
+ .univer-shadow-sm {
573
+ --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
574
+ --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
575
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
576
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
565
577
  }
566
578
 
567
- .univer-w-0 {
568
- width: 0;
579
+ .univer-outline-none {
580
+ outline-offset: 2px;
581
+ outline: 2px solid #0000;
569
582
  }
570
583
 
571
- .univer-w-1\/2 {
572
- width: 50%;
584
+ .univer-ring-2 {
585
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
586
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
587
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
588
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
573
589
  }
574
590
 
575
- .univer-w-10 {
576
- width: 2.5rem;
591
+ .\!univer-ring-primary-900 {
592
+ --univer-tw-ring-color: var(--univer-primary-900) !important;
577
593
  }
578
594
 
579
- .univer-w-12 {
580
- width: 3rem;
595
+ .univer-ring-primary-50 {
596
+ --univer-tw-ring-color: var(--univer-primary-50);
581
597
  }
582
598
 
583
- .univer-w-14 {
584
- width: 3.5rem;
599
+ .univer-transition-colors {
600
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
601
+ transition-duration: .15s;
602
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
585
603
  }
586
604
 
587
- .univer-w-20 {
588
- width: 5rem;
605
+ .univer-transition-transform {
606
+ transition-property: transform;
607
+ transition-duration: .15s;
608
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
589
609
  }
590
610
 
591
- .univer-w-28 {
592
- width: 7rem;
611
+ .univer-duration-300 {
612
+ transition-duration: .3s;
593
613
  }
594
614
 
595
- .univer-w-32 {
596
- width: 8rem;
615
+ .hover\:univer-border-primary-600:hover {
616
+ border-color: var(--univer-primary-600);
597
617
  }
598
618
 
599
- .univer-w-4 {
600
- width: 1rem;
619
+ .hover\:univer-bg-gray-100:hover {
620
+ background-color: var(--univer-gray-100);
601
621
  }
602
622
 
603
- .univer-w-44 {
604
- width: 11rem;
623
+ .hover\:univer-text-gray-900:hover {
624
+ color: var(--univer-gray-900);
605
625
  }
606
626
 
607
- .univer-w-52 {
608
- width: 13rem;
627
+ .focus\:univer-bg-primary-50:focus {
628
+ background-color: var(--univer-primary-50);
609
629
  }
610
630
 
611
- .univer-w-6 {
612
- width: 1.5rem;
631
+ .focus-visible\:univer-outline-none:focus-visible {
632
+ outline-offset: 2px;
633
+ outline: 2px solid #0000;
613
634
  }
614
635
 
615
- .univer-w-7 {
616
- width: 1.75rem;
636
+ .focus-visible\:univer-ring-2:focus-visible {
637
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
638
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
639
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
640
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
617
641
  }
618
642
 
619
- .univer-w-72 {
620
- width: 18rem;
643
+ .focus-visible\:univer-ring-primary-500:focus-visible {
644
+ --univer-tw-ring-color: var(--univer-primary-500);
621
645
  }
622
646
 
623
- .univer-w-8 {
624
- width: 2rem;
647
+ .active\:univer-bg-gray-200:active {
648
+ background-color: var(--univer-gray-200);
625
649
  }
626
650
 
627
- .univer-w-\[100px\] {
628
- width: 100px;
651
+ .disabled\:univer-opacity-50:disabled {
652
+ opacity: .5;
629
653
  }
630
654
 
631
- .univer-w-\[168px\] {
632
- width: 168px;
655
+ .rtl\:univer-rotate-90:where([dir="rtl"], [dir="rtl"] *) {
656
+ --univer-tw-rotate: 90deg;
657
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(90deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
658
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
633
659
  }
634
660
 
635
- .univer-w-\[244px\] {
636
- width: 244px;
661
+ .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
662
+ border-color: var(--univer-gray-600) !important;
637
663
  }
638
664
 
639
- .univer-w-\[260px\] {
640
- width: 260px;
665
+ .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
666
+ border-color: var(--univer-gray-700) !important;
641
667
  }
642
668
 
643
- .univer-w-\[280px\] {
644
- width: 280px;
669
+ .dark\:\!univer-border-b-gray-700:where(.univer-dark, .univer-dark *) {
670
+ border-bottom-color: var(--univer-gray-700) !important;
645
671
  }
646
672
 
647
- .univer-w-\[320px\] {
648
- width: 320px;
673
+ .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
674
+ background-color: var(--univer-gray-700) !important;
649
675
  }
650
676
 
651
- .univer-w-auto {
652
- width: auto;
677
+ .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
678
+ background-color: var(--univer-gray-800) !important;
653
679
  }
654
680
 
655
- .univer-w-full {
656
- width: 100%;
681
+ .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
682
+ background-color: var(--univer-gray-900) !important;
657
683
  }
658
684
 
659
- .\!univer-min-w-0 {
660
- min-width: 0 !important;
685
+ .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
686
+ color: var(--univer-gray-0) !important;
661
687
  }
662
688
 
663
- .univer-min-w-0 {
664
- min-width: 0;
689
+ .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
690
+ color: var(--univer-gray-100) !important;
665
691
  }
666
692
 
667
- .univer-min-w-32 {
668
- min-width: 8rem;
693
+ .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
694
+ color: var(--univer-gray-200) !important;
669
695
  }
670
696
 
671
- .univer-min-w-44 {
672
- min-width: 11rem;
697
+ .dark\:\!univer-text-gray-400:where(.univer-dark, .univer-dark *) {
698
+ color: var(--univer-gray-400) !important;
673
699
  }
674
700
 
675
- .univer-min-w-6 {
676
- min-width: 1.5rem;
701
+ .dark\:\!univer-ring-primary-900:where(.univer-dark, .univer-dark *) {
702
+ --univer-tw-ring-color: var(--univer-primary-900) !important;
677
703
  }
678
704
 
679
- .univer-min-w-7 {
680
- min-width: 1.75rem;
705
+ .dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
706
+ background-color: var(--univer-gray-700) !important;
681
707
  }
682
708
 
683
- .univer-min-w-9 {
684
- min-width: 2.25rem;
709
+ .dark\:hover\:\!univer-text-gray-0:hover:where(.univer-dark, .univer-dark *) {
710
+ color: var(--univer-gray-0) !important;
685
711
  }
686
712
 
687
- .univer-min-w-\[240px\] {
688
- min-width: 240px;
713
+ .dark\:focus\:\!univer-bg-gray-800:focus:where(.univer-dark, .univer-dark *) {
714
+ background-color: var(--univer-gray-800) !important;
689
715
  }
690
716
 
691
- .univer-max-w-\[min\(760px\,calc\(100vw-32px\)\)\] {
692
- max-width: min(760px, 100vw - 32px);
717
+ .dark\:active\:\!univer-bg-gray-600:active:where(.univer-dark, .univer-dark *) {
718
+ background-color: var(--univer-gray-600) !important;
693
719
  }
694
-
695
- .univer-flex-1 {
696
- flex: 1;
720
+ .univer-mb-1 {
721
+ margin-bottom: .25rem;
697
722
  }
698
723
 
699
- .univer-shrink-0 {
700
- flex-shrink: 0;
724
+ .univer-mr-4 {
725
+ margin-right: 1rem;
701
726
  }
702
727
 
703
- .-univer-translate-y-1 {
704
- --univer-tw-translate-y: -.25rem;
705
- transform: translate(var(--univer-tw-translate-x), -.25rem) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
706
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
728
+ .univer-flex {
729
+ display: flex;
707
730
  }
708
731
 
709
- .-univer-rotate-90 {
710
- --univer-tw-rotate: -90deg;
711
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(-90deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
712
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
732
+ .univer-min-h-0 {
733
+ min-height: 0;
713
734
  }
714
735
 
715
- .univer-rotate-180 {
716
- --univer-tw-rotate: 180deg;
717
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
718
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
736
+ .univer-w-52 {
737
+ width: 13rem;
719
738
  }
720
739
 
721
- .univer-rotate-45 {
722
- --univer-tw-rotate: 45deg;
723
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(45deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
724
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
740
+ .univer-w-full {
741
+ width: 100%;
725
742
  }
726
743
 
727
- .univer-cursor-default {
728
- cursor: default;
744
+ .univer-flex-1 {
745
+ flex: 1;
729
746
  }
730
747
 
731
- .univer-cursor-pointer {
732
- cursor: pointer;
748
+ .univer-shrink-0 {
749
+ flex-shrink: 0;
733
750
  }
734
751
 
735
- .univer-select-none {
736
- user-select: none;
752
+ .univer-overflow-auto {
753
+ overflow: auto;
737
754
  }
738
755
 
739
- .univer-resize-none {
740
- resize: none;
756
+ .univer-overflow-y-auto {
757
+ overflow-y: auto;
741
758
  }
742
759
 
743
- .univer-appearance-none {
744
- -webkit-appearance: none;
745
- appearance: none;
760
+ .univer-truncate {
761
+ text-overflow: ellipsis;
762
+ white-space: nowrap;
763
+ overflow: hidden;
746
764
  }
747
765
 
748
- .univer-grid-cols-10 {
749
- grid-template-columns: repeat(10, minmax(0, 1fr));
766
+ .univer-rounded {
767
+ border-radius: .25rem;
750
768
  }
751
769
 
752
- .univer-grid-cols-2 {
753
- grid-template-columns: repeat(2, minmax(0, 1fr));
770
+ .univer-border {
771
+ border-width: 1px;
754
772
  }
755
773
 
756
- .univer-grid-cols-3 {
757
- grid-template-columns: repeat(3, minmax(0, 1fr));
774
+ .univer-border-r {
775
+ border-right-width: 1px;
758
776
  }
759
777
 
760
- .univer-grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_76px\] {
761
- grid-template-columns: repeat(3, minmax(0, 1fr)) 76px;
778
+ .univer-border-none {
779
+ border-style: none;
762
780
  }
763
781
 
764
- .univer-flex-col {
765
- flex-direction: column;
782
+ .univer-border-gray-200 {
783
+ border-color: var(--univer-gray-200);
766
784
  }
767
785
 
768
- .univer-flex-wrap {
769
- flex-wrap: wrap;
786
+ .univer-border-gray-300 {
787
+ border-color: var(--univer-gray-300);
770
788
  }
771
789
 
772
- .univer-items-center {
773
- align-items: center;
790
+ .univer-bg-primary-50 {
791
+ background-color: var(--univer-primary-50);
774
792
  }
775
793
 
776
- .univer-justify-end {
777
- justify-content: flex-end;
794
+ .univer-bg-transparent {
795
+ background-color: #0000;
778
796
  }
779
797
 
780
- .univer-justify-center {
781
- justify-content: center;
798
+ .univer-p-2 {
799
+ padding: .5rem;
782
800
  }
783
801
 
784
- .univer-justify-between {
785
- justify-content: space-between;
802
+ .univer-pr-3 {
803
+ padding-right: .75rem;
786
804
  }
787
805
 
788
- .univer-gap-0\.5 {
789
- gap: .125rem;
806
+ .univer-text-left {
807
+ text-align: left;
790
808
  }
791
809
 
792
- .univer-gap-1 {
793
- gap: .25rem;
810
+ .univer-text-sm {
811
+ font-size: .875rem;
812
+ line-height: 1.25rem;
794
813
  }
795
814
 
796
- .univer-gap-1\.5 {
797
- gap: .375rem;
815
+ .univer-text-xs {
816
+ font-size: .75rem;
817
+ line-height: 1rem;
798
818
  }
799
819
 
800
- .univer-gap-2 {
801
- gap: .5rem;
820
+ .univer-font-medium {
821
+ font-weight: 500;
802
822
  }
803
823
 
804
- .univer-gap-3 {
805
- gap: .75rem;
824
+ .univer-text-gray-500 {
825
+ color: var(--univer-gray-500);
806
826
  }
807
827
 
808
- .univer-gap-4 {
809
- gap: 1rem;
828
+ .univer-text-primary-700 {
829
+ color: var(--univer-primary-700);
810
830
  }
811
831
 
812
- .univer-gap-6 {
813
- gap: 1.5rem;
832
+ .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
833
+ border-color: var(--univer-gray-700) !important;
814
834
  }
815
-
816
- .univer-gap-8 {
817
- gap: 2rem;
835
+ .univer-fixed {
836
+ position: fixed;
818
837
  }
819
838
 
820
- .univer-overflow-auto {
821
- overflow: auto;
822
- }
823
-
824
- .univer-overflow-hidden {
825
- overflow: hidden;
826
- }
827
-
828
- .univer-overflow-visible {
829
- overflow: visible;
830
- }
831
-
832
- .univer-overflow-y-auto {
833
- overflow-y: auto;
834
- }
835
-
836
- .univer-truncate {
837
- text-overflow: ellipsis;
838
- white-space: nowrap;
839
- overflow: hidden;
839
+ .univer-bottom-12 {
840
+ bottom: 3rem;
840
841
  }
841
842
 
842
- .univer-whitespace-nowrap {
843
- white-space: nowrap;
843
+ .univer-right-3 {
844
+ right: .75rem;
844
845
  }
845
846
 
846
- .univer-whitespace-pre-wrap {
847
- white-space: pre-wrap;
847
+ .univer-z-\[1000\] {
848
+ z-index: 1000;
848
849
  }
849
850
 
850
- .univer-break-words {
851
- word-wrap: break-word;
851
+ .univer-m-0 {
852
+ margin: 0;
852
853
  }
853
854
 
854
- .\!univer-rounded-md {
855
- border-radius: .375rem !important;
855
+ .univer-mx-0 {
856
+ margin-left: 0;
857
+ margin-right: 0;
856
858
  }
857
859
 
858
- .univer-rounded {
859
- border-radius: .25rem;
860
+ .univer-mb-3 {
861
+ margin-bottom: .75rem;
860
862
  }
861
863
 
862
- .univer-rounded-full {
863
- border-radius: 9999px;
864
+ .univer-ml-1 {
865
+ margin-left: .25rem;
864
866
  }
865
867
 
866
- .univer-rounded-lg {
867
- border-radius: .5rem;
868
+ .univer-ml-1\.5 {
869
+ margin-left: .375rem;
868
870
  }
869
871
 
870
- .univer-rounded-md {
871
- border-radius: .375rem;
872
+ .univer-mt-3 {
873
+ margin-top: .75rem;
872
874
  }
873
875
 
874
- .univer-rounded-xl {
875
- border-radius: .75rem;
876
+ .univer-mt-4 {
877
+ margin-top: 1rem;
876
878
  }
877
879
 
878
- .univer-rounded-l-md {
879
- border-top-left-radius: .375rem;
880
- border-bottom-left-radius: .375rem;
880
+ .univer-mt-5 {
881
+ margin-top: 1.25rem;
881
882
  }
882
883
 
883
- .univer-rounded-l-none {
884
- border-top-left-radius: 0;
885
- border-bottom-left-radius: 0;
884
+ .univer-box-border {
885
+ box-sizing: border-box;
886
886
  }
887
887
 
888
- .univer-rounded-r-md {
889
- border-top-right-radius: .375rem;
890
- border-bottom-right-radius: .375rem;
888
+ .univer-flex {
889
+ display: flex;
891
890
  }
892
891
 
893
- .univer-rounded-r-none {
894
- border-top-right-radius: 0;
895
- border-bottom-right-radius: 0;
892
+ .univer-size-6 {
893
+ width: 1.5rem;
894
+ height: 1.5rem;
896
895
  }
897
896
 
898
- .univer-border {
899
- border-width: 1px;
897
+ .univer-h-1\.5 {
898
+ height: .375rem;
900
899
  }
901
900
 
902
- .univer-border-0 {
903
- border-width: 0;
901
+ .univer-h-5 {
902
+ height: 1.25rem;
904
903
  }
905
904
 
906
- .univer-border-b {
907
- border-bottom-width: 1px;
905
+ .univer-max-h-72 {
906
+ max-height: 18rem;
908
907
  }
909
908
 
910
- .univer-border-l-2 {
911
- border-left-width: 2px;
909
+ .univer-w-10 {
910
+ width: 2.5rem;
912
911
  }
913
912
 
914
- .univer-border-r {
915
- border-right-width: 1px;
913
+ .univer-w-48 {
914
+ width: 12rem;
916
915
  }
917
916
 
918
- .univer-border-t-2 {
919
- border-top-width: 2px;
917
+ .univer-w-\[324px\] {
918
+ width: 324px;
920
919
  }
921
920
 
922
- .univer-border-solid {
923
- border-style: solid;
921
+ .univer-w-\[372px\] {
922
+ width: 372px;
924
923
  }
925
924
 
926
- .univer-border-none {
927
- border-style: none;
925
+ .univer-w-\[calc\(100\%-48px\)\] {
926
+ width: calc(100% - 48px);
928
927
  }
929
928
 
930
- .\!univer-border-transparent {
931
- border-color: #0000 !important;
929
+ .univer-shrink-0 {
930
+ flex-shrink: 0;
932
931
  }
933
932
 
934
- .univer-border-gray-200 {
935
- border-color: var(--univer-gray-200);
933
+ @keyframes univer-spin {
934
+ to {
935
+ transform: rotate(360deg);
936
+ }
936
937
  }
937
938
 
938
- .univer-border-gray-400 {
939
- border-color: var(--univer-gray-400);
939
+ .univer-animate-spin {
940
+ animation: 1s linear infinite univer-spin;
940
941
  }
941
942
 
942
- .univer-border-primary-600 {
943
- border-color: var(--univer-primary-600);
943
+ .univer-cursor-pointer {
944
+ cursor: pointer;
944
945
  }
945
946
 
946
- .univer-border-red-500 {
947
- border-color: var(--univer-red-500);
947
+ .univer-list-none {
948
+ list-style-type: none;
948
949
  }
949
950
 
950
- .univer-border-l-gray-200 {
951
- border-left-color: var(--univer-gray-200);
951
+ .univer-flex-col {
952
+ flex-direction: column;
952
953
  }
953
954
 
954
- .\!univer-bg-gray-700 {
955
- background-color: var(--univer-gray-700) !important;
955
+ .univer-items-center {
956
+ align-items: center;
956
957
  }
957
958
 
958
- .\!univer-bg-gray-800 {
959
- background-color: var(--univer-gray-800) !important;
959
+ .univer-justify-end {
960
+ justify-content: flex-end;
960
961
  }
961
962
 
962
- .\!univer-bg-transparent {
963
- background-color: #0000 !important;
963
+ .univer-justify-center {
964
+ justify-content: center;
964
965
  }
965
966
 
966
- .univer-bg-gray-100 {
967
- background-color: var(--univer-gray-100);
967
+ .univer-justify-between {
968
+ justify-content: space-between;
968
969
  }
969
970
 
970
- .univer-bg-gray-200 {
971
- background-color: var(--univer-gray-200);
971
+ .univer-gap-2 {
972
+ gap: .5rem;
972
973
  }
973
974
 
974
- .univer-bg-gray-50 {
975
- background-color: var(--univer-gray-50);
975
+ .univer-gap-3 {
976
+ gap: .75rem;
976
977
  }
977
978
 
978
- .univer-bg-primary-50 {
979
- background-color: var(--univer-primary-50);
979
+ .univer-gap-4 {
980
+ gap: 1rem;
980
981
  }
981
982
 
982
- .univer-bg-primary-600 {
983
- background-color: var(--univer-primary-600);
983
+ .univer-gap-5 {
984
+ gap: 1.25rem;
984
985
  }
985
986
 
986
- .univer-bg-red-950 {
987
- --univer-tw-bg-opacity: 1;
988
- background-color: #450a0a;
989
- background-color: rgba(69, 10, 10, var(--univer-tw-bg-opacity, 1));
987
+ .univer-overflow-y-auto {
988
+ overflow-y: auto;
990
989
  }
991
990
 
992
- .univer-bg-transparent {
993
- background-color: #0000;
991
+ .univer-overflow-x-hidden {
992
+ overflow-x: hidden;
994
993
  }
995
994
 
996
- .univer-bg-white {
997
- background-color: var(--univer-white);
995
+ .univer-truncate {
996
+ text-overflow: ellipsis;
997
+ white-space: nowrap;
998
+ overflow: hidden;
998
999
  }
999
1000
 
1000
- .univer-object-cover {
1001
- -o-object-fit: cover;
1002
- object-fit: cover;
1001
+ .univer-rounded {
1002
+ border-radius: .25rem;
1003
1003
  }
1004
1004
 
1005
- .\!univer-p-1 {
1006
- padding: .25rem !important;
1005
+ .univer-rounded-lg {
1006
+ border-radius: .5rem;
1007
1007
  }
1008
1008
 
1009
- .univer-p-0 {
1010
- padding: 0;
1009
+ .univer-rounded-md {
1010
+ border-radius: .375rem;
1011
1011
  }
1012
1012
 
1013
- .univer-p-1 {
1014
- padding: .25rem;
1013
+ .univer-border-none {
1014
+ border-style: none;
1015
1015
  }
1016
1016
 
1017
- .univer-p-1\.5 {
1018
- padding: .375rem;
1017
+ .univer-bg-gray-0 {
1018
+ background-color: var(--univer-gray-0);
1019
1019
  }
1020
1020
 
1021
- .univer-p-2 {
1022
- padding: .5rem;
1021
+ .univer-bg-gray-200 {
1022
+ background-color: var(--univer-gray-200);
1023
1023
  }
1024
1024
 
1025
- .univer-p-3 {
1026
- padding: .75rem;
1025
+ .univer-bg-primary-600 {
1026
+ background-color: var(--univer-primary-600);
1027
1027
  }
1028
1028
 
1029
- .\!univer-px-1\.5 {
1030
- padding-left: .375rem !important;
1031
- padding-right: .375rem !important;
1029
+ .univer-bg-transparent {
1030
+ background-color: #0000;
1032
1031
  }
1033
1032
 
1034
- .univer-px-1 {
1035
- padding-left: .25rem;
1036
- padding-right: .25rem;
1033
+ .univer-p-0 {
1034
+ padding: 0;
1037
1035
  }
1038
1036
 
1039
- .univer-px-1\.5 {
1040
- padding-left: .375rem;
1041
- padding-right: .375rem;
1037
+ .univer-p-1 {
1038
+ padding: .25rem;
1042
1039
  }
1043
1040
 
1044
1041
  .univer-px-2 {
@@ -1051,9 +1048,9 @@
1051
1048
  padding-right: .75rem;
1052
1049
  }
1053
1050
 
1054
- .univer-px-4 {
1055
- padding-left: 1rem;
1056
- padding-right: 1rem;
1051
+ .univer-py-0 {
1052
+ padding-top: 0;
1053
+ padding-bottom: 0;
1057
1054
  }
1058
1055
 
1059
1056
  .univer-py-1 {
@@ -1061,50 +1058,37 @@
1061
1058
  padding-bottom: .25rem;
1062
1059
  }
1063
1060
 
1064
- .univer-py-1\.5 {
1065
- padding-top: .375rem;
1066
- padding-bottom: .375rem;
1067
- }
1068
-
1069
- .univer-py-4 {
1070
- padding-top: 1rem;
1061
+ .univer-pb-4 {
1071
1062
  padding-bottom: 1rem;
1072
1063
  }
1073
1064
 
1074
- .univer-pb-2\.5 {
1075
- padding-bottom: .625rem;
1065
+ .univer-pl-1\.5 {
1066
+ padding-left: .375rem;
1076
1067
  }
1077
1068
 
1078
- .univer-pl-3 {
1079
- padding-left: .75rem;
1069
+ .univer-pl-2 {
1070
+ padding-left: .5rem;
1080
1071
  }
1081
1072
 
1082
- .univer-pr-3 {
1083
- padding-right: .75rem;
1073
+ .univer-pr-1 {
1074
+ padding-right: .25rem;
1084
1075
  }
1085
1076
 
1086
- .univer-pt-2 {
1087
- padding-top: .5rem;
1077
+ .univer-pr-2 {
1078
+ padding-right: .5rem;
1088
1079
  }
1089
1080
 
1090
- .univer-pt-4 {
1091
- padding-top: 1rem;
1081
+ .univer-pr-4 {
1082
+ padding-right: 1rem;
1092
1083
  }
1093
1084
 
1094
- .univer-text-left {
1095
- text-align: left;
1085
+ .univer-pt-5 {
1086
+ padding-top: 1.25rem;
1096
1087
  }
1097
1088
 
1098
- .univer-text-center {
1099
- text-align: center;
1100
- }
1101
-
1102
- .univer-font-mono {
1103
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
1104
- }
1105
-
1106
- .univer-text-\[10px\] {
1107
- font-size: 10px;
1089
+ .univer-text-2xl {
1090
+ font-size: 1.5rem;
1091
+ line-height: 2rem;
1108
1092
  }
1109
1093
 
1110
1094
  .univer-text-base {
@@ -1122,41 +1106,12 @@
1122
1106
  line-height: 1.75rem;
1123
1107
  }
1124
1108
 
1125
- .univer-text-xs {
1126
- font-size: .75rem;
1127
- line-height: 1rem;
1128
- }
1129
-
1130
- .univer-font-medium {
1131
- font-weight: 500;
1132
- }
1133
-
1134
1109
  .univer-font-semibold {
1135
1110
  font-weight: 600;
1136
1111
  }
1137
1112
 
1138
- .univer-leading-5 {
1139
- line-height: 1.25rem;
1140
- }
1141
-
1142
- .univer-leading-6 {
1143
- line-height: 1.5rem;
1144
- }
1145
-
1146
- .univer-leading-none {
1147
- line-height: 1;
1148
- }
1149
-
1150
- .\!univer-text-primary-300 {
1151
- color: var(--univer-primary-300) !important;
1152
- }
1153
-
1154
- .\!univer-text-transparent {
1155
- color: #0000 !important;
1156
- }
1157
-
1158
- .univer-text-gray-400 {
1159
- color: var(--univer-gray-400);
1113
+ .univer-text-blue-500 {
1114
+ color: var(--univer-blue-500);
1160
1115
  }
1161
1116
 
1162
1117
  .univer-text-gray-500 {
@@ -1167,54 +1122,24 @@
1167
1122
  color: var(--univer-gray-600);
1168
1123
  }
1169
1124
 
1170
- .univer-text-gray-700 {
1171
- color: var(--univer-gray-700);
1172
- }
1173
-
1174
- .univer-text-gray-800 {
1175
- color: var(--univer-gray-800);
1176
- }
1177
-
1178
1125
  .univer-text-gray-900 {
1179
1126
  color: var(--univer-gray-900);
1180
1127
  }
1181
1128
 
1182
- .univer-text-primary-600 {
1183
- color: var(--univer-primary-600);
1129
+ .univer-text-green-500 {
1130
+ color: var(--univer-green-500);
1184
1131
  }
1185
1132
 
1186
- .univer-text-primary-700 {
1187
- color: var(--univer-primary-700);
1133
+ .univer-text-primary-600 {
1134
+ color: var(--univer-primary-600);
1188
1135
  }
1189
1136
 
1190
1137
  .univer-text-red-500 {
1191
1138
  color: var(--univer-red-500);
1192
1139
  }
1193
1140
 
1194
- .univer-text-red-600 {
1195
- color: var(--univer-red-600);
1196
- }
1197
-
1198
- .univer-opacity-50 {
1199
- opacity: .5;
1200
- }
1201
-
1202
- .univer-opacity-60 {
1203
- opacity: .6;
1204
- }
1205
-
1206
- .\!univer-shadow-none {
1207
- --univer-tw-shadow: 0 0 #0000 !important;
1208
- --univer-tw-shadow-colored: 0 0 #0000 !important;
1209
- box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
1210
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
1211
- }
1212
-
1213
- .univer-shadow-lg {
1214
- --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
1215
- --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
1216
- box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px #1e284d0d, 0 10px 15px -3px #1e284d1a;
1217
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1141
+ .univer-no-underline {
1142
+ text-decoration-line: none;
1218
1143
  }
1219
1144
 
1220
1145
  .univer-shadow-md {
@@ -1224,22 +1149,13 @@
1224
1149
  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1225
1150
  }
1226
1151
 
1227
- .univer-shadow-none {
1228
- --univer-tw-shadow: 0 0 #0000;
1229
- --univer-tw-shadow-colored: 0 0 #0000;
1230
- box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
1231
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1232
- }
1233
-
1234
- .univer-shadow-sm {
1235
- --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
1236
- --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
1237
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
1238
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1152
+ .univer-outline-none {
1153
+ outline-offset: 2px;
1154
+ outline: 2px solid #0000;
1239
1155
  }
1240
1156
 
1241
- .univer-transition {
1242
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1157
+ .univer-transition-\[width\] {
1158
+ transition-property: width;
1243
1159
  transition-duration: .15s;
1244
1160
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1245
1161
  }
@@ -1250,653 +1166,1588 @@
1250
1166
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1251
1167
  }
1252
1168
 
1253
- .univer-transition-transform {
1254
- transition-property: transform;
1255
- transition-duration: .15s;
1256
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1169
+ .univer-duration-500 {
1170
+ transition-duration: .5s;
1257
1171
  }
1258
1172
 
1259
- .univer-duration-150 {
1260
- transition-duration: .15s;
1173
+ .hover\:univer-bg-gray-200:hover {
1174
+ background-color: var(--univer-gray-200);
1261
1175
  }
1262
1176
 
1263
- .univer-group:hover .group-hover\:univer-block {
1264
- display: block;
1177
+ .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
1178
+ background-color: var(--univer-gray-600) !important;
1265
1179
  }
1266
1180
 
1267
- .hover\:univer-border-primary-600:hover {
1268
- border-color: var(--univer-primary-600);
1181
+ .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
1182
+ color: var(--univer-gray-0) !important;
1269
1183
  }
1270
1184
 
1271
- .hover\:univer-bg-gray-100:hover {
1272
- background-color: var(--univer-gray-100);
1185
+ .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
1186
+ color: var(--univer-gray-200) !important;
1273
1187
  }
1274
1188
 
1275
- .hover\:univer-bg-gray-200:hover {
1276
- background-color: var(--univer-gray-200);
1189
+ .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
1190
+ background-color: var(--univer-gray-600) !important;
1191
+ }
1192
+ .univer-pointer-events-none {
1193
+ pointer-events: none;
1277
1194
  }
1278
1195
 
1279
- .hover\:univer-bg-gray-50:hover {
1280
- background-color: var(--univer-gray-50);
1196
+ .univer-absolute {
1197
+ position: absolute;
1281
1198
  }
1282
1199
 
1283
- .hover\:univer-bg-red-50:hover {
1284
- background-color: var(--univer-red-50);
1200
+ .univer-relative {
1201
+ position: relative;
1285
1202
  }
1286
1203
 
1287
- .hover\:univer-text-gray-700:hover {
1288
- color: var(--univer-gray-700);
1204
+ .univer-inset-0 {
1205
+ inset: 0;
1289
1206
  }
1290
1207
 
1291
- .hover\:univer-opacity-100:hover {
1292
- opacity: 1;
1208
+ .univer-inset-x-1 {
1209
+ left: .25rem;
1210
+ right: .25rem;
1293
1211
  }
1294
1212
 
1295
- .focus-visible\:univer-opacity-100:focus-visible {
1296
- opacity: 1;
1213
+ .univer-bottom-full {
1214
+ bottom: 100%;
1297
1215
  }
1298
1216
 
1299
- .disabled\:univer-cursor-not-allowed:disabled {
1300
- cursor: not-allowed;
1217
+ .univer-left-0 {
1218
+ left: 0;
1301
1219
  }
1302
1220
 
1303
- .disabled\:univer-opacity-40:disabled {
1304
- opacity: .4;
1221
+ .univer-left-1\.5 {
1222
+ left: .375rem;
1305
1223
  }
1306
1224
 
1307
- .disabled\:univer-opacity-50:disabled {
1308
- opacity: .5;
1225
+ .univer-top-1 {
1226
+ top: .25rem;
1309
1227
  }
1310
1228
 
1311
- .rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
1312
- margin-left: 0;
1229
+ .univer-top-10 {
1230
+ top: 2.5rem;
1313
1231
  }
1314
1232
 
1315
- .rtl\:univer-mr-auto:where([dir="rtl"], [dir="rtl"] *) {
1316
- margin-right: auto;
1233
+ .univer-top-8 {
1234
+ top: 2rem;
1317
1235
  }
1318
1236
 
1319
- .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
1320
- border-top-left-radius: .375rem;
1321
- border-bottom-left-radius: .375rem;
1237
+ .univer-top-full {
1238
+ top: 100%;
1322
1239
  }
1323
1240
 
1324
- .rtl\:univer-rounded-l-none:where([dir="rtl"], [dir="rtl"] *) {
1325
- border-top-left-radius: 0;
1326
- border-bottom-left-radius: 0;
1241
+ .univer-z-10 {
1242
+ z-index: 10;
1327
1243
  }
1328
1244
 
1329
- .rtl\:univer-rounded-r-md:where([dir="rtl"], [dir="rtl"] *) {
1330
- border-top-right-radius: .375rem;
1331
- border-bottom-right-radius: .375rem;
1245
+ .univer-z-\[100\] {
1246
+ z-index: 100;
1332
1247
  }
1333
1248
 
1334
- .rtl\:univer-rounded-r-none:where([dir="rtl"], [dir="rtl"] *) {
1335
- border-top-right-radius: 0;
1336
- border-bottom-right-radius: 0;
1249
+ .univer-m-0 {
1250
+ margin: 0;
1337
1251
  }
1338
1252
 
1339
- .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
1340
- text-align: right;
1253
+ .univer-mx-auto {
1254
+ margin-left: auto;
1255
+ margin-right: auto;
1341
1256
  }
1342
1257
 
1343
- .dark\:\!univer-border-gray-300:where(.univer-dark, .univer-dark *) {
1344
- border-color: var(--univer-gray-300) !important;
1258
+ .univer-my-1 {
1259
+ margin-top: .25rem;
1260
+ margin-bottom: .25rem;
1345
1261
  }
1346
1262
 
1347
- .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
1348
- border-color: var(--univer-gray-600) !important;
1263
+ .univer-mb-0\.5 {
1264
+ margin-bottom: .125rem;
1349
1265
  }
1350
1266
 
1351
- .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
1352
- border-color: var(--univer-gray-700) !important;
1267
+ .univer-mb-1 {
1268
+ margin-bottom: .25rem;
1353
1269
  }
1354
1270
 
1355
- .dark\:\!univer-border-l-gray-600:where(.univer-dark, .univer-dark *) {
1356
- border-left-color: var(--univer-gray-600) !important;
1271
+ .univer-mb-2 {
1272
+ margin-bottom: .5rem;
1357
1273
  }
1358
1274
 
1359
- .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
1360
- background-color: var(--univer-gray-600) !important;
1275
+ .univer-mb-3 {
1276
+ margin-bottom: .75rem;
1361
1277
  }
1362
1278
 
1363
- .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
1364
- background-color: var(--univer-gray-700) !important;
1279
+ .univer-ml-2 {
1280
+ margin-left: .5rem;
1365
1281
  }
1366
1282
 
1367
- .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
1368
- background-color: var(--univer-gray-800) !important;
1283
+ .univer-ml-auto {
1284
+ margin-left: auto;
1369
1285
  }
1370
1286
 
1371
- .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
1372
- background-color: var(--univer-gray-900) !important;
1287
+ .univer-mr-5 {
1288
+ margin-right: 1.25rem;
1373
1289
  }
1374
1290
 
1375
- .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
1376
- color: var(--univer-gray-100) !important;
1291
+ .univer-mt-1 {
1292
+ margin-top: .25rem;
1377
1293
  }
1378
1294
 
1379
- .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
1380
- color: var(--univer-gray-200) !important;
1295
+ .univer-mt-2 {
1296
+ margin-top: .5rem;
1381
1297
  }
1382
1298
 
1383
- .dark\:\!univer-text-gray-300:where(.univer-dark, .univer-dark *) {
1384
- color: var(--univer-gray-300) !important;
1299
+ .univer-mt-3 {
1300
+ margin-top: .75rem;
1385
1301
  }
1386
1302
 
1387
- .dark\:\!univer-text-gray-400:where(.univer-dark, .univer-dark *) {
1388
- color: var(--univer-gray-400) !important;
1303
+ .univer-mt-4 {
1304
+ margin-top: 1rem;
1389
1305
  }
1390
1306
 
1391
- .dark\:\!univer-text-gray-500:where(.univer-dark, .univer-dark *) {
1392
- color: var(--univer-gray-500) !important;
1307
+ .univer-box-border {
1308
+ box-sizing: border-box;
1393
1309
  }
1394
1310
 
1395
- .dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
1396
- color: var(--univer-primary-300) !important;
1311
+ .univer-block {
1312
+ display: block;
1397
1313
  }
1398
1314
 
1399
- .dark\:\!univer-text-red-400:where(.univer-dark, .univer-dark *) {
1400
- color: var(--univer-red-400) !important;
1315
+ .univer-inline-block {
1316
+ display: inline-block;
1401
1317
  }
1402
1318
 
1403
- .dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
1404
- background-color: var(--univer-gray-700) !important;
1319
+ .univer-flex {
1320
+ display: flex;
1405
1321
  }
1406
1322
 
1407
- .dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
1408
- background-color: var(--univer-gray-800) !important;
1323
+ .univer-inline-flex {
1324
+ display: inline-flex;
1409
1325
  }
1410
1326
 
1411
- .dark\:hover\:univer-bg-red-950:hover:where(.univer-dark, .univer-dark *) {
1412
- --univer-tw-bg-opacity: 1;
1413
- background-color: #450a0a;
1414
- background-color: rgba(69, 10, 10, var(--univer-tw-bg-opacity, 1));
1327
+ .univer-grid {
1328
+ display: grid;
1415
1329
  }
1416
1330
 
1417
- .\[\&\:\:-webkit-slider-thumb\]\:univer-size-3\.5::-webkit-slider-thumb {
1418
- width: .875rem;
1419
- height: .875rem;
1331
+ .univer-contents {
1332
+ display: contents;
1420
1333
  }
1421
1334
 
1422
- .\[\&\:\:-webkit-slider-thumb\]\:univer-appearance-none::-webkit-slider-thumb {
1423
- -webkit-appearance: none;
1424
- appearance: none;
1335
+ .univer-hidden {
1336
+ display: none;
1425
1337
  }
1426
1338
 
1427
- .\[\&\:\:-webkit-slider-thumb\]\:univer-rounded-full::-webkit-slider-thumb {
1428
- border-radius: 9999px;
1339
+ .univer-aspect-square {
1340
+ aspect-ratio: 1;
1429
1341
  }
1430
1342
 
1431
- .\[\&\:\:-webkit-slider-thumb\]\:univer-bg-primary-600::-webkit-slider-thumb {
1432
- background-color: var(--univer-primary-600);
1343
+ .univer-size-10 {
1344
+ width: 2.5rem;
1345
+ height: 2.5rem;
1433
1346
  }
1434
1347
 
1435
- .\[\&\:\:-webkit-slider-thumb\]\:univer-shadow-sm::-webkit-slider-thumb {
1436
- --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
1437
- --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
1438
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
1439
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1348
+ .univer-size-4 {
1349
+ width: 1rem;
1350
+ height: 1rem;
1440
1351
  }
1441
1352
 
1442
- .\[\&\>label\]\:univer-grid > label {
1443
- display: grid;
1353
+ .univer-size-5 {
1354
+ width: 1.25rem;
1355
+ height: 1.25rem;
1444
1356
  }
1445
1357
 
1446
- .\[\&\>label\]\:univer-gap-1 > label {
1447
- gap: .25rem;
1358
+ .univer-size-6 {
1359
+ width: 1.5rem;
1360
+ height: 1.5rem;
1448
1361
  }
1449
1362
 
1450
- .\[\&_input\]\:univer-box-border input {
1451
- box-sizing: border-box;
1363
+ .univer-size-8 {
1364
+ width: 2rem;
1365
+ height: 2rem;
1452
1366
  }
1453
1367
 
1454
- .\[\&_input\]\:univer-w-full input {
1368
+ .univer-size-\[68px\] {
1369
+ width: 68px;
1370
+ height: 68px;
1371
+ }
1372
+
1373
+ .univer-size-\[88px\] {
1374
+ width: 88px;
1375
+ height: 88px;
1376
+ }
1377
+
1378
+ .univer-size-full {
1455
1379
  width: 100%;
1380
+ height: 100%;
1456
1381
  }
1457
1382
 
1458
- .\[\&_input\]\:univer-p-0 input {
1459
- padding: 0;
1383
+ .\!univer-h-6 {
1384
+ height: 1.5rem !important;
1460
1385
  }
1461
- .univer-absolute {
1462
- position: absolute;
1386
+
1387
+ .univer-h-0 {
1388
+ height: 0;
1463
1389
  }
1464
1390
 
1465
- .univer-relative {
1466
- position: relative;
1391
+ .univer-h-1 {
1392
+ height: .25rem;
1467
1393
  }
1468
1394
 
1469
- .univer-right-2 {
1470
- right: .5rem;
1395
+ .univer-h-1\.5 {
1396
+ height: .375rem;
1471
1397
  }
1472
1398
 
1473
- .univer-top-2 {
1474
- top: .5rem;
1399
+ .univer-h-10 {
1400
+ height: 2.5rem;
1475
1401
  }
1476
1402
 
1477
- .univer-my-2 {
1478
- margin-top: .5rem;
1479
- margin-bottom: .5rem;
1403
+ .univer-h-12 {
1404
+ height: 3rem;
1480
1405
  }
1481
1406
 
1482
- .univer-mb-2 {
1483
- margin-bottom: .5rem;
1407
+ .univer-h-14 {
1408
+ height: 3.5rem;
1484
1409
  }
1485
1410
 
1486
- .univer-mb-4 {
1487
- margin-bottom: 1rem;
1411
+ .univer-h-16 {
1412
+ height: 4rem;
1488
1413
  }
1489
1414
 
1490
- .univer-ml-2 {
1491
- margin-left: .5rem;
1415
+ .univer-h-2 {
1416
+ height: .5rem;
1492
1417
  }
1493
1418
 
1494
- .univer-ml-3 {
1495
- margin-left: .75rem;
1419
+ .univer-h-28 {
1420
+ height: 7rem;
1496
1421
  }
1497
1422
 
1498
- .univer-ml-auto {
1499
- margin-left: auto;
1423
+ .univer-h-5 {
1424
+ height: 1.25rem;
1500
1425
  }
1501
1426
 
1502
- .univer-mr-2 {
1503
- margin-right: .5rem;
1427
+ .univer-h-6 {
1428
+ height: 1.5rem;
1504
1429
  }
1505
1430
 
1506
- .univer-mt-1\.5 {
1507
- margin-top: .375rem;
1431
+ .univer-h-7 {
1432
+ height: 1.75rem;
1508
1433
  }
1509
1434
 
1510
- .univer-mt-2 {
1511
- margin-top: .5rem;
1435
+ .univer-h-8 {
1436
+ height: 2rem;
1512
1437
  }
1513
1438
 
1514
- .univer-mt-2\.5 {
1515
- margin-top: .625rem;
1439
+ .univer-h-9 {
1440
+ height: 2.25rem;
1516
1441
  }
1517
1442
 
1518
- .univer-mt-4 {
1519
- margin-top: 1rem;
1443
+ .univer-h-\[100px\] {
1444
+ height: 100px;
1520
1445
  }
1521
1446
 
1522
- .univer-mt-5 {
1523
- margin-top: 1.25rem;
1447
+ .univer-h-\[470px\] {
1448
+ height: 470px;
1524
1449
  }
1525
1450
 
1526
- .univer-box-border {
1527
- box-sizing: border-box;
1451
+ .univer-h-\[500px\] {
1452
+ height: 500px;
1528
1453
  }
1529
1454
 
1530
- .univer-flex {
1531
- display: flex;
1455
+ .univer-h-\[620px\] {
1456
+ height: 620px;
1532
1457
  }
1533
1458
 
1534
- .univer-inline-flex {
1535
- display: inline-flex;
1459
+ .univer-h-\[62px\] {
1460
+ height: 62px;
1536
1461
  }
1537
1462
 
1538
- .univer-grid {
1539
- display: grid;
1463
+ .univer-h-\[92px\] {
1464
+ height: 92px;
1540
1465
  }
1541
1466
 
1542
- .\!univer-size-6 {
1543
- width: 1.5rem !important;
1544
- height: 1.5rem !important;
1467
+ .univer-h-\[min\(780px\,calc\(100vh-180px\)\)\] {
1468
+ height: min(780px, 100vh - 180px);
1545
1469
  }
1546
1470
 
1547
- .univer-size-4 {
1471
+ .univer-h-full {
1472
+ height: 100%;
1473
+ }
1474
+
1475
+ .\!univer-max-h-none {
1476
+ max-height: none !important;
1477
+ }
1478
+
1479
+ .univer-max-h-\[75vh\] {
1480
+ max-height: 75vh;
1481
+ }
1482
+
1483
+ .univer-min-h-0 {
1484
+ min-height: 0;
1485
+ }
1486
+
1487
+ .univer-min-h-64 {
1488
+ min-height: 16rem;
1489
+ }
1490
+
1491
+ .univer-min-h-8 {
1492
+ min-height: 2rem;
1493
+ }
1494
+
1495
+ .univer-min-h-\[560px\] {
1496
+ min-height: 560px;
1497
+ }
1498
+
1499
+ .\!univer-w-auto {
1500
+ width: auto !important;
1501
+ }
1502
+
1503
+ .univer-w-0 {
1504
+ width: 0;
1505
+ }
1506
+
1507
+ .univer-w-1\/2 {
1508
+ width: 50%;
1509
+ }
1510
+
1511
+ .univer-w-10 {
1512
+ width: 2.5rem;
1513
+ }
1514
+
1515
+ .univer-w-12 {
1516
+ width: 3rem;
1517
+ }
1518
+
1519
+ .univer-w-14 {
1520
+ width: 3.5rem;
1521
+ }
1522
+
1523
+ .univer-w-20 {
1524
+ width: 5rem;
1525
+ }
1526
+
1527
+ .univer-w-28 {
1528
+ width: 7rem;
1529
+ }
1530
+
1531
+ .univer-w-3 {
1532
+ width: .75rem;
1533
+ }
1534
+
1535
+ .univer-w-32 {
1536
+ width: 8rem;
1537
+ }
1538
+
1539
+ .univer-w-4 {
1548
1540
  width: 1rem;
1549
- height: 1rem;
1550
1541
  }
1551
1542
 
1552
- .univer-size-6 {
1543
+ .univer-w-40 {
1544
+ width: 10rem;
1545
+ }
1546
+
1547
+ .univer-w-44 {
1548
+ width: 11rem;
1549
+ }
1550
+
1551
+ .univer-w-52 {
1552
+ width: 13rem;
1553
+ }
1554
+
1555
+ .univer-w-6 {
1553
1556
  width: 1.5rem;
1554
- height: 1.5rem;
1555
1557
  }
1556
1558
 
1557
- .univer-h-4 {
1558
- height: 1rem;
1559
+ .univer-w-7 {
1560
+ width: 1.75rem;
1559
1561
  }
1560
1562
 
1561
- .univer-h-5 {
1562
- height: 1.25rem;
1563
+ .univer-w-72 {
1564
+ width: 18rem;
1563
1565
  }
1564
1566
 
1565
- .univer-h-6 {
1566
- height: 1.5rem;
1567
+ .univer-w-8 {
1568
+ width: 2rem;
1567
1569
  }
1568
1570
 
1569
- .univer-h-7 {
1570
- height: 1.75rem;
1571
+ .univer-w-9 {
1572
+ width: 2.25rem;
1571
1573
  }
1572
1574
 
1573
- .univer-h-8 {
1574
- height: 2rem;
1575
+ .univer-w-\[100px\] {
1576
+ width: 100px;
1575
1577
  }
1576
1578
 
1577
- .univer-h-\[26px\] {
1578
- height: 26px;
1579
+ .univer-w-\[120px\] {
1580
+ width: 120px;
1579
1581
  }
1580
1582
 
1581
- .univer-min-h-8 {
1582
- min-height: 2rem;
1583
+ .univer-w-\[168px\] {
1584
+ width: 168px;
1583
1585
  }
1584
1586
 
1585
- .univer-w-\[--radix-popper-anchor-width\] {
1586
- width: var(--radix-popper-anchor-width);
1587
+ .univer-w-\[210px\] {
1588
+ width: 210px;
1587
1589
  }
1588
1590
 
1589
- .univer-w-\[136px\] {
1590
- width: 136px;
1591
+ .univer-w-\[244px\] {
1592
+ width: 244px;
1591
1593
  }
1592
1594
 
1593
- .univer-w-\[208px\] {
1594
- width: 208px;
1595
+ .univer-w-\[260px\] {
1596
+ width: 260px;
1595
1597
  }
1596
1598
 
1597
- .univer-w-\[290px\] {
1598
- width: 290px;
1599
+ .univer-w-\[280px\] {
1600
+ width: 280px;
1599
1601
  }
1600
1602
 
1601
- .univer-w-full {
1602
- width: 100%;
1603
+ .univer-w-\[320px\] {
1604
+ width: 320px;
1603
1605
  }
1604
1606
 
1605
- .\!univer-min-w-0 {
1606
- min-width: 0 !important;
1607
+ .univer-w-\[366px\] {
1608
+ width: 366px;
1607
1609
  }
1608
1610
 
1609
- .univer-min-w-0 {
1610
- min-width: 0;
1611
+ .univer-w-\[560px\] {
1612
+ width: 560px;
1611
1613
  }
1612
1614
 
1613
- .univer-flex-1 {
1614
- flex: 1;
1615
+ .univer-w-\[72px\] {
1616
+ width: 72px;
1615
1617
  }
1616
1618
 
1617
- .univer-shrink-0 {
1618
- flex-shrink: 0;
1619
+ .univer-w-\[760px\] {
1620
+ width: 760px;
1619
1621
  }
1620
1622
 
1621
- .univer-flex-grow {
1622
- flex-grow: 1;
1623
+ .univer-w-\[820px\] {
1624
+ width: 820px;
1623
1625
  }
1624
1626
 
1625
- .univer-cursor-pointer {
1626
- cursor: pointer;
1627
+ .univer-w-\[86px\] {
1628
+ width: 86px;
1627
1629
  }
1628
1630
 
1629
- .univer-grid-cols-2 {
1630
- grid-template-columns: repeat(2, minmax(0, 1fr));
1631
+ .univer-w-auto {
1632
+ width: auto;
1631
1633
  }
1632
1634
 
1633
- .univer-grid-cols-4 {
1634
- grid-template-columns: repeat(4, minmax(0, 1fr));
1635
+ .univer-w-full {
1636
+ width: 100%;
1635
1637
  }
1636
1638
 
1637
- .univer-flex-row {
1638
- flex-direction: row;
1639
+ .\!univer-min-w-0 {
1640
+ min-width: 0 !important;
1639
1641
  }
1640
1642
 
1641
- .univer-flex-col {
1643
+ .univer-min-w-0 {
1644
+ min-width: 0;
1645
+ }
1646
+
1647
+ .univer-min-w-32 {
1648
+ min-width: 8rem;
1649
+ }
1650
+
1651
+ .univer-min-w-44 {
1652
+ min-width: 11rem;
1653
+ }
1654
+
1655
+ .univer-min-w-7 {
1656
+ min-width: 1.75rem;
1657
+ }
1658
+
1659
+ .univer-min-w-9 {
1660
+ min-width: 2.25rem;
1661
+ }
1662
+
1663
+ .univer-min-w-\[240px\] {
1664
+ min-width: 240px;
1665
+ }
1666
+
1667
+ .univer-max-w-\[min\(760px\,calc\(100vw-32px\)\)\] {
1668
+ max-width: min(760px, 100vw - 32px);
1669
+ }
1670
+
1671
+ .univer-flex-1 {
1672
+ flex: 1;
1673
+ }
1674
+
1675
+ .univer-shrink-0 {
1676
+ flex-shrink: 0;
1677
+ }
1678
+
1679
+ .univer-rotate-180 {
1680
+ --univer-tw-rotate: 180deg;
1681
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1682
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1683
+ }
1684
+
1685
+ .univer-rotate-45 {
1686
+ --univer-tw-rotate: 45deg;
1687
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(45deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1688
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1689
+ }
1690
+
1691
+ .univer-cursor-default {
1692
+ cursor: default;
1693
+ }
1694
+
1695
+ .univer-cursor-pointer {
1696
+ cursor: pointer;
1697
+ }
1698
+
1699
+ .univer-select-none {
1700
+ user-select: none;
1701
+ }
1702
+
1703
+ .univer-resize-none {
1704
+ resize: none;
1705
+ }
1706
+
1707
+ .univer-appearance-none {
1708
+ appearance: none;
1709
+ }
1710
+
1711
+ .univer-grid-cols-10 {
1712
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1713
+ }
1714
+
1715
+ .univer-grid-cols-2 {
1716
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1717
+ }
1718
+
1719
+ .univer-grid-cols-3 {
1720
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1721
+ }
1722
+
1723
+ .univer-grid-cols-4 {
1724
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1725
+ }
1726
+
1727
+ .univer-grid-cols-5 {
1728
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1729
+ }
1730
+
1731
+ .univer-grid-cols-7 {
1732
+ grid-template-columns: repeat(7, minmax(0, 1fr));
1733
+ }
1734
+
1735
+ .univer-grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_76px\] {
1736
+ grid-template-columns: repeat(3, minmax(0, 1fr)) 76px;
1737
+ }
1738
+
1739
+ .univer-grid-rows-5 {
1740
+ grid-template-rows: repeat(5, minmax(0, 1fr));
1741
+ }
1742
+
1743
+ .univer-flex-col {
1642
1744
  flex-direction: column;
1643
1745
  }
1644
1746
 
1645
- .univer-items-center {
1646
- align-items: center;
1747
+ .univer-flex-wrap {
1748
+ flex-wrap: wrap;
1749
+ }
1750
+
1751
+ .univer-items-start {
1752
+ align-items: flex-start;
1753
+ }
1754
+
1755
+ .univer-items-center {
1756
+ align-items: center;
1757
+ }
1758
+
1759
+ .univer-items-stretch {
1760
+ align-items: stretch;
1761
+ }
1762
+
1763
+ .\!univer-justify-start {
1764
+ justify-content: flex-start !important;
1765
+ }
1766
+
1767
+ .univer-justify-start {
1768
+ justify-content: flex-start;
1769
+ }
1770
+
1771
+ .univer-justify-end {
1772
+ justify-content: flex-end;
1773
+ }
1774
+
1775
+ .univer-justify-center {
1776
+ justify-content: center;
1777
+ }
1778
+
1779
+ .univer-justify-between {
1780
+ justify-content: space-between;
1781
+ }
1782
+
1783
+ .univer-gap-0\.5 {
1784
+ gap: .125rem;
1785
+ }
1786
+
1787
+ .univer-gap-1 {
1788
+ gap: .25rem;
1789
+ }
1790
+
1791
+ .univer-gap-1\.5 {
1792
+ gap: .375rem;
1793
+ }
1794
+
1795
+ .univer-gap-2 {
1796
+ gap: .5rem;
1797
+ }
1798
+
1799
+ .univer-gap-3 {
1800
+ gap: .75rem;
1801
+ }
1802
+
1803
+ .univer-gap-4 {
1804
+ gap: 1rem;
1805
+ }
1806
+
1807
+ .univer-gap-8 {
1808
+ gap: 2rem;
1809
+ }
1810
+
1811
+ .univer-gap-x-1 {
1812
+ -moz-column-gap: .25rem;
1813
+ column-gap: .25rem;
1814
+ }
1815
+
1816
+ .univer-gap-x-3 {
1817
+ -moz-column-gap: .75rem;
1818
+ column-gap: .75rem;
1819
+ }
1820
+
1821
+ .univer-gap-y-1 {
1822
+ row-gap: .25rem;
1823
+ }
1824
+
1825
+ .univer-overflow-auto {
1826
+ overflow: auto;
1827
+ }
1828
+
1829
+ .univer-overflow-hidden {
1830
+ overflow: hidden;
1831
+ }
1832
+
1833
+ .univer-overflow-visible {
1834
+ overflow: visible;
1835
+ }
1836
+
1837
+ .univer-overflow-y-auto {
1838
+ overflow-y: auto;
1839
+ }
1840
+
1841
+ .univer-truncate {
1842
+ text-overflow: ellipsis;
1843
+ white-space: nowrap;
1844
+ overflow: hidden;
1845
+ }
1846
+
1847
+ .univer-whitespace-nowrap {
1848
+ white-space: nowrap;
1849
+ }
1850
+
1851
+ .univer-whitespace-pre-wrap {
1852
+ white-space: pre-wrap;
1853
+ }
1854
+
1855
+ .univer-break-words {
1856
+ word-wrap: break-word;
1857
+ }
1858
+
1859
+ .\!univer-rounded-md {
1860
+ border-radius: .375rem !important;
1861
+ }
1862
+
1863
+ .univer-rounded {
1864
+ border-radius: .25rem;
1865
+ }
1866
+
1867
+ .univer-rounded-\[1px\] {
1868
+ border-radius: 1px;
1869
+ }
1870
+
1871
+ .univer-rounded-full {
1872
+ border-radius: 9999px;
1873
+ }
1874
+
1875
+ .univer-rounded-lg {
1876
+ border-radius: .5rem;
1877
+ }
1878
+
1879
+ .univer-rounded-md {
1880
+ border-radius: .375rem;
1881
+ }
1882
+
1883
+ .univer-rounded-sm {
1884
+ border-radius: .125rem;
1885
+ }
1886
+
1887
+ .univer-rounded-xl {
1888
+ border-radius: .75rem;
1889
+ }
1890
+
1891
+ .univer-rounded-l-md {
1892
+ border-top-left-radius: .375rem;
1893
+ border-bottom-left-radius: .375rem;
1894
+ }
1895
+
1896
+ .univer-rounded-l-none {
1897
+ border-top-left-radius: 0;
1898
+ border-bottom-left-radius: 0;
1899
+ }
1900
+
1901
+ .univer-rounded-r-md {
1902
+ border-top-right-radius: .375rem;
1903
+ border-bottom-right-radius: .375rem;
1904
+ }
1905
+
1906
+ .univer-rounded-r-none {
1907
+ border-top-right-radius: 0;
1908
+ border-bottom-right-radius: 0;
1909
+ }
1910
+
1911
+ .\!univer-border-0 {
1912
+ border-width: 0 !important;
1913
+ }
1914
+
1915
+ .univer-border {
1916
+ border-width: 1px;
1917
+ }
1918
+
1919
+ .univer-border-0 {
1920
+ border-width: 0;
1921
+ }
1922
+
1923
+ .univer-border-b {
1924
+ border-bottom-width: 1px;
1925
+ }
1926
+
1927
+ .univer-border-l-2 {
1928
+ border-left-width: 2px;
1929
+ }
1930
+
1931
+ .univer-border-r {
1932
+ border-right-width: 1px;
1933
+ }
1934
+
1935
+ .univer-border-t {
1936
+ border-top-width: 1px;
1937
+ }
1938
+
1939
+ .univer-border-t-2 {
1940
+ border-top-width: 2px;
1941
+ }
1942
+
1943
+ .univer-border-solid {
1944
+ border-style: solid;
1945
+ }
1946
+
1947
+ .univer-border-none {
1948
+ border-style: none;
1949
+ }
1950
+
1951
+ .\!univer-border-transparent {
1952
+ border-color: #0000 !important;
1953
+ }
1954
+
1955
+ .univer-border-gray-200 {
1956
+ border-color: var(--univer-gray-200);
1957
+ }
1958
+
1959
+ .univer-border-gray-300 {
1960
+ border-color: var(--univer-gray-300);
1961
+ }
1962
+
1963
+ .univer-border-gray-400 {
1964
+ border-color: var(--univer-gray-400);
1965
+ }
1966
+
1967
+ .univer-border-gray-500 {
1968
+ border-color: var(--univer-gray-500);
1969
+ }
1970
+
1971
+ .univer-border-gray-600 {
1972
+ border-color: var(--univer-gray-600);
1973
+ }
1974
+
1975
+ .univer-border-primary-500 {
1976
+ border-color: var(--univer-primary-500);
1977
+ }
1978
+
1979
+ .univer-border-primary-600 {
1980
+ border-color: var(--univer-primary-600);
1981
+ }
1982
+
1983
+ .univer-border-red-500 {
1984
+ border-color: var(--univer-red-500);
1985
+ }
1986
+
1987
+ .univer-border-transparent {
1988
+ border-color: #0000;
1989
+ }
1990
+
1991
+ .univer-border-l-gray-200 {
1992
+ border-left-color: var(--univer-gray-200);
1993
+ }
1994
+
1995
+ .\!univer-bg-gray-700 {
1996
+ background-color: var(--univer-gray-700) !important;
1997
+ }
1998
+
1999
+ .\!univer-bg-gray-800 {
2000
+ background-color: var(--univer-gray-800) !important;
2001
+ }
2002
+
2003
+ .\!univer-bg-transparent {
2004
+ background-color: #0000 !important;
2005
+ }
2006
+
2007
+ .univer-bg-\[\#70ad47\] {
2008
+ --univer-tw-bg-opacity: 1;
2009
+ background-color: #70ad47;
2010
+ background-color: rgba(112, 173, 71, var(--univer-tw-bg-opacity, 1));
2011
+ }
2012
+
2013
+ .univer-bg-\[\#ed7d31\] {
2014
+ --univer-tw-bg-opacity: 1;
2015
+ background-color: #ed7d31;
2016
+ background-color: rgba(237, 125, 49, var(--univer-tw-bg-opacity, 1));
2017
+ }
2018
+
2019
+ .univer-bg-gray-0 {
2020
+ background-color: var(--univer-gray-0);
2021
+ }
2022
+
2023
+ .univer-bg-gray-100 {
2024
+ background-color: var(--univer-gray-100);
2025
+ }
2026
+
2027
+ .univer-bg-gray-200 {
2028
+ background-color: var(--univer-gray-200);
2029
+ }
2030
+
2031
+ .univer-bg-gray-300 {
2032
+ background-color: var(--univer-gray-300);
2033
+ }
2034
+
2035
+ .univer-bg-gray-50 {
2036
+ background-color: var(--univer-gray-50);
2037
+ }
2038
+
2039
+ .univer-bg-primary-50 {
2040
+ background-color: var(--univer-primary-50);
2041
+ }
2042
+
2043
+ .univer-bg-primary-600 {
2044
+ background-color: var(--univer-primary-600);
2045
+ }
2046
+
2047
+ .univer-bg-red-950 {
2048
+ --univer-tw-bg-opacity: 1;
2049
+ background-color: #450a0a;
2050
+ background-color: rgba(69, 10, 10, var(--univer-tw-bg-opacity, 1));
2051
+ }
2052
+
2053
+ .univer-bg-transparent {
2054
+ background-color: #0000;
2055
+ }
2056
+
2057
+ .univer-bg-gradient-to-b {
2058
+ background-image: linear-gradient(to bottom, var(--univer-tw-gradient-stops));
2059
+ }
2060
+
2061
+ .univer-from-\[\#ffad79\] {
2062
+ --univer-tw-gradient-from: #ffad79 var(--univer-tw-gradient-from-position);
2063
+ --univer-tw-gradient-to: #ffad7900 var(--univer-tw-gradient-to-position);
2064
+ --univer-tw-gradient-stops: var(--univer-tw-gradient-from), var(--univer-tw-gradient-to);
2065
+ }
2066
+
2067
+ .univer-to-\[\#c54f09\] {
2068
+ --univer-tw-gradient-to: #c54f09 var(--univer-tw-gradient-to-position);
2069
+ }
2070
+
2071
+ .univer-fill-gray-200 {
2072
+ fill: var(--univer-gray-200);
2073
+ }
2074
+
2075
+ .univer-stroke-gray-400 {
2076
+ stroke: var(--univer-gray-400);
2077
+ }
2078
+
2079
+ .univer-object-cover {
2080
+ -o-object-fit: cover;
2081
+ object-fit: cover;
2082
+ }
2083
+
2084
+ .\!univer-p-1 {
2085
+ padding: .25rem !important;
2086
+ }
2087
+
2088
+ .\!univer-p-1\.5 {
2089
+ padding: .375rem !important;
2090
+ }
2091
+
2092
+ .univer-p-0 {
2093
+ padding: 0;
2094
+ }
2095
+
2096
+ .univer-p-0\.5 {
2097
+ padding: .125rem;
2098
+ }
2099
+
2100
+ .univer-p-1 {
2101
+ padding: .25rem;
2102
+ }
2103
+
2104
+ .univer-p-1\.5 {
2105
+ padding: .375rem;
2106
+ }
2107
+
2108
+ .univer-p-2 {
2109
+ padding: .5rem;
2110
+ }
2111
+
2112
+ .univer-p-3 {
2113
+ padding: .75rem;
2114
+ }
2115
+
2116
+ .\!univer-px-1 {
2117
+ padding-left: .25rem !important;
2118
+ padding-right: .25rem !important;
2119
+ }
2120
+
2121
+ .\!univer-px-1\.5 {
2122
+ padding-left: .375rem !important;
2123
+ padding-right: .375rem !important;
2124
+ }
2125
+
2126
+ .univer-px-1 {
2127
+ padding-left: .25rem;
2128
+ padding-right: .25rem;
2129
+ }
2130
+
2131
+ .univer-px-1\.5 {
2132
+ padding-left: .375rem;
2133
+ padding-right: .375rem;
2134
+ }
2135
+
2136
+ .univer-px-2 {
2137
+ padding-left: .5rem;
2138
+ padding-right: .5rem;
2139
+ }
2140
+
2141
+ .univer-px-3 {
2142
+ padding-left: .75rem;
2143
+ padding-right: .75rem;
2144
+ }
2145
+
2146
+ .univer-px-4 {
2147
+ padding-left: 1rem;
2148
+ padding-right: 1rem;
2149
+ }
2150
+
2151
+ .univer-py-0 {
2152
+ padding-top: 0;
2153
+ padding-bottom: 0;
2154
+ }
2155
+
2156
+ .univer-py-1 {
2157
+ padding-top: .25rem;
2158
+ padding-bottom: .25rem;
2159
+ }
2160
+
2161
+ .univer-py-1\.5 {
2162
+ padding-top: .375rem;
2163
+ padding-bottom: .375rem;
2164
+ }
2165
+
2166
+ .univer-py-4 {
2167
+ padding-top: 1rem;
2168
+ padding-bottom: 1rem;
2169
+ }
2170
+
2171
+ .univer-pb-0 {
2172
+ padding-bottom: 0;
2173
+ }
2174
+
2175
+ .univer-pb-2\.5 {
2176
+ padding-bottom: .625rem;
2177
+ }
2178
+
2179
+ .univer-pb-3 {
2180
+ padding-bottom: .75rem;
2181
+ }
2182
+
2183
+ .univer-pl-3 {
2184
+ padding-left: .75rem;
2185
+ }
2186
+
2187
+ .univer-pt-1 {
2188
+ padding-top: .25rem;
2189
+ }
2190
+
2191
+ .univer-pt-2 {
2192
+ padding-top: .5rem;
2193
+ }
2194
+
2195
+ .univer-pt-3 {
2196
+ padding-top: .75rem;
2197
+ }
2198
+
2199
+ .univer-pt-4 {
2200
+ padding-top: 1rem;
2201
+ }
2202
+
2203
+ .univer-text-left {
2204
+ text-align: left;
2205
+ }
2206
+
2207
+ .univer-text-center {
2208
+ text-align: center;
2209
+ }
2210
+
2211
+ .univer-font-mono {
2212
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
2213
+ }
2214
+
2215
+ .univer-text-base {
2216
+ font-size: 1rem;
2217
+ line-height: 1.5rem;
2218
+ }
2219
+
2220
+ .univer-text-lg {
2221
+ font-size: 1.125rem;
2222
+ line-height: 1.75rem;
2223
+ }
2224
+
2225
+ .univer-text-sm {
2226
+ font-size: .875rem;
2227
+ line-height: 1.25rem;
2228
+ }
2229
+
2230
+ .univer-text-xl {
2231
+ font-size: 1.25rem;
2232
+ line-height: 1.75rem;
2233
+ }
2234
+
2235
+ .univer-text-xs {
2236
+ font-size: .75rem;
2237
+ line-height: 1rem;
2238
+ }
2239
+
2240
+ .univer-font-medium {
2241
+ font-weight: 500;
2242
+ }
2243
+
2244
+ .univer-font-semibold {
2245
+ font-weight: 600;
2246
+ }
2247
+
2248
+ .univer-leading-5 {
2249
+ line-height: 1.25rem;
2250
+ }
2251
+
2252
+ .univer-leading-6 {
2253
+ line-height: 1.5rem;
2254
+ }
2255
+
2256
+ .univer-leading-none {
2257
+ line-height: 1;
2258
+ }
2259
+
2260
+ .\!univer-text-primary-300 {
2261
+ color: var(--univer-primary-300) !important;
2262
+ }
2263
+
2264
+ .\!univer-text-transparent {
2265
+ color: #0000 !important;
2266
+ }
2267
+
2268
+ .univer-text-gray-400 {
2269
+ color: var(--univer-gray-400);
2270
+ }
2271
+
2272
+ .univer-text-gray-500 {
2273
+ color: var(--univer-gray-500);
2274
+ }
2275
+
2276
+ .univer-text-gray-600 {
2277
+ color: var(--univer-gray-600);
2278
+ }
2279
+
2280
+ .univer-text-gray-700 {
2281
+ color: var(--univer-gray-700);
2282
+ }
2283
+
2284
+ .univer-text-gray-800 {
2285
+ color: var(--univer-gray-800);
2286
+ }
2287
+
2288
+ .univer-text-gray-900 {
2289
+ color: var(--univer-gray-900);
2290
+ }
2291
+
2292
+ .univer-text-primary-600 {
2293
+ color: var(--univer-primary-600);
2294
+ }
2295
+
2296
+ .univer-text-red-500 {
2297
+ color: var(--univer-red-500);
2298
+ }
2299
+
2300
+ .univer-text-red-600 {
2301
+ color: var(--univer-red-600);
2302
+ }
2303
+
2304
+ .univer-opacity-40 {
2305
+ opacity: .4;
2306
+ }
2307
+
2308
+ .univer-opacity-50 {
2309
+ opacity: .5;
2310
+ }
2311
+
2312
+ .univer-opacity-60 {
2313
+ opacity: .6;
2314
+ }
2315
+
2316
+ .univer-opacity-70 {
2317
+ opacity: .7;
2318
+ }
2319
+
2320
+ .\!univer-shadow-none {
2321
+ --univer-tw-shadow: 0 0 #0000 !important;
2322
+ --univer-tw-shadow-colored: 0 0 #0000 !important;
2323
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
2324
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
2325
+ }
2326
+
2327
+ .univer-shadow-\[2px_3px_0_\#8c4b20\] {
2328
+ --univer-tw-shadow: 2px 3px 0 #8c4b20;
2329
+ --univer-tw-shadow-colored: 2px 3px 0 var(--univer-tw-shadow-color);
2330
+ box-shadow: 0 0 #0000, 0 0 #0000, 2px 3px #8c4b20;
2331
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2332
+ }
2333
+
2334
+ .univer-shadow-\[inset_-3px_-3px_0_rgba\(0\,0\,0\,\.08\)\] {
2335
+ --univer-tw-shadow: inset -3px -3px 0 #00000014;
2336
+ --univer-tw-shadow-colored: inset -3px -3px 0 var(--univer-tw-shadow-color);
2337
+ box-shadow: 0 0 #0000, 0 0 #0000, inset -3px -3px #00000014;
2338
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2339
+ }
2340
+
2341
+ .univer-shadow-\[inset_4px_4px_0_rgba\(255\,255\,255\,\.8\)\,inset_-4px_-4px_0_rgba\(75\,85\,99\,\.7\)\] {
2342
+ --univer-tw-shadow: inset 4px 4px 0 #fffc,inset -4px -4px 0 #4b5563b3;
2343
+ --univer-tw-shadow-colored: inset 4px 4px 0 var(--univer-tw-shadow-color), inset -4px -4px 0 var(--univer-tw-shadow-color);
2344
+ box-shadow: 0 0 #0000, 0 0 #0000, inset 4px 4px #fffc, inset -4px -4px #4b5563b3;
2345
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2346
+ }
2347
+
2348
+ .univer-shadow-lg {
2349
+ --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
2350
+ --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
2351
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px #1e284d0d, 0 10px 15px -3px #1e284d1a;
2352
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2353
+ }
2354
+
2355
+ .univer-shadow-md {
2356
+ --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
2357
+ --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
2358
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
2359
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2360
+ }
2361
+
2362
+ .univer-shadow-none {
2363
+ --univer-tw-shadow: 0 0 #0000;
2364
+ --univer-tw-shadow-colored: 0 0 #0000;
2365
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
2366
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2367
+ }
2368
+
2369
+ .univer-shadow-sm {
2370
+ --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
2371
+ --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
2372
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
2373
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2374
+ }
2375
+
2376
+ .univer-ring-2 {
2377
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
2378
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
2379
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
2380
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
2381
+ }
2382
+
2383
+ .univer-ring-inset {
2384
+ --univer-tw-ring-inset: inset;
2385
+ }
2386
+
2387
+ .univer-ring-primary-100 {
2388
+ --univer-tw-ring-color: var(--univer-primary-100);
2389
+ }
2390
+
2391
+ .univer-blur-\[1px\] {
2392
+ --univer-tw-blur: blur(1px);
2393
+ filter: var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow);
2394
+ }
2395
+
2396
+ .univer-transition-all {
2397
+ transition-property: all;
2398
+ transition-duration: .15s;
2399
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2400
+ }
2401
+
2402
+ .univer-transition-colors {
2403
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2404
+ transition-duration: .15s;
2405
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2406
+ }
2407
+
2408
+ .univer-transition-transform {
2409
+ transition-property: transform;
2410
+ transition-duration: .15s;
2411
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2412
+ }
2413
+
2414
+ .univer-group:hover .group-hover\:univer-block {
2415
+ display: block;
2416
+ }
2417
+
2418
+ .hover\:univer-border-gray-300:hover {
2419
+ border-color: var(--univer-gray-300);
2420
+ }
2421
+
2422
+ .hover\:univer-border-gray-400:hover {
2423
+ border-color: var(--univer-gray-400);
2424
+ }
2425
+
2426
+ .hover\:univer-border-primary-400:hover {
2427
+ border-color: var(--univer-primary-400);
2428
+ }
2429
+
2430
+ .hover\:univer-border-primary-500:hover {
2431
+ border-color: var(--univer-primary-500);
2432
+ }
2433
+
2434
+ .hover\:univer-border-primary-600:hover {
2435
+ border-color: var(--univer-primary-600);
2436
+ }
2437
+
2438
+ .hover\:univer-bg-gray-100:hover {
2439
+ background-color: var(--univer-gray-100);
2440
+ }
2441
+
2442
+ .hover\:univer-bg-gray-200:hover {
2443
+ background-color: var(--univer-gray-200);
2444
+ }
2445
+
2446
+ .hover\:univer-bg-gray-50:hover {
2447
+ background-color: var(--univer-gray-50);
2448
+ }
2449
+
2450
+ .hover\:univer-bg-primary-50:hover {
2451
+ background-color: var(--univer-primary-50);
2452
+ }
2453
+
2454
+ .hover\:univer-bg-red-50:hover {
2455
+ background-color: var(--univer-red-50);
2456
+ }
2457
+
2458
+ .hover\:univer-text-primary-600:hover {
2459
+ color: var(--univer-primary-600);
2460
+ }
2461
+
2462
+ .focus\:\!univer-ring-0:focus {
2463
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color) !important;
2464
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(0px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color) !important;
2465
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000 !important;
2466
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000) !important;
2467
+ }
2468
+
2469
+ .disabled\:univer-cursor-not-allowed:disabled {
2470
+ cursor: not-allowed;
2471
+ }
2472
+
2473
+ .disabled\:univer-opacity-40:disabled {
2474
+ opacity: .4;
2475
+ }
2476
+
2477
+ .disabled\:univer-opacity-50:disabled {
2478
+ opacity: .5;
2479
+ }
2480
+
2481
+ .rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
2482
+ margin-left: 0;
2483
+ }
2484
+
2485
+ .rtl\:univer-mr-auto:where([dir="rtl"], [dir="rtl"] *) {
2486
+ margin-right: auto;
2487
+ }
2488
+
2489
+ .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
2490
+ border-top-left-radius: .375rem;
2491
+ border-bottom-left-radius: .375rem;
2492
+ }
2493
+
2494
+ .rtl\:univer-rounded-l-none:where([dir="rtl"], [dir="rtl"] *) {
2495
+ border-top-left-radius: 0;
2496
+ border-bottom-left-radius: 0;
2497
+ }
2498
+
2499
+ .rtl\:univer-rounded-r-md:where([dir="rtl"], [dir="rtl"] *) {
2500
+ border-top-right-radius: .375rem;
2501
+ border-bottom-right-radius: .375rem;
2502
+ }
2503
+
2504
+ .rtl\:univer-rounded-r-none:where([dir="rtl"], [dir="rtl"] *) {
2505
+ border-top-right-radius: 0;
2506
+ border-bottom-right-radius: 0;
2507
+ }
2508
+
2509
+ .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
2510
+ text-align: right;
1647
2511
  }
1648
2512
 
1649
- .univer-justify-end {
1650
- justify-content: flex-end;
2513
+ .dark\:\!univer-border-gray-300:where(.univer-dark, .univer-dark *) {
2514
+ border-color: var(--univer-gray-300) !important;
1651
2515
  }
1652
2516
 
1653
- .univer-justify-center {
1654
- justify-content: center;
2517
+ .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
2518
+ border-color: var(--univer-gray-600) !important;
1655
2519
  }
1656
2520
 
1657
- .univer-justify-between {
1658
- justify-content: space-between;
2521
+ .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
2522
+ border-color: var(--univer-gray-700) !important;
1659
2523
  }
1660
2524
 
1661
- .univer-gap-1 {
1662
- gap: .25rem;
2525
+ .dark\:\!univer-border-primary-400:where(.univer-dark, .univer-dark *) {
2526
+ border-color: var(--univer-primary-400) !important;
1663
2527
  }
1664
2528
 
1665
- .univer-gap-1\.5 {
1666
- gap: .375rem;
2529
+ .dark\:\!univer-border-l-gray-600:where(.univer-dark, .univer-dark *) {
2530
+ border-left-color: var(--univer-gray-600) !important;
1667
2531
  }
1668
2532
 
1669
- .univer-gap-2 {
1670
- gap: .5rem;
2533
+ .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
2534
+ background-color: var(--univer-gray-600) !important;
1671
2535
  }
1672
2536
 
1673
- .univer-gap-2\.5 {
1674
- gap: .625rem;
2537
+ .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
2538
+ background-color: var(--univer-gray-700) !important;
1675
2539
  }
1676
2540
 
1677
- .univer-gap-3 {
1678
- gap: .75rem;
2541
+ .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
2542
+ background-color: var(--univer-gray-800) !important;
1679
2543
  }
1680
2544
 
1681
- .univer-gap-4 {
1682
- gap: 1rem;
2545
+ .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
2546
+ background-color: var(--univer-gray-900) !important;
1683
2547
  }
1684
2548
 
1685
- .univer-justify-self-end {
1686
- justify-self: end;
2549
+ .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
2550
+ color: var(--univer-gray-100) !important;
1687
2551
  }
1688
2552
 
1689
- .univer-truncate {
1690
- text-overflow: ellipsis;
1691
- white-space: nowrap;
1692
- overflow: hidden;
2553
+ .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
2554
+ color: var(--univer-gray-200) !important;
1693
2555
  }
1694
2556
 
1695
- .univer-rounded-lg {
1696
- border-radius: .5rem;
2557
+ .dark\:\!univer-text-gray-300:where(.univer-dark, .univer-dark *) {
2558
+ color: var(--univer-gray-300) !important;
1697
2559
  }
1698
2560
 
1699
- .univer-rounded-md {
1700
- border-radius: .375rem;
2561
+ .dark\:\!univer-text-gray-400:where(.univer-dark, .univer-dark *) {
2562
+ color: var(--univer-gray-400) !important;
1701
2563
  }
1702
2564
 
1703
- .univer-rounded-sm {
1704
- border-radius: .125rem;
2565
+ .dark\:\!univer-text-gray-500:where(.univer-dark, .univer-dark *) {
2566
+ color: var(--univer-gray-500) !important;
1705
2567
  }
1706
2568
 
1707
- .univer-rounded-xl {
1708
- border-radius: .75rem;
2569
+ .dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
2570
+ color: var(--univer-primary-300) !important;
1709
2571
  }
1710
2572
 
1711
- .univer-border {
1712
- border-width: 1px;
2573
+ .dark\:\!univer-text-red-400:where(.univer-dark, .univer-dark *) {
2574
+ color: var(--univer-red-400) !important;
1713
2575
  }
1714
2576
 
1715
- .univer-border-solid {
1716
- border-style: solid;
2577
+ .dark\:hover\:\!univer-border-gray-600:hover:where(.univer-dark, .univer-dark *) {
2578
+ border-color: var(--univer-gray-600) !important;
1717
2579
  }
1718
2580
 
1719
- .univer-border-gray-200 {
1720
- border-color: var(--univer-gray-200);
2581
+ .dark\:hover\:\!univer-border-primary-400:hover:where(.univer-dark, .univer-dark *) {
2582
+ border-color: var(--univer-primary-400) !important;
1721
2583
  }
1722
2584
 
1723
- .\!univer-bg-gray-700 {
2585
+ .dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
1724
2586
  background-color: var(--univer-gray-700) !important;
1725
2587
  }
1726
2588
 
1727
- .univer-bg-gray-100 {
1728
- background-color: var(--univer-gray-100);
2589
+ .dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
2590
+ background-color: var(--univer-gray-800) !important;
1729
2591
  }
1730
2592
 
1731
- .univer-bg-white {
1732
- background-color: var(--univer-white);
2593
+ .dark\:hover\:univer-bg-red-950:hover:where(.univer-dark, .univer-dark *) {
2594
+ --univer-tw-bg-opacity: 1;
2595
+ background-color: #450a0a;
2596
+ background-color: rgba(69, 10, 10, var(--univer-tw-bg-opacity, 1));
1733
2597
  }
1734
2598
 
1735
- .univer-p-0 {
1736
- padding: 0;
2599
+ .\[\&\:\:-webkit-slider-thumb\]\:univer-size-3\.5::-webkit-slider-thumb {
2600
+ width: .875rem;
2601
+ height: .875rem;
1737
2602
  }
1738
2603
 
1739
- .univer-p-2 {
1740
- padding: .5rem;
2604
+ .\[\&\:\:-webkit-slider-thumb\]\:univer-appearance-none::-webkit-slider-thumb {
2605
+ appearance: none;
1741
2606
  }
1742
2607
 
1743
- .univer-p-3 {
1744
- padding: .75rem;
2608
+ .\[\&\:\:-webkit-slider-thumb\]\:univer-rounded-full::-webkit-slider-thumb {
2609
+ border-radius: 9999px;
1745
2610
  }
1746
2611
 
1747
- .univer-px-1 {
1748
- padding-left: .25rem;
1749
- padding-right: .25rem;
2612
+ .\[\&\:\:-webkit-slider-thumb\]\:univer-bg-primary-600::-webkit-slider-thumb {
2613
+ background-color: var(--univer-primary-600);
1750
2614
  }
1751
2615
 
1752
- .univer-px-2 {
1753
- padding-left: .5rem;
1754
- padding-right: .5rem;
2616
+ .\[\&\:\:-webkit-slider-thumb\]\:univer-shadow-sm::-webkit-slider-thumb {
2617
+ --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
2618
+ --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
2619
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
2620
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1755
2621
  }
1756
2622
 
1757
- .univer-py-1 {
1758
- padding-top: .25rem;
1759
- padding-bottom: .25rem;
2623
+ .\[\&\>label\]\:univer-grid > label {
2624
+ display: grid;
1760
2625
  }
1761
2626
 
1762
- .univer-pb-2\.5 {
1763
- padding-bottom: .625rem;
2627
+ .\[\&\>label\]\:univer-gap-1 > label {
2628
+ gap: .25rem;
1764
2629
  }
1765
2630
 
1766
- .univer-text-2xl {
1767
- font-size: 1.5rem;
1768
- line-height: 2rem;
2631
+ .\[\&\>span\]\:univer-w-full > span {
2632
+ width: 100%;
1769
2633
  }
1770
2634
 
1771
- .univer-text-base {
1772
- font-size: 1rem;
1773
- line-height: 1.5rem;
2635
+ .\[\&\>svg\]\:univer-size-4 > svg {
2636
+ width: 1rem;
2637
+ height: 1rem;
1774
2638
  }
1775
2639
 
1776
- .univer-text-sm {
1777
- font-size: .875rem;
1778
- line-height: 1.25rem;
2640
+ .\[\&_input\]\:univer-box-border input {
2641
+ box-sizing: border-box;
1779
2642
  }
1780
2643
 
1781
- .univer-text-xs {
1782
- font-size: .75rem;
1783
- line-height: 1rem;
2644
+ .\[\&_input\]\:univer-w-full input {
2645
+ width: 100%;
1784
2646
  }
1785
2647
 
1786
- .univer-font-medium {
1787
- font-weight: 500;
2648
+ .\[\&_input\]\:univer-p-0 input {
2649
+ padding: 0;
1788
2650
  }
1789
2651
 
1790
- .univer-leading-4 {
1791
- line-height: 1rem;
2652
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid {
2653
+ display: grid;
1792
2654
  }
1793
2655
 
1794
- .univer-leading-5 {
1795
- line-height: 1.25rem;
2656
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-h-6 {
2657
+ height: 1.5rem;
1796
2658
  }
1797
2659
 
1798
- .univer-text-gray-600 {
1799
- color: var(--univer-gray-600);
2660
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-w-11 {
2661
+ width: 2.75rem;
1800
2662
  }
1801
2663
 
1802
- .univer-text-gray-800 {
1803
- color: var(--univer-gray-800);
2664
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-w-\[120px\] {
2665
+ width: 120px;
1804
2666
  }
1805
2667
 
1806
- .univer-text-gray-900 {
1807
- color: var(--univer-gray-900);
2668
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-w-full {
2669
+ width: 100%;
1808
2670
  }
1809
2671
 
1810
- .univer-text-primary-600 {
1811
- color: var(--univer-primary-600);
2672
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid-cols-2 {
2673
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1812
2674
  }
1813
2675
 
1814
- .univer-text-red-500 {
1815
- color: var(--univer-red-500);
2676
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid-cols-5 {
2677
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1816
2678
  }
1817
2679
 
1818
- .univer-shadow {
1819
- --univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
1820
- --univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);
1821
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
1822
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
2680
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid-rows-2 {
2681
+ grid-template-rows: repeat(2, minmax(0, 1fr));
1823
2682
  }
1824
2683
 
1825
- .univer-transition-colors {
1826
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1827
- transition-duration: .15s;
1828
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2684
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-content-center {
2685
+ align-content: center;
1829
2686
  }
1830
2687
 
1831
- .univer-duration-200 {
1832
- transition-duration: .2s;
2688
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-justify-items-stretch {
2689
+ justify-items: stretch;
1833
2690
  }
1834
2691
 
1835
- .placeholder\:univer-text-gray-400::placeholder {
1836
- color: var(--univer-gray-400);
2692
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-gap-x-2 {
2693
+ -moz-column-gap: .5rem;
2694
+ column-gap: .5rem;
1837
2695
  }
1838
2696
 
1839
- .hover\:univer-bg-gray-100:hover {
1840
- background-color: var(--univer-gray-100);
2697
+ [data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-gap-y-2 {
2698
+ row-gap: .5rem;
1841
2699
  }
1842
-
1843
- .hover\:univer-bg-gray-200:hover {
1844
- background-color: var(--univer-gray-200);
2700
+ .-univer-mx-4 {
2701
+ margin-left: -1rem;
2702
+ margin-right: -1rem;
1845
2703
  }
1846
2704
 
1847
- .focus\:univer-border-primary-500:focus {
1848
- border-color: var(--univer-primary-500);
2705
+ .univer-flex {
2706
+ display: flex;
1849
2707
  }
1850
2708
 
1851
- .focus\:univer-outline-none:focus {
1852
- outline-offset: 2px;
1853
- outline: 2px solid #0000;
2709
+ .univer-h-0 {
2710
+ height: 0;
1854
2711
  }
1855
2712
 
1856
- .focus\:univer-ring-2:focus {
1857
- --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
1858
- --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
1859
- box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
1860
- box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
2713
+ .univer-min-h-full {
2714
+ min-height: 100%;
1861
2715
  }
1862
2716
 
1863
- .focus\:univer-ring-primary-50:focus {
1864
- --univer-tw-ring-color: var(--univer-primary-50);
2717
+ .univer-w-full {
2718
+ width: 100%;
1865
2719
  }
1866
2720
 
1867
- .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
1868
- border-color: var(--univer-gray-600) !important;
2721
+ .univer-shrink-0 {
2722
+ flex-shrink: 0;
1869
2723
  }
1870
2724
 
1871
- .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
1872
- border-color: var(--univer-gray-700) !important;
2725
+ .univer-flex-col {
2726
+ flex-direction: column;
1873
2727
  }
1874
2728
 
1875
- .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
1876
- background-color: var(--univer-gray-700) !important;
2729
+ .univer-gap-3 {
2730
+ gap: .75rem;
1877
2731
  }
1878
2732
 
1879
- .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
1880
- color: var(--univer-gray-100) !important;
2733
+ .univer-overflow-hidden {
2734
+ overflow: hidden;
1881
2735
  }
1882
2736
 
1883
- .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
1884
- color: var(--univer-gray-200) !important;
2737
+ .univer-overflow-visible {
2738
+ overflow: visible;
1885
2739
  }
1886
2740
 
1887
- .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
1888
- color: var(--univer-white) !important;
2741
+ .univer-bg-gray-0 {
2742
+ background-color: var(--univer-gray-0);
1889
2743
  }
1890
2744
 
1891
- .dark\:\!univer-shadow-none:where(.univer-dark, .univer-dark *) {
1892
- --univer-tw-shadow: 0 0 #0000 !important;
1893
- --univer-tw-shadow-colored: 0 0 #0000 !important;
1894
- box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
1895
- box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
2745
+ .univer-pb-5 {
2746
+ padding-bottom: 1.25rem;
1896
2747
  }
1897
2748
 
1898
- .dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
1899
- background-color: var(--univer-gray-700) !important;
2749
+ .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
2750
+ background-color: var(--univer-gray-900) !important;
1900
2751
  }
1901
2752
  .univer-flex {
1902
2753
  display: flex;
@@ -2085,8 +2936,8 @@
2085
2936
  height: 100%;
2086
2937
  }
2087
2938
 
2088
- .univer-min-h-\[150px\] {
2089
- min-height: 150px;
2939
+ .univer-min-h-0 {
2940
+ min-height: 0;
2090
2941
  }
2091
2942
 
2092
2943
  .univer-min-h-\[200px\] {
@@ -2141,18 +2992,10 @@
2141
2992
  flex: 1;
2142
2993
  }
2143
2994
 
2144
- .univer-flex-shrink {
2145
- flex-shrink: 1;
2146
- }
2147
-
2148
2995
  .univer-shrink-0 {
2149
2996
  flex-shrink: 0;
2150
2997
  }
2151
2998
 
2152
- .univer-flex-grow {
2153
- flex-grow: 1;
2154
- }
2155
-
2156
2999
  .univer-cursor-default {
2157
3000
  cursor: default;
2158
3001
  }
@@ -2213,6 +3056,10 @@
2213
3056
  overflow: auto;
2214
3057
  }
2215
3058
 
3059
+ .univer-overflow-hidden {
3060
+ overflow: hidden;
3061
+ }
3062
+
2216
3063
  .univer-overflow-y-auto {
2217
3064
  overflow-y: auto;
2218
3065
  }
@@ -2277,6 +3124,10 @@
2277
3124
  background-color: var(--univer-gray-700) !important;
2278
3125
  }
2279
3126
 
3127
+ .univer-bg-gray-0 {
3128
+ background-color: var(--univer-gray-0);
3129
+ }
3130
+
2280
3131
  .univer-bg-gray-100 {
2281
3132
  background-color: var(--univer-gray-100);
2282
3133
  }
@@ -2293,10 +3144,6 @@
2293
3144
  background-color: #0000;
2294
3145
  }
2295
3146
 
2296
- .univer-bg-white {
2297
- background-color: var(--univer-white);
2298
- }
2299
-
2300
3147
  .univer-p-0\.5 {
2301
3148
  padding: .125rem;
2302
3149
  }
@@ -2551,6 +3398,10 @@
2551
3398
  background-color: var(--univer-gray-900) !important;
2552
3399
  }
2553
3400
 
3401
+ .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
3402
+ color: var(--univer-gray-0) !important;
3403
+ }
3404
+
2554
3405
  .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
2555
3406
  color: var(--univer-gray-100) !important;
2556
3407
  }
@@ -2567,10 +3418,6 @@
2567
3418
  color: var(--univer-gray-600) !important;
2568
3419
  }
2569
3420
 
2570
- .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
2571
- color: var(--univer-white) !important;
2572
- }
2573
-
2574
3421
  .dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
2575
3422
  background-color: var(--univer-gray-700) !important;
2576
3423
  }
@@ -2587,10 +3434,7 @@
2587
3434
  }
2588
3435
 
2589
3436
  .univer-inset-0 {
2590
- top: 0;
2591
- bottom: 0;
2592
- left: 0;
2593
- right: 0;
3437
+ inset: 0;
2594
3438
  }
2595
3439
 
2596
3440
  .univer-bottom-4 {
@@ -2853,6 +3697,10 @@
2853
3697
  border-color: var(--univer-gray-200);
2854
3698
  }
2855
3699
 
3700
+ .univer-bg-gray-0 {
3701
+ background-color: var(--univer-gray-0);
3702
+ }
3703
+
2856
3704
  .univer-bg-gray-100 {
2857
3705
  background-color: var(--univer-gray-100);
2858
3706
  }
@@ -2861,10 +3709,6 @@
2861
3709
  background-color: var(--univer-gray-200);
2862
3710
  }
2863
3711
 
2864
- .univer-bg-white {
2865
- background-color: var(--univer-white);
2866
- }
2867
-
2868
3712
  .univer-p-0 {
2869
3713
  padding: 0;
2870
3714
  }
@@ -3036,12 +3880,12 @@
3036
3880
  background-color: var(--univer-gray-900) !important;
3037
3881
  }
3038
3882
 
3039
- .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
3040
- color: var(--univer-gray-200) !important;
3883
+ .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
3884
+ color: var(--univer-gray-0) !important;
3041
3885
  }
3042
3886
 
3043
- .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
3044
- color: var(--univer-white) !important;
3887
+ .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
3888
+ color: var(--univer-gray-200) !important;
3045
3889
  }
3046
3890
 
3047
3891
  .hover\:dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *):hover {
@@ -3365,6 +4209,10 @@
3365
4209
  line-height: 1.75rem;
3366
4210
  }
3367
4211
 
4212
+ .univer-text-gray-0 {
4213
+ color: var(--univer-gray-0);
4214
+ }
4215
+
3368
4216
  .univer-text-gray-200 {
3369
4217
  color: var(--univer-gray-200);
3370
4218
  }
@@ -3389,10 +4237,6 @@
3389
4237
  color: var(--univer-red-500);
3390
4238
  }
3391
4239
 
3392
- .univer-text-white {
3393
- color: var(--univer-white);
3394
- }
3395
-
3396
4240
  .univer-outline-none {
3397
4241
  outline-offset: 2px;
3398
4242
  outline: 2px solid #0000;
@@ -3439,12 +4283,12 @@
3439
4283
  background-color: var(--univer-gray-200);
3440
4284
  }
3441
4285
 
3442
- .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
3443
- color: var(--univer-gray-100) !important;
4286
+ .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
4287
+ color: var(--univer-gray-0) !important;
3444
4288
  }
3445
4289
 
3446
- .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
3447
- color: var(--univer-white) !important;
4290
+ .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
4291
+ color: var(--univer-gray-100) !important;
3448
4292
  }
3449
4293
 
3450
4294
  .dark\:\!univer-ring-primary-900:where(.univer-dark, .univer-dark *) {