@aifuxi/semi-theme-default 1.2.0 → 2.0.0

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 (92) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +10 -1
  3. package/dist/SBOM.spdx.json +4 -4
  4. package/dist/ai-chat-dialogue.css +2 -4911
  5. package/dist/ai-chat-input.css +1 -3363
  6. package/dist/anchor.css +1 -1517
  7. package/dist/audio-player.css +1 -699
  8. package/dist/auto-complete.css +1 -1913
  9. package/dist/avatar.css +1 -780
  10. package/dist/back-top.css +1 -1462
  11. package/dist/badge.css +1 -699
  12. package/dist/banner.css +1 -1775
  13. package/dist/base.css +737 -0
  14. package/dist/breadcrumb.css +1 -1554
  15. package/dist/button.css +1 -949
  16. package/dist/calendar.css +1 -1669
  17. package/dist/card.css +1 -1644
  18. package/dist/carousel.css +1 -780
  19. package/dist/cascader.css +1 -3154
  20. package/dist/chat.css +1 -4510
  21. package/dist/checkbox.css +1 -743
  22. package/dist/code-highlight.css +1 -699
  23. package/dist/collapse.css +1 -740
  24. package/dist/collapsible.css +1 -736
  25. package/dist/color-picker.css +1 -3739
  26. package/dist/config-provider.css +1 -698
  27. package/dist/cropper.css +1 -699
  28. package/dist/date-picker.css +2 -2824
  29. package/dist/descriptions.css +1 -736
  30. package/dist/divider.css +1 -699
  31. package/dist/drag-move.css +1 -698
  32. package/dist/dropdown.css +1 -1008
  33. package/dist/empty.css +1 -1050
  34. package/dist/feedback.css +1 -3957
  35. package/dist/float-button.css +2 -873
  36. package/dist/form.css +212 -15984
  37. package/dist/grid.css +1 -699
  38. package/dist/highlight.css +1 -699
  39. package/dist/hot-keys.css +1 -699
  40. package/dist/icon-button.css +1 -1293
  41. package/dist/icon.css +1 -736
  42. package/dist/image.css +1 -1512
  43. package/dist/index.css +2 -1
  44. package/dist/input-number.css +1 -1391
  45. package/dist/input.css +1 -1331
  46. package/dist/json-viewer.css +2 -1904
  47. package/dist/layout.css +1 -699
  48. package/dist/list.css +1 -6143
  49. package/dist/locale.css +1 -698
  50. package/dist/lottie.css +1 -698
  51. package/dist/markdown-render.css +1 -2331
  52. package/dist/modal.css +1 -1825
  53. package/dist/navigation.css +2 -1826
  54. package/dist/notification.css +1 -1424
  55. package/dist/overflow-list.css +1 -699
  56. package/dist/pagination.css +1 -3226
  57. package/dist/pin-code.css +1 -1347
  58. package/dist/popconfirm.css +1 -1669
  59. package/dist/popover.css +1 -964
  60. package/dist/progress.css +1 -736
  61. package/dist/radio.css +1 -743
  62. package/dist/rating.css +1 -743
  63. package/dist/resizable.css +1 -743
  64. package/dist/scroll-list.css +1 -736
  65. package/dist/select.css +1 -2516
  66. package/dist/shared/foundation-input-textarea.css +304 -0
  67. package/dist/shared/foundation-portal-portal.css +15 -0
  68. package/dist/side-sheet.css +1 -1474
  69. package/dist/sidebar.css +1 -3661
  70. package/dist/skeleton.css +1 -736
  71. package/dist/slider.css +1 -964
  72. package/dist/space.css +1 -699
  73. package/dist/spin.css +1 -699
  74. package/dist/steps.css +1 -6118
  75. package/dist/style-dependencies.json +1647 -0
  76. package/dist/switch.css +1 -805
  77. package/dist/table.css +1 -4365
  78. package/dist/tabs.css +1 -1674
  79. package/dist/tag-input.css +1 -2784
  80. package/dist/tag.css +1 -1902
  81. package/dist/time-picker.css +1 -2035
  82. package/dist/timeline.css +1 -699
  83. package/dist/toast.css +1 -1424
  84. package/dist/tooltip.css +1 -749
  85. package/dist/transfer.css +1 -3256
  86. package/dist/tree-select.css +1 -3602
  87. package/dist/tree.css +1 -1852
  88. package/dist/typography.css +1 -1166
  89. package/dist/upload.css +1 -2592
  90. package/dist/user-guide.css +1 -2272
  91. package/dist/video-player.css +1 -885
  92. package/package.json +5 -3
@@ -1,2745 +1,6 @@
1
1
  /* shadow */
2
2
  /* sizing */
3
3
  /* spacing */
4
- body, body .semi-always-light, :host, :host .semi-always-light {
5
- --semi-amber-0: 254,251,235;
6
- --semi-amber-1: 252,245,206;
7
- --semi-amber-2: 249,232,158;
8
- --semi-amber-3: 246,216,111;
9
- --semi-amber-4: 243,198,65;
10
- --semi-amber-5: 240,177,20;
11
- --semi-amber-6: 200,138,15;
12
- --semi-amber-7: 160,102,10;
13
- --semi-amber-8: 120,70,6;
14
- --semi-amber-9: 80,43,3;
15
- --semi-black: 0,0,0;
16
- --semi-blue-0: 234,245,255;
17
- --semi-blue-1: 203,231,254;
18
- --semi-blue-2: 152,205,253;
19
- --semi-blue-3: 101,178,252;
20
- --semi-blue-4: 50,149,251;
21
- --semi-blue-5: 0,100,250;
22
- --semi-blue-6: 0,98,214;
23
- --semi-blue-7: 0,79,179;
24
- --semi-blue-8: 0,61,143;
25
- --semi-blue-9: 0,44,107;
26
- --semi-cyan-0: 229,247,248;
27
- --semi-cyan-1: 194,239,240;
28
- --semi-cyan-2: 138,221,226;
29
- --semi-cyan-3: 88,203,211;
30
- --semi-cyan-4: 44,184,197;
31
- --semi-cyan-5: 5,164,182;
32
- --semi-cyan-6: 3,134,152;
33
- --semi-cyan-7: 1,105,121;
34
- --semi-cyan-8: 0,77,91;
35
- --semi-cyan-9: 0,50,61;
36
- --semi-green-0: 236,247,236;
37
- --semi-green-1: 208,240,209;
38
- --semi-green-2: 164,224,167;
39
- --semi-green-3: 125,209,130;
40
- --semi-green-4: 90,194,98;
41
- --semi-green-5: 59,179,70;
42
- --semi-green-6: 48,149,59;
43
- --semi-green-7: 37,119,47;
44
- --semi-green-8: 27,89,36;
45
- --semi-green-9: 17,60,24;
46
- --semi-grey-0: 249,249,249;
47
- --semi-grey-1: 230,232,234;
48
- --semi-grey-2: 198,202,205;
49
- --semi-grey-3: 167,171,176;
50
- --semi-grey-4: 136,141,146;
51
- --semi-grey-5: 107,112,117;
52
- --semi-grey-6: 85,91,97;
53
- --semi-grey-7: 65,70,76;
54
- --semi-grey-8: 46,50,56;
55
- --semi-grey-9: 28,31,35;
56
- --semi-indigo-0: 236,239,248;
57
- --semi-indigo-1: 209,216,240;
58
- --semi-indigo-2: 167,179,225;
59
- --semi-indigo-3: 128,144,211;
60
- --semi-indigo-4: 94,111,196;
61
- --semi-indigo-5: 63,81,181;
62
- --semi-indigo-6: 51,66,161;
63
- --semi-indigo-7: 40,52,140;
64
- --semi-indigo-8: 31,40,120;
65
- --semi-indigo-9: 23,29,99;
66
- --semi-light-blue-0: 233,247,253;
67
- --semi-light-blue-1: 201,236,252;
68
- --semi-light-blue-2: 149,216,248;
69
- --semi-light-blue-3: 98,195,245;
70
- --semi-light-blue-4: 48,172,241;
71
- --semi-light-blue-5: 0,149,238;
72
- --semi-light-blue-6: 0,123,202;
73
- --semi-light-blue-7: 0,99,167;
74
- --semi-light-blue-8: 0,75,131;
75
- --semi-light-blue-9: 0,53,95;
76
- --semi-light-green-0: 243,248,236;
77
- --semi-light-green-1: 227,240,208;
78
- --semi-light-green-2: 200,226,165;
79
- --semi-light-green-3: 173,211,126;
80
- --semi-light-green-4: 147,197,91;
81
- --semi-light-green-5: 123,182,60;
82
- --semi-light-green-6: 100,152,48;
83
- --semi-light-green-7: 78,121,38;
84
- --semi-light-green-8: 57,91,27;
85
- --semi-light-green-9: 37,61,18;
86
- --semi-lime-0: 242,250,230;
87
- --semi-lime-1: 227,246,197;
88
- --semi-lime-2: 203,237,142;
89
- --semi-lime-3: 183,227,91;
90
- --semi-lime-4: 167,218,44;
91
- --semi-lime-5: 155,209,0;
92
- --semi-lime-6: 126,174,0;
93
- --semi-lime-7: 99,139,0;
94
- --semi-lime-8: 72,104,0;
95
- --semi-lime-9: 47,70,0;
96
- --semi-orange-0: 255,248,234;
97
- --semi-orange-1: 254,238,204;
98
- --semi-orange-2: 254,217,152;
99
- --semi-orange-3: 253,193,101;
100
- --semi-orange-4: 253,166,51;
101
- --semi-orange-5: 252,136,0;
102
- --semi-orange-6: 210,103,0;
103
- --semi-orange-7: 168,74,0;
104
- --semi-orange-8: 126,49,0;
105
- --semi-orange-9: 84,29,0;
106
- --semi-pink-0: 253,236,239;
107
- --semi-pink-1: 251,207,216;
108
- --semi-pink-2: 246,160,181;
109
- --semi-pink-3: 242,115,150;
110
- --semi-pink-4: 237,72,123;
111
- --semi-pink-5: 233,30,99;
112
- --semi-pink-6: 197,19,86;
113
- --semi-pink-7: 162,11,72;
114
- --semi-pink-8: 126,5,58;
115
- --semi-pink-9: 90,1,43;
116
- --semi-purple-0: 247,233,247;
117
- --semi-purple-1: 239,202,240;
118
- --semi-purple-2: 221,155,224;
119
- --semi-purple-3: 201,111,209;
120
- --semi-purple-4: 180,73,194;
121
- --semi-purple-5: 158,40,179;
122
- --semi-purple-6: 135,30,158;
123
- --semi-purple-7: 113,22,138;
124
- --semi-purple-8: 92,15,117;
125
- --semi-purple-9: 73,10,97;
126
- --semi-red-0: 254,242,237;
127
- --semi-red-1: 254,221,210;
128
- --semi-red-2: 253,183,165;
129
- --semi-red-3: 251,144,120;
130
- --semi-red-4: 250,102,76;
131
- --semi-red-5: 249,57,32;
132
- --semi-red-6: 213,37,21;
133
- --semi-red-7: 178,20,12;
134
- --semi-red-8: 142,8,5;
135
- --semi-red-9: 106,1,3;
136
- --semi-teal-0: 228,247,244;
137
- --semi-teal-1: 192,240,232;
138
- --semi-teal-2: 135,224,211;
139
- --semi-teal-3: 84,209,193;
140
- --semi-teal-4: 39,194,176;
141
- --semi-teal-5: 0,179,161;
142
- --semi-teal-6: 0,149,137;
143
- --semi-teal-7: 0,119,111;
144
- --semi-teal-8: 0,89,85;
145
- --semi-teal-9: 0,60,58;
146
- --semi-violet-0: 243,237,249;
147
- --semi-violet-1: 226,209,244;
148
- --semi-violet-2: 196,167,233;
149
- --semi-violet-3: 166,127,221;
150
- --semi-violet-4: 136,91,210;
151
- --semi-violet-5: 106,58,199;
152
- --semi-violet-6: 87,47,179;
153
- --semi-violet-7: 70,37,158;
154
- --semi-violet-8: 54,28,138;
155
- --semi-violet-9: 40,20,117;
156
- --semi-white: 255,255,255;
157
- --semi-yellow-0: 255,253,234;
158
- --semi-yellow-1: 254,251,203;
159
- --semi-yellow-2: 253,243,152;
160
- --semi-yellow-3: 252,232,101;
161
- --semi-yellow-4: 251,218,50;
162
- --semi-yellow-5: 250,200,0;
163
- --semi-yellow-6: 208,170,0;
164
- --semi-yellow-7: 167,139,0;
165
- --semi-yellow-8: 125,106,0;
166
- --semi-yellow-9: 83,72,0;
167
- --semi-ai-purple-0: 248,237,255;
168
- --semi-ai-purple-1: 242,218,255;
169
- --semi-ai-purple-2: 227,181,255;
170
- --semi-ai-purple-3: 209,145,255;
171
- --semi-ai-purple-4: 189,108,255;
172
- --semi-ai-purple-5: 166,71,255;
173
- --semi-ai-purple-6: 134,54,219;
174
- --semi-ai-purple-7: 105,40,184;
175
- --semi-ai-purple-8: 78,28,148;
176
- --semi-ai-purple-9: 54,18,112;
177
- --semi-ai-general-0-3: 239,247,255;
178
- --semi-ai-general-0-2: 244,244,255;
179
- --semi-ai-general-0-1: 248,237,255;
180
- --semi-ai-general-0-0: 255,242,255;
181
- --semi-ai-general-1-3: 213,235,255;
182
- --semi-ai-general-1-2: 223,224,255;
183
- --semi-ai-general-1-1: 242,218,255;
184
- --semi-ai-general-1-0: 255,218,254;
185
- --semi-ai-general-2-3: 171,213,255;
186
- --semi-ai-general-2-2: 193,192,255;
187
- --semi-ai-general-2-1: 227,181,255;
188
- --semi-ai-general-2-0: 254,181,255;
189
- --semi-ai-general-3-3: 130,190,255;
190
- --semi-ai-general-3-2: 163,160,255;
191
- --semi-ai-general-3-1: 209,145,255;
192
- --semi-ai-general-3-0: 249,143,255;
193
- --semi-ai-general-4-3: 88,166,255;
194
- --semi-ai-general-4-2: 134,129,255;
195
- --semi-ai-general-4-1: 189,108,255;
196
- --semi-ai-general-4-0: 242,106,255;
197
- --semi-ai-general-5-3: 46,140,255;
198
- --semi-ai-general-5-2: 107,97,255;
199
- --semi-ai-general-5-1: 166,71,255;
200
- --semi-ai-general-5-0: 233,69,255;
201
- --semi-ai-general-6-3: 33,114,219;
202
- --semi-ai-general-6-2: 88,77,219;
203
- --semi-ai-general-6-1: 134,54,219;
204
- --semi-ai-general-6-0: 194,53,219;
205
- --semi-ai-general-7-3: 22,89,184;
206
- --semi-ai-general-7-2: 71,59,184;
207
- --semi-ai-general-7-1: 105,40,184;
208
- --semi-ai-general-7-0: 157,39,184;
209
- --semi-ai-general-8-3: 13,67,148;
210
- --semi-ai-general-8-2: 55,43,148;
211
- --semi-ai-general-8-1: 78,28,148;
212
- --semi-ai-general-8-0: 121,27,148;
213
- --semi-ai-general-9-3: 7,47,112;
214
- --semi-ai-general-9-2: 40,29,112;
215
- --semi-ai-general-9-1: 54,18,112;
216
- --semi-ai-general-9-0: 88,17,112;
217
- --semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);
218
- --semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);
219
- --semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);
220
- --semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);
221
- --semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);
222
- --semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);
223
- --semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);
224
- --semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);
225
- --semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);
226
- --semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%);
227
- }
228
-
229
- body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
230
- --semi-red-0: 108,9,11;
231
- --semi-red-1: 144,17,16;
232
- --semi-red-2: 180,32,25;
233
- --semi-red-3: 215,51,36;
234
- --semi-red-4: 251,73,50;
235
- --semi-red-5: 252,114,90;
236
- --semi-red-6: 253,153,131;
237
- --semi-red-7: 253,190,172;
238
- --semi-red-8: 254,224,213;
239
- --semi-red-9: 255,243,239;
240
- --semi-pink-0: 92,7,48;
241
- --semi-pink-1: 128,14,65;
242
- --semi-pink-2: 164,23,81;
243
- --semi-pink-3: 199,34,97;
244
- --semi-pink-4: 235,47,113;
245
- --semi-pink-5: 239,86,134;
246
- --semi-pink-6: 243,126,159;
247
- --semi-pink-7: 247,168,188;
248
- --semi-pink-8: 251,211,220;
249
- --semi-pink-9: 253,238,241;
250
- --semi-purple-0: 74,16,97;
251
- --semi-purple-1: 94,23,118;
252
- --semi-purple-2: 115,31,138;
253
- --semi-purple-3: 137,40,159;
254
- --semi-purple-4: 160,51,179;
255
- --semi-purple-5: 181,83,194;
256
- --semi-purple-6: 202,120,209;
257
- --semi-purple-7: 221,160,225;
258
- --semi-purple-8: 239,206,240;
259
- --semi-purple-9: 247,235,247;
260
- --semi-violet-0: 64,27,119;
261
- --semi-violet-1: 76,36,140;
262
- --semi-violet-2: 88,46,160;
263
- --semi-violet-3: 100,57,181;
264
- --semi-violet-4: 114,70,201;
265
- --semi-violet-5: 136,101,212;
266
- --semi-violet-6: 162,136,223;
267
- --semi-violet-7: 190,173,233;
268
- --semi-violet-8: 221,212,244;
269
- --semi-violet-9: 241,238,250;
270
- --semi-indigo-0: 23,30,101;
271
- --semi-indigo-1: 32,41,122;
272
- --semi-indigo-2: 41,54,142;
273
- --semi-indigo-3: 52,68,163;
274
- --semi-indigo-4: 64,83,183;
275
- --semi-indigo-5: 95,113,197;
276
- --semi-indigo-6: 129,145,212;
277
- --semi-indigo-7: 167,180,226;
278
- --semi-indigo-8: 209,216,241;
279
- --semi-indigo-9: 237,239,248;
280
- --semi-blue-0: 5,49,112;
281
- --semi-blue-1: 10,70,148;
282
- --semi-blue-2: 19,92,184;
283
- --semi-blue-3: 29,117,219;
284
- --semi-blue-4: 41,144,255;
285
- --semi-blue-5: 84,169,255;
286
- --semi-blue-6: 127,193,255;
287
- --semi-blue-7: 169,215,255;
288
- --semi-blue-8: 212,236,255;
289
- --semi-blue-9: 239,248,255;
290
- --semi-light-blue-0: 0,55,97;
291
- --semi-light-blue-1: 0,77,133;
292
- --semi-light-blue-2: 3,102,169;
293
- --semi-light-blue-3: 10,129,204;
294
- --semi-light-blue-4: 19,159,240;
295
- --semi-light-blue-5: 64,180,243;
296
- --semi-light-blue-6: 110,200,246;
297
- --semi-light-blue-7: 157,220,249;
298
- --semi-light-blue-8: 206,238,252;
299
- --semi-light-blue-9: 235,248,254;
300
- --semi-cyan-0: 4,52,61;
301
- --semi-cyan-1: 7,79,92;
302
- --semi-cyan-2: 10,108,123;
303
- --semi-cyan-3: 14,137,153;
304
- --semi-cyan-4: 19,168,184;
305
- --semi-cyan-5: 56,187,198;
306
- --semi-cyan-6: 98,205,212;
307
- --semi-cyan-7: 145,223,227;
308
- --semi-cyan-8: 198,239,241;
309
- --semi-cyan-9: 231,247,248;
310
- --semi-teal-0: 2,60,57;
311
- --semi-teal-1: 4,90,85;
312
- --semi-teal-2: 7,119,111;
313
- --semi-teal-3: 10,149,136;
314
- --semi-teal-4: 14,179,161;
315
- --semi-teal-5: 51,194,176;
316
- --semi-teal-6: 94,209,193;
317
- --semi-teal-7: 142,225,211;
318
- --semi-teal-8: 196,240,232;
319
- --semi-teal-9: 230,247,244;
320
- --semi-green-0: 18,60,25;
321
- --semi-green-1: 28,90,37;
322
- --semi-green-2: 39,119,49;
323
- --semi-green-3: 50,149,61;
324
- --semi-green-4: 62,179,73;
325
- --semi-green-5: 93,194,100;
326
- --semi-green-6: 127,209,132;
327
- --semi-green-7: 166,225,168;
328
- --semi-green-8: 208,240,209;
329
- --semi-green-9: 236,247,236;
330
- --semi-light-green-0: 38,61,19;
331
- --semi-light-green-1: 59,92,29;
332
- --semi-light-green-2: 81,123,40;
333
- --semi-light-green-3: 103,153,52;
334
- --semi-light-green-4: 127,184,64;
335
- --semi-light-green-5: 151,198,95;
336
- --semi-light-green-6: 176,212,129;
337
- --semi-light-green-7: 201,227,167;
338
- --semi-light-green-8: 228,241,209;
339
- --semi-light-green-9: 243,248,237;
340
- --semi-lime-0: 49,70,3;
341
- --semi-lime-1: 75,105,5;
342
- --semi-lime-2: 103,141,9;
343
- --semi-lime-3: 132,176,12;
344
- --semi-lime-4: 162,211,17;
345
- --semi-lime-5: 174,220,58;
346
- --semi-lime-6: 189,229,102;
347
- --semi-lime-7: 207,237,150;
348
- --semi-lime-8: 229,246,201;
349
- --semi-lime-9: 243,251,233;
350
- --semi-yellow-0: 84,73,3;
351
- --semi-yellow-1: 126,108,6;
352
- --semi-yellow-2: 168,142,10;
353
- --semi-yellow-3: 210,175,15;
354
- --semi-yellow-4: 252,206,20;
355
- --semi-yellow-5: 253,222,67;
356
- --semi-yellow-6: 253,235,113;
357
- --semi-yellow-7: 254,245,160;
358
- --semi-yellow-8: 254,251,208;
359
- --semi-yellow-9: 255,254,236;
360
- --semi-amber-0: 81,46,9;
361
- --semi-amber-1: 121,75,15;
362
- --semi-amber-2: 161,107,22;
363
- --semi-amber-3: 202,143,30;
364
- --semi-amber-4: 242,183,38;
365
- --semi-amber-5: 245,202,80;
366
- --semi-amber-6: 247,219,122;
367
- --semi-amber-7: 250,234,166;
368
- --semi-amber-8: 252,246,210;
369
- --semi-amber-9: 254,251,237;
370
- --semi-orange-0: 85,31,3;
371
- --semi-orange-1: 128,53,6;
372
- --semi-orange-2: 170,80,10;
373
- --semi-orange-3: 213,111,15;
374
- --semi-orange-4: 255,146,20;
375
- --semi-orange-5: 255,174,67;
376
- --semi-orange-6: 255,199,114;
377
- --semi-orange-7: 255,221,161;
378
- --semi-orange-8: 255,239,208;
379
- --semi-orange-9: 255,249,237;
380
- --semi-grey-0: 28,31,35;
381
- --semi-grey-1: 46,50,56;
382
- --semi-grey-2: 65,70,76;
383
- --semi-grey-3: 85,91,97;
384
- --semi-grey-4: 107,112,117;
385
- --semi-grey-5: 136,141,146;
386
- --semi-grey-6: 167,171,176;
387
- --semi-grey-7: 198,202,205;
388
- --semi-grey-8: 230,232,234;
389
- --semi-grey-9: 249,249,249;
390
- --semi-white: 255, 255, 255;
391
- --semi-black: 0, 0, 0;
392
- --semi-ai-purple-0: 58,23,112;
393
- --semi-ai-purple-1: 83,35,148;
394
- --semi-ai-purple-2: 111,49,184;
395
- --semi-ai-purple-3: 141,65,219;
396
- --semi-ai-purple-4: 167,68,255;
397
- --semi-ai-purple-5: 195,117,255;
398
- --semi-ai-purple-6: 213,152,255;
399
- --semi-ai-purple-7: 229,186,255;
400
- --semi-ai-purple-8: 243,221,255;
401
- --semi-ai-purple-9: 251,243,255;
402
- --semi-ai-general-0-0: 9,44,100;
403
- --semi-ai-general-0-1: 39,29,108;
404
- --semi-ai-general-0-2: 58,23,112;
405
- --semi-ai-general-0-3: 80,18,101;
406
- --semi-ai-general-1-0: 17,64,136;
407
- --semi-ai-general-1-1: 54,43,144;
408
- --semi-ai-general-1-2: 83,35,148;
409
- --semi-ai-general-1-3: 113,28,137;
410
- --semi-ai-general-2-0: 26,86,172;
411
- --semi-ai-general-2-1: 70,59,180;
412
- --semi-ai-general-2-2: 111,49,184;
413
- --semi-ai-general-2-3: 148,41,173;
414
- --semi-ai-general-3-0: 38,111,207;
415
- --semi-ai-general-3-1: 88,78,215;
416
- --semi-ai-general-3-2: 141,65,219;
417
- --semi-ai-general-3-3: 185,55,208;
418
- --semi-ai-general-4-0: 35,127,240;
419
- --semi-ai-general-4-1: 94,84,248;
420
- --semi-ai-general-4-2: 167,68,255;
421
- --semi-ai-general-4-3: 219,56,241;
422
- --semi-ai-general-5-0: 91,162,245;
423
- --semi-ai-general-5-1: 134,129,252;
424
- --semi-ai-general-5-2: 195,117,255;
425
- --semi-ai-general-5-3: 234,107,246;
426
- --semi-ai-general-6-0: 131,187,248;
427
- --semi-ai-general-6-1: 163,160,253;
428
- --semi-ai-general-6-2: 213,152,255;
429
- --semi-ai-general-6-3: 243,143,248;
430
- --semi-ai-general-7-0: 172,210,250;
431
- --semi-ai-general-7-1: 192,192,253;
432
- --semi-ai-general-7-2: 229,186,255;
433
- --semi-ai-general-7-3: 249,180,251;
434
- --semi-ai-general-8-0: 213,233,253;
435
- --semi-ai-general-8-1: 223,223,254;
436
- --semi-ai-general-8-2: 243,221,255;
437
- --semi-ai-general-8-3: 253,217,252;
438
- --semi-ai-general-9-0: 239,247,254;
439
- --semi-ai-general-9-1: 244,244,255;
440
- --semi-ai-general-9-2: 251,243,255;
441
- --semi-ai-general-9-3: 254,241,254;
442
- --semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);
443
- --semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);
444
- --semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);
445
- --semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);
446
- --semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);
447
- --semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);
448
- --semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);
449
- --semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);
450
- --semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);
451
- --semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%);
452
- }
453
-
454
- body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
455
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
456
- -webkit-font-smoothing: antialiased;
457
- --semi-color-white: rgba(var(--semi-white), 1);
458
- --semi-color-black: rgba(var(--semi-black), 1);
459
- --semi-color-primary: rgba(var(--semi-blue-5), 1);
460
- --semi-color-primary-hover: rgba(var(--semi-blue-6), 1);
461
- --semi-color-primary-active: rgba(var(--semi-blue-7), 1);
462
- --semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);
463
- --semi-color-primary-light-default: rgba(var(--semi-blue-0), 1);
464
- --semi-color-primary-light-hover: rgba(var(--semi-blue-1), 1);
465
- --semi-color-primary-light-active: rgba(var(--semi-blue-2), 1);
466
- --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
467
- --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
468
- --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
469
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
470
- --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
471
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
472
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
473
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
474
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
475
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
476
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
477
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
478
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
479
- --semi-color-default: rgba(var(--semi-grey-0), 1);
480
- --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
481
- --semi-color-default-active: rgba(var(--semi-grey-2), 1);
482
- --semi-color-info: rgba(var(--semi-blue-5), 1);
483
- --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
484
- --semi-color-info-active: rgba(var(--semi-blue-7), 1);
485
- --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
486
- --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
487
- --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
488
- --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
489
- --semi-color-success: rgba(var(--semi-green-5), 1);
490
- --semi-color-success-hover: rgba(var(--semi-green-6), 1);
491
- --semi-color-success-active: rgba(var(--semi-green-7), 1);
492
- --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
493
- --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
494
- --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
495
- --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
496
- --semi-color-danger: rgba(var(--semi-red-5), 1);
497
- --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
498
- --semi-color-danger-active: rgba(var(--semi-red-7), 1);
499
- --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
500
- --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
501
- --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
502
- --semi-color-warning: rgba(var(--semi-orange-5), 1);
503
- --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
504
- --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
505
- --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
506
- --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
507
- --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
508
- --semi-color-focus-border: rgba(var(--semi-blue-5), 1);
509
- --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
510
- --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
511
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
512
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
513
- --semi-color-shadow: rgba(var(--semi-black), .04);
514
- --semi-color-link: rgba(var(--semi-blue-5), 1);
515
- --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
516
- --semi-color-link-active: rgba(var(--semi-blue-7), 1);
517
- --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
518
- --semi-color-border: rgba(var(--semi-grey-9), .08);
519
- --semi-color-nav-bg: rgba(var(--semi-white), 1);
520
- --semi-color-overlay-bg: rgba(22, 22, 26, .6);
521
- --semi-color-fill-0: rgba(var(--semi-grey-8), .05);
522
- --semi-color-fill-1: rgba(var(--semi-grey-8), .09);
523
- --semi-color-fill-2: rgba(var(--semi-grey-8), .13);
524
- --semi-color-bg-0: rgba(var(--semi-white), 1);
525
- --semi-color-bg-1: rgba(var(--semi-white), 1);
526
- --semi-color-bg-2: rgba(var(--semi-white), 1);
527
- --semi-color-bg-3: rgba(var(--semi-white), 1);
528
- --semi-color-bg-4: rgba(var(--semi-white), 1);
529
- --semi-color-text-0: rgba(var(--semi-grey-9), 1);
530
- --semi-color-text-1: rgba(var(--semi-grey-9), .8);
531
- --semi-color-text-2: rgba(var(--semi-grey-9), .62);
532
- --semi-color-text-3: rgba(var(--semi-grey-9), .35);
533
- --semi-shadow-elevated: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);
534
- --semi-border-radius-extra-small: 3px;
535
- --semi-border-radius-small: 3px;
536
- --semi-border-radius-medium: 6px;
537
- --semi-border-radius-large: 12px;
538
- --semi-border-radius-circle: 50%;
539
- --semi-border-radius-full: 9999px;
540
- --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
541
- --semi-color-highlight: rgba(var(--semi-black), 1);
542
- --semi-color-data-0: rgba(87, 105, 255, 1);
543
- --semi-color-data-1: rgba(142, 212, 231, 1);
544
- --semi-color-data-2: rgba(245, 135, 0, 1);
545
- --semi-color-data-3: rgba(220, 183, 252, 1);
546
- --semi-color-data-4: rgba(74, 156, 247, 1);
547
- --semi-color-data-5: rgba(243, 204, 53, 1);
548
- --semi-color-data-6: rgba(254, 128, 144, 1);
549
- --semi-color-data-7: rgba(139, 215, 210, 1);
550
- --semi-color-data-8: rgba(131, 176, 35, 1);
551
- --semi-color-data-9: rgba(233, 165, 229, 1);
552
- --semi-color-data-10: rgba(48, 167, 206, 1);
553
- --semi-color-data-11: rgba(249, 192, 100, 1);
554
- --semi-color-data-12: rgba(177, 113, 249, 1);
555
- --semi-color-data-13: rgba(119, 182, 249, 1);
556
- --semi-color-data-14: rgba(200, 143, 2, 1);
557
- --semi-color-data-15: rgba(255, 170, 178, 1);
558
- --semi-color-data-16: rgba(51, 176, 171, 1);
559
- --semi-color-data-17: rgba(182, 215, 129, 1);
560
- --semi-color-data-18: rgba(212, 88, 212, 1);
561
- --semi-color-data-19: rgba(188, 198, 255, 1);
562
- --semi-color-ai-general: var(--semi-ai-general-5);
563
- --semi-color-ai-general-hover: var(--semi-ai-general-6);
564
- --semi-color-ai-general-active: var(--semi-ai-general-7);
565
- --semi-color-ai-general-disabled: var(--semi-ai-general-2);
566
- --semi-color-ai-purple: rgba(var(--semi-ai-purple-5));
567
- --semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));
568
- --semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));
569
- --semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));
570
- --semi-color-ai-background-bottom: linear-gradient(201.15deg, rgba(255, 255, 255, 0.04) 6.58%, rgba(255, 226, 138, 0.04) 32.88%, rgba(231, 45, 255, 0.04) 67.93%, rgba(0, 115, 255, 0.04) 94.23%);
571
- --semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, rgba(255, 255, 255, 0.08) 6.58%, rgba(255, 226, 138, 0.08) 32.88%, rgba(231, 45, 255, 0.08) 67.93%, rgba(0, 115, 255, 0.08) 94.23%);
572
- --semi-color-ai-background-bottom-active: linear-gradient(201.15deg, rgba(255, 255, 255, 0.12) 6.58%, rgba(255, 226, 138, 0.12) 32.88%, rgba(231, 45, 255, 0.12) 67.93%, rgba(0, 115, 255, 0.12) 94.23%);
573
- --semi-color-ai-background-top: linear-gradient(201.15deg, rgba(83, 56, 255, 0.16) 6.58%, rgba(176, 48, 240, 0.096) 32.88%, rgba(231, 45, 255, 0.048) 59.17%, rgba(255, 255, 255, 0) 94.23%);
574
- --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.24) 6.58%, rgba(176, 48, 240, 0.144) 32.88%, rgba(231, 45, 255, 0.072) 59.17%, rgba(255, 255, 255, 0) 94.23%);
575
- --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.32) 6.58%, rgba(176, 48, 240, 0.192) 32.88%, rgba(231, 45, 255, 0.096) 59.17%, rgba(255, 255, 255, 0) 94.23%);
576
- }
577
-
578
- body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
579
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
580
- -webkit-font-smoothing: antialiased;
581
- --semi-color-white: rgba(228, 231, 245, 1);
582
- --semi-color-black: rgba(var(--semi-black), 1);
583
- --semi-color-primary: rgba(var(--semi-blue-5), 1);
584
- --semi-color-primary-hover: rgba(var(--semi-blue-6), 1);
585
- --semi-color-primary-active: rgba(var(--semi-blue-7), 1);
586
- --semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);
587
- --semi-color-primary-light-default: rgba(var(--semi-blue-5), .2);
588
- --semi-color-primary-light-hover: rgba(var(--semi-blue-5), .3);
589
- --semi-color-primary-light-active: rgba(var(--semi-blue-5), .4);
590
- --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
591
- --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
592
- --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
593
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
594
- --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), .2);
595
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), .3);
596
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), .4);
597
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
598
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
599
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
600
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), .2);
601
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), .3);
602
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), .4);
603
- --semi-color-default: rgba(var(--semi-grey-0), 1);
604
- --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
605
- --semi-color-default-active: rgba(var(--semi-grey-2), 1);
606
- --semi-color-info: rgba(var(--semi-blue-5), 1);
607
- --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
608
- --semi-color-info-active: rgba(var(--semi-blue-7), 1);
609
- --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
610
- --semi-color-info-light-default: rgba(var(--semi-blue-5), .2);
611
- --semi-color-info-light-hover: rgba(var(--semi-blue-5), .3);
612
- --semi-color-info-light-active: rgba(var(--semi-blue-5), .4);
613
- --semi-color-success: rgba(var(--semi-green-5), 1);
614
- --semi-color-success-hover: rgba(var(--semi-green-6), 1);
615
- --semi-color-success-active: rgba(var(--semi-green-7), 1);
616
- --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
617
- --semi-color-success-light-default: rgba(var(--semi-green-5), .2);
618
- --semi-color-success-light-hover: rgba(var(--semi-green-5), .3);
619
- --semi-color-success-light-active: rgba(var(--semi-green-5), .4);
620
- --semi-color-danger: rgba(var(--semi-red-5), 1);
621
- --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
622
- --semi-color-danger-active: rgba(var(--semi-red-7), 1);
623
- --semi-color-danger-light-default: rgba(var(--semi-red-5), .2);
624
- --semi-color-danger-light-hover: rgba(var(--semi-red-5), .3);
625
- --semi-color-danger-light-active: rgba(var(--semi-red-5), .4);
626
- --semi-color-warning: rgba(var(--semi-orange-5), 1);
627
- --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
628
- --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
629
- --semi-color-warning-light-default: rgba(var(--semi-orange-5), .2);
630
- --semi-color-warning-light-hover: rgba(var(--semi-orange-5), .3);
631
- --semi-color-warning-light-active: rgba(var(--semi-orange-5), .4);
632
- --semi-color-focus-border: rgba(var(--semi-blue-5), 1);
633
- --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
634
- --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
635
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
636
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
637
- --semi-color-link: rgba(var(--semi-blue-5), 1);
638
- --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
639
- --semi-color-link-active: rgba(var(--semi-blue-7), 1);
640
- --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
641
- --semi-color-nav-bg: rgba(35, 36, 41, 1);
642
- --semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .25);
643
- --semi-color-overlay-bg: rgba(22, 22, 26, .6);
644
- --semi-color-fill-0: rgba(var(--semi-white), .12);
645
- --semi-color-fill-1: rgba(var(--semi-white), .16);
646
- --semi-color-fill-2: rgba(var(--semi-white), .20);
647
- --semi-color-border: rgba(var(--semi-white), .08);
648
- --semi-color-shadow: rgba(var(--semi-black), .04);
649
- --semi-color-bg-0: rgba(22, 22, 26, 1);
650
- --semi-color-bg-1: rgba(35, 36, 41, 1);
651
- --semi-color-bg-2: rgba(53, 54, 60, 1);
652
- --semi-color-bg-3: rgba(67, 68, 74, 1);
653
- --semi-color-bg-4: rgba(79, 81, 89, 1);
654
- --semi-color-text-0: rgba(var(--semi-grey-9), 1);
655
- --semi-color-text-1: rgba(var(--semi-grey-9), .8);
656
- --semi-color-text-2: rgba(var(--semi-grey-9), .6);
657
- --semi-color-text-3: rgba(var(--semi-grey-9), .35);
658
- --semi-border-radius-extra-small: 3px;
659
- --semi-border-radius-small: 3px;
660
- --semi-border-radius-medium: 6px;
661
- --semi-border-radius-large: 12px;
662
- --semi-border-radius-circle: 50%;
663
- --semi-border-radius-full: 9999px;
664
- --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
665
- --semi-color-highlight: rgba(var(--semi-white), 1);
666
- --semi-color-data-0: rgba(94, 109, 194, 1);
667
- --semi-color-data-1: rgba(8, 104, 120, 1);
668
- --semi-color-data-2: rgba(250, 173, 63, 1);
669
- --semi-color-data-3: rgba(76, 43, 156, 1);
670
- --semi-color-data-4: rgba(16, 125, 248, 1);
671
- --semi-color-data-5: rgba(248, 202, 16, 1);
672
- --semi-color-data-6: rgba(195, 30, 87, 1);
673
- --semi-color-data-7: rgba(5, 119, 115, 1);
674
- --semi-color-data-8: rgba(154, 207, 13, 1);
675
- --semi-color-data-9: rgba(117, 29, 138, 1);
676
- --semi-color-data-10: rgba(16, 162, 180, 1);
677
- --semi-color-data-11: rgba(208, 110, 11, 1);
678
- --semi-color-data-12: rgba(113, 66, 197, 1);
679
- --semi-color-data-13: rgba(7, 100, 212, 1);
680
- --semi-color-data-14: rgba(251, 232, 110, 1);
681
- --semi-color-data-15: rgba(160, 19, 73, 1);
682
- --semi-color-data-16: rgba(11, 179, 167, 1);
683
- --semi-color-data-17: rgba(98, 138, 6, 1);
684
- --semi-color-data-18: rgba(162, 48, 179, 1);
685
- --semi-color-data-19: rgba(40, 51, 138, 1);
686
- --semi-color-ai-general: var(--semi-ai-general-5);
687
- --semi-color-ai-general-hover: var(--semi-ai-general-6);
688
- --semi-color-ai-general-active: var(--semi-ai-general-7);
689
- --semi-color-ai-general-disabled: var(--semi-ai-general-2);
690
- --semi-color-ai-purple: rgba(var(--semi-ai-purple-5));
691
- --semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));
692
- --semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));
693
- --semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));
694
- --semi-color-ai-background-bottom: linear-gradient(201.15deg, rgba(255, 226, 138, 0.2) 6.58%, rgba(231, 45, 255, 0.2) 50.4%, rgba(0, 115, 255, 0.2) 94.23%);
695
- --semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, rgba(255, 226, 138, 0.3) 6.58%, rgba(231, 45, 255, 0.3) 50.4%, rgba(0, 115, 255, 0.3) 94.23%);
696
- --semi-color-ai-background-bottom-active: linear-gradient(201.15deg, rgba(255, 226, 138, 0.4) 6.58%, rgba(231, 45, 255, 0.4) 50.4%, rgba(0, 115, 255, 0.4) 94.23%);
697
- --semi-color-ai-background-top: linear-gradient(201.15deg, rgba(83, 56, 255, 0.36) 6.58%, rgba(176, 48, 240, 0.216) 32.88%, rgba(154, 0, 174, 0.108) 59.17%, rgba(0, 0, 0, 0) 94.23%);
698
- --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.54) 6.58%, rgba(176, 48, 240, 0.324) 32.88%, rgba(154, 0, 174, 0.162) 59.17%, rgba(0, 0, 0, 0) 94.23%);
699
- --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.72) 6.58%, rgba(176, 48, 240, 0.432) 32.88%, rgba(154, 0, 174, 0.216) 59.17%, rgba(0, 0, 0, 0) 94.23%);
700
- }
701
-
702
- body, :host {
703
- --semi-transition_duration-slowest:0ms;
704
- --semi-transition_duration-slower:0ms;
705
- --semi-transition_duration-slow:0ms;
706
- --semi-transition_duration-normal:0ms;
707
- --semi-transition_duration-fast:0ms;
708
- --semi-transition_duration-faster:0ms;
709
- --semi-transition_duration-fastest:0ms;
710
- --semi-transition_duration-none:0ms;
711
- --semi-transition_function-linear:linear;
712
- --semi-transition_function-ease:ease;
713
- --semi-transition_function-easeIn:ease-in;
714
- --semi-transition_function-easeOut:ease-out;
715
- --semi-transition_function-easeInIOut:ease-in-out;
716
- --semi-transition_delay-none: 0ms;
717
- --semi-transition_delay-slowest:0ms;
718
- --semi-transition_delay-slower:0ms;
719
- --semi-transition_delay-slow:0ms;
720
- --semi-transition_delay-normal:0ms;
721
- --semi-transition_delay-fast:0ms;
722
- --semi-transition_delay-faster:0ms;
723
- --semi-transition_delay-fastest:0ms;
724
- --semi-transform_scale-none:scale(1,1);
725
- --semi-transform_scale-small:scale(1,1);
726
- --semi-transform_scale-medium:scale(1,1);
727
- --semi-transform_scale-large:scale(1,1);
728
- --semi-transform-rotate-none:rotate(0deg);
729
- --semi-transform_rotate-clockwise90deg:rotate(90deg);
730
- --semi-transform_rotate-clockwise180deg:rotate(180deg);
731
- --semi-transform_rotate-clockwise270deg:rotate(270deg);
732
- --semi-transform_rotate-clockwise360deg:rotate(360deg);
733
- --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
734
- --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
735
- --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
736
- --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
737
- }
738
-
739
- .semi-portal {
740
- position: absolute;
741
- top: 0;
742
- left: 0;
743
- width: 100%;
744
- z-index: 1;
745
- }
746
- .semi-portal-inner {
747
- position: absolute;
748
- background-color: transparent;
749
- min-width: max-content;
750
- }
751
-
752
- @keyframes semi-tooltip-zoomIn {
753
- from {
754
- opacity: 0;
755
- transform: scale(0.8, 0.8);
756
- }
757
- 50% {
758
- opacity: 1;
759
- }
760
- }
761
- @keyframes semi-tooltip-bounceIn {
762
- from {
763
- opacity: 0;
764
- transform: scale(0.6, 0.6);
765
- }
766
- 70% {
767
- opacity: 1;
768
- transform: scale(1.01, 1.01);
769
- }
770
- to {
771
- opacity: 1;
772
- transform: scale(1, 1);
773
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
774
- }
775
- }
776
- @keyframes semi-tooltip-zoomOut {
777
- from {
778
- opacity: 1;
779
- }
780
- 60% {
781
- opacity: 0;
782
- transform: scale(0.8, 0.8);
783
- }
784
- to {
785
- opacity: 0;
786
- }
787
- }
788
- .semi-tooltip-wrapper {
789
- position: relative;
790
- background-color: rgba(var(--semi-grey-7), 1);
791
- backdrop-filter: none;
792
- color: var(--semi-color-bg-0);
793
- border-radius: var(--semi-border-radius-medium);
794
- padding-top: 8px;
795
- padding-right: 12px;
796
- padding-bottom: 8px;
797
- padding-left: 12px;
798
- font-size: 14px;
799
- left: 0;
800
- top: 0;
801
- word-wrap: break-word;
802
- overflow-wrap: break-word;
803
- font-size: 14px;
804
- line-height: 20px;
805
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
806
- opacity: 0;
807
- max-width: 240px;
808
- }
809
- .semi-tooltip-wrapper-show {
810
- opacity: 1;
811
- }
812
- .semi-tooltip-content {
813
- min-width: 0;
814
- }
815
- .semi-tooltip-trigger {
816
- display: inline-block;
817
- width: auto;
818
- height: auto;
819
- }
820
- .semi-tooltip-with-arrow {
821
- display: flex;
822
- align-items: center;
823
- justify-content: center;
824
- box-sizing: border-box;
825
- }
826
- .semi-tooltip-animation-show {
827
- animation: semi-tooltip-zoomIn 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
828
- animation-fill-mode: forwards;
829
- }
830
- .semi-tooltip-animation-hide {
831
- animation: semi-tooltip-zoomOut 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
832
- animation-fill-mode: forwards;
833
- }
834
-
835
- .semi-tooltip-wrapper .semi-tooltip-icon-arrow {
836
- height: 7px;
837
- width: 24px;
838
- position: absolute;
839
- color: rgba(var(--semi-grey-7), 1);
840
- }
841
- .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
842
- left: var(--semi-tooltip-arrow-offset-x, 50%);
843
- transform: translateX(-50%);
844
- bottom: -6px;
845
- }
846
- .semi-tooltip-wrapper[x-placement=top].semi-tooltip-with-arrow,
847
- .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-with-arrow {
848
- min-width: 36px;
849
- }
850
- .semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-icon-arrow {
851
- bottom: -6px;
852
- left: 6px;
853
- }
854
- .semi-tooltip-wrapper[x-placement=topLeft].semi-tooltip-with-arrow,
855
- .semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-with-arrow {
856
- min-width: 36px;
857
- }
858
- .semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-icon-arrow {
859
- bottom: -6px;
860
- right: 6px;
861
- }
862
- .semi-tooltip-wrapper[x-placement=topRight].semi-tooltip-with-arrow,
863
- .semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-with-arrow {
864
- min-width: 36px;
865
- }
866
- .semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-icon-arrow {
867
- width: 7px;
868
- height: 24px;
869
- right: -6px;
870
- top: 5px;
871
- }
872
- .semi-tooltip-wrapper[x-placement=leftTop].semi-tooltip-with-arrow,
873
- .semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-with-arrow {
874
- min-height: 34px;
875
- }
876
- .semi-tooltip-wrapper[x-placement=left] .semi-tooltip-icon-arrow {
877
- width: 7px;
878
- height: 24px;
879
- right: -6px;
880
- top: var(--semi-tooltip-arrow-offset-y, 50%);
881
- transform: translateY(-50%);
882
- }
883
- .semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
884
- .semi-tooltip-wrapper[x-placement=left] .semi-tooltip-with-arrow {
885
- min-height: 34px;
886
- }
887
- .semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-icon-arrow {
888
- width: 7px;
889
- height: 24px;
890
- right: -6px;
891
- bottom: 5px;
892
- }
893
- .semi-tooltip-wrapper[x-placement=leftBottom].semi-tooltip-with-arrow,
894
- .semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-with-arrow {
895
- min-height: 34px;
896
- }
897
- .semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-icon-arrow {
898
- width: 7px;
899
- height: 24px;
900
- left: -6px;
901
- top: 5px;
902
- transform: rotate(180deg);
903
- }
904
- .semi-tooltip-wrapper[x-placement=rightTop].semi-tooltip-with-arrow,
905
- .semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-with-arrow {
906
- min-height: 34px;
907
- }
908
- .semi-tooltip-wrapper[x-placement=right] .semi-tooltip-icon-arrow {
909
- width: 7px;
910
- height: 24px;
911
- left: -6px;
912
- top: var(--semi-tooltip-arrow-offset-y, 50%);
913
- transform: translateY(-50%) rotate(180deg);
914
- }
915
- .semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
916
- .semi-tooltip-wrapper[x-placement=right] .semi-tooltip-with-arrow {
917
- min-height: 34px;
918
- }
919
- .semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-icon-arrow {
920
- width: 7px;
921
- height: 24px;
922
- left: -6px;
923
- bottom: 5px;
924
- transform: rotate(180deg);
925
- }
926
- .semi-tooltip-wrapper[x-placement=rightBottom].semi-tooltip-with-arrow,
927
- .semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-with-arrow {
928
- min-height: 34px;
929
- }
930
- .semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-icon-arrow {
931
- top: -6px;
932
- left: 6px;
933
- transform: rotate(180deg);
934
- }
935
- .semi-tooltip-wrapper[x-placement=bottomLeft].semi-tooltip-with-arrow,
936
- .semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-with-arrow {
937
- min-width: 36px;
938
- }
939
- .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
940
- top: -6px;
941
- left: var(--semi-tooltip-arrow-offset-x, 50%);
942
- transform: translateX(-50%) rotate(180deg);
943
- }
944
- .semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
945
- .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-with-arrow {
946
- min-width: 36px;
947
- }
948
- .semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-icon-arrow {
949
- right: 6px;
950
- top: -6px;
951
- transform: rotate(180deg);
952
- }
953
- .semi-tooltip-wrapper[x-placement=bottomRight].semi-tooltip-with-arrow,
954
- .semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-with-arrow {
955
- min-width: 36px;
956
- }
957
-
958
- .semi-rtl .semi-tooltip-wrapper,
959
- .semi-portal-rtl .semi-tooltip-wrapper {
960
- direction: rtl;
961
- padding-right: 12px;
962
- padding-left: 12px;
963
- left: auto;
964
- right: 0;
965
- }
966
-
967
- @keyframes semi-popover-zoomIn {
968
- from {
969
- opacity: 0;
970
- transform: scale(0.8, 0.8);
971
- }
972
- 50% {
973
- opacity: 1;
974
- }
975
- }
976
- @keyframes semi-popover-zoomOut {
977
- from {
978
- opacity: 1;
979
- }
980
- 60% {
981
- opacity: 0;
982
- transform: scale(0.8, 0.8);
983
- }
984
- to {
985
- opacity: 0;
986
- }
987
- }
988
- .semi-popover-wrapper {
989
- position: relative;
990
- background-color: var(--semi-color-bg-3);
991
- backdrop-filter: none;
992
- box-shadow: var(--semi-shadow-elevated);
993
- z-index: 1030;
994
- border-radius: var(--semi-border-radius-medium);
995
- font-size: 14px;
996
- line-height: 20px;
997
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
998
- opacity: 0;
999
- }
1000
- .semi-popover-wrapper-show {
1001
- opacity: 1;
1002
- }
1003
- .semi-popover-trigger {
1004
- display: inline-block;
1005
- width: auto;
1006
- height: auto;
1007
- }
1008
- .semi-popover-title {
1009
- padding: 8px;
1010
- border-bottom: 1px solid var(--semi-color-border);
1011
- }
1012
- .semi-popover-confirm {
1013
- position: absolute;
1014
- }
1015
- .semi-popover-with-arrow {
1016
- padding: 12px;
1017
- box-sizing: border-box;
1018
- }
1019
- .semi-popover-animation-show {
1020
- animation: semi-popover-zoomIn 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
1021
- animation-fill-mode: forwards;
1022
- }
1023
- .semi-popover-animation-hide {
1024
- animation: semi-popover-zoomOut 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
1025
- animation-fill-mode: forwards;
1026
- }
1027
-
1028
- .semi-popover-icon-arrow path:nth-child(1) {
1029
- fill: var(--semi-color-border);
1030
- }
1031
- .semi-popover-icon-arrow path:nth-child(2) {
1032
- fill: var(--semi-color-bg-3);
1033
- }
1034
-
1035
- .semi-popover-wrapper .semi-popover-icon-arrow {
1036
- height: 8px;
1037
- width: 24px;
1038
- position: absolute;
1039
- color: unset;
1040
- }
1041
- .semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
1042
- left: var(--semi-tooltip-arrow-offset-x, 50%);
1043
- transform: translateX(-50%);
1044
- bottom: -7px;
1045
- }
1046
- .semi-popover-wrapper[x-placement=top].semi-popover-with-arrow,
1047
- .semi-popover-wrapper[x-placement=top] .semi-popover-with-arrow {
1048
- min-width: 36px;
1049
- }
1050
- .semi-popover-wrapper[x-placement=topLeft] .semi-popover-icon-arrow {
1051
- bottom: -7px;
1052
- left: 6px;
1053
- }
1054
- .semi-popover-wrapper[x-placement=topLeft].semi-popover-with-arrow,
1055
- .semi-popover-wrapper[x-placement=topLeft] .semi-popover-with-arrow {
1056
- min-width: 36px;
1057
- }
1058
- .semi-popover-wrapper[x-placement=topRight] .semi-popover-icon-arrow {
1059
- bottom: -7px;
1060
- right: 6px;
1061
- }
1062
- .semi-popover-wrapper[x-placement=topRight].semi-popover-with-arrow,
1063
- .semi-popover-wrapper[x-placement=topRight] .semi-popover-with-arrow {
1064
- min-width: 36px;
1065
- }
1066
- .semi-popover-wrapper[x-placement=leftTop] .semi-popover-icon-arrow {
1067
- width: 8px;
1068
- height: 24px;
1069
- right: -7px;
1070
- top: 6px;
1071
- }
1072
- .semi-popover-wrapper[x-placement=leftTop].semi-popover-with-arrow,
1073
- .semi-popover-wrapper[x-placement=leftTop] .semi-popover-with-arrow {
1074
- min-height: 36px;
1075
- }
1076
- .semi-popover-wrapper[x-placement=left] .semi-popover-icon-arrow {
1077
- width: 8px;
1078
- height: 24px;
1079
- right: -7px;
1080
- top: var(--semi-tooltip-arrow-offset-y, 50%);
1081
- transform: translateY(-50%);
1082
- }
1083
- .semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
1084
- .semi-popover-wrapper[x-placement=left] .semi-popover-with-arrow {
1085
- min-height: 36px;
1086
- }
1087
- .semi-popover-wrapper[x-placement=leftBottom] .semi-popover-icon-arrow {
1088
- width: 8px;
1089
- height: 24px;
1090
- right: -7px;
1091
- bottom: 6px;
1092
- }
1093
- .semi-popover-wrapper[x-placement=leftBottom].semi-popover-with-arrow,
1094
- .semi-popover-wrapper[x-placement=leftBottom] .semi-popover-with-arrow {
1095
- min-height: 36px;
1096
- }
1097
- .semi-popover-wrapper[x-placement=rightTop] .semi-popover-icon-arrow {
1098
- width: 8px;
1099
- height: 24px;
1100
- left: -7px;
1101
- top: 6px;
1102
- transform: rotate(180deg);
1103
- }
1104
- .semi-popover-wrapper[x-placement=rightTop].semi-popover-with-arrow,
1105
- .semi-popover-wrapper[x-placement=rightTop] .semi-popover-with-arrow {
1106
- min-height: 36px;
1107
- }
1108
- .semi-popover-wrapper[x-placement=right] .semi-popover-icon-arrow {
1109
- width: 8px;
1110
- height: 24px;
1111
- left: -7px;
1112
- top: var(--semi-tooltip-arrow-offset-y, 50%);
1113
- transform: translateY(-50%) rotate(180deg);
1114
- }
1115
- .semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
1116
- .semi-popover-wrapper[x-placement=right] .semi-popover-with-arrow {
1117
- min-height: 36px;
1118
- }
1119
- .semi-popover-wrapper[x-placement=rightBottom] .semi-popover-icon-arrow {
1120
- width: 8px;
1121
- height: 24px;
1122
- left: -7px;
1123
- bottom: 6px;
1124
- transform: rotate(180deg);
1125
- }
1126
- .semi-popover-wrapper[x-placement=rightBottom].semi-popover-with-arrow,
1127
- .semi-popover-wrapper[x-placement=rightBottom] .semi-popover-with-arrow {
1128
- min-height: 36px;
1129
- }
1130
- .semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-icon-arrow {
1131
- top: -7px;
1132
- left: 6px;
1133
- transform: rotate(180deg);
1134
- }
1135
- .semi-popover-wrapper[x-placement=bottomLeft].semi-popover-with-arrow,
1136
- .semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-with-arrow {
1137
- min-width: 36px;
1138
- }
1139
- .semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
1140
- top: -7px;
1141
- left: var(--semi-tooltip-arrow-offset-x, 50%);
1142
- transform: translateX(-50%) rotate(180deg);
1143
- }
1144
- .semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
1145
- .semi-popover-wrapper[x-placement=bottom] .semi-popover-with-arrow {
1146
- min-width: 36px;
1147
- }
1148
- .semi-popover-wrapper[x-placement=bottomRight] .semi-popover-icon-arrow {
1149
- right: 6px;
1150
- top: -7px;
1151
- transform: rotate(180deg);
1152
- }
1153
- .semi-popover-wrapper[x-placement=bottomRight].semi-popover-with-arrow,
1154
- .semi-popover-wrapper[x-placement=bottomRight] .semi-popover-with-arrow {
1155
- min-width: 36px;
1156
- }
1157
-
1158
- .semi-popover.semi-popover-rtl {
1159
- direction: rtl;
1160
- }
1161
-
1162
- @keyframes semi-input-active {
1163
- from {
1164
- transform: scale(1);
1165
- }
1166
- to {
1167
- transform: scale(0.97);
1168
- }
1169
- }
1170
- @keyframes semi-input-inactive {
1171
- from {
1172
- transform: scale(0.97);
1173
- }
1174
- to {
1175
- transform: scale(1);
1176
- }
1177
- }
1178
- .semi-input {
1179
- transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1180
- transform: scale(var(--semi-transform_scale-none));
1181
- }
1182
-
1183
- .semi-input-wrapper {
1184
- display: inline-block;
1185
- position: relative;
1186
- vertical-align: middle;
1187
- box-shadow: none;
1188
- font-size: 14px;
1189
- line-height: 20px;
1190
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1191
- background-color: var(--semi-color-fill-0);
1192
- border: 1px transparent solid;
1193
- border-radius: var(--semi-border-radius-small);
1194
- width: 100%;
1195
- outline: none;
1196
- cursor: text;
1197
- box-sizing: border-box;
1198
- color: var(--semi-color-text-0);
1199
- transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1200
- transform: scale(var(--semi-transform_scale-none));
1201
- }
1202
- .semi-input-wrapper-default {
1203
- height: 32px;
1204
- font-size: 14px;
1205
- line-height: 20px;
1206
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1207
- line-height: 30px;
1208
- }
1209
- .semi-input-wrapper-small {
1210
- height: 24px;
1211
- font-size: 14px;
1212
- line-height: 20px;
1213
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1214
- line-height: 22px;
1215
- }
1216
- .semi-input-wrapper-large {
1217
- height: 40px;
1218
- font-size: 16px;
1219
- line-height: 22px;
1220
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1221
- line-height: 38px;
1222
- }
1223
- .semi-input-wrapper:hover {
1224
- background-color: var(--semi-color-fill-1);
1225
- border-color: transparent;
1226
- }
1227
- .semi-input-wrapper-focus {
1228
- background-color: var(--semi-color-fill-0);
1229
- border: var(--semi-color-focus-border) solid 1px;
1230
- }
1231
- .semi-input-wrapper-focus:hover {
1232
- background-color: var(--semi-color-fill-0);
1233
- border-color: var(--semi-color-focus-border);
1234
- }
1235
- .semi-input-wrapper-focus:active {
1236
- background-color: var(--semi-color-fill-2);
1237
- border-color: var(--semi-color-focus-border);
1238
- }
1239
- .semi-input-wrapper.semi-input-readonly {
1240
- cursor: default;
1241
- }
1242
- .semi-input-wrapper-error {
1243
- background-color: var(--semi-color-danger-light-default);
1244
- border-color: var(--semi-color-danger-light-default);
1245
- }
1246
- .semi-input-wrapper-error:hover {
1247
- background-color: var(--semi-color-danger-light-hover);
1248
- border-color: var(--semi-color-danger-light-hover);
1249
- }
1250
- .semi-input-wrapper-error.semi-input-wrapper-focus {
1251
- background-color: var(--semi-color-danger-light-default);
1252
- border-color: var(--semi-color-danger);
1253
- }
1254
- .semi-input-wrapper-error:active {
1255
- background-color: var(--semi-color-danger-light-active);
1256
- border-color: var(--semi-color-danger);
1257
- }
1258
- .semi-input-wrapper-warning {
1259
- background-color: var(--semi-color-warning-light-default);
1260
- border-color: var(--semi-color-warning-light-default);
1261
- }
1262
- .semi-input-wrapper-warning:hover {
1263
- background-color: var(--semi-color-warning-light-hover);
1264
- border-color: var(--semi-color-warning-light-hover);
1265
- }
1266
- .semi-input-wrapper-warning.semi-input-wrapper-focus {
1267
- background-color: var(--semi-color-warning-light-default);
1268
- border-color: var(--semi-color-warning);
1269
- }
1270
- .semi-input-wrapper-warning:active {
1271
- background-color: var(--semi-color-warning-light-active);
1272
- border-color: var(--semi-color-warning);
1273
- }
1274
- .semi-input-wrapper__with-prefix {
1275
- display: inline-flex;
1276
- align-items: center;
1277
- }
1278
- .semi-input-wrapper__with-prefix .semi-input {
1279
- padding-left: 0;
1280
- }
1281
- .semi-input-wrapper__with-suffix {
1282
- display: inline-flex;
1283
- align-items: center;
1284
- }
1285
- .semi-input-wrapper__with-suffix .semi-input {
1286
- padding-right: 0;
1287
- }
1288
- .semi-input-wrapper-clearable, .semi-input-wrapper-modebtn {
1289
- display: inline-flex;
1290
- align-items: center;
1291
- }
1292
- .semi-input-wrapper-hidden {
1293
- border: none;
1294
- }
1295
- .semi-input-wrapper .semi-icon {
1296
- color: var(--semi-color-text-2);
1297
- }
1298
- .semi-input-wrapper .semi-input-clearbtn,
1299
- .semi-input-wrapper .semi-input-modebtn {
1300
- color: var(--semi-color-primary-hover);
1301
- }
1302
- .semi-input-wrapper .semi-input-clearbtn > svg,
1303
- .semi-input-wrapper .semi-input-modebtn > svg {
1304
- pointer-events: none;
1305
- }
1306
- .semi-input-wrapper .semi-input-clearbtn:hover,
1307
- .semi-input-wrapper .semi-input-modebtn:hover {
1308
- cursor: pointer;
1309
- }
1310
- .semi-input-wrapper .semi-input-clearbtn:hover .semi-icon,
1311
- .semi-input-wrapper .semi-input-modebtn:hover .semi-icon {
1312
- color: var(--semi-color-primary-hover);
1313
- }
1314
- .semi-input-wrapper .semi-input-clearbtn:focus-visible,
1315
- .semi-input-wrapper .semi-input-modebtn:focus-visible {
1316
- border-radius: var(--semi-border-radius-small);
1317
- outline: 2px solid var(--semi-color-primary-light-active);
1318
- outline-offset: -1px;
1319
- }
1320
- .semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden) .semi-input-clearbtn {
1321
- min-width: 24px;
1322
- justify-content: flex-end;
1323
- }
1324
- .semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
1325
- min-width: 16px;
1326
- justify-content: center;
1327
- }
1328
- .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
1329
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1330
- }
1331
- .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
1332
- border-right-style: none;
1333
- border-radius: 0;
1334
- }
1335
- .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
1336
- border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
1337
- }
1338
- .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
1339
- border-right-style: none;
1340
- }
1341
- .semi-input-wrapper.semi-input-wrapper__with-prepend, .semi-input-wrapper.semi-input-wrapper__with-append {
1342
- display: inline-flex;
1343
- align-items: center;
1344
- background-color: transparent;
1345
- }
1346
- .semi-input-wrapper.semi-input-wrapper__with-prepend:hover, .semi-input-wrapper.semi-input-wrapper__with-append:hover {
1347
- background-color: transparent;
1348
- }
1349
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
1350
- border: 1px transparent solid;
1351
- background-color: transparent;
1352
- }
1353
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
1354
- background-color: var(--semi-color-fill-0);
1355
- border: 1px transparent solid;
1356
- }
1357
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
1358
- background-color: var(--semi-color-fill-1);
1359
- }
1360
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
1361
- background-color: var(--semi-color-fill-1);
1362
- }
1363
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
1364
- border: 1px var(--semi-color-focus-border) solid;
1365
- background-color: var(--semi-color-fill-0);
1366
- }
1367
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
1368
- border-right-style: none;
1369
- }
1370
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn {
1371
- border-right-style: none;
1372
- }
1373
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
1374
- box-sizing: border-box;
1375
- background-color: var(--semi-color-fill-0);
1376
- }
1377
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
1378
- border: 1px var(--semi-color-focus-border) solid;
1379
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1380
- border-left-style: none;
1381
- }
1382
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
1383
- border-radius: 0;
1384
- }
1385
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
1386
- border: 1px var(--semi-color-focus-border) solid;
1387
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1388
- border-left-style: none;
1389
- }
1390
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
1391
- border-radius: 0;
1392
- }
1393
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
1394
- background-color: var(--semi-color-fill-2);
1395
- }
1396
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
1397
- background-color: var(--semi-color-fill-2);
1398
- }
1399
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
1400
- background-color: var(--semi-color-fill-0);
1401
- }
1402
- .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
1403
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1404
- }
1405
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
1406
- border-color: transparent;
1407
- }
1408
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input {
1409
- background-color: var(--semi-color-danger-light-default);
1410
- border-color: var(--semi-color-danger-light-default);
1411
- }
1412
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover {
1413
- background-color: var(--semi-color-danger-light-hover);
1414
- border-color: var(--semi-color-danger-light-hover);
1415
- }
1416
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn {
1417
- background-color: var(--semi-color-danger-light-hover);
1418
- }
1419
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus {
1420
- background-color: var(--semi-color-danger-light-default);
1421
- border-color: var(--semi-color-danger);
1422
- }
1423
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn {
1424
- background-color: var(--semi-color-danger-light-default);
1425
- border-color: var(--semi-color-danger);
1426
- }
1427
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active {
1428
- background-color: var(--semi-color-danger-light-active);
1429
- }
1430
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn {
1431
- background-color: var(--semi-color-danger-light-active);
1432
- border-color: var(--semi-color-danger);
1433
- }
1434
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover {
1435
- background-color: var(--semi-color-danger-light-default);
1436
- }
1437
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
1438
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1439
- }
1440
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
1441
- border-color: transparent;
1442
- }
1443
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input {
1444
- background-color: var(--semi-color-warning-light-default);
1445
- border-color: var(--semi-color-warning-light-default);
1446
- }
1447
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover {
1448
- background-color: var(--semi-color-warning-light-hover);
1449
- border-color: var(--semi-color-warning-light-hover);
1450
- }
1451
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn {
1452
- background-color: var(--semi-color-warning-light-hover);
1453
- }
1454
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus {
1455
- background-color: var(--semi-color-warning-light-default);
1456
- border-color: var(--semi-color-warning);
1457
- }
1458
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn {
1459
- background-color: var(--semi-color-warning-light-default);
1460
- border-color: var(--semi-color-warning);
1461
- }
1462
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active {
1463
- background-color: var(--semi-color-warning-light-active);
1464
- }
1465
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn {
1466
- background-color: var(--semi-color-warning-light-active);
1467
- border-color: var(--semi-color-warning);
1468
- }
1469
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover {
1470
- background-color: var(--semi-color-warning-light-default);
1471
- }
1472
- .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
1473
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1474
- }
1475
- .semi-input-wrapper-disabled {
1476
- cursor: not-allowed;
1477
- color: var(--semi-color-disabled-text);
1478
- background-color: var(--semi-color-disabled-fill);
1479
- -webkit-text-fill-color: var(--semi-color-disabled-text);
1480
- }
1481
- .semi-input-wrapper-disabled:hover {
1482
- background-color: var(--semi-color-disabled-fill);
1483
- }
1484
- .semi-input-wrapper-disabled .semi-input-append,
1485
- .semi-input-wrapper-disabled .semi-input-prepend,
1486
- .semi-input-wrapper-disabled .semi-input-suffix,
1487
- .semi-input-wrapper-disabled .semi-input-prefix,
1488
- .semi-input-wrapper-disabled .semi-icon {
1489
- color: var(--semi-color-disabled-text);
1490
- }
1491
-
1492
- .semi-input {
1493
- border: none;
1494
- outline: none;
1495
- width: 100%;
1496
- color: inherit;
1497
- padding-left: 12px;
1498
- padding-right: 12px;
1499
- background-color: transparent;
1500
- box-sizing: border-box;
1501
- }
1502
- .semi-input:placeholder-shown {
1503
- text-overflow: ellipsis;
1504
- }
1505
- .semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
1506
- display: none;
1507
- }
1508
- .semi-input[type=search]::-webkit-search-cancel-button {
1509
- display: none;
1510
- }
1511
- .semi-input::placeholder {
1512
- color: var(--semi-color-text-2);
1513
- }
1514
- .semi-input-large {
1515
- height: 38px;
1516
- font-size: 16px;
1517
- line-height: 22px;
1518
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1519
- line-height: 38px;
1520
- }
1521
- .semi-input-small {
1522
- height: 22px;
1523
- font-size: 14px;
1524
- line-height: 20px;
1525
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1526
- line-height: 22px;
1527
- }
1528
- .semi-input-default {
1529
- height: 30px;
1530
- font-size: 14px;
1531
- line-height: 20px;
1532
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1533
- line-height: 30px;
1534
- }
1535
- .semi-input-disabled {
1536
- cursor: not-allowed;
1537
- color: inherit;
1538
- }
1539
- .semi-input-inset-label {
1540
- margin: 0 12px;
1541
- font-weight: 600;
1542
- color: var(--semi-color-text-2);
1543
- flex-shrink: 0;
1544
- white-space: nowrap;
1545
- }
1546
- .semi-input-prefix, .semi-input-suffix {
1547
- display: flex;
1548
- justify-content: center;
1549
- align-items: center;
1550
- }
1551
- .semi-input-prefix-text, .semi-input-suffix-text {
1552
- margin: 0 12px;
1553
- color: var(--semi-color-text-2);
1554
- font-weight: 600;
1555
- white-space: nowrap;
1556
- }
1557
- .semi-input-prefix-icon, .semi-input-suffix-icon {
1558
- color: var(--semi-color-text-2);
1559
- margin: 0 8px;
1560
- }
1561
- .semi-input-suffix {
1562
- display: flex;
1563
- justify-content: center;
1564
- align-items: center;
1565
- }
1566
- .semi-input-clearbtn, .semi-input-modebtn {
1567
- display: flex;
1568
- align-items: center;
1569
- height: 100%;
1570
- justify-content: center;
1571
- min-width: 32px;
1572
- }
1573
- .semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-text {
1574
- margin-left: 0;
1575
- }
1576
- .semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-icon {
1577
- margin-left: 0;
1578
- }
1579
- .semi-input-suffix-hidden {
1580
- display: none;
1581
- }
1582
- .semi-input-prepend, .semi-input-append {
1583
- height: 100%;
1584
- display: flex;
1585
- align-items: center;
1586
- background-color: var(--semi-color-fill-0);
1587
- color: var(--semi-color-text-2);
1588
- font-size: 14px;
1589
- line-height: 20px;
1590
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1591
- flex-shrink: 0;
1592
- }
1593
- .semi-input-prepend-icon, .semi-input-prepend-text, .semi-input-append-icon, .semi-input-append-text {
1594
- padding: 0 12px;
1595
- }
1596
- .semi-input-append {
1597
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1598
- border-left: 1px transparent solid;
1599
- }
1600
- .semi-input-prepend {
1601
- border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
1602
- border-right: 1px transparent solid;
1603
- }
1604
- .semi-input-disabled::placeholder {
1605
- color: var(--semi-color-disabled-text);
1606
- }
1607
- .semi-input-group {
1608
- display: inline-flex;
1609
- align-items: center;
1610
- align-content: center;
1611
- flex-wrap: wrap;
1612
- }
1613
- .semi-input-group .semi-select,
1614
- .semi-input-group .semi-tagInput,
1615
- .semi-input-group .semi-cascader,
1616
- .semi-input-group .semi-tree-select, .semi-input-group > .semi-input-wrapper {
1617
- border-radius: 0;
1618
- }
1619
- .semi-input-group .semi-select:first-child,
1620
- .semi-input-group .semi-tagInput:first-child,
1621
- .semi-input-group .semi-cascader:first-child,
1622
- .semi-input-group .semi-tree-select:first-child, .semi-input-group > .semi-input-wrapper:first-child {
1623
- border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
1624
- }
1625
- .semi-input-group .semi-select:last-child,
1626
- .semi-input-group .semi-tagInput:last-child,
1627
- .semi-input-group .semi-cascader:last-child,
1628
- .semi-input-group .semi-tree-select:last-child, .semi-input-group > .semi-input-wrapper:last-child {
1629
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1630
- }
1631
- .semi-input-group .semi-select:not(:last-child),
1632
- .semi-input-group .semi-tagInput:not(:last-child),
1633
- .semi-input-group .semi-cascader:not(:last-child),
1634
- .semi-input-group .semi-tree-select:not(:last-child), .semi-input-group > .semi-input-wrapper:not(:last-child) {
1635
- position: relative;
1636
- }
1637
- .semi-input-group .semi-select:not(:last-child)::after,
1638
- .semi-input-group .semi-tagInput:not(:last-child)::after,
1639
- .semi-input-group .semi-cascader:not(:last-child)::after,
1640
- .semi-input-group .semi-tree-select:not(:last-child)::after, .semi-input-group > .semi-input-wrapper:not(:last-child)::after {
1641
- content: "";
1642
- background-color: var(--semi-color-border);
1643
- width: 1px;
1644
- position: absolute;
1645
- right: -1px;
1646
- top: 1px;
1647
- bottom: 1px;
1648
- }
1649
- .semi-input-group .semi-select {
1650
- overflow-y: visible;
1651
- }
1652
- .semi-input-group .semi-input-number .semi-input-wrapper,
1653
- .semi-input-group .semi-input-number .semi-datepicker-range-input,
1654
- .semi-input-group .semi-datepicker .semi-input-wrapper,
1655
- .semi-input-group .semi-datepicker .semi-datepicker-range-input,
1656
- .semi-input-group .semi-timepicker .semi-input-wrapper,
1657
- .semi-input-group .semi-timepicker .semi-datepicker-range-input,
1658
- .semi-input-group .semi-autocomplete .semi-input-wrapper,
1659
- .semi-input-group .semi-autocomplete .semi-datepicker-range-input {
1660
- border-radius: 0;
1661
- }
1662
- .semi-input-group .semi-input-number:first-child .semi-input-wrapper,
1663
- .semi-input-group .semi-input-number:first-child .semi-datepicker-range-input,
1664
- .semi-input-group .semi-datepicker:first-child .semi-input-wrapper,
1665
- .semi-input-group .semi-datepicker:first-child .semi-datepicker-range-input,
1666
- .semi-input-group .semi-timepicker:first-child .semi-input-wrapper,
1667
- .semi-input-group .semi-timepicker:first-child .semi-datepicker-range-input,
1668
- .semi-input-group .semi-autocomplete:first-child .semi-input-wrapper,
1669
- .semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
1670
- border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
1671
- }
1672
- .semi-input-group .semi-input-number:last-child .semi-input-wrapper,
1673
- .semi-input-group .semi-input-number:last-child .semi-datepicker-range-input,
1674
- .semi-input-group .semi-datepicker:last-child .semi-input-wrapper,
1675
- .semi-input-group .semi-datepicker:last-child .semi-datepicker-range-input,
1676
- .semi-input-group .semi-timepicker:last-child .semi-input-wrapper,
1677
- .semi-input-group .semi-timepicker:last-child .semi-datepicker-range-input,
1678
- .semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,
1679
- .semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
1680
- border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
1681
- }
1682
- .semi-input-group .semi-input-number:not(:last-child),
1683
- .semi-input-group .semi-datepicker:not(:last-child),
1684
- .semi-input-group .semi-timepicker:not(:last-child),
1685
- .semi-input-group .semi-autocomplete:not(:last-child) {
1686
- position: relative;
1687
- }
1688
- .semi-input-group .semi-input-number:not(:last-child)::after,
1689
- .semi-input-group .semi-datepicker:not(:last-child)::after,
1690
- .semi-input-group .semi-timepicker:not(:last-child)::after,
1691
- .semi-input-group .semi-autocomplete:not(:last-child)::after {
1692
- content: "";
1693
- background-color: var(--semi-color-border);
1694
- width: 1px;
1695
- position: absolute;
1696
- right: -1px;
1697
- top: 1px;
1698
- bottom: 1px;
1699
- }
1700
- .semi-input-group-wrapper-with-top-label {
1701
- margin-top: 16px;
1702
- margin-bottom: 16px;
1703
- }
1704
- .semi-input-group-wrapper-with-top-label .semi-input-group {
1705
- display: flex;
1706
- }
1707
- .semi-input-group-wrapper-with-top-label .semi-input-group .semi-form-field {
1708
- margin-top: 0;
1709
- margin-bottom: 0;
1710
- }
1711
-
1712
- .semi-input-only_border {
1713
- background: transparent;
1714
- border-color: var(--semi-color-border);
1715
- }
1716
- .semi-input-only_border:hover {
1717
- background: transparent;
1718
- border-color: var(--semi-color-border);
1719
- }
1720
- .semi-input-only_border:focus-within {
1721
- background: transparent;
1722
- }
1723
-
1724
- .semi-input-borderless:not(:focus-within):not(:hover) {
1725
- background-color: transparent;
1726
- border-color: transparent;
1727
- }
1728
- .semi-input-borderless:focus-within:not(:active) {
1729
- background-color: transparent;
1730
- }
1731
- .semi-input-borderless.semi-input-wrapper-error:not(:focus-within) {
1732
- border-color: var(--semi-color-danger);
1733
- }
1734
- .semi-input-borderless.semi-input-wrapper-warning:not(:focus-within) {
1735
- border-color: var(--semi-color-warning);
1736
- }
1737
-
1738
- .semi-rtl .semi-input-wrapper,
1739
- .semi-portal-rtl .semi-input-wrapper {
1740
- direction: rtl;
1741
- }
1742
- .semi-rtl .semi-input-wrapper__with-prefix .semi-input,
1743
- .semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
1744
- padding-left: auto;
1745
- padding-right: 0;
1746
- }
1747
- .semi-rtl .semi-input-wrapper__with-suffix .semi-input,
1748
- .semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
1749
- padding-right: auto;
1750
- padding-left: 0;
1751
- }
1752
- .semi-rtl .semi-input,
1753
- .semi-portal-rtl .semi-input {
1754
- padding-left: 12px;
1755
- padding-right: 12px;
1756
- }
1757
- .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
1758
- .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
1759
- .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
1760
- .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text {
1761
- margin-left: auto;
1762
- margin-right: 0;
1763
- }
1764
- .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
1765
- .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon,
1766
- .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
1767
- .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
1768
- margin-left: auto;
1769
- margin-right: 0;
1770
- }
1771
- .semi-rtl .semi-input-append,
1772
- .semi-portal-rtl .semi-input-append {
1773
- border-left: 0;
1774
- border-right: 1px transparent solid;
1775
- }
1776
- .semi-rtl .semi-input-prepend,
1777
- .semi-portal-rtl .semi-input-prepend {
1778
- border-right: 0;
1779
- border-left: 1px transparent solid;
1780
- }
1781
- .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
1782
- .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
1783
- .semi-rtl .semi-input-group .semi-tree-select:not(:last-child)::after, .semi-rtl .semi-input-group > .semi-input-wrapper:not(:last-child)::after,
1784
- .semi-portal-rtl .semi-input-group .semi-select:not(:last-child)::after,
1785
- .semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
1786
- .semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child)::after,
1787
- .semi-portal-rtl .semi-input-group > .semi-input-wrapper:not(:last-child)::after {
1788
- right: auto;
1789
- left: -1px;
1790
- }
1791
- .semi-rtl .semi-input-group .semi-input-number:not(:last-child)::after,
1792
- .semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child)::after {
1793
- right: auto;
1794
- left: -1px;
1795
- }
1796
- .semi-rtl .semi-input-textarea-wrapper,
1797
- .semi-portal-rtl .semi-input-textarea-wrapper {
1798
- direction: rtl;
1799
- }
1800
- .semi-rtl .semi-input-textarea-counter,
1801
- .semi-portal-rtl .semi-input-textarea-counter {
1802
- text-align: left;
1803
- }
1804
- .semi-rtl .semi-input-textarea-showClear,
1805
- .semi-portal-rtl .semi-input-textarea-showClear {
1806
- padding-right: 0;
1807
- padding-left: 36px;
1808
- }
1809
-
1810
- .semi-tag {
1811
- box-sizing: border-box;
1812
- border-radius: var(--semi-border-radius-small);
1813
- background-color: transparent;
1814
- position: relative;
1815
- user-select: none;
1816
- overflow: hidden;
1817
- white-space: nowrap;
1818
- vertical-align: bottom;
1819
- display: flex;
1820
- justify-content: center;
1821
- align-items: center;
1822
- display: inline-flex;
1823
- }
1824
- .semi-tag-default, .semi-tag-small {
1825
- font-size: 12px;
1826
- line-height: 16px;
1827
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1828
- height: 20px;
1829
- padding: 2px 8px;
1830
- }
1831
- .semi-tag-default:focus-visible, .semi-tag-small:focus-visible {
1832
- outline: 2px solid var(--semi-color-primary-light-active);
1833
- }
1834
- .semi-tag-square {
1835
- border-radius: var(--semi-border-radius-small);
1836
- }
1837
- .semi-tag-circle {
1838
- border-radius: var(--semi-border-radius-full);
1839
- }
1840
- .semi-tag-large {
1841
- font-size: 12px;
1842
- line-height: 16px;
1843
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1844
- padding: 4px 8px;
1845
- height: 24px;
1846
- }
1847
- .semi-tag-large:focus-visible {
1848
- outline: 2px solid var(--semi-color-primary-light-active);
1849
- }
1850
- .semi-tag-invisible {
1851
- display: none;
1852
- }
1853
- .semi-tag-prefix-icon {
1854
- display: flex;
1855
- padding-right: 4px;
1856
- }
1857
- .semi-tag-suffix-icon {
1858
- display: flex;
1859
- padding-left: 4px;
1860
- }
1861
- .semi-tag-content {
1862
- flex: 1;
1863
- }
1864
- .semi-tag-content-ellipsis {
1865
- overflow: hidden;
1866
- white-space: nowrap;
1867
- text-overflow: ellipsis;
1868
- }
1869
- .semi-tag-content-center {
1870
- display: flex;
1871
- display: flex;
1872
- justify-content: center;
1873
- align-items: center;
1874
- height: 100%;
1875
- min-width: 0;
1876
- }
1877
- .semi-tag-close {
1878
- display: flex;
1879
- justify-content: center;
1880
- align-items: center;
1881
- color: var(--semi-color-text-2);
1882
- padding-left: 4px;
1883
- cursor: pointer;
1884
- }
1885
- .semi-tag-close:hover {
1886
- color: var(--semi-color-text-1);
1887
- }
1888
- .semi-tag-close:active {
1889
- color: var(--semi-color-text-0);
1890
- }
1891
- .semi-tag-closable {
1892
- padding: 4px 4px 4px 8px;
1893
- }
1894
- .semi-tag-avatar-square .semi-avatar, .semi-tag-avatar-circle .semi-avatar {
1895
- margin-right: 4px;
1896
- }
1897
- .semi-tag-avatar-square {
1898
- padding: 0 4px 0 0;
1899
- }
1900
- .semi-tag-avatar-square .semi-avatar > img {
1901
- background-color: var(--semi-color-default);
1902
- }
1903
- .semi-tag-avatar-circle {
1904
- padding: 2px 4px 2px 2px;
1905
- }
1906
- .semi-tag-avatar-square.semi-tag-default .semi-avatar, .semi-tag-avatar-square.semi-tag-small .semi-avatar {
1907
- width: 20px;
1908
- height: 20px;
1909
- }
1910
- .semi-tag-avatar-square.semi-tag-large .semi-avatar {
1911
- width: 24px;
1912
- height: 24px;
1913
- }
1914
- .semi-tag-avatar-circle.semi-tag-small, .semi-tag-avatar-circle.semi-tag-default {
1915
- border-radius: 11px;
1916
- }
1917
- .semi-tag-avatar-circle.semi-tag-small .semi-avatar, .semi-tag-avatar-circle.semi-tag-default .semi-avatar {
1918
- width: 16px;
1919
- height: 16px;
1920
- }
1921
- .semi-tag-avatar-circle.semi-tag-large {
1922
- border-radius: 13px;
1923
- }
1924
- .semi-tag-avatar-circle.semi-tag-large .semi-avatar {
1925
- width: 20px;
1926
- height: 20px;
1927
- }
1928
- .semi-tag-colorful {
1929
- font-weight: 600;
1930
- }
1931
- .semi-tag-colorful.semi-tag-solid {
1932
- background: var(--semi-color-ai-purple);
1933
- color: var(--semi-color-white);
1934
- }
1935
- .semi-tag-colorful.semi-tag-solid.semi-tag-gradient {
1936
- background: var(--semi-color-ai-general);
1937
- }
1938
- .semi-tag-colorful.semi-tag-light {
1939
- background: rgba(var(--semi-ai-purple-0), 1);
1940
- color: var(--semi-color-ai-purple);
1941
- }
1942
- .semi-tag-colorful.semi-tag-light.semi-tag-gradient {
1943
- background: var(--semi-ai-general-0);
1944
- }
1945
- .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
1946
- stop-color: rgba(var(--semi-ai-general-5-0), 1);
1947
- }
1948
- .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
1949
- stop-color: rgba(var(--semi-ai-general-5-1), 1);
1950
- }
1951
- .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
1952
- stop-color: rgba(var(--semi-ai-general-5-2), 1);
1953
- }
1954
- .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
1955
- stop-color: rgba(var(--semi-ai-general-5-3), 1);
1956
- }
1957
- .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-content {
1958
- background: var(--semi-color-ai-general);
1959
- background-clip: text;
1960
- color: transparent;
1961
- }
1962
- .semi-tag-colorful.semi-tag-ghost {
1963
- background: var(--semi-color-white);
1964
- color: var(--semi-color-ai-purple);
1965
- border-color: var(--semi-color-ai-general);
1966
- }
1967
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient {
1968
- border: none;
1969
- }
1970
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
1971
- stop-color: rgba(var(--semi-ai-general-5-0), 1);
1972
- }
1973
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
1974
- stop-color: rgba(var(--semi-ai-general-5-1), 1);
1975
- }
1976
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
1977
- stop-color: rgba(var(--semi-ai-general-5-2), 1);
1978
- }
1979
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
1980
- stop-color: rgba(var(--semi-ai-general-5-3), 1);
1981
- }
1982
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient.semi-tag-circle::before {
1983
- border-radius: var(--semi-border-radius-full);
1984
- }
1985
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient::before {
1986
- content: "";
1987
- position: absolute;
1988
- inset: 0;
1989
- border-radius: var(--semi-border-radius-small);
1990
- padding: 1px;
1991
- background: var(--semi-color-ai-general);
1992
- -webkit-mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
1993
- mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
1994
- -webkit-mask-composite: xor;
1995
- mask-composite: exclude;
1996
- pointer-events: none;
1997
- }
1998
- .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-content {
1999
- background: var(--semi-color-ai-general);
2000
- background-clip: text;
2001
- color: transparent;
2002
- }
2003
-
2004
- .semi-tag-group {
2005
- display: block;
2006
- height: auto;
2007
- }
2008
- .semi-tag-group .semi-tag {
2009
- margin-bottom: 0;
2010
- margin-right: 8px;
2011
- }
2012
- .semi-tag-group-max.semi-tag-group-small {
2013
- height: 22px;
2014
- }
2015
- .semi-tag-group-max.semi-tag-group-large {
2016
- height: 26px;
2017
- }
2018
-
2019
- .semi-tag-rest-group-popover .semi-tag {
2020
- margin-right: 8px;
2021
- margin-bottom: 0;
2022
- }
2023
- .semi-tag-rest-group-popover .semi-tag:last-of-type {
2024
- margin-right: 0;
2025
- }
2026
-
2027
- .semi-tag-amber-ghost {
2028
- background-color: transparent;
2029
- border: 1px solid rgba(var(--semi-amber-4), 1);
2030
- color: rgba(var(--semi-amber-5), 1);
2031
- }
2032
-
2033
- .semi-tag-amber-solid {
2034
- background-color: rgba(var(--semi-amber-5), 1);
2035
- color: rgba(var(--semi-white), 1);
2036
- }
2037
-
2038
- .semi-tag-amber-light {
2039
- background-color: rgba(var(--semi-amber-5), 0.15);
2040
- color: rgba(var(--semi-amber-8), 1);
2041
- }
2042
-
2043
- .semi-tag-blue-ghost {
2044
- background-color: transparent;
2045
- border: 1px solid rgba(var(--semi-blue-4), 1);
2046
- color: rgba(var(--semi-blue-5), 1);
2047
- }
2048
-
2049
- .semi-tag-blue-solid {
2050
- background-color: rgba(var(--semi-blue-5), 1);
2051
- color: rgba(var(--semi-white), 1);
2052
- }
2053
-
2054
- .semi-tag-blue-light {
2055
- background-color: rgba(var(--semi-blue-5), 0.15);
2056
- color: rgba(var(--semi-blue-8), 1);
2057
- }
2058
-
2059
- .semi-tag-cyan-ghost {
2060
- background-color: transparent;
2061
- border: 1px solid rgba(var(--semi-cyan-4), 1);
2062
- color: rgba(var(--semi-cyan-5), 1);
2063
- }
2064
-
2065
- .semi-tag-cyan-solid {
2066
- background-color: rgba(var(--semi-cyan-5), 1);
2067
- color: rgba(var(--semi-white), 1);
2068
- }
2069
-
2070
- .semi-tag-cyan-light {
2071
- background-color: rgba(var(--semi-cyan-5), 0.15);
2072
- color: rgba(var(--semi-cyan-8), 1);
2073
- }
2074
-
2075
- .semi-tag-green-ghost {
2076
- background-color: transparent;
2077
- border: 1px solid rgba(var(--semi-green-4), 1);
2078
- color: rgba(var(--semi-green-5), 1);
2079
- }
2080
-
2081
- .semi-tag-green-solid {
2082
- background-color: rgba(var(--semi-green-5), 1);
2083
- color: rgba(var(--semi-white), 1);
2084
- }
2085
-
2086
- .semi-tag-green-light {
2087
- background-color: rgba(var(--semi-green-5), 0.15);
2088
- color: rgba(var(--semi-green-8), 1);
2089
- }
2090
-
2091
- .semi-tag-grey-ghost {
2092
- background-color: transparent;
2093
- border: 1px solid rgba(var(--semi-grey-4), 1);
2094
- color: rgba(var(--semi-grey-5), 1);
2095
- }
2096
-
2097
- .semi-tag-grey-solid {
2098
- background-color: rgba(var(--semi-grey-5), 1);
2099
- color: rgba(var(--semi-white), 1);
2100
- }
2101
-
2102
- .semi-tag-grey-light {
2103
- background-color: rgba(var(--semi-grey-5), 0.15);
2104
- color: rgba(var(--semi-grey-8), 1);
2105
- }
2106
-
2107
- .semi-tag-indigo-ghost {
2108
- background-color: transparent;
2109
- border: 1px solid rgba(var(--semi-indigo-4), 1);
2110
- color: rgba(var(--semi-indigo-5), 1);
2111
- }
2112
-
2113
- .semi-tag-indigo-solid {
2114
- background-color: rgba(var(--semi-indigo-5), 1);
2115
- color: rgba(var(--semi-white), 1);
2116
- }
2117
-
2118
- .semi-tag-indigo-light {
2119
- background-color: rgba(var(--semi-indigo-5), 0.15);
2120
- color: rgba(var(--semi-indigo-8), 1);
2121
- }
2122
-
2123
- .semi-tag-light-blue-ghost {
2124
- background-color: transparent;
2125
- border: 1px solid rgba(var(--semi-light-blue-4), 1);
2126
- color: rgba(var(--semi-light-blue-5), 1);
2127
- }
2128
-
2129
- .semi-tag-light-blue-solid {
2130
- background-color: rgba(var(--semi-light-blue-5), 1);
2131
- color: rgba(var(--semi-white), 1);
2132
- }
2133
-
2134
- .semi-tag-light-blue-light {
2135
- background-color: rgba(var(--semi-light-blue-5), 0.15);
2136
- color: rgba(var(--semi-light-blue-8), 1);
2137
- }
2138
-
2139
- .semi-tag-light-green-ghost {
2140
- background-color: transparent;
2141
- border: 1px solid rgba(var(--semi-light-green-4), 1);
2142
- color: rgba(var(--semi-light-green-5), 1);
2143
- }
2144
-
2145
- .semi-tag-light-green-solid {
2146
- background-color: rgba(var(--semi-light-green-5), 1);
2147
- color: rgba(var(--semi-white), 1);
2148
- }
2149
-
2150
- .semi-tag-light-green-light {
2151
- background-color: rgba(var(--semi-light-green-5), 0.15);
2152
- color: rgba(var(--semi-light-green-8), 1);
2153
- }
2154
-
2155
- .semi-tag-lime-ghost {
2156
- background-color: transparent;
2157
- border: 1px solid rgba(var(--semi-lime-4), 1);
2158
- color: rgba(var(--semi-lime-5), 1);
2159
- }
2160
-
2161
- .semi-tag-lime-solid {
2162
- background-color: rgba(var(--semi-lime-5), 1);
2163
- color: rgba(var(--semi-white), 1);
2164
- }
2165
-
2166
- .semi-tag-lime-light {
2167
- background-color: rgba(var(--semi-lime-5), 0.15);
2168
- color: rgba(var(--semi-lime-8), 1);
2169
- }
2170
-
2171
- .semi-tag-orange-ghost {
2172
- background-color: transparent;
2173
- border: 1px solid rgba(var(--semi-orange-4), 1);
2174
- color: rgba(var(--semi-orange-5), 1);
2175
- }
2176
-
2177
- .semi-tag-orange-solid {
2178
- background-color: rgba(var(--semi-orange-5), 1);
2179
- color: rgba(var(--semi-white), 1);
2180
- }
2181
-
2182
- .semi-tag-orange-light {
2183
- background-color: rgba(var(--semi-orange-5), 0.15);
2184
- color: rgba(var(--semi-orange-8), 1);
2185
- }
2186
-
2187
- .semi-tag-pink-ghost {
2188
- background-color: transparent;
2189
- border: 1px solid rgba(var(--semi-pink-4), 1);
2190
- color: rgba(var(--semi-pink-5), 1);
2191
- }
2192
-
2193
- .semi-tag-pink-solid {
2194
- background-color: rgba(var(--semi-pink-5), 1);
2195
- color: rgba(var(--semi-white), 1);
2196
- }
2197
-
2198
- .semi-tag-pink-light {
2199
- background-color: rgba(var(--semi-pink-5), 0.15);
2200
- color: rgba(var(--semi-pink-8), 1);
2201
- }
2202
-
2203
- .semi-tag-purple-ghost {
2204
- background-color: transparent;
2205
- border: 1px solid rgba(var(--semi-purple-4), 1);
2206
- color: rgba(var(--semi-purple-5), 1);
2207
- }
2208
-
2209
- .semi-tag-purple-solid {
2210
- background-color: rgba(var(--semi-purple-5), 1);
2211
- color: rgba(var(--semi-white), 1);
2212
- }
2213
-
2214
- .semi-tag-purple-light {
2215
- background-color: rgba(var(--semi-purple-5), 0.15);
2216
- color: rgba(var(--semi-purple-8), 1);
2217
- }
2218
-
2219
- .semi-tag-red-ghost {
2220
- background-color: transparent;
2221
- border: 1px solid rgba(var(--semi-red-4), 1);
2222
- color: rgba(var(--semi-red-5), 1);
2223
- }
2224
-
2225
- .semi-tag-red-solid {
2226
- background-color: rgba(var(--semi-red-5), 1);
2227
- color: rgba(var(--semi-white), 1);
2228
- }
2229
-
2230
- .semi-tag-red-light {
2231
- background-color: rgba(var(--semi-red-5), 0.15);
2232
- color: rgba(var(--semi-red-8), 1);
2233
- }
2234
-
2235
- .semi-tag-teal-ghost {
2236
- background-color: transparent;
2237
- border: 1px solid rgba(var(--semi-teal-4), 1);
2238
- color: rgba(var(--semi-teal-5), 1);
2239
- }
2240
-
2241
- .semi-tag-teal-solid {
2242
- background-color: rgba(var(--semi-teal-5), 1);
2243
- color: rgba(var(--semi-white), 1);
2244
- }
2245
-
2246
- .semi-tag-teal-light {
2247
- background-color: rgba(var(--semi-teal-5), 0.15);
2248
- color: rgba(var(--semi-teal-8), 1);
2249
- }
2250
-
2251
- .semi-tag-violet-ghost {
2252
- background-color: transparent;
2253
- border: 1px solid rgba(var(--semi-violet-4), 1);
2254
- color: rgba(var(--semi-violet-5), 1);
2255
- }
2256
-
2257
- .semi-tag-violet-solid {
2258
- background-color: rgba(var(--semi-violet-5), 1);
2259
- color: rgba(var(--semi-white), 1);
2260
- }
2261
-
2262
- .semi-tag-violet-light {
2263
- background-color: rgba(var(--semi-violet-5), 0.15);
2264
- color: rgba(var(--semi-violet-8), 1);
2265
- }
2266
-
2267
- .semi-tag-yellow-ghost {
2268
- background-color: transparent;
2269
- border: 1px solid rgba(var(--semi-yellow-4), 1);
2270
- color: rgba(var(--semi-yellow-5), 1);
2271
- }
2272
-
2273
- .semi-tag-yellow-solid {
2274
- background-color: rgba(var(--semi-yellow-5), 1);
2275
- color: rgba(var(--semi-white), 1);
2276
- }
2277
-
2278
- .semi-tag-yellow-light {
2279
- background-color: rgba(var(--semi-yellow-5), 0.15);
2280
- color: rgba(var(--semi-yellow-8), 1);
2281
- }
2282
-
2283
- .semi-tag-white-ghost {
2284
- background-color: var(--semi-color-bg-4);
2285
- border: 1px solid rgba(var(--semi-grey-2), 0.7);
2286
- color: var(--semi-color-text-0);
2287
- }
2288
-
2289
- .semi-tag-white-solid {
2290
- background-color: var(--semi-color-bg-4);
2291
- border: 1px solid rgba(var(--semi-grey-2), 0.7);
2292
- color: var(--semi-color-text-0);
2293
- }
2294
-
2295
- .semi-tag-white-light {
2296
- background-color: var(--semi-color-bg-4);
2297
- border: 1px solid rgba(var(--semi-grey-2), 0.7);
2298
- color: var(--semi-color-text-0);
2299
- }
2300
-
2301
- .semi-tag-white-ghost .semi-tag-close,
2302
- .semi-tag-white-light .semi-tag-close,
2303
- .semi-tag-white-solid .semi-tag-close {
2304
- color: var(--semi-color-text-2);
2305
- }
2306
-
2307
- .semi-tag-avatar-square,
2308
- .semi-tag-avatar-circle {
2309
- background-color: var(--semi-color-bg-4);
2310
- border: 1px solid var(--semi-color-border);
2311
- color: var(--semi-color-text-0);
2312
- }
2313
-
2314
- .semi-tag-split {
2315
- display: inline-flex;
2316
- align-items: center;
2317
- }
2318
- .semi-tag-split .semi-tag {
2319
- border-radius: 0;
2320
- margin-right: 1px;
2321
- }
2322
- .semi-tag-split .semi-tag-first {
2323
- border-top-left-radius: var(--semi-border-radius-small);
2324
- border-bottom-left-radius: var(--semi-border-radius-small);
2325
- }
2326
- .semi-tag-split .semi-tag-last {
2327
- border-top-right-radius: var(--semi-border-radius-small);
2328
- border-bottom-right-radius: var(--semi-border-radius-small);
2329
- margin-right: unset;
2330
- }
2331
- .semi-tag-split .semi-tag-circle.semi-tag-first {
2332
- border-top-left-radius: var(--semi-border-radius-full);
2333
- border-bottom-left-radius: var(--semi-border-radius-full);
2334
- }
2335
- .semi-tag-split .semi-tag-circle.semi-tag-last {
2336
- border-top-right-radius: var(--semi-border-radius-full);
2337
- border-bottom-right-radius: var(--semi-border-radius-full);
2338
- }
2339
-
2340
- .semi-rtl .semi-tag,
2341
- .semi-portal-rtl .semi-tag {
2342
- direction: rtl;
2343
- }
2344
- .semi-rtl .semi-tag-close,
2345
- .semi-portal-rtl .semi-tag-close {
2346
- padding-left: auto;
2347
- padding-right: 4px;
2348
- }
2349
- .semi-rtl .semi-tag-closable,
2350
- .semi-portal-rtl .semi-tag-closable {
2351
- padding: 4px 8px 4px 4px;
2352
- }
2353
- .semi-rtl .semi-tag-avatar-square .semi-avatar, .semi-rtl .semi-tag-avatar-circle .semi-avatar,
2354
- .semi-portal-rtl .semi-tag-avatar-square .semi-avatar,
2355
- .semi-portal-rtl .semi-tag-avatar-circle .semi-avatar {
2356
- margin-right: auto;
2357
- margin-left: 4px;
2358
- }
2359
- .semi-rtl .semi-tag-avatar-square,
2360
- .semi-portal-rtl .semi-tag-avatar-square {
2361
- padding-right: auto;
2362
- padding-left: 4px;
2363
- }
2364
- .semi-rtl .semi-tag-avatar-circle,
2365
- .semi-portal-rtl .semi-tag-avatar-circle {
2366
- padding: 2px 2px 2px 4px;
2367
- }
2368
- .semi-rtl .semi-tag-group,
2369
- .semi-portal-rtl .semi-tag-group {
2370
- direction: rtl;
2371
- }
2372
- .semi-rtl .semi-tag-group .semi-tag,
2373
- .semi-portal-rtl .semi-tag-group .semi-tag {
2374
- margin-right: auto;
2375
- margin-left: 8px;
2376
- }
2377
- .semi-rtl .semi-tag-rest-group-popover,
2378
- .semi-portal-rtl .semi-tag-rest-group-popover {
2379
- direction: rtl;
2380
- }
2381
- .semi-rtl .semi-tag-rest-group-popover .semi-tag,
2382
- .semi-portal-rtl .semi-tag-rest-group-popover .semi-tag {
2383
- margin-right: 0;
2384
- margin-left: 8px;
2385
- }
2386
- .semi-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type,
2387
- .semi-portal-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type {
2388
- margin-right: auto;
2389
- margin-left: 0;
2390
- }
2391
-
2392
- .semi-typography {
2393
- color: var(--semi-color-text-0);
2394
- font-size: 14px;
2395
- line-height: 20px;
2396
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2397
- }
2398
- .semi-typography.semi-typography-secondary {
2399
- color: var(--semi-color-text-1);
2400
- }
2401
- .semi-typography.semi-typography-tertiary {
2402
- color: var(--semi-color-text-2);
2403
- }
2404
- .semi-typography.semi-typography-quaternary {
2405
- color: var(--semi-color-text-3);
2406
- }
2407
- .semi-typography.semi-typography-warning {
2408
- color: var(--semi-color-warning);
2409
- }
2410
- .semi-typography.semi-typography-success {
2411
- color: var(--semi-color-success);
2412
- }
2413
- .semi-typography.semi-typography-danger {
2414
- color: var(--semi-color-danger);
2415
- }
2416
- .semi-typography.semi-typography-link {
2417
- color: var(--semi-color-link);
2418
- font-weight: 600;
2419
- }
2420
- .semi-typography.semi-typography-disabled {
2421
- color: var(--semi-color-disabled-text);
2422
- cursor: not-allowed;
2423
- user-select: none;
2424
- }
2425
- .semi-typography.semi-typography-disabled.semi-typography-link {
2426
- color: var(--semi-color-link);
2427
- }
2428
- .semi-typography-icon {
2429
- margin-right: 4px;
2430
- vertical-align: middle;
2431
- color: inherit;
2432
- }
2433
- .semi-typography-small {
2434
- font-size: 12px;
2435
- line-height: 16px;
2436
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2437
- font-weight: 400;
2438
- }
2439
- .semi-typography-small.semi-typography-paragraph {
2440
- font-weight: 400;
2441
- }
2442
- .semi-typography code {
2443
- border: 1px solid var(--semi-color-border);
2444
- border-radius: 2px;
2445
- color: var(--semi-color-text-2);
2446
- background-color: var(--semi-color-fill-1);
2447
- padding: 2px 4px;
2448
- }
2449
- .semi-typography mark {
2450
- background-color: var(--semi-color-primary-light-default);
2451
- }
2452
- .semi-typography u {
2453
- text-decoration: underline;
2454
- text-decoration-skip-ink: auto;
2455
- }
2456
- .semi-typography del {
2457
- text-decoration: line-through;
2458
- }
2459
- .semi-typography strong {
2460
- font-weight: 600;
2461
- }
2462
- .semi-typography a {
2463
- display: inline;
2464
- color: var(--semi-color-link);
2465
- cursor: pointer;
2466
- text-decoration: none;
2467
- }
2468
- .semi-typography a:visited {
2469
- color: var(--semi-color-link-visited);
2470
- }
2471
- .semi-typography a:hover {
2472
- color: var(--semi-color-link-hover);
2473
- }
2474
- .semi-typography a:active {
2475
- color: var(--semi-color-link-active);
2476
- }
2477
- .semi-typography a .semi-typography-link-underline:hover {
2478
- border-bottom: 1px solid var(--semi-color-link-hover);
2479
- margin-bottom: -1px;
2480
- }
2481
- .semi-typography a .semi-typography-link-underline:active {
2482
- border-bottom: 1px solid var(--semi-color-link-active);
2483
- margin-bottom: -1px;
2484
- }
2485
- .semi-typography-ellipsis-single-line {
2486
- overflow: hidden;
2487
- }
2488
- .semi-typography-ellipsis-multiple-line {
2489
- display: -webkit-box;
2490
- -webkit-box-orient: vertical;
2491
- overflow: hidden;
2492
- }
2493
- .semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
2494
- display: -webkit-inline-box;
2495
- }
2496
- .semi-typography-ellipsis-overflow-ellipsis {
2497
- display: block;
2498
- white-space: nowrap;
2499
- text-overflow: ellipsis;
2500
- }
2501
- .semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
2502
- display: inline-block;
2503
- max-width: 100%;
2504
- vertical-align: top;
2505
- }
2506
- .semi-typography-ellipsis-expand {
2507
- display: inline;
2508
- margin-left: 8px;
2509
- }
2510
- .semi-typography-action-copy {
2511
- display: inline-flex;
2512
- vertical-align: middle;
2513
- padding: 0;
2514
- margin-left: 4px;
2515
- }
2516
- .semi-typography a.semi-typography-action-copy-icon {
2517
- display: inline-flex;
2518
- }
2519
- .semi-typography-action-copied {
2520
- display: inline-flex;
2521
- padding: 0;
2522
- margin-left: 4px;
2523
- color: var(--semi-color-text-2);
2524
- }
2525
- .semi-typography-action-copied .semi-icon {
2526
- vertical-align: middle;
2527
- color: var(--semi-color-success);
2528
- }
2529
- .semi-typography-paragraph {
2530
- margin: 0;
2531
- }
2532
-
2533
- h1.semi-typography,
2534
- .semi-typography-h1.semi-typography {
2535
- font-size: 32px;
2536
- line-height: 44px;
2537
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2538
- font-weight: 600;
2539
- margin: 0;
2540
- }
2541
- h1.semi-typography.semi-typography-h1-weight-light,
2542
- .semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
2543
- font-weight: 200;
2544
- }
2545
- h1.semi-typography.semi-typography-h1-weight-regular,
2546
- .semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
2547
- font-weight: 400;
2548
- }
2549
- h1.semi-typography.semi-typography-h1-weight-medium,
2550
- .semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
2551
- font-weight: 500;
2552
- }
2553
- h1.semi-typography.semi-typography-h1-weight-semibold,
2554
- .semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
2555
- font-weight: 600;
2556
- }
2557
- h1.semi-typography.semi-typography-h1-weight-bold,
2558
- .semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
2559
- font-weight: 700;
2560
- }
2561
-
2562
- h2.semi-typography,
2563
- .semi-typography-h2.semi-typography {
2564
- font-size: 28px;
2565
- line-height: 40px;
2566
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2567
- font-weight: 600;
2568
- margin: 0;
2569
- }
2570
- h2.semi-typography.semi-typography-h2-weight-light,
2571
- .semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
2572
- font-weight: 200;
2573
- }
2574
- h2.semi-typography.semi-typography-h2-weight-regular,
2575
- .semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
2576
- font-weight: 400;
2577
- }
2578
- h2.semi-typography.semi-typography-h2-weight-medium,
2579
- .semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
2580
- font-weight: 500;
2581
- }
2582
- h2.semi-typography.semi-typography-h2-weight-semibold,
2583
- .semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
2584
- font-weight: 600;
2585
- }
2586
- h2.semi-typography.semi-typography-h2-weight-bold,
2587
- .semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
2588
- font-weight: 700;
2589
- }
2590
-
2591
- h3.semi-typography,
2592
- .semi-typography-h3.semi-typography {
2593
- font-size: 24px;
2594
- line-height: 32px;
2595
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2596
- font-weight: 600;
2597
- margin: 0;
2598
- }
2599
- h3.semi-typography.semi-typography-h3-weight-light,
2600
- .semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
2601
- font-weight: 200;
2602
- }
2603
- h3.semi-typography.semi-typography-h3-weight-regular,
2604
- .semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
2605
- font-weight: 400;
2606
- }
2607
- h3.semi-typography.semi-typography-h3-weight-medium,
2608
- .semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
2609
- font-weight: 500;
2610
- }
2611
- h3.semi-typography.semi-typography-h3-weight-semibold,
2612
- .semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
2613
- font-weight: 600;
2614
- }
2615
- h3.semi-typography.semi-typography-h3-weight-bold,
2616
- .semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
2617
- font-weight: 700;
2618
- }
2619
-
2620
- h4.semi-typography,
2621
- .semi-typography-h4.semi-typography {
2622
- font-size: 20px;
2623
- line-height: 28px;
2624
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2625
- font-weight: 600;
2626
- margin: 0;
2627
- }
2628
- h4.semi-typography.semi-typography-h4-weight-light,
2629
- .semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
2630
- font-weight: 200;
2631
- }
2632
- h4.semi-typography.semi-typography-h4-weight-regular,
2633
- .semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
2634
- font-weight: 400;
2635
- }
2636
- h4.semi-typography.semi-typography-h4-weight-medium,
2637
- .semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
2638
- font-weight: 500;
2639
- }
2640
- h4.semi-typography.semi-typography-h4-weight-semibold,
2641
- .semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
2642
- font-weight: 600;
2643
- }
2644
- h4.semi-typography.semi-typography-h4-weight-bold,
2645
- .semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
2646
- font-weight: 700;
2647
- }
2648
-
2649
- h5.semi-typography,
2650
- .semi-typography-h5.semi-typography {
2651
- font-size: 18px;
2652
- line-height: 24px;
2653
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2654
- font-weight: 600;
2655
- margin: 0;
2656
- }
2657
- h5.semi-typography.semi-typography-h5-weight-light,
2658
- .semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
2659
- font-weight: 200;
2660
- }
2661
- h5.semi-typography.semi-typography-h5-weight-regular,
2662
- .semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
2663
- font-weight: 400;
2664
- }
2665
- h5.semi-typography.semi-typography-h5-weight-medium,
2666
- .semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
2667
- font-weight: 500;
2668
- }
2669
- h5.semi-typography.semi-typography-h5-weight-semibold,
2670
- .semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
2671
- font-weight: 600;
2672
- }
2673
- h5.semi-typography.semi-typography-h5-weight-bold,
2674
- .semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
2675
- font-weight: 700;
2676
- }
2677
-
2678
- h6.semi-typography,
2679
- .semi-typography-h6.semi-typography {
2680
- font-size: 16px;
2681
- line-height: 22px;
2682
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
2683
- font-weight: 600;
2684
- margin: 0;
2685
- }
2686
- h6.semi-typography.semi-typography-h6-weight-light,
2687
- .semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
2688
- font-weight: 200;
2689
- }
2690
- h6.semi-typography.semi-typography-h6-weight-regular,
2691
- .semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
2692
- font-weight: 400;
2693
- }
2694
- h6.semi-typography.semi-typography-h6-weight-medium,
2695
- .semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
2696
- font-weight: 500;
2697
- }
2698
- h6.semi-typography.semi-typography-h6-weight-semibold,
2699
- .semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
2700
- font-weight: 600;
2701
- }
2702
- h6.semi-typography.semi-typography-h6-weight-bold,
2703
- .semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
2704
- font-weight: 700;
2705
- }
2706
-
2707
- p.semi-typography-extended,
2708
- .semi-typography-paragraph.semi-typography-extended {
2709
- line-height: 24px;
2710
- font-weight: 400;
2711
- }
2712
-
2713
- .semi-rtl .semi-typography,
2714
- .semi-portal-rtl .semi-typography {
2715
- direction: rtl;
2716
- }
2717
- .semi-rtl .semi-typography-link a,
2718
- .semi-rtl .semi-typography a,
2719
- .semi-portal-rtl .semi-typography-link a,
2720
- .semi-portal-rtl .semi-typography a {
2721
- display: inline-block;
2722
- }
2723
- .semi-rtl .semi-typography-icon,
2724
- .semi-portal-rtl .semi-typography-icon {
2725
- margin-right: auto;
2726
- margin-left: 4px;
2727
- }
2728
- .semi-rtl .semi-typography-ellipsis-expand,
2729
- .semi-portal-rtl .semi-typography-ellipsis-expand {
2730
- margin-left: auto;
2731
- }
2732
- .semi-rtl .semi-typography-action-copy,
2733
- .semi-portal-rtl .semi-typography-action-copy {
2734
- margin-left: auto;
2735
- margin-right: 4px;
2736
- }
2737
- .semi-rtl .semi-typography-action-copied,
2738
- .semi-portal-rtl .semi-typography-action-copied {
2739
- margin-left: auto;
2740
- margin-right: 4px;
2741
- }
2742
-
2743
4
  .semi-tagInput {
2744
5
  background-color: var(--semi-color-fill-0);
2745
6
  border: 1px transparent solid;
@@ -3024,48 +285,4 @@ p.semi-typography-extended,
3024
285
  .semi-rtl .semi-tagInput-wrapper-input:not(:first-child) > input,
3025
286
  .semi-portal-rtl .semi-tagInput-wrapper-input:not(:first-child) > input {
3026
287
  padding-right: 0;
3027
- }
3028
-
3029
- .semi-icon {
3030
- display: inline-block;
3031
- font-style: normal;
3032
- line-height: 0;
3033
- text-align: center;
3034
- text-transform: none;
3035
- text-rendering: optimizeLegibility;
3036
- fill: currentColor;
3037
- }
3038
-
3039
- .semi-icon-extra-small {
3040
- font-size: 8px;
3041
- }
3042
-
3043
- .semi-icon-small {
3044
- font-size: 12px;
3045
- }
3046
-
3047
- .semi-icon-default {
3048
- font-size: 16px;
3049
- }
3050
-
3051
- .semi-icon-large {
3052
- font-size: 20px;
3053
- }
3054
-
3055
- .semi-icon-extra-large {
3056
- font-size: 24px;
3057
- }
3058
-
3059
- .semi-icon-spinning {
3060
- animation: 0.6s linear infinite semi-icon-animation-rotate;
3061
- animation-fill-mode: forwards;
3062
- }
3063
-
3064
- @keyframes semi-icon-animation-rotate {
3065
- from {
3066
- transform: rotate(0);
3067
- }
3068
- to {
3069
- transform: rotate(360deg);
3070
- }
3071
- }
288
+ }