@haklex/rich-kit-shiro 0.0.14 → 0.0.16

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.
@@ -0,0 +1,5070 @@
1
+ :root, :host {
2
+ --rc-text: #1a1a1a;
3
+ --rc-text-secondary: #6b7280;
4
+ --rc-bg: #ffffff;
5
+ --rc-bg-secondary: #f9fafb;
6
+ --rc-border: #e5e7eb;
7
+ --rc-accent: #33A6B8;
8
+ --rc-accent-light: #33A6B833;
9
+ --rc-link: #33A6B8;
10
+ --rc-code-text: #e83e8c;
11
+ --rc-code-bg: #f3f4f6;
12
+ --rc-quote-border: #33A6B8;
13
+ --rc-quote-bg: #f0f9fb;
14
+ --rc-alert-info: #3b82f6;
15
+ --rc-alert-warning: #f59e0b;
16
+ --rc-alert-tip: #22c55e;
17
+ --rc-alert-caution: #ef4444;
18
+ --rc-alert-important: #a855f7;
19
+ --rc-max-width: 700px;
20
+ --rc-space-xs: 4px;
21
+ --rc-space-sm: 8px;
22
+ --rc-space-md: 16px;
23
+ --rc-space-lg: 24px;
24
+ --rc-space-xl: 32px;
25
+ --rc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
26
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
27
+ --rc-font-size-base: 16px;
28
+ --rc-font-size-small: 14px;
29
+ --rc-line-height: 1.7;
30
+ --rc-line-height-tight: 1.4;
31
+ --rc-radius-sm: 4px;
32
+ --rc-radius-md: 8px;
33
+ --rc-radius-lg: 12px;
34
+ }
35
+ ._17pm0gw0 {
36
+ --rc-text: #1a1a1a;
37
+ --rc-text-secondary: #6b7280;
38
+ --rc-bg: #ffffff;
39
+ --rc-bg-secondary: #f9fafb;
40
+ --rc-border: #e5e7eb;
41
+ --rc-accent: #33A6B8;
42
+ --rc-accent-light: #33A6B833;
43
+ --rc-link: #33A6B8;
44
+ --rc-code-text: #e83e8c;
45
+ --rc-code-bg: #f3f4f6;
46
+ --rc-quote-border: #33A6B8;
47
+ --rc-quote-bg: #f0f9fb;
48
+ --rc-alert-info: #3b82f6;
49
+ --rc-alert-warning: #f59e0b;
50
+ --rc-alert-tip: #22c55e;
51
+ --rc-alert-caution: #ef4444;
52
+ --rc-alert-important: #a855f7;
53
+ --rc-max-width: 700px;
54
+ --rc-space-xs: 4px;
55
+ --rc-space-sm: 8px;
56
+ --rc-space-md: 16px;
57
+ --rc-space-lg: 24px;
58
+ --rc-space-xl: 32px;
59
+ --rc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
60
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
61
+ --rc-font-size-base: 16px;
62
+ --rc-font-size-small: 14px;
63
+ --rc-line-height: 1.7;
64
+ --rc-line-height-tight: 1.4;
65
+ --rc-radius-sm: 4px;
66
+ --rc-radius-md: 8px;
67
+ --rc-radius-lg: 12px;
68
+ }
69
+ ._17pm0gw1 {
70
+ --rc-text: #1a1a1a;
71
+ --rc-text-secondary: #6b7280;
72
+ --rc-bg: #ffffff;
73
+ --rc-bg-secondary: #f9fafb;
74
+ --rc-border: #e5e7eb;
75
+ --rc-accent: #33A6B8;
76
+ --rc-accent-light: #33A6B833;
77
+ --rc-link: #33A6B8;
78
+ --rc-code-text: #e83e8c;
79
+ --rc-code-bg: #f3f4f6;
80
+ --rc-quote-border: #9ca3af;
81
+ --rc-quote-bg: #f9fafb;
82
+ --rc-alert-info: #3b82f6;
83
+ --rc-alert-warning: #f59e0b;
84
+ --rc-alert-tip: #22c55e;
85
+ --rc-alert-caution: #ef4444;
86
+ --rc-alert-important: #a855f7;
87
+ --rc-max-width: none;
88
+ --rc-space-xs: 2px;
89
+ --rc-space-sm: 4px;
90
+ --rc-space-md: 10px;
91
+ --rc-space-lg: 16px;
92
+ --rc-space-xl: 20px;
93
+ --rc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
94
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
95
+ --rc-font-size-base: 14px;
96
+ --rc-font-size-small: 12px;
97
+ --rc-line-height: 1.5;
98
+ --rc-line-height-tight: 1.3;
99
+ --rc-radius-sm: 3px;
100
+ --rc-radius-md: 6px;
101
+ --rc-radius-lg: 8px;
102
+ }
103
+ ._17pm0gw2 {
104
+ --rc-text: #e5e5e5;
105
+ --rc-text-secondary: #a3a3a3;
106
+ --rc-bg: #171717;
107
+ --rc-bg-secondary: #262626;
108
+ --rc-border: #404040;
109
+ --rc-accent: #F596AA;
110
+ --rc-accent-light: #F596AA33;
111
+ --rc-link: #F596AA;
112
+ --rc-code-text: #f472b6;
113
+ --rc-code-bg: #262626;
114
+ --rc-quote-border: #F596AA;
115
+ --rc-quote-bg: #262626;
116
+ --rc-alert-info: #60a5fa;
117
+ --rc-alert-warning: #fbbf24;
118
+ --rc-alert-tip: #4ade80;
119
+ --rc-alert-caution: #f87171;
120
+ --rc-alert-important: #c084fc;
121
+ --rc-max-width: 700px;
122
+ --rc-space-xs: 4px;
123
+ --rc-space-sm: 8px;
124
+ --rc-space-md: 16px;
125
+ --rc-space-lg: 24px;
126
+ --rc-space-xl: 32px;
127
+ --rc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
128
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
129
+ --rc-font-size-base: 16px;
130
+ --rc-font-size-small: 14px;
131
+ --rc-line-height: 1.7;
132
+ --rc-line-height-tight: 1.4;
133
+ --rc-radius-sm: 4px;
134
+ --rc-radius-md: 8px;
135
+ --rc-radius-lg: 12px;
136
+ }
137
+ ._17pm0gw3 {
138
+ --rc-text: #e5e5e5;
139
+ --rc-text-secondary: #a3a3a3;
140
+ --rc-bg: #171717;
141
+ --rc-bg-secondary: #262626;
142
+ --rc-border: #404040;
143
+ --rc-accent: #F596AA;
144
+ --rc-accent-light: #F596AA33;
145
+ --rc-link: #F596AA;
146
+ --rc-code-text: #f472b6;
147
+ --rc-code-bg: #262626;
148
+ --rc-quote-border: #F596AA;
149
+ --rc-quote-bg: #262626;
150
+ --rc-alert-info: #60a5fa;
151
+ --rc-alert-warning: #fbbf24;
152
+ --rc-alert-tip: #4ade80;
153
+ --rc-alert-caution: #f87171;
154
+ --rc-alert-important: #c084fc;
155
+ --rc-max-width: none;
156
+ --rc-space-xs: 2px;
157
+ --rc-space-sm: 4px;
158
+ --rc-space-md: 10px;
159
+ --rc-space-lg: 16px;
160
+ --rc-space-xl: 20px;
161
+ --rc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
162
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
163
+ --rc-font-size-base: 14px;
164
+ --rc-font-size-small: 12px;
165
+ --rc-line-height: 1.5;
166
+ --rc-line-height-tight: 1.3;
167
+ --rc-radius-sm: 3px;
168
+ --rc-radius-md: 6px;
169
+ --rc-radius-lg: 8px;
170
+ }
171
+ ._17pm0gw4 {
172
+ --rc-text: #1a1a1a;
173
+ --rc-text-secondary: #6b7280;
174
+ --rc-bg: #ffffff;
175
+ --rc-bg-secondary: #f9fafb;
176
+ --rc-border: #e5e7eb;
177
+ --rc-accent: #33A6B8;
178
+ --rc-accent-light: #33A6B833;
179
+ --rc-link: #33A6B8;
180
+ --rc-code-text: #e83e8c;
181
+ --rc-code-bg: #f3f4f6;
182
+ --rc-quote-border: #33A6B8;
183
+ --rc-quote-bg: #f0f9fb;
184
+ --rc-alert-info: #3b82f6;
185
+ --rc-alert-warning: #f59e0b;
186
+ --rc-alert-tip: #22c55e;
187
+ --rc-alert-caution: #ef4444;
188
+ --rc-alert-important: #a855f7;
189
+ --rc-max-width: 700px;
190
+ --rc-space-xs: 4px;
191
+ --rc-space-sm: 8px;
192
+ --rc-space-md: 16px;
193
+ --rc-space-lg: 24px;
194
+ --rc-space-xl: 32px;
195
+ --rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
196
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
197
+ --rc-font-size-base: 16px;
198
+ --rc-font-size-small: 14px;
199
+ --rc-line-height: 1.8;
200
+ --rc-line-height-tight: 1.4;
201
+ --rc-radius-sm: 4px;
202
+ --rc-radius-md: 8px;
203
+ --rc-radius-lg: 12px;
204
+ }
205
+ ._17pm0gw5 {
206
+ --rc-text: #e5e5e5;
207
+ --rc-text-secondary: #a3a3a3;
208
+ --rc-bg: #171717;
209
+ --rc-bg-secondary: #262626;
210
+ --rc-border: #404040;
211
+ --rc-accent: #F596AA;
212
+ --rc-accent-light: #F596AA33;
213
+ --rc-link: #F596AA;
214
+ --rc-code-text: #f472b6;
215
+ --rc-code-bg: #262626;
216
+ --rc-quote-border: #F596AA;
217
+ --rc-quote-bg: #262626;
218
+ --rc-alert-info: #60a5fa;
219
+ --rc-alert-warning: #fbbf24;
220
+ --rc-alert-tip: #4ade80;
221
+ --rc-alert-caution: #f87171;
222
+ --rc-alert-important: #c084fc;
223
+ --rc-max-width: 700px;
224
+ --rc-space-xs: 4px;
225
+ --rc-space-sm: 8px;
226
+ --rc-space-md: 16px;
227
+ --rc-space-lg: 24px;
228
+ --rc-space-xl: 32px;
229
+ --rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
230
+ --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
231
+ --rc-font-size-base: 16px;
232
+ --rc-font-size-small: 14px;
233
+ --rc-line-height: 1.8;
234
+ --rc-line-height-tight: 1.4;
235
+ --rc-radius-sm: 4px;
236
+ --rc-radius-md: 8px;
237
+ --rc-radius-lg: 12px;
238
+ }
239
+ @keyframes r8uj4t1 {
240
+ 0% {
241
+ background-color: rgba(239, 68, 68, 0.24);
242
+ }
243
+ 100% {
244
+ background-color: transparent;
245
+ }
246
+ }
247
+ .r8uj4t0 {
248
+ font-family: var(--rc-font-family);
249
+ font-size: var(--rc-font-size-base);
250
+ line-height: var(--rc-line-height);
251
+ color: var(--rc-text);
252
+ word-wrap: break-word;
253
+ overflow-wrap: break-word;
254
+ }
255
+ .r8uj4t0 .rich-paragraph {
256
+ margin: 0;
257
+ margin-bottom: 1em;
258
+ line-height: var(--rc-line-height);
259
+ }
260
+ .r8uj4t0 .rich-text-bold {
261
+ font-weight: 700;
262
+ }
263
+ .r8uj4t0 .rich-text-italic {
264
+ font-style: italic;
265
+ }
266
+ .r8uj4t0 .rich-text-underline {
267
+ text-decoration: underline;
268
+ }
269
+ .r8uj4t0 .rich-text-strikethrough {
270
+ text-decoration: line-through;
271
+ }
272
+ .r8uj4t0 .rich-text-highlight {
273
+ background-color: var(--rc-accent-light);
274
+ border-radius: var(--rc-radius-sm);
275
+ padding: 1px 4px;
276
+ }
277
+ .r8uj4t0 .rich-text-code {
278
+ font-family: var(--rc-font-mono);
279
+ font-size: 0.9em;
280
+ background-color: var(--rc-code-bg);
281
+ color: var(--rc-code-text);
282
+ padding: 2px 6px;
283
+ border-radius: var(--rc-radius-sm);
284
+ border: 1px solid var(--rc-border);
285
+ }
286
+ .r8uj4t0 :is(.rich-heading-h1, .rich-heading-h2, .rich-heading-h3, .rich-heading-h4, .rich-heading-h5, .rich-heading-h6) {
287
+ position: relative;
288
+ }
289
+ .r8uj4t0 .rich-heading-anchor {
290
+ position: absolute;
291
+ left: -1.25em;
292
+ top: 0;
293
+ bottom: 0;
294
+ display: flex;
295
+ align-items: center;
296
+ text-decoration: none;
297
+ color: var(--rc-text-secondary);
298
+ opacity: 0;
299
+ transition: opacity 0.15s ease;
300
+ font-size: 0.8em;
301
+ }
302
+ .r8uj4t0 .rich-heading-anchor::before {
303
+ content: "#";
304
+ }
305
+ .r8uj4t0 :is(.rich-heading-h1, .rich-heading-h2, .rich-heading-h3, .rich-heading-h4, .rich-heading-h5, .rich-heading-h6):hover .rich-heading-anchor {
306
+ opacity: 0.5;
307
+ }
308
+ .r8uj4t0 :is(.rich-heading-h1, .rich-heading-h2, .rich-heading-h3, .rich-heading-h4, .rich-heading-h5, .rich-heading-h6):hover .rich-heading-anchor:hover {
309
+ opacity: 1;
310
+ }
311
+ .r8uj4t0 .rich-heading-h1 {
312
+ font-size: 2em;
313
+ font-weight: 700;
314
+ line-height: var(--rc-line-height-tight);
315
+ margin-top: 1.5em;
316
+ margin-bottom: 0.5em;
317
+ }
318
+ .r8uj4t0 .rich-heading-h2 {
319
+ font-size: 1.5em;
320
+ font-weight: 700;
321
+ line-height: var(--rc-line-height-tight);
322
+ margin-top: 1.4em;
323
+ margin-bottom: 0.45em;
324
+ }
325
+ .r8uj4t0 .rich-heading-h3 {
326
+ font-size: 1.25em;
327
+ font-weight: 600;
328
+ line-height: var(--rc-line-height-tight);
329
+ margin-top: 1.3em;
330
+ margin-bottom: 0.4em;
331
+ }
332
+ .r8uj4t0 .rich-heading-h4 {
333
+ font-size: 1.125em;
334
+ font-weight: 600;
335
+ line-height: var(--rc-line-height-tight);
336
+ margin-top: 1.2em;
337
+ margin-bottom: 0.35em;
338
+ }
339
+ .r8uj4t0 .rich-heading-h5 {
340
+ font-size: 1em;
341
+ font-weight: 600;
342
+ line-height: var(--rc-line-height-tight);
343
+ margin-top: 1.1em;
344
+ margin-bottom: 0.3em;
345
+ }
346
+ .r8uj4t0 .rich-heading-h6 {
347
+ font-size: 0.875em;
348
+ font-weight: 600;
349
+ line-height: var(--rc-line-height-tight);
350
+ margin-top: 1em;
351
+ margin-bottom: 0.25em;
352
+ color: var(--rc-text-secondary);
353
+ }
354
+ .r8uj4t0 .rich-link {
355
+ color: var(--rc-link);
356
+ text-decoration: none;
357
+ transition: color 0.2s ease;
358
+ }
359
+ .r8uj4t0 .rich-link:hover {
360
+ text-decoration: underline;
361
+ }
362
+ .r8uj4t0 .rich-list-ol {
363
+ list-style-type: decimal;
364
+ padding-left: var(--rc-space-lg);
365
+ margin-bottom: 1em;
366
+ }
367
+ .r8uj4t0 .rich-list-ul {
368
+ list-style-type: disc;
369
+ padding-left: var(--rc-space-lg);
370
+ margin-bottom: 1em;
371
+ }
372
+ .r8uj4t0 .rich-list-item {
373
+ margin-bottom: 0.25em;
374
+ }
375
+ .r8uj4t0 .rich-list-nested-item {
376
+ list-style-type: none;
377
+ }
378
+ .r8uj4t0 .rich-list-nested-item .rich-list-ol {
379
+ list-style-type: lower-alpha;
380
+ }
381
+ .r8uj4t0 .rich-list-nested-item .rich-list-ul {
382
+ list-style-type: circle;
383
+ }
384
+ .r8uj4t0 .rich-checklist {
385
+ list-style-type: none;
386
+ padding-left: 0;
387
+ }
388
+ .r8uj4t0 .rich-list-item.rich-list-item-checked, .r8uj4t0 .rich-list-item.rich-list-item-unchecked {
389
+ position: relative;
390
+ padding-left: 1.9em;
391
+ list-style-type: none;
392
+ outline: none;
393
+ }
394
+ .r8uj4t0 .rich-list-item.rich-list-item-unchecked::before, .r8uj4t0 .rich-list-item.rich-list-item-checked::before {
395
+ content: "";
396
+ width: 16px;
397
+ height: 16px;
398
+ border: 1px solid var(--rc-border);
399
+ border-radius: var(--rc-radius-sm);
400
+ position: absolute;
401
+ left: 0;
402
+ top: calc((1lh - 16px) / 2);
403
+ box-sizing: border-box;
404
+ }
405
+ .r8uj4t0 .rich-list-item.rich-list-item-checked::before {
406
+ background-color: var(--rc-accent);
407
+ border-color: var(--rc-accent);
408
+ }
409
+ .r8uj4t0 .rich-list-item.rich-list-item-checked::after {
410
+ content: "";
411
+ position: absolute;
412
+ left: 5px;
413
+ top: calc((1lh - 16px) / 2 + 5px);
414
+ width: 6px;
415
+ height: 3px;
416
+ border-left: 2px solid #fff;
417
+ border-bottom: 2px solid #fff;
418
+ transform: rotate(-45deg);
419
+ box-sizing: border-box;
420
+ }
421
+ .r8uj4t0 .rich-list-item-checked {
422
+ text-decoration: line-through;
423
+ color: var(--rc-text-secondary);
424
+ }
425
+ .r8uj4t0 .rich-quote {
426
+ border-left: 4px solid var(--rc-quote-border);
427
+ background-color: var(--rc-quote-bg);
428
+ margin: var(--rc-space-md) 0;
429
+ padding: var(--rc-space-sm) var(--rc-space-md);
430
+ font-style: italic;
431
+ color: var(--rc-text-secondary);
432
+ border-radius: 0 var(--rc-radius-sm) var(--rc-radius-sm) 0;
433
+ }
434
+ .r8uj4t0 .rich-quote > .rich-paragraph:first-child {
435
+ margin-top: 0;
436
+ }
437
+ .r8uj4t0 .rich-quote > .rich-paragraph:last-child {
438
+ margin-bottom: 0;
439
+ }
440
+ .r8uj4t0 .rich-hr {
441
+ border: none;
442
+ border-top: 1px solid var(--rc-border);
443
+ margin: var(--rc-space-lg) auto;
444
+ width: 60px;
445
+ }
446
+ .r8uj4t0 .rich-table-scrollable-wrapper {
447
+ overflow-x: auto;
448
+ }
449
+ .r8uj4t0 .rich-table {
450
+ width: 100%;
451
+ border-collapse: separate;
452
+ border-spacing: 0;
453
+ margin: var(--rc-space-lg) 0;
454
+ font-size: var(--rc-font-size-small);
455
+ border: 1px solid var(--rc-border);
456
+ border-radius: var(--rc-radius-md);
457
+ overflow: hidden;
458
+ }
459
+ .r8uj4t0 .rich-table-cell {
460
+ border: none;
461
+ border-bottom: 1px solid var(--rc-border);
462
+ border-right: 1px solid var(--rc-border);
463
+ padding: 1.25em var(--rc-space-lg);
464
+ text-align: left;
465
+ vertical-align: middle;
466
+ line-height: 1.5;
467
+ }
468
+ .r8uj4t0 .rich-table-cell:last-child {
469
+ border-right: none;
470
+ }
471
+ .r8uj4t0 .rich-table tbody tr:last-child .rich-table-cell {
472
+ border-bottom: none;
473
+ }
474
+ .r8uj4t0 .rich-table-cell .rich-paragraph {
475
+ margin: 0;
476
+ padding: 0;
477
+ line-height: inherit;
478
+ }
479
+ .r8uj4t0 .rich-table-cell > :first-child {
480
+ margin-top: 0;
481
+ }
482
+ .r8uj4t0 .rich-table-cell > :last-child {
483
+ margin-bottom: 0;
484
+ }
485
+ .r8uj4t0 .rich-table-cell-header {
486
+ border: none;
487
+ border-bottom: 1px solid var(--rc-border);
488
+ border-right: 1px solid var(--rc-border);
489
+ padding: var(--rc-space-md) var(--rc-space-lg);
490
+ text-align: left;
491
+ font-weight: 600;
492
+ font-size: 0.75em;
493
+ text-transform: uppercase;
494
+ letter-spacing: 0.05em;
495
+ color: var(--rc-text-secondary);
496
+ background-color: var(--rc-bg-secondary);
497
+ vertical-align: middle;
498
+ line-height: 1.5;
499
+ position: sticky;
500
+ top: 0;
501
+ z-index: 1;
502
+ }
503
+ .r8uj4t0 .rich-table-cell-header:last-child {
504
+ border-right: none;
505
+ }
506
+ .r8uj4t0 .rich-table-cell-header .rich-paragraph {
507
+ margin: 0;
508
+ padding: 0;
509
+ line-height: inherit;
510
+ }
511
+ .r8uj4t0 .rich-table-cell-header > :first-child {
512
+ margin-top: 0;
513
+ }
514
+ .r8uj4t0 .rich-table-cell-header > :last-child {
515
+ margin-bottom: 0;
516
+ }
517
+ .r8uj4t0 img {
518
+ max-width: 100%;
519
+ height: auto;
520
+ border-radius: var(--rc-radius-md);
521
+ }
522
+ .r8uj4t0 .rich-spoiler {
523
+ background-color: var(--rc-text);
524
+ color: transparent;
525
+ border-radius: var(--rc-radius-sm);
526
+ padding-inline: 4px;
527
+ cursor: pointer;
528
+ transition: background-color 0.3s ease, color 0.3s ease;
529
+ user-select: none;
530
+ }
531
+ [contenteditable="true"] .rich-spoiler {
532
+ background-color: color-mix(in srgb, var(--rc-text) 30%, transparent);
533
+ color: inherit;
534
+ user-select: auto;
535
+ cursor: text;
536
+ }
537
+ .r8uj4t0 .rich-spoiler:hover {
538
+ background-color: transparent;
539
+ color: inherit;
540
+ user-select: auto;
541
+ }
542
+ .r8uj4t0 .rich-spoiler-revealed {
543
+ background-color: transparent;
544
+ color: inherit;
545
+ user-select: auto;
546
+ }
547
+ .r8uj4t0 .rich-footnote {
548
+ vertical-align: super;
549
+ font-size: 0.8em;
550
+ }
551
+ .r8uj4t0 .rich-footnote-ref {
552
+ display: inline-flex;
553
+ align-items: center;
554
+ justify-content: center;
555
+ min-width: 1.5em;
556
+ text-decoration: none;
557
+ color: var(--rc-accent);
558
+ background-color: var(--rc-accent-light);
559
+ border-radius: 999px;
560
+ padding: 0 0.35em;
561
+ line-height: 1.45;
562
+ font-weight: 600;
563
+ font-size: 0.82em;
564
+ transition: filter 0.15s ease;
565
+ }
566
+ .r8uj4t0 .rich-footnote-ref:hover {
567
+ filter: brightness(0.96);
568
+ }
569
+ .r8uj4t0 .rich-footnote-highlight {
570
+ animation: r8uj4t1 1.2s ease-out;
571
+ }
572
+ .r8uj4t0 .rich-footnote-ref-wrapper {
573
+ position: relative;
574
+ display: inline;
575
+ }
576
+ .r8uj4t0 .rich-footnote-section {
577
+ margin-top: var(--rc-space-lg);
578
+ }
579
+ .r8uj4t0 .rich-footnote-section-divider {
580
+ border: none;
581
+ border-top: 1px solid var(--rc-border);
582
+ margin: var(--rc-space-lg) 0 var(--rc-space-md);
583
+ }
584
+ .r8uj4t0 .rich-footnote-section-list {
585
+ list-style-type: decimal;
586
+ padding-left: var(--rc-space-lg);
587
+ font-size: var(--rc-font-size-small);
588
+ color: var(--rc-text-secondary);
589
+ line-height: 1.6;
590
+ }
591
+ .r8uj4t0 .rich-footnote-section-item {
592
+ margin-bottom: var(--rc-space-sm);
593
+ padding-left: var(--rc-space-xs);
594
+ }
595
+ .r8uj4t0 .rich-footnote-back-ref {
596
+ display: inline-flex;
597
+ align-items: center;
598
+ margin-left: var(--rc-space-xs);
599
+ color: var(--rc-accent);
600
+ text-decoration: none;
601
+ font-size: 0.85em;
602
+ transition: opacity 0.15s ease;
603
+ }
604
+ .r8uj4t0 .rich-footnote-back-ref:hover {
605
+ opacity: 0.7;
606
+ }
607
+ .r8uj4t0 .rich-footnote-section-item-edit {
608
+ display: flex;
609
+ align-items: center;
610
+ gap: var(--rc-space-sm);
611
+ list-style-type: none;
612
+ }
613
+ .r8uj4t0 .rich-footnote-section-item-num {
614
+ flex-shrink: 0;
615
+ color: var(--rc-text-secondary);
616
+ font-size: var(--rc-font-size-small);
617
+ font-weight: 600;
618
+ min-width: 1.5em;
619
+ }
620
+ .r8uj4t0 .rich-footnote-section-item-input {
621
+ flex: 1;
622
+ border: 1px solid var(--rc-border);
623
+ border-radius: var(--rc-radius-sm);
624
+ padding: var(--rc-space-xs) var(--rc-space-sm);
625
+ font-size: var(--rc-font-size-small);
626
+ color: var(--rc-text);
627
+ background-color: transparent;
628
+ outline: none;
629
+ transition: border-color 0.15s ease;
630
+ }
631
+ .r8uj4t0 .rich-footnote-section-item-input:focus {
632
+ border-color: var(--rc-accent);
633
+ }
634
+ .r8uj4t0 .rich-footnote-section-item-remove {
635
+ flex-shrink: 0;
636
+ display: inline-flex;
637
+ align-items: center;
638
+ justify-content: center;
639
+ width: 20px;
640
+ height: 20px;
641
+ border: none;
642
+ background: none;
643
+ color: var(--rc-text-secondary);
644
+ cursor: pointer;
645
+ border-radius: var(--rc-radius-sm);
646
+ font-size: 14px;
647
+ transition: color 0.15s ease, background-color 0.15s ease;
648
+ }
649
+ .r8uj4t0 .rich-footnote-section-item-remove:hover {
650
+ color: #ef4444;
651
+ background-color: rgba(239, 68, 68, 0.1);
652
+ }
653
+ .rich-drag-handle {
654
+ position: absolute;
655
+ display: flex;
656
+ align-items: center;
657
+ justify-content: center;
658
+ width: 20px;
659
+ height: 20px;
660
+ cursor: grab;
661
+ border-radius: var(--rc-radius-sm);
662
+ color: var(--rc-text-secondary);
663
+ opacity: 0.4;
664
+ transition: opacity 0.15s ease, background-color 0.15s ease;
665
+ z-index: 10;
666
+ }
667
+ .rich-drag-handle:hover {
668
+ opacity: 1;
669
+ background-color: var(--rc-bg-secondary);
670
+ }
671
+ .rich-drag-handle:active {
672
+ cursor: grabbing;
673
+ }
674
+ .rich-drop-indicator {
675
+ position: absolute;
676
+ height: 2px;
677
+ background-color: var(--rc-accent);
678
+ border-radius: 1px;
679
+ pointer-events: none;
680
+ z-index: 10;
681
+ }
682
+ .r8uj4t0 .rich-alert {
683
+ margin: 2em 0;
684
+ padding: 0 1em;
685
+ background-color: transparent;
686
+ border: none;
687
+ border-radius: 0;
688
+ }
689
+ .r8uj4t0 > *:first-child, .r8uj4t0 .rich-editor__content > *:first-child {
690
+ margin-top: 0;
691
+ }
692
+ .r8uj4t0 > *:last-child, .r8uj4t0 .rich-editor__content > *:last-child {
693
+ margin-bottom: 0;
694
+ }
695
+ .v10dui0 {
696
+ max-width: 700px;
697
+ font-size: var(--rc-font-size-base);
698
+ line-height: 1.75;
699
+ color: var(--rc-text);
700
+ }
701
+ .v10dui0 .rich-paragraph {
702
+ margin-top: 1.5em;
703
+ margin-bottom: 1.5em;
704
+ }
705
+ .v10dui0 .rich-heading-h1 {
706
+ color: var(--rc-text);
707
+ font-weight: 800;
708
+ font-size: 3em;
709
+ margin-top: 0;
710
+ margin-bottom: 0.8333333333333334em;
711
+ line-height: 1;
712
+ }
713
+ .v10dui0 .rich-heading-h2 {
714
+ color: var(--rc-text);
715
+ font-weight: 700;
716
+ font-size: 1.875em;
717
+ margin-top: 1.8666666666666667em;
718
+ margin-bottom: 1.0666666666666667em;
719
+ line-height: 1.3333333;
720
+ }
721
+ .v10dui0 .rich-heading-h3 {
722
+ color: var(--rc-text);
723
+ font-weight: 600;
724
+ font-size: 1.5em;
725
+ margin-top: 1.6666666666666667em;
726
+ margin-bottom: 0.6666666666666666em;
727
+ line-height: 1.5;
728
+ }
729
+ .v10dui0 .rich-heading-h4 {
730
+ color: var(--rc-text);
731
+ font-weight: 600;
732
+ margin-top: 2em;
733
+ margin-bottom: 0.5em;
734
+ line-height: 1.5625;
735
+ }
736
+ .v10dui0 .rich-heading-h2 + *, .v10dui0 .rich-heading-h3 + *, .v10dui0 .rich-heading-h4 + * {
737
+ margin-top: 0;
738
+ }
739
+ .v10dui0 .rich-quote {
740
+ font-weight: 500;
741
+ font-style: italic;
742
+ color: var(--rc-text);
743
+ border-left-width: 0.25rem;
744
+ border-left-style: solid;
745
+ border-left-color: var(--rc-quote-border);
746
+ margin-top: 2.5em;
747
+ margin-bottom: 2.5em;
748
+ padding-left: 1.5em;
749
+ background-color: transparent;
750
+ border-radius: 0;
751
+ quotes: "\201C""\201D""\2018""\2019";
752
+ }
753
+ .v10dui0 .rich-quote .rich-paragraph:first-of-type::before {
754
+ content: open-quote;
755
+ }
756
+ .v10dui0 .rich-quote .rich-paragraph:last-of-type::after {
757
+ content: close-quote;
758
+ }
759
+ .v10dui0 .rich-quote .rich-paragraph:first-child {
760
+ margin-top: 0;
761
+ }
762
+ .v10dui0 .rich-quote .rich-paragraph:last-child {
763
+ margin-bottom: 0;
764
+ }
765
+ .v10dui0 .rich-text-code {
766
+ color: var(--rc-text);
767
+ font-weight: 600;
768
+ font-size: 0.875em;
769
+ background-color: var(--rc-code-bg);
770
+ padding: 0.2em 0.4em;
771
+ border-radius: var(--rc-radius-sm);
772
+ font-family: var(--rc-font-mono);
773
+ }
774
+ .v10dui0 .rich-text-code::before, .v10dui0 .rich-text-code::after {
775
+ content: "`";
776
+ color: var(--rc-text-secondary);
777
+ opacity: 0.5;
778
+ }
779
+ .v10dui0 .rich-code-block {
780
+ color: var(--rc-text);
781
+ background-color: var(--rc-code-bg);
782
+ border-radius: 0.375rem;
783
+ margin-top: 2em;
784
+ margin-bottom: 2em;
785
+ font-size: 0.875em;
786
+ line-height: 1.75;
787
+ }
788
+ .v10dui0 .rich-code-block pre {
789
+ padding-top: 1em;
790
+ padding-right: 1.5em;
791
+ padding-bottom: 1em;
792
+ padding-left: 1.5em;
793
+ margin: 0;
794
+ }
795
+ .v10dui0 .rich-list-ul, .v10dui0 .rich-list-ol {
796
+ margin-top: 1.5em;
797
+ margin-bottom: 1.5em;
798
+ padding-left: 1.75em;
799
+ }
800
+ .v10dui0 .rich-list-item {
801
+ margin-top: 0.75em;
802
+ margin-bottom: 0.75em;
803
+ padding-left: 0.5em;
804
+ }
805
+ .v10dui0 .rich-list-item .rich-paragraph {
806
+ margin-top: 1em;
807
+ margin-bottom: 1em;
808
+ }
809
+ .v10dui0 .rich-list-item > .rich-paragraph:first-child {
810
+ margin-top: 1.5em;
811
+ }
812
+ .v10dui0 .rich-list-item > .rich-paragraph:last-child {
813
+ margin-bottom: 1.5em;
814
+ }
815
+ .v10dui0 .rich-list-ul .rich-list-ul, .v10dui0 .rich-list-ul .rich-list-ol, .v10dui0 .rich-list-ol .rich-list-ul, .v10dui0 .rich-list-ol .rich-list-ol {
816
+ margin-top: 1em;
817
+ margin-bottom: 1em;
818
+ }
819
+ .v10dui0 .rich-table {
820
+ margin-top: 2em;
821
+ margin-bottom: 2em;
822
+ font-size: 0.875em;
823
+ line-height: 1.5;
824
+ }
825
+ .v10dui0 .rich-table .rich-paragraph {
826
+ margin: 0;
827
+ padding: 0;
828
+ line-height: inherit;
829
+ }
830
+ .v10dui0 .rich-image {
831
+ margin-top: 2em;
832
+ margin-bottom: 2em;
833
+ }
834
+ .v10dui0 .rich-image > * {
835
+ margin-top: 0;
836
+ margin-bottom: 0;
837
+ }
838
+ .v10dui0 .rich-image figcaption {
839
+ color: var(--rc-text-secondary);
840
+ font-size: 0.875em;
841
+ line-height: 1.5;
842
+ margin-top: 1em;
843
+ }
844
+ .v10dui0 .rich-hr {
845
+ border-color: var(--rc-border);
846
+ border-top-width: 1px;
847
+ margin-top: 3.5em;
848
+ margin-bottom: 3.5em;
849
+ width: 60px;
850
+ margin-left: auto;
851
+ margin-right: auto;
852
+ }
853
+ .v10dui0 .rich-hr + * {
854
+ margin-top: 0;
855
+ }
856
+ .v10dui0 .rich-link {
857
+ font-weight: 500;
858
+ text-decoration: underline;
859
+ }
860
+ .v10dui0 .rich-banner {
861
+ margin: 2em 0;
862
+ }
863
+ .v10dui0 .rich-code-snippet {
864
+ margin: 2em 0;
865
+ }
866
+ .v10dui0 .rich-details {
867
+ margin: 2em 0;
868
+ }
869
+ .v10dui0 > *:first-child {
870
+ margin-top: 0;
871
+ }
872
+ .v10dui0 > *:last-child {
873
+ margin-bottom: 0;
874
+ }
875
+ ._14ko36c0 {
876
+ font-size: var(--rc-font-size-base);
877
+ line-height: var(--rc-line-height);
878
+ }
879
+ ._14ko36c0 .rich-paragraph {
880
+ margin-bottom: 0.6em;
881
+ }
882
+ ._14ko36c0 .rich-heading-h1 {
883
+ font-size: 1.35em;
884
+ font-weight: 700;
885
+ margin-top: 0.8em;
886
+ margin-bottom: 0.3em;
887
+ }
888
+ ._14ko36c0 .rich-heading-h2 {
889
+ font-size: 1.2em;
890
+ font-weight: 700;
891
+ margin-top: 0.7em;
892
+ margin-bottom: 0.25em;
893
+ }
894
+ ._14ko36c0 .rich-heading-h3 {
895
+ font-size: 1.1em;
896
+ font-weight: 600;
897
+ margin-top: 0.6em;
898
+ margin-bottom: 0.2em;
899
+ }
900
+ ._14ko36c0 .rich-heading-h4 {
901
+ font-size: 1em;
902
+ font-weight: 600;
903
+ margin-top: 0.5em;
904
+ margin-bottom: 0.15em;
905
+ }
906
+ ._14ko36c0 .rich-heading-h5 {
907
+ font-size: 0.9em;
908
+ font-weight: 600;
909
+ margin-top: 0.45em;
910
+ margin-bottom: 0.1em;
911
+ }
912
+ ._14ko36c0 .rich-heading-h6 {
913
+ font-size: 0.85em;
914
+ font-weight: 600;
915
+ margin-top: 0.4em;
916
+ margin-bottom: 0.1em;
917
+ }
918
+ ._14ko36c0 .rich-quote {
919
+ border-left-width: 3px;
920
+ padding: var(--rc-space-sm) var(--rc-space-md);
921
+ margin: var(--rc-space-sm) 0;
922
+ font-size: 0.95em;
923
+ }
924
+ ._14ko36c0 .rich-list-ol, ._14ko36c0 .rich-list-ul {
925
+ margin-bottom: 0.6em;
926
+ padding-left: var(--rc-space-md);
927
+ }
928
+ ._14ko36c0 .rich-list-item {
929
+ margin-bottom: 0.1em;
930
+ }
931
+ ._14ko36c0 .rich-code-block {
932
+ margin: var(--rc-space-sm) 0;
933
+ border-radius: var(--rc-radius-sm);
934
+ font-size: var(--rc-font-size-small);
935
+ }
936
+ ._14ko36c0 .rich-code-block pre {
937
+ padding: var(--rc-space-sm);
938
+ }
939
+ ._14ko36c0 .line::before {
940
+ display: none !important;
941
+ }
942
+ ._14ko36c0 .rich-table {
943
+ margin: var(--rc-space-sm) 0;
944
+ font-size: var(--rc-font-size-small);
945
+ }
946
+ ._14ko36c0 .rich-table-cell, ._14ko36c0 .rich-table-cell-header {
947
+ padding: var(--rc-space-xs) var(--rc-space-sm);
948
+ }
949
+ ._14ko36c0 .rich-image {
950
+ margin: var(--rc-space-sm) 0;
951
+ }
952
+ ._14ko36c0 .rich-image figcaption {
953
+ font-size: var(--rc-font-size-small);
954
+ }
955
+ ._14ko36c0 .rich-hr {
956
+ border: none;
957
+ border-top: 1px solid var(--rc-border);
958
+ margin: var(--rc-space-lg) auto;
959
+ width: 60px;
960
+ }
961
+ ._14ko36c0 .rich-alert {
962
+ padding: var(--rc-space-sm) var(--rc-space-md);
963
+ padding-left: var(--rc-space-lg);
964
+ margin: var(--rc-space-sm) 0;
965
+ }
966
+ ._14ko36c0 .rich-katex-block {
967
+ padding: var(--rc-space-sm) 0;
968
+ margin: var(--rc-space-sm) 0;
969
+ }
970
+ .ys4fw90 {
971
+ max-width: var(--rc-max-width);
972
+ font-size: var(--rc-font-size-base);
973
+ line-height: 1.8;
974
+ color: var(--rc-text);
975
+ }
976
+ .ys4fw90 > .rich-paragraph, .ys4fw90 .rich-editor__content > .rich-paragraph, .ys4fw90 .rich-content__body > .rich-paragraph {
977
+ margin-top: 1.25em;
978
+ margin-bottom: 1.25em;
979
+ line-height: 1.8;
980
+ }
981
+ .ys4fw90 > .rich-paragraph:first-of-type, .ys4fw90 .rich-editor__content > .rich-paragraph:first-of-type, .ys4fw90 .rich-content__body > .rich-paragraph:first-of-type {
982
+ margin-top: 0;
983
+ margin-bottom: 2rem;
984
+ }
985
+ .ys4fw90 > .rich-paragraph:not(:first-of-type) > [data-lexical-text]:first-child, .ys4fw90 .rich-editor__content > .rich-paragraph:not(:first-of-type) > [data-lexical-text]:first-child, .ys4fw90 .rich-content__body > .rich-paragraph:not(:first-of-type) > [data-lexical-text]:first-child {
986
+ margin-inline-start: 2rem;
987
+ }
988
+ .ys4fw90 > .rich-paragraph:first-of-type::first-letter, .ys4fw90 .rich-content__body > .rich-paragraph:first-of-type::first-letter {
989
+ float: left;
990
+ font-size: 2.4em;
991
+ margin-right: 0.2em;
992
+ line-height: 1;
993
+ }
994
+ .ys4fw90 .rich-editor__content > .rich-paragraph:first-of-type::first-letter {
995
+ font-size: 1.5em;
996
+ font-weight: 700;
997
+ color: var(--rc-accent);
998
+ }
999
+ .ys4fw90 > .rich-paragraph:last-child, .ys4fw90 .rich-editor__content > .rich-paragraph:last-child, .ys4fw90 .rich-content__body > .rich-paragraph:last-child {
1000
+ margin-bottom: 0;
1001
+ }
1002
+ .ys4fw90 .rich-text-bold {
1003
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
1004
+ font-weight: 600;
1005
+ color: var(--rc-text);
1006
+ }
1007
+ .ys4fw90 .rich-heading-h1 {
1008
+ font-size: 2.25em;
1009
+ font-weight: 800;
1010
+ line-height: 1.1111111;
1011
+ margin-top: 0;
1012
+ margin-bottom: 0.8888889em;
1013
+ letter-spacing: -0.025em;
1014
+ color: var(--rc-text);
1015
+ }
1016
+ .ys4fw90 .rich-heading-h2 {
1017
+ font-size: 1.5em;
1018
+ font-weight: 700;
1019
+ line-height: 1.3333333;
1020
+ margin-top: 2em;
1021
+ margin-bottom: 1em;
1022
+ letter-spacing: -0.025em;
1023
+ color: var(--rc-text);
1024
+ }
1025
+ .ys4fw90 .rich-heading-h2 + * {
1026
+ margin-top: 0;
1027
+ }
1028
+ .ys4fw90 .rich-heading-h3 {
1029
+ font-size: 1.25em;
1030
+ font-weight: 600;
1031
+ line-height: 1.6;
1032
+ margin-top: 1.6em;
1033
+ margin-bottom: 0.6em;
1034
+ letter-spacing: -0.025em;
1035
+ color: var(--rc-text);
1036
+ }
1037
+ .ys4fw90 .rich-heading-h3 + * {
1038
+ margin-top: 0;
1039
+ }
1040
+ .ys4fw90 .rich-heading-h4 {
1041
+ font-size: 1.125em;
1042
+ font-weight: 600;
1043
+ line-height: 1.5;
1044
+ margin-top: 1.5em;
1045
+ margin-bottom: 0.5em;
1046
+ color: var(--rc-text);
1047
+ }
1048
+ .ys4fw90 .rich-heading-h4 + * {
1049
+ margin-top: 0;
1050
+ }
1051
+ .ys4fw90 .rich-heading-h5 {
1052
+ font-size: 1em;
1053
+ font-weight: 600;
1054
+ line-height: 1.5;
1055
+ margin-top: 1.5em;
1056
+ margin-bottom: 0.5em;
1057
+ color: var(--rc-text);
1058
+ }
1059
+ .ys4fw90 .rich-heading-h5 + * {
1060
+ margin-top: 0;
1061
+ }
1062
+ .ys4fw90 .rich-heading-h6 {
1063
+ font-size: 0.875em;
1064
+ font-weight: 600;
1065
+ line-height: 1.5;
1066
+ margin-top: 1.5em;
1067
+ margin-bottom: 0.5em;
1068
+ color: var(--rc-text-secondary);
1069
+ text-transform: uppercase;
1070
+ }
1071
+ .ys4fw90 .rich-heading-h6 + * {
1072
+ margin-top: 0;
1073
+ }
1074
+ .ys4fw90 .rich-quote {
1075
+ font-style: normal;
1076
+ line-height: 1.8;
1077
+ color: inherit;
1078
+ border-left: none;
1079
+ background-color: color-mix(in srgb, var(--rc-accent) 10%, transparent);
1080
+ margin-top: 1.6em;
1081
+ margin-bottom: 1.6em;
1082
+ margin-left: -1rem;
1083
+ margin-right: -1rem;
1084
+ padding-top: 1em;
1085
+ padding-bottom: 1em;
1086
+ padding-left: 2em;
1087
+ padding-right: 2em;
1088
+ border-radius: 0;
1089
+ }
1090
+ .ys4fw90 .rich-quote .rich-paragraph:first-child::first-letter {
1091
+ float: none;
1092
+ font-size: inherit;
1093
+ margin-right: 0;
1094
+ }
1095
+ .ys4fw90 .rich-link {
1096
+ font-weight: 500;
1097
+ text-decoration: underline;
1098
+ text-decoration-thickness: 1px;
1099
+ text-underline-offset: 2px;
1100
+ transition: color 0.15s ease;
1101
+ }
1102
+ .ys4fw90 .rich-link:hover {
1103
+ text-decoration-thickness: 2px;
1104
+ }
1105
+ .ys4fw90 .rich-text-code {
1106
+ font-size: 0.875em;
1107
+ font-family: var(--rc-font-mono);
1108
+ font-weight: 500;
1109
+ padding: 0.2em 0.4em;
1110
+ border-radius: var(--rc-radius-sm);
1111
+ background-color: var(--rc-code-bg);
1112
+ }
1113
+ .ys4fw90 .rich-list-ol, .ys4fw90 .rich-list-ul {
1114
+ margin-top: 1.25em;
1115
+ margin-bottom: 1.25em;
1116
+ padding-left: 1.625em;
1117
+ }
1118
+ .ys4fw90 .rich-list-ol {
1119
+ list-style-type: decimal;
1120
+ }
1121
+ .ys4fw90 .rich-list-ul {
1122
+ list-style-type: disc;
1123
+ }
1124
+ .ys4fw90 .rich-list-item {
1125
+ margin-top: 0.5em;
1126
+ margin-bottom: 0.5em;
1127
+ padding-left: 0.375em;
1128
+ }
1129
+ .ys4fw90 .rich-list-item::marker {
1130
+ color: var(--rc-text-secondary);
1131
+ }
1132
+ .ys4fw90 .rich-code-block {
1133
+ font-size: 0.875em;
1134
+ line-height: 1.7142857;
1135
+ margin-top: 1.7142857em;
1136
+ margin-bottom: 1.7142857em;
1137
+ border-radius: var(--rc-radius-md);
1138
+ overflow-x: auto;
1139
+ }
1140
+ .ys4fw90 .rich-code-block pre {
1141
+ padding: 0.8571429em 1.1428571em;
1142
+ margin: 0;
1143
+ }
1144
+ .ys4fw90 .rich-table {
1145
+ margin-top: 2em;
1146
+ margin-bottom: 2em;
1147
+ font-size: 0.875em;
1148
+ line-height: 1.7142857;
1149
+ }
1150
+ .ys4fw90 .rich-table .rich-paragraph {
1151
+ margin: 0;
1152
+ padding: 0;
1153
+ line-height: inherit;
1154
+ }
1155
+ .ys4fw90 .rich-table .rich-paragraph:first-child::first-letter {
1156
+ float: none;
1157
+ font-size: inherit;
1158
+ margin-right: 0;
1159
+ }
1160
+ .ys4fw90 .rich-image {
1161
+ margin-top: 2em;
1162
+ margin-bottom: 2em;
1163
+ }
1164
+ .ys4fw90 .rich-image img {
1165
+ border-radius: var(--rc-radius-md);
1166
+ }
1167
+ .ys4fw90 .rich-image figcaption {
1168
+ font-size: 0.875em;
1169
+ line-height: 1.4285714;
1170
+ margin-top: 0.8571429em;
1171
+ color: var(--rc-text-secondary);
1172
+ text-align: center;
1173
+ }
1174
+ .ys4fw90 .rich-hr {
1175
+ border: none;
1176
+ border-top: 1px solid var(--rc-border);
1177
+ opacity: 0.2;
1178
+ margin-top: 0.5rem;
1179
+ margin-bottom: 0.5rem;
1180
+ width: 60px;
1181
+ margin-left: auto;
1182
+ margin-right: auto;
1183
+ }
1184
+ .ys4fw90 .rich-katex-block {
1185
+ margin-top: 1.6em;
1186
+ margin-bottom: 1.6em;
1187
+ overflow-x: auto;
1188
+ padding: 1em 0;
1189
+ }
1190
+ .ys4fw90 .rich-spoiler {
1191
+ border-radius: var(--rc-radius-sm);
1192
+ padding-inline: 0.25em;
1193
+ }
1194
+ .ys4fw90 > *:first-child {
1195
+ margin-top: 0;
1196
+ }
1197
+ .ys4fw90 > *:last-child {
1198
+ margin-bottom: 0;
1199
+ }
1200
+ .r8uj4t0 .rich-katex-inline {
1201
+ display: inline;
1202
+ padding: 0 2px;
1203
+ vertical-align: middle;
1204
+ }
1205
+ .r8uj4t0 .rich-katex-block {
1206
+ display: block;
1207
+ text-align: center;
1208
+ padding: var(--rc-space-md) 0;
1209
+ overflow-x: auto;
1210
+ margin: var(--rc-space-md) 0;
1211
+ }
1212
+ .r8uj4t0 .rich-katex-fallback {
1213
+ font-family: var(--rc-font-mono);
1214
+ font-size: 0.9em;
1215
+ color: var(--rc-code-text);
1216
+ background-color: var(--rc-code-bg);
1217
+ padding: 2px 6px;
1218
+ border-radius: var(--rc-radius-sm);
1219
+ }
1220
+ .r8uj4t0 .rich-details {
1221
+ margin: var(--rc-space-md) 0;
1222
+ border: none;
1223
+ interpolate-size: allow-keywords;
1224
+ }
1225
+ .r8uj4t0 .rich-details-summary {
1226
+ display: flex;
1227
+ align-items: center;
1228
+ justify-content: space-between;
1229
+ gap: 1rem;
1230
+ cursor: pointer;
1231
+ user-select: none;
1232
+ font-weight: 500;
1233
+ font-size: 0.9375rem;
1234
+ line-height: 1.5;
1235
+ padding: 0.75rem 0;
1236
+ color: var(--rc-text);
1237
+ list-style: none;
1238
+ transition: color 0.2s ease;
1239
+ }
1240
+ .r8uj4t0 .rich-details-summary:hover {
1241
+ opacity: 0.8;
1242
+ }
1243
+ .r8uj4t0 .rich-details-summary::-webkit-details-marker {
1244
+ display: none;
1245
+ }
1246
+ .r8uj4t0 .rich-details-summary::marker {
1247
+ content: "";
1248
+ display: none;
1249
+ }
1250
+ .r8uj4t0 .rich-details-summary-text {
1251
+ flex: 1;
1252
+ }
1253
+ .r8uj4t0 .rich-details-chevron {
1254
+ display: inline-flex;
1255
+ flex-shrink: 0;
1256
+ color: var(--rc-text-secondary);
1257
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
1258
+ }
1259
+ .r8uj4t0 .rich-details[open] .rich-details-chevron {
1260
+ transform: rotate(180deg);
1261
+ }
1262
+ .r8uj4t0 .rich-details::details-content {
1263
+ display: block;
1264
+ height: 0;
1265
+ overflow: hidden;
1266
+ opacity: 0;
1267
+ content-visibility: hidden;
1268
+ transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), content-visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1) allow-discrete;
1269
+ }
1270
+ .r8uj4t0 .rich-details[open]::details-content {
1271
+ height: auto;
1272
+ opacity: 1;
1273
+ content-visibility: visible;
1274
+ }
1275
+ .r8uj4t0 .rich-details-content {
1276
+ padding: 0 0 0.75rem;
1277
+ color: var(--rc-text-secondary);
1278
+ }
1279
+ [contenteditable="true"] .rich-details-content {
1280
+ background-color: var(--rc-bg-secondary);
1281
+ border-radius: var(--rc-radius-sm);
1282
+ padding: var(--rc-space-sm) var(--rc-space-md);
1283
+ margin-top: var(--rc-space-xs);
1284
+ }
1285
+ .r8uj4t0 .rich-details-content > .rich-paragraph:first-child {
1286
+ margin-top: 0;
1287
+ }
1288
+ .r8uj4t0 .rich-details-content > .rich-paragraph:last-child {
1289
+ margin-bottom: 0;
1290
+ }
1291
+ .r8uj4t0 .rich-grid-container {
1292
+ position: relative;
1293
+ margin: var(--rc-space-md) 0;
1294
+ }
1295
+ .r8uj4t0 .rich-grid-toolbar {
1296
+ position: absolute;
1297
+ top: -36px;
1298
+ left: 50%;
1299
+ transform: translateX(-50%);
1300
+ display: flex;
1301
+ align-items: center;
1302
+ gap: 2px;
1303
+ padding: 4px 6px;
1304
+ border-radius: var(--rc-radius-md);
1305
+ pointer-events: none;
1306
+ background: var(--rc-bg);
1307
+ border: 1px solid var(--rc-border);
1308
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
1309
+ z-index: 10;
1310
+ user-select: none;
1311
+ white-space: nowrap;
1312
+ opacity: 0;
1313
+ transition: opacity 0.15s ease;
1314
+ }
1315
+ .r8uj4t0 .rich-grid-container:hover .rich-grid-toolbar, .r8uj4t0 .rich-grid-container:focus-within .rich-grid-toolbar {
1316
+ opacity: 1;
1317
+ pointer-events: auto;
1318
+ }
1319
+ .r8uj4t0 .rich-grid-toolbar-icon {
1320
+ display: flex;
1321
+ align-items: center;
1322
+ justify-content: center;
1323
+ width: 24px;
1324
+ height: 24px;
1325
+ color: var(--rc-text-secondary);
1326
+ flex-shrink: 0;
1327
+ }
1328
+ .r8uj4t0 .rich-grid-col-btn {
1329
+ display: flex;
1330
+ align-items: center;
1331
+ justify-content: center;
1332
+ min-width: 24px;
1333
+ height: 24px;
1334
+ padding: 0 6px;
1335
+ border-radius: var(--rc-radius-sm);
1336
+ border: none;
1337
+ background: transparent;
1338
+ cursor: pointer;
1339
+ font-size: 12px;
1340
+ font-weight: 500;
1341
+ color: var(--rc-text-secondary);
1342
+ line-height: 1;
1343
+ transition: color 0.15s ease, background-color 0.15s ease;
1344
+ }
1345
+ .r8uj4t0 .rich-grid-col-btn:hover {
1346
+ background-color: var(--rc-bg-secondary);
1347
+ color: var(--rc-text);
1348
+ }
1349
+ .r8uj4t0 .rich-grid-col-btn-active {
1350
+ background: var(--rc-bg-secondary);
1351
+ font-weight: 600;
1352
+ color: var(--rc-text);
1353
+ }
1354
+ .r8uj4t0 .rich-grid-toolbar-divider {
1355
+ width: 1px;
1356
+ height: 16px;
1357
+ background: var(--rc-border);
1358
+ margin: 0 2px;
1359
+ flex-shrink: 0;
1360
+ }
1361
+ .r8uj4t0 .rich-grid-action-btn {
1362
+ display: flex;
1363
+ align-items: center;
1364
+ justify-content: center;
1365
+ min-width: 24px;
1366
+ height: 24px;
1367
+ padding: 0 6px;
1368
+ border-radius: var(--rc-radius-sm);
1369
+ border: none;
1370
+ background: transparent;
1371
+ cursor: pointer;
1372
+ color: var(--rc-text-secondary);
1373
+ transition: color 0.15s ease, background-color 0.15s ease;
1374
+ }
1375
+ .r8uj4t0 .rich-grid-action-btn:hover {
1376
+ background-color: var(--rc-bg-secondary);
1377
+ color: var(--rc-text);
1378
+ }
1379
+ .r8uj4t0 .rich-grid-inner {
1380
+ display: grid;
1381
+ gap: var(--rc-space-md);
1382
+ }
1383
+ .r8uj4t0 .rich-grid-cell {
1384
+ min-width: 0;
1385
+ }
1386
+ .r8uj4t0 .rich-grid-cell-editable {
1387
+ outline: none;
1388
+ }
1389
+ .iryuae0 {
1390
+ position: relative;
1391
+ }
1392
+ .iryuae1 {
1393
+ display: flex;
1394
+ }
1395
+ .iryuae2 {
1396
+ position: relative;
1397
+ padding: 0.625rem 1rem;
1398
+ font-size: 0.875rem;
1399
+ font-weight: 500;
1400
+ transition: color 200ms;
1401
+ cursor: pointer;
1402
+ border: none;
1403
+ background: none;
1404
+ color: var(--rc-text-secondary);
1405
+ outline: none;
1406
+ }
1407
+ .iryuae2:hover {
1408
+ color: color-mix(in srgb, currentColor 80%, transparent);
1409
+ }
1410
+ .iryuae2:focus-visible {
1411
+ outline: 2px solid var(--rc-accent);
1412
+ outline-offset: 2px;
1413
+ }
1414
+ .iryuae3 {
1415
+ color: var(--rc-text);
1416
+ }
1417
+ .iryuae4 {
1418
+ position: absolute;
1419
+ bottom: 0;
1420
+ left: 0;
1421
+ right: 0;
1422
+ height: 1px;
1423
+ background-color: var(--rc-border);
1424
+ }
1425
+ .iryuae5 {
1426
+ position: absolute;
1427
+ bottom: 0;
1428
+ height: 2px;
1429
+ background-color: var(--rc-text);
1430
+ transition: left 300ms ease-in-out, width 300ms ease-in-out;
1431
+ }
1432
+ @keyframes _10muorc0 {
1433
+ 0% {
1434
+ transform: scale(1);
1435
+ }
1436
+ 40% {
1437
+ transform: scale(0.85);
1438
+ }
1439
+ 100% {
1440
+ transform: scale(1);
1441
+ }
1442
+ }
1443
+ @keyframes _10muorc1 {
1444
+ 0% {
1445
+ box-shadow: 0 0 0 0 color-mix(in srgb, var(--rc-accent) 40%, transparent);
1446
+ }
1447
+ 100% {
1448
+ box-shadow: 0 0 0 6px transparent;
1449
+ }
1450
+ }
1451
+ ._10muorc2 {
1452
+ display: inline-flex;
1453
+ align-items: flex-start;
1454
+ gap: 0.75rem;
1455
+ border-radius: 0.5rem;
1456
+ padding: 0.25rem;
1457
+ text-align: left;
1458
+ border: none;
1459
+ background: none;
1460
+ cursor: pointer;
1461
+ font-family: inherit;
1462
+ font-size: inherit;
1463
+ color: inherit;
1464
+ }
1465
+ ._10muorc2:focus-visible {
1466
+ outline: 2px solid var(--rc-accent);
1467
+ outline-offset: 2px;
1468
+ }
1469
+ ._10muorc3 {
1470
+ cursor: not-allowed;
1471
+ opacity: 0.5;
1472
+ }
1473
+ ._10muorc4 {
1474
+ position: relative;
1475
+ display: flex;
1476
+ width: 1.125rem;
1477
+ height: 1.125rem;
1478
+ flex-shrink: 0;
1479
+ align-items: center;
1480
+ justify-content: center;
1481
+ border-radius: 0.3rem;
1482
+ border-width: 2px;
1483
+ border-style: solid;
1484
+ transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
1485
+ box-sizing: border-box;
1486
+ }
1487
+ ._10muorc5 {
1488
+ border-color: color-mix(in srgb, var(--rc-text-secondary) 50%, transparent);
1489
+ background-color: transparent;
1490
+ }
1491
+ ._10muorc6 {
1492
+ border-color: var(--rc-accent);
1493
+ background-color: var(--rc-accent);
1494
+ }
1495
+ ._10muorc7 {
1496
+ animation: _10muorc0 0.4s ease-out;
1497
+ }
1498
+ ._10muorc8 {
1499
+ width: 0.75rem;
1500
+ height: 0.75rem;
1501
+ transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
1502
+ }
1503
+ ._10muorc9 {
1504
+ opacity: 1;
1505
+ transform: scale(1);
1506
+ }
1507
+ ._10muorca {
1508
+ opacity: 0;
1509
+ transform: scale(0.5);
1510
+ }
1511
+ ._10muorcb {
1512
+ position: absolute;
1513
+ inset: 0;
1514
+ border-radius: 0.3rem;
1515
+ pointer-events: none;
1516
+ }
1517
+ ._10muorcc {
1518
+ animation: _10muorc1 0.4s ease-out;
1519
+ }
1520
+ ._10muorcd {
1521
+ display: flex;
1522
+ flex-direction: column;
1523
+ gap: 0.125rem;
1524
+ }
1525
+ ._10muorce {
1526
+ font-size: 0.875rem;
1527
+ font-weight: 500;
1528
+ line-height: 1.25;
1529
+ color: var(--rc-text);
1530
+ transition: color 0.2s;
1531
+ }
1532
+ ._10muorcf {
1533
+ color: var(--rc-text-secondary);
1534
+ }
1535
+ ._10muorcg {
1536
+ font-size: 0.75rem;
1537
+ line-height: 1.25;
1538
+ color: var(--rc-text-secondary);
1539
+ }
1540
+ @keyframes f2q44l0 {
1541
+ from {
1542
+ opacity: 0;
1543
+ transform: translateY(2px) scale(0.96);
1544
+ }
1545
+ to {
1546
+ opacity: 1;
1547
+ transform: translateY(0) scale(1);
1548
+ }
1549
+ }
1550
+ @keyframes f2q44l1 {
1551
+ from {
1552
+ opacity: 1;
1553
+ transform: translateY(0) scale(1);
1554
+ }
1555
+ to {
1556
+ opacity: 0;
1557
+ transform: translateY(2px) scale(0.96);
1558
+ }
1559
+ }
1560
+ .f2q44l2 {
1561
+ z-index: 50;
1562
+ width: 288px;
1563
+ border-radius: 0.5rem;
1564
+ border: 1px solid var(--rc-border);
1565
+ padding: 1rem;
1566
+ background-color: var(--rc-bg);
1567
+ box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
1568
+ outline: none;
1569
+ transition: opacity 150ms ease-out, transform 150ms ease-out;
1570
+ }
1571
+ .f2q44l2[data-open] {
1572
+ animation: f2q44l0 150ms ease-out;
1573
+ }
1574
+ .f2q44l2[data-ending-style] {
1575
+ opacity: 0;
1576
+ transform: translateY(2px) scale(0.96);
1577
+ }
1578
+ .f2q44l2[data-closed] {
1579
+ animation: f2q44l1 150ms ease-in;
1580
+ }
1581
+ .f2q44l3 {
1582
+ width: 10px;
1583
+ height: 10px;
1584
+ transform-origin: center;
1585
+ }
1586
+ .f2q44l3 > polygon {
1587
+ fill: var(--rc-bg);
1588
+ }
1589
+ .f2q44l3 > polyline {
1590
+ stroke: var(--rc-border);
1591
+ fill: none;
1592
+ }
1593
+ .f2q44l4 {
1594
+ font-size: 0.875rem;
1595
+ font-weight: 600;
1596
+ line-height: 1;
1597
+ color: var(--rc-text);
1598
+ }
1599
+ .f2q44l5 {
1600
+ font-size: 0.875rem;
1601
+ line-height: 1.25rem;
1602
+ color: var(--rc-text-secondary);
1603
+ margin-top: 0.25rem;
1604
+ }
1605
+ @keyframes _17r50hf0 {
1606
+ from {
1607
+ opacity: 0;
1608
+ transform: scale(0.95);
1609
+ }
1610
+ to {
1611
+ opacity: 1;
1612
+ transform: scale(1);
1613
+ }
1614
+ }
1615
+ ._17r50hf1 {
1616
+ display: flex;
1617
+ align-items: center;
1618
+ gap: 2px;
1619
+ height: 32px;
1620
+ padding: 0 6px;
1621
+ border: none;
1622
+ background: none;
1623
+ border-radius: 8px;
1624
+ cursor: pointer;
1625
+ color: var(--rc-text-secondary);
1626
+ transition: color 0.1s, background-color 0.1s;
1627
+ }
1628
+ ._17r50hf1:hover {
1629
+ color: var(--rc-text);
1630
+ background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
1631
+ }
1632
+ ._17r50hf2 {
1633
+ display: flex;
1634
+ flex-direction: column;
1635
+ align-items: center;
1636
+ }
1637
+ ._17r50hf3 {
1638
+ font-size: 12px;
1639
+ font-weight: 600;
1640
+ line-height: 1;
1641
+ }
1642
+ ._17r50hf4 {
1643
+ margin-top: 2px;
1644
+ height: 2px;
1645
+ width: 14px;
1646
+ border-radius: 1px;
1647
+ }
1648
+ ._17r50hf5 {
1649
+ width: 12px;
1650
+ height: 12px;
1651
+ transition: transform 0.15s;
1652
+ }
1653
+ ._17r50hf6 {
1654
+ padding: 8px;
1655
+ width: auto;
1656
+ }
1657
+ ._17r50hf6[data-open] {
1658
+ animation: _17r50hf0 120ms ease-out;
1659
+ }
1660
+ ._17r50hf7 {
1661
+ display: grid;
1662
+ grid-template-columns: repeat(5, 1fr);
1663
+ gap: 4px;
1664
+ }
1665
+ ._17r50hf8 {
1666
+ position: relative;
1667
+ display: flex;
1668
+ align-items: center;
1669
+ justify-content: center;
1670
+ width: 28px;
1671
+ height: 28px;
1672
+ border: none;
1673
+ background: none;
1674
+ border-radius: 8px;
1675
+ cursor: pointer;
1676
+ padding: 0;
1677
+ transition: background-color 0.1s;
1678
+ }
1679
+ ._17r50hf8:hover {
1680
+ background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
1681
+ }
1682
+ ._17r50hf9 {
1683
+ width: 16px;
1684
+ height: 16px;
1685
+ border-radius: 50%;
1686
+ border: 1px solid color-mix(in srgb, var(--rc-text) 10%, transparent);
1687
+ }
1688
+ ._17r50hfa {
1689
+ position: absolute;
1690
+ width: 10px;
1691
+ height: 10px;
1692
+ color: var(--rc-bg);
1693
+ }
1694
+ @keyframes vwlngv0 {
1695
+ from {
1696
+ opacity: 0;
1697
+ }
1698
+ to {
1699
+ opacity: 1;
1700
+ }
1701
+ }
1702
+ @keyframes vwlngv1 {
1703
+ from {
1704
+ opacity: 1;
1705
+ }
1706
+ to {
1707
+ opacity: 0;
1708
+ }
1709
+ }
1710
+ @keyframes vwlngv2 {
1711
+ from {
1712
+ opacity: 0;
1713
+ transform: translate(-50%, -48%) scale(0.95);
1714
+ }
1715
+ to {
1716
+ opacity: 1;
1717
+ transform: translate(-50%, -50%) scale(1);
1718
+ }
1719
+ }
1720
+ @keyframes vwlngv3 {
1721
+ from {
1722
+ opacity: 1;
1723
+ transform: translate(-50%, -50%) scale(1);
1724
+ }
1725
+ to {
1726
+ opacity: 0;
1727
+ transform: translate(-50%, -48%) scale(0.95);
1728
+ }
1729
+ }
1730
+ .vwlngv4 {
1731
+ position: fixed;
1732
+ inset: 0;
1733
+ z-index: 50;
1734
+ background-color: rgba(0, 0, 0, 0.8);
1735
+ }
1736
+ .vwlngv4[data-open] {
1737
+ animation: vwlngv0 150ms ease-out;
1738
+ }
1739
+ .vwlngv4[data-closed] {
1740
+ animation: vwlngv1 100ms ease-in;
1741
+ }
1742
+ .vwlngv5 {
1743
+ position: fixed;
1744
+ top: 50%;
1745
+ left: 50%;
1746
+ transform: translate(-50%, -50%);
1747
+ z-index: 50;
1748
+ display: grid;
1749
+ width: 100%;
1750
+ max-width: calc(100% - 2rem);
1751
+ gap: 1rem;
1752
+ border-radius: 0.75rem;
1753
+ border: 1px solid var(--rc-border);
1754
+ padding: 1.5rem;
1755
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
1756
+ font-size: 0.875rem;
1757
+ line-height: 1.43;
1758
+ color: var(--rc-text);
1759
+ background-color: var(--rc-bg);
1760
+ box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
1761
+ outline: none;
1762
+ }
1763
+ .vwlngv5[data-open] {
1764
+ animation: vwlngv2 150ms ease-out;
1765
+ }
1766
+ .vwlngv5[data-closed] {
1767
+ animation: vwlngv3 100ms ease-in;
1768
+ }
1769
+ .vwlngv6 {
1770
+ position: absolute;
1771
+ top: 1rem;
1772
+ right: 1rem;
1773
+ display: inline-flex;
1774
+ align-items: center;
1775
+ justify-content: center;
1776
+ width: 24px;
1777
+ height: 24px;
1778
+ border-radius: 0.25rem;
1779
+ border: none;
1780
+ background: none;
1781
+ cursor: pointer;
1782
+ opacity: 0.7;
1783
+ color: var(--rc-text-secondary);
1784
+ transition: opacity 0.2s ease, color 0.2s ease;
1785
+ }
1786
+ .vwlngv6:hover {
1787
+ opacity: 1;
1788
+ color: var(--rc-text);
1789
+ }
1790
+ .vwlngv6:focus-visible {
1791
+ outline: none;
1792
+ box-shadow: 0 0 0 2px var(--rc-bg), 0 0 0 4px var(--rc-text-secondary);
1793
+ }
1794
+ .vwlngv6:disabled {
1795
+ pointer-events: none;
1796
+ opacity: 0.5;
1797
+ }
1798
+ .vwlngv6 svg {
1799
+ width: 16px;
1800
+ height: 16px;
1801
+ pointer-events: none;
1802
+ flex-shrink: 0;
1803
+ }
1804
+ .vwlngv7 {
1805
+ display: flex;
1806
+ flex-direction: column;
1807
+ gap: 0.375rem;
1808
+ text-align: center;
1809
+ }
1810
+ .vwlngv8 {
1811
+ display: flex;
1812
+ flex-direction: column-reverse;
1813
+ gap: 0.5rem;
1814
+ padding-top: 0.25rem;
1815
+ }
1816
+ .vwlngv9 {
1817
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
1818
+ font-size: 1.125rem;
1819
+ font-weight: 600;
1820
+ line-height: 1.33;
1821
+ letter-spacing: -0.015em;
1822
+ color: var(--rc-text);
1823
+ }
1824
+ .vwlngva {
1825
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
1826
+ font-size: 0.875rem;
1827
+ line-height: 1.43;
1828
+ color: var(--rc-text-secondary);
1829
+ }
1830
+ @media (min-width: 640px) {
1831
+ .vwlngv5 {
1832
+ max-width: 28rem;
1833
+ }
1834
+ .vwlngv7 {
1835
+ text-align: left;
1836
+ }
1837
+ .vwlngv8 {
1838
+ flex-direction: row;
1839
+ justify-content: flex-end;
1840
+ }
1841
+ }
1842
+ .oih0op0 {
1843
+ min-width: 8rem;
1844
+ border-radius: 0.5rem;
1845
+ padding: 0.25rem;
1846
+ background-color: var(--rc-bg);
1847
+ box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
1848
+ outline: none;
1849
+ border: 1px solid var(--rc-border);
1850
+ z-index: 50;
1851
+ max-height: var(--available-height);
1852
+ overflow-y: auto;
1853
+ transform-origin: var(--transform-origin);
1854
+ transition: opacity 100ms, transform 100ms;
1855
+ }
1856
+ .oih0op0[data-open] {
1857
+ opacity: 1;
1858
+ transform: scale(1);
1859
+ }
1860
+ .oih0op0[data-closed] {
1861
+ opacity: 0;
1862
+ transform: scale(0.95);
1863
+ }
1864
+ .oih0op1 {
1865
+ display: flex;
1866
+ align-items: center;
1867
+ gap: 0.375rem;
1868
+ border-radius: 0.375rem;
1869
+ padding: 0.25rem 0.375rem;
1870
+ font-size: 0.875rem;
1871
+ line-height: 1.25rem;
1872
+ outline: none;
1873
+ user-select: none;
1874
+ cursor: default;
1875
+ color: var(--rc-text);
1876
+ }
1877
+ .oih0op1[data-highlighted] {
1878
+ background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
1879
+ }
1880
+ .oih0op1[data-disabled] {
1881
+ opacity: 0.5;
1882
+ pointer-events: none;
1883
+ }
1884
+ .oih0op1 svg {
1885
+ pointer-events: none;
1886
+ flex-shrink: 0;
1887
+ width: 16px;
1888
+ height: 16px;
1889
+ }
1890
+ .oih0op2 {
1891
+ height: 1px;
1892
+ background-color: var(--rc-border);
1893
+ margin: 0.25rem -0.25rem;
1894
+ }
1895
+ .oih0op3 {
1896
+ font-size: 0.75rem;
1897
+ font-weight: 500;
1898
+ color: var(--rc-text-secondary);
1899
+ padding: 0.25rem 0.375rem;
1900
+ }
1901
+ .oih0op4 {
1902
+ display: inline-flex;
1903
+ align-items: center;
1904
+ justify-content: center;
1905
+ width: 16px;
1906
+ height: 16px;
1907
+ flex-shrink: 0;
1908
+ }
1909
+ .oih0op5 {
1910
+ display: inline-flex;
1911
+ align-items: center;
1912
+ justify-content: center;
1913
+ width: 16px;
1914
+ height: 16px;
1915
+ flex-shrink: 0;
1916
+ }
1917
+ ._6d8tz20 {
1918
+ position: relative;
1919
+ display: inline-flex;
1920
+ align-items: center;
1921
+ border-radius: 0.5rem;
1922
+ background-color: var(--rc-bg-secondary);
1923
+ padding: 0.25rem;
1924
+ }
1925
+ ._6d8tz21 {
1926
+ height: 2rem;
1927
+ font-size: 0.75rem;
1928
+ }
1929
+ ._6d8tz22 {
1930
+ height: 2.5rem;
1931
+ font-size: 0.875rem;
1932
+ }
1933
+ ._6d8tz23 {
1934
+ width: 100%;
1935
+ }
1936
+ ._6d8tz25 {
1937
+ position: absolute;
1938
+ top: 0.25rem;
1939
+ bottom: 0.25rem;
1940
+ border-radius: 0.375rem;
1941
+ background-color: var(--rc-bg);
1942
+ box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
1943
+ transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
1944
+ pointer-events: none;
1945
+ }
1946
+ ._6d8tz27 {
1947
+ opacity: 0;
1948
+ }
1949
+ ._6d8tz28 {
1950
+ position: relative;
1951
+ z-index: 10;
1952
+ display: flex;
1953
+ align-items: center;
1954
+ justify-content: center;
1955
+ white-space: nowrap;
1956
+ border-radius: 0.375rem;
1957
+ font-weight: 500;
1958
+ outline: none;
1959
+ border: none;
1960
+ background: transparent;
1961
+ cursor: pointer;
1962
+ transition: color 200ms;
1963
+ color: var(--rc-text-secondary);
1964
+ }
1965
+ ._6d8tz28:focus-visible {
1966
+ outline: 2px solid var(--rc-accent);
1967
+ outline-offset: 1px;
1968
+ }
1969
+ ._6d8tz29 {
1970
+ padding: 0 0.75rem;
1971
+ }
1972
+ ._6d8tz2a {
1973
+ padding: 0 1rem;
1974
+ }
1975
+ ._6d8tz2b {
1976
+ color: var(--rc-text);
1977
+ }
1978
+ ._6d8tz2d {
1979
+ pointer-events: none;
1980
+ opacity: 0.4;
1981
+ }
1982
+ ._6d8tz2f {
1983
+ flex: 1;
1984
+ }
1985
+ @keyframes _1cspf2m0 {
1986
+ from {
1987
+ opacity: 0;
1988
+ transform: translateY(2px);
1989
+ }
1990
+ to {
1991
+ opacity: 1;
1992
+ transform: translateY(0);
1993
+ }
1994
+ }
1995
+ @keyframes _1cspf2m1 {
1996
+ from {
1997
+ opacity: 1;
1998
+ transform: translateY(0);
1999
+ }
2000
+ to {
2001
+ opacity: 0;
2002
+ transform: translateY(2px);
2003
+ }
2004
+ }
2005
+ ._1cspf2m2 {
2006
+ z-index: 50;
2007
+ max-width: 320px;
2008
+ padding: 6px 10px;
2009
+ font-size: var(--rc-font-size-small);
2010
+ line-height: 1.4;
2011
+ color: var(--rc-text);
2012
+ background-color: var(--rc-bg);
2013
+ border: 1px solid var(--rc-border);
2014
+ border-radius: var(--rc-radius-md);
2015
+ box-shadow: 0 1px 3px rgba(0,0,0,0.06);
2016
+ outline: none;
2017
+ white-space: normal;
2018
+ word-break: break-word;
2019
+ pointer-events: none;
2020
+ transition: opacity 120ms ease-out, transform 120ms ease-out;
2021
+ }
2022
+ ._1cspf2m2[data-open] {
2023
+ animation: _1cspf2m0 120ms ease-out;
2024
+ }
2025
+ ._1cspf2m2[data-ending-style] {
2026
+ opacity: 0;
2027
+ transform: translateY(2px);
2028
+ }
2029
+ ._1cspf2m2[data-closed] {
2030
+ animation: _1cspf2m1 120ms ease-in;
2031
+ }
2032
+ .iihqkc0 {
2033
+ display: flex;
2034
+ align-items: center;
2035
+ gap: 1px;
2036
+ position: absolute;
2037
+ z-index: 30;
2038
+ opacity: 0;
2039
+ pointer-events: none;
2040
+ transition: opacity 0.15s;
2041
+ }
2042
+ .iihqkc1 {
2043
+ opacity: 1;
2044
+ pointer-events: auto;
2045
+ }
2046
+ .iihqkc2 {
2047
+ display: flex;
2048
+ align-items: center;
2049
+ justify-content: center;
2050
+ width: 24px;
2051
+ height: 24px;
2052
+ border-radius: 4px;
2053
+ border: none;
2054
+ background: transparent;
2055
+ color: color-mix(in srgb, var(--rc-text) 35%, transparent);
2056
+ cursor: pointer;
2057
+ padding: 0;
2058
+ transition: background-color 0.15s, color 0.15s;
2059
+ }
2060
+ .iihqkc2:hover {
2061
+ background: color-mix(in srgb, var(--rc-text) 8%, transparent);
2062
+ color: color-mix(in srgb, var(--rc-text) 70%, transparent);
2063
+ }
2064
+ .iihqkc3 {
2065
+ opacity: 0.35;
2066
+ }
2067
+ .iihqkc4 {
2068
+ position: fixed;
2069
+ top: -10000px;
2070
+ left: -10000px;
2071
+ z-index: 40;
2072
+ pointer-events: none;
2073
+ margin: 0;
2074
+ box-sizing: border-box;
2075
+ opacity: 0.9;
2076
+ background-color: var(--rc-bg);
2077
+ border: 1px solid var(--rc-border);
2078
+ border-radius: var(--rc-radius-sm);
2079
+ box-shadow: 0 10px 28px color-mix(in srgb, var(--rc-text) 18%, transparent);
2080
+ }
2081
+ .iihqkc5 {
2082
+ position: absolute;
2083
+ height: 2px;
2084
+ background: var(--rc-accent);
2085
+ border-radius: 1px;
2086
+ z-index: 30;
2087
+ pointer-events: none;
2088
+ }
2089
+ .iihqkc6 {
2090
+ color: var(--rc-alert-caution);
2091
+ }
2092
+ .iihqkc6[data-highlighted] {
2093
+ color: var(--rc-alert-caution);
2094
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 8%, transparent);
2095
+ }
2096
+ @keyframes _1m6axz70 {
2097
+ from {
2098
+ opacity: 0;
2099
+ transform: translateY(4px) scale(0.96);
2100
+ }
2101
+ to {
2102
+ opacity: 1;
2103
+ transform: translateY(0) scale(1);
2104
+ }
2105
+ }
2106
+ ._1m6axz71 {
2107
+ display: flex;
2108
+ align-items: center;
2109
+ gap: 2px;
2110
+ padding: 4px 6px;
2111
+ border-radius: 12px;
2112
+ border: 1px solid var(--rc-border);
2113
+ background-color: color-mix(in srgb, var(--rc-bg) 95%, transparent);
2114
+ backdrop-filter: blur(8px);
2115
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
2116
+ animation: _1m6axz70 150ms ease-out;
2117
+ }
2118
+ ._1m6axz72 {
2119
+ position: relative;
2120
+ display: flex;
2121
+ align-items: center;
2122
+ justify-content: center;
2123
+ width: 32px;
2124
+ height: 32px;
2125
+ border: none;
2126
+ background: none;
2127
+ border-radius: 8px;
2128
+ color: var(--rc-text-secondary);
2129
+ cursor: pointer;
2130
+ padding: 0;
2131
+ transition: color 0.1s, background-color 0.1s;
2132
+ }
2133
+ ._1m6axz72:hover {
2134
+ color: var(--rc-text);
2135
+ background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
2136
+ }
2137
+ ._1m6axz73 {
2138
+ color: var(--rc-text);
2139
+ background-color: color-mix(in srgb, var(--rc-text) 6%, transparent);
2140
+ }
2141
+ ._1m6axz74 {
2142
+ position: absolute;
2143
+ bottom: 2px;
2144
+ left: 50%;
2145
+ transform: translateX(-50%);
2146
+ height: 2px;
2147
+ width: 14px;
2148
+ border-radius: 1px;
2149
+ background-color: var(--rc-text);
2150
+ }
2151
+ ._1m6axz75 {
2152
+ width: 1px;
2153
+ height: 20px;
2154
+ background-color: var(--rc-border);
2155
+ margin-inline: 2px;
2156
+ flex-shrink: 0;
2157
+ }
2158
+ ._1uegwri0 {
2159
+ display: flex;
2160
+ flex-direction: column;
2161
+ gap: 8px;
2162
+ width: 340px;
2163
+ padding: 12px;
2164
+ font-size: 13px;
2165
+ }
2166
+ ._1uegwri1 {
2167
+ display: flex;
2168
+ align-items: center;
2169
+ gap: 8px;
2170
+ padding: 8px 12px;
2171
+ background-color: var(--rc-bg-secondary);
2172
+ border-radius: var(--rc-radius-md);
2173
+ min-width: 0;
2174
+ }
2175
+ ._1uegwri2 {
2176
+ flex-shrink: 0;
2177
+ color: var(--rc-text-secondary);
2178
+ }
2179
+ ._1uegwri3 {
2180
+ flex: 1;
2181
+ appearance: none;
2182
+ border: none;
2183
+ background-color: transparent;
2184
+ color: var(--rc-text);
2185
+ font-family: var(--rc-font-mono);
2186
+ font-size: 13px;
2187
+ padding: 0;
2188
+ outline: none;
2189
+ min-width: 0;
2190
+ }
2191
+ ._1uegwri3::placeholder {
2192
+ color: var(--rc-text-secondary);
2193
+ }
2194
+ ._1uegwri4 {
2195
+ display: flex;
2196
+ align-items: center;
2197
+ gap: 4px;
2198
+ }
2199
+ ._1uegwri5 {
2200
+ display: inline-flex;
2201
+ align-items: center;
2202
+ gap: 6px;
2203
+ appearance: none;
2204
+ border: none;
2205
+ background: none;
2206
+ color: var(--rc-text);
2207
+ font-size: 13px;
2208
+ font-weight: 500;
2209
+ cursor: pointer;
2210
+ padding: 4px 8px;
2211
+ border-radius: var(--rc-radius-sm);
2212
+ transition: color 0.15s ease, background-color 0.15s ease;
2213
+ white-space: nowrap;
2214
+ }
2215
+ ._1uegwri5:hover {
2216
+ background-color: var(--rc-bg-secondary);
2217
+ }
2218
+ ._1uegwri6 {
2219
+ margin-left: auto;
2220
+ }
2221
+ ._1uegwri7 a {
2222
+ cursor: pointer;
2223
+ text-decoration-line: underline;
2224
+ }
2225
+ .qolrkf0 {
2226
+ position: absolute;
2227
+ top: 0;
2228
+ left: 0;
2229
+ width: 320px;
2230
+ max-height: 340px;
2231
+ overflow-y: auto;
2232
+ overflow-x: hidden;
2233
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
2234
+ background: var(--rc-bg);
2235
+ border: 1px solid var(--rc-border);
2236
+ border-radius: 10px;
2237
+ box-shadow: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.08);
2238
+ padding: 6px 0;
2239
+ list-style: none;
2240
+ margin: 0;
2241
+ }
2242
+ .qolrkf0::-webkit-scrollbar {
2243
+ width: 6px;
2244
+ }
2245
+ .qolrkf0::-webkit-scrollbar-thumb {
2246
+ background: rgba(0,0,0,0.1);
2247
+ border-radius: 3px;
2248
+ }
2249
+ .qolrkf1 {
2250
+ padding: 10px 14px 4px;
2251
+ font-size: 11px;
2252
+ font-weight: 500;
2253
+ letter-spacing: 0.04em;
2254
+ text-transform: uppercase;
2255
+ color: var(--rc-text-secondary);
2256
+ user-select: none;
2257
+ }
2258
+ .qolrkf2 {
2259
+ display: flex;
2260
+ align-items: center;
2261
+ gap: 12px;
2262
+ padding: 6px 10px;
2263
+ margin: 0 6px;
2264
+ border-radius: 8px;
2265
+ cursor: pointer;
2266
+ transition: background 0.1s ease;
2267
+ }
2268
+ .qolrkf2:hover, .qolrkf2[aria-selected="true"] {
2269
+ background: var(--rc-bg-secondary);
2270
+ }
2271
+ .qolrkf3 {
2272
+ width: 40px;
2273
+ height: 40px;
2274
+ display: flex;
2275
+ align-items: center;
2276
+ justify-content: center;
2277
+ font-size: 18px;
2278
+ flex-shrink: 0;
2279
+ border-radius: 6px;
2280
+ background: var(--rc-bg-secondary);
2281
+ border: 1px solid var(--rc-border);
2282
+ color: var(--rc-text-secondary);
2283
+ line-height: 1;
2284
+ }
2285
+ .qolrkf4 {
2286
+ display: flex;
2287
+ flex-direction: column;
2288
+ min-width: 0;
2289
+ gap: 1px;
2290
+ }
2291
+ .qolrkf5 {
2292
+ font-size: 14px;
2293
+ font-weight: 500;
2294
+ line-height: 1.3;
2295
+ color: var(--rc-text);
2296
+ }
2297
+ .qolrkf6 {
2298
+ font-size: 12px;
2299
+ line-height: 1.3;
2300
+ color: var(--rc-text-secondary);
2301
+ white-space: nowrap;
2302
+ overflow: hidden;
2303
+ text-overflow: ellipsis;
2304
+ }
2305
+ .qolrkf7 {
2306
+ padding: 20px 16px;
2307
+ color: color-mix(in srgb, var(--rc-text-secondary) 70%, transparent);
2308
+ font-size: 13px;
2309
+ text-align: center;
2310
+ }
2311
+ .t6ga9o0 {
2312
+ color: var(--rc-alert-caution);
2313
+ }
2314
+ .t6ga9o0[data-highlighted] {
2315
+ color: var(--rc-alert-caution);
2316
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 8%, transparent);
2317
+ }
2318
+ .t6ga9o1 {
2319
+ position: fixed;
2320
+ z-index: 20;
2321
+ opacity: 0;
2322
+ transition: opacity 0.15s, background-color 0.15s;
2323
+ }
2324
+ .t6ga9o1:hover {
2325
+ opacity: 1;
2326
+ }
2327
+ .t6ga9o2 {
2328
+ opacity: 1;
2329
+ }
2330
+ .t6ga9o3 {
2331
+ display: flex;
2332
+ align-items: center;
2333
+ gap: 1px;
2334
+ position: absolute;
2335
+ z-index: 30;
2336
+ opacity: 0;
2337
+ pointer-events: none;
2338
+ transition: opacity 0.15s;
2339
+ }
2340
+ .t6ga9o4 {
2341
+ opacity: 1;
2342
+ pointer-events: auto;
2343
+ }
2344
+ .t6ga9o5 {
2345
+ display: flex;
2346
+ align-items: center;
2347
+ justify-content: center;
2348
+ width: 16px;
2349
+ height: 16px;
2350
+ border-radius: 3px;
2351
+ border: none;
2352
+ background: transparent;
2353
+ color: color-mix(in srgb, var(--rc-text) 35%, transparent);
2354
+ cursor: pointer;
2355
+ padding: 0;
2356
+ transition: background-color 0.15s, color 0.15s;
2357
+ }
2358
+ .t6ga9o5:hover {
2359
+ background: color-mix(in srgb, var(--rc-text) 8%, transparent);
2360
+ color: color-mix(in srgb, var(--rc-text) 70%, transparent);
2361
+ }
2362
+ .pq4lod2 {
2363
+ --pq4lod0: var(--rc-alert-info);
2364
+ }
2365
+ .pq4lod3 {
2366
+ --pq4lod0: var(--rc-alert-tip);
2367
+ }
2368
+ .pq4lod4 {
2369
+ --pq4lod0: var(--rc-alert-important);
2370
+ }
2371
+ .pq4lod5 {
2372
+ --pq4lod0: var(--rc-alert-warning);
2373
+ }
2374
+ .pq4lod6 {
2375
+ --pq4lod0: var(--rc-alert-caution);
2376
+ }
2377
+ .pq4lod7 {
2378
+ display: flex;
2379
+ align-items: center;
2380
+ gap: 8px;
2381
+ font-weight: 600;
2382
+ text-transform: uppercase;
2383
+ letter-spacing: 0.02em;
2384
+ font-size: 0.875rem;
2385
+ line-height: 1;
2386
+ margin-bottom: 6px;
2387
+ }
2388
+ .pq4lod8 {
2389
+ display: inline-flex;
2390
+ align-items: center;
2391
+ gap: 6px;
2392
+ cursor: pointer;
2393
+ padding: 2px 6px;
2394
+ border-radius: 4px;
2395
+ margin-inline: -6px;
2396
+ border: none;
2397
+ background: none;
2398
+ font: inherit;
2399
+ font-weight: 600;
2400
+ text-transform: uppercase;
2401
+ letter-spacing: 0.02em;
2402
+ font-size: 0.875rem;
2403
+ line-height: 1;
2404
+ transition: background-color 0.15s;
2405
+ }
2406
+ .pq4lod8:hover {
2407
+ background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
2408
+ }
2409
+ .pq4lod9 {
2410
+ opacity: 0;
2411
+ transition: opacity 0.15s;
2412
+ width: 14px;
2413
+ height: 14px;
2414
+ flex-shrink: 0;
2415
+ }
2416
+ .pq4lod8:hover .pq4lod9 {
2417
+ opacity: 0.6;
2418
+ }
2419
+ .pq4lod8[data-popup-open] .pq4lod9 {
2420
+ opacity: 0.8;
2421
+ }
2422
+ .pq4loda {
2423
+ width: 16px;
2424
+ height: 16px;
2425
+ flex-shrink: 0;
2426
+ color: var(--pq4lod0);
2427
+ }
2428
+ .pq4lodb {
2429
+ color: var(--pq4lod0);
2430
+ }
2431
+ .pq4lodc {
2432
+ width: 16px;
2433
+ height: 16px;
2434
+ flex-shrink: 0;
2435
+ color: var(--pq4lod0);
2436
+ }
2437
+ .rich-alert {
2438
+ position: relative;
2439
+ padding: var(--rc-space-md);
2440
+ padding-left: calc(var(--rc-space-md) + 4px);
2441
+ border-radius: 0 var(--rc-radius-sm) var(--rc-radius-sm) 0;
2442
+ margin: var(--rc-space-md) 0;
2443
+ background-color: var(--rc-bg-secondary);
2444
+ }
2445
+ .rich-alert::before {
2446
+ content: "";
2447
+ position: absolute;
2448
+ left: 0;
2449
+ top: 0;
2450
+ bottom: 0;
2451
+ width: 4px;
2452
+ border-radius: var(--rc-radius-sm);
2453
+ }
2454
+ .rich-alert-header {
2455
+ position: relative;
2456
+ display: flex;
2457
+ align-items: center;
2458
+ gap: var(--rc-space-sm);
2459
+ font-weight: 600;
2460
+ margin-bottom: var(--rc-space-md);
2461
+ font-size: var(--rc-font-size-small);
2462
+ text-transform: uppercase;
2463
+ letter-spacing: 0.02em;
2464
+ line-height: 1;
2465
+ }
2466
+ .rich-alert-icon {
2467
+ display: inline-flex;
2468
+ width: 16px;
2469
+ height: 16px;
2470
+ flex-shrink: 0;
2471
+ }
2472
+ .rich-alert-content {
2473
+ min-height: 1em;
2474
+ }
2475
+ .rich-alert-content-editable {
2476
+ outline: none;
2477
+ }
2478
+ .rich-alert-content > .rich-paragraph:first-child {
2479
+ margin-top: 0;
2480
+ }
2481
+ .rich-alert-content > .rich-paragraph:last-child {
2482
+ margin-bottom: 0;
2483
+ }
2484
+ .rich-alert-content .rich-paragraph {
2485
+ margin: 0;
2486
+ margin-bottom: 0.5em;
2487
+ }
2488
+ .rich-alert-content .rich-paragraph:last-child {
2489
+ margin-bottom: 0;
2490
+ }
2491
+ .rich-alert-note::before {
2492
+ background-color: var(--rc-alert-info);
2493
+ }
2494
+ .rich-alert-header-note {
2495
+ color: var(--rc-alert-info);
2496
+ }
2497
+ .rich-alert-tip::before {
2498
+ background-color: var(--rc-alert-tip);
2499
+ }
2500
+ .rich-alert-header-tip {
2501
+ color: var(--rc-alert-tip);
2502
+ }
2503
+ .rich-alert-important::before {
2504
+ background-color: var(--rc-alert-important);
2505
+ }
2506
+ .rich-alert-header-important {
2507
+ color: var(--rc-alert-important);
2508
+ }
2509
+ .rich-alert-warning::before {
2510
+ background-color: var(--rc-alert-warning);
2511
+ }
2512
+ .rich-alert-header-warning {
2513
+ color: var(--rc-alert-warning);
2514
+ }
2515
+ .rich-alert-caution::before {
2516
+ background-color: var(--rc-alert-caution);
2517
+ }
2518
+ .rich-alert-header-caution {
2519
+ color: var(--rc-alert-caution);
2520
+ }
2521
+ ._1gu0svs0 {
2522
+ border-radius: var(--rc-radius-md);
2523
+ border: 1px solid;
2524
+ padding: var(--rc-space-lg);
2525
+ margin: var(--rc-space-md) 0;
2526
+ color: var(--rc-text);
2527
+ line-height: 1.8;
2528
+ }
2529
+ ._1gu0svs1 {
2530
+ display: flex;
2531
+ flex-direction: row;
2532
+ align-items: center;
2533
+ gap: var(--rc-space-md);
2534
+ }
2535
+ ._1gu0svs2 {
2536
+ display: inline-flex;
2537
+ flex-shrink: 0;
2538
+ font-size: 1.5em;
2539
+ align-self: flex-start;
2540
+ }
2541
+ ._1gu0svs3 {
2542
+ flex: 1;
2543
+ min-width: 0;
2544
+ min-height: 1em;
2545
+ }
2546
+ ._1gu0svs4 {
2547
+ outline: none;
2548
+ }
2549
+ ._1gu0svs6 {
2550
+ background-color: color-mix(in srgb, var(--rc-alert-info) 8%, transparent);
2551
+ border-color: color-mix(in srgb, var(--rc-alert-info) 30%, transparent);
2552
+ }
2553
+ ._1gu0svs7 {
2554
+ background-color: color-mix(in srgb, var(--rc-alert-tip) 8%, transparent);
2555
+ border-color: color-mix(in srgb, var(--rc-alert-tip) 30%, transparent);
2556
+ }
2557
+ ._1gu0svs8 {
2558
+ background-color: color-mix(in srgb, var(--rc-alert-important) 8%, transparent);
2559
+ border-color: color-mix(in srgb, var(--rc-alert-important) 30%, transparent);
2560
+ }
2561
+ ._1gu0svs9 {
2562
+ background-color: color-mix(in srgb, var(--rc-alert-warning) 8%, transparent);
2563
+ border-color: color-mix(in srgb, var(--rc-alert-warning) 30%, transparent);
2564
+ }
2565
+ ._1gu0svsa {
2566
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 8%, transparent);
2567
+ border-color: color-mix(in srgb, var(--rc-alert-caution) 30%, transparent);
2568
+ }
2569
+ ._1gu0svsc {
2570
+ color: var(--rc-alert-info);
2571
+ }
2572
+ ._1gu0svsd {
2573
+ color: var(--rc-alert-tip);
2574
+ }
2575
+ ._1gu0svse {
2576
+ color: var(--rc-alert-important);
2577
+ }
2578
+ ._1gu0svsf {
2579
+ color: var(--rc-alert-warning);
2580
+ }
2581
+ ._1gu0svsg {
2582
+ color: var(--rc-alert-caution);
2583
+ }
2584
+ ._1gu0svsh {
2585
+ cursor: pointer;
2586
+ border-radius: 4px;
2587
+ border: none;
2588
+ background: none;
2589
+ padding: 2px;
2590
+ margin: -2px;
2591
+ transition: background-color 0.15s;
2592
+ }
2593
+ ._1gu0svsh:hover {
2594
+ background-color: color-mix(in srgb, var(--rc-text) 8%, transparent);
2595
+ }
2596
+ ._1gu0svsi {
2597
+ width: 16px;
2598
+ height: 16px;
2599
+ flex-shrink: 0;
2600
+ }
2601
+ .rich-banner {
2602
+ border-radius: var(--rc-radius-md);
2603
+ border: 1px solid;
2604
+ padding: var(--rc-space-lg);
2605
+ margin: var(--rc-space-md) 0;
2606
+ color: var(--rc-text);
2607
+ line-height: 1.8;
2608
+ }
2609
+ .rich-banner-inner {
2610
+ display: flex;
2611
+ flex-direction: row;
2612
+ align-items: center;
2613
+ gap: var(--rc-space-md);
2614
+ }
2615
+ .rich-banner-icon {
2616
+ display: inline-flex;
2617
+ flex-shrink: 0;
2618
+ font-size: 1.5em;
2619
+ align-self: flex-start;
2620
+ }
2621
+ .rich-banner-content {
2622
+ flex: 1;
2623
+ min-width: 0;
2624
+ min-height: 1em;
2625
+ }
2626
+ .rich-banner-content-editable {
2627
+ outline: none;
2628
+ }
2629
+ .rich-banner-content > .rich-paragraph:first-child {
2630
+ margin-top: 0;
2631
+ }
2632
+ .rich-banner-content > .rich-paragraph:last-child {
2633
+ margin-bottom: 0;
2634
+ }
2635
+ .rich-banner-content .rich-paragraph {
2636
+ margin: 0;
2637
+ margin-bottom: 0.5em;
2638
+ }
2639
+ .rich-banner-content .rich-paragraph:last-child {
2640
+ margin-bottom: 0;
2641
+ }
2642
+ .rich-banner-icon-note {
2643
+ color: var(--rc-alert-info);
2644
+ }
2645
+ .rich-banner-note {
2646
+ background-color: color-mix(in srgb, var(--rc-alert-info) 8%, transparent);
2647
+ border-color: color-mix(in srgb, var(--rc-alert-info) 30%, transparent);
2648
+ }
2649
+ .rich-banner-icon-tip {
2650
+ color: var(--rc-alert-tip);
2651
+ }
2652
+ .rich-banner-tip {
2653
+ background-color: color-mix(in srgb, var(--rc-alert-tip) 8%, transparent);
2654
+ border-color: color-mix(in srgb, var(--rc-alert-tip) 30%, transparent);
2655
+ }
2656
+ .rich-banner-icon-important {
2657
+ color: var(--rc-alert-important);
2658
+ }
2659
+ .rich-banner-important {
2660
+ background-color: color-mix(in srgb, var(--rc-alert-important) 8%, transparent);
2661
+ border-color: color-mix(in srgb, var(--rc-alert-important) 30%, transparent);
2662
+ }
2663
+ .rich-banner-icon-warning {
2664
+ color: var(--rc-alert-warning);
2665
+ }
2666
+ .rich-banner-warning {
2667
+ background-color: color-mix(in srgb, var(--rc-alert-warning) 8%, transparent);
2668
+ border-color: color-mix(in srgb, var(--rc-alert-warning) 30%, transparent);
2669
+ }
2670
+ .rich-banner-icon-caution {
2671
+ color: var(--rc-alert-caution);
2672
+ }
2673
+ .rich-banner-caution {
2674
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 8%, transparent);
2675
+ border-color: color-mix(in srgb, var(--rc-alert-caution) 30%, transparent);
2676
+ }
2677
+ ._1pn9r4q0 {
2678
+ --rr-code-accent: #737373;
2679
+ --font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
2680
+ position: relative;
2681
+ margin: 1.5rem 0;
2682
+ border-radius: 0.5rem;
2683
+ overflow: hidden;
2684
+ font-size: 14px;
2685
+ }
2686
+ ._1pn9r4q1 {
2687
+ position: absolute;
2688
+ bottom: 0.75rem;
2689
+ right: 0.75rem;
2690
+ z-index: 2;
2691
+ display: flex;
2692
+ align-items: center;
2693
+ gap: 0.375rem;
2694
+ font-size: 0.875rem;
2695
+ opacity: 0.6;
2696
+ pointer-events: none;
2697
+ }
2698
+ ._1pn9r4q2 {
2699
+ display: inline-flex;
2700
+ flex-shrink: 0;
2701
+ }
2702
+ ._1pn9r4q2 svg {
2703
+ width: 100%;
2704
+ height: 100%;
2705
+ }
2706
+ ._1pn9r4q3 {
2707
+ appearance: none;
2708
+ position: absolute;
2709
+ right: 0.5rem;
2710
+ top: 0.5rem;
2711
+ z-index: 3;
2712
+ display: flex;
2713
+ align-items: center;
2714
+ justify-content: center;
2715
+ padding: 0.375rem;
2716
+ border-radius: 0.375rem;
2717
+ border: 1px solid color-mix(in srgb, var(--rr-code-accent) 5%, transparent);
2718
+ background: color-mix(in srgb, var(--rr-code-accent) 80%, transparent);
2719
+ color: white;
2720
+ cursor: pointer;
2721
+ opacity: 0;
2722
+ transition: opacity 0.2s ease;
2723
+ backdrop-filter: blur(8px);
2724
+ }
2725
+ ._1pn9r4q0:hover ._1pn9r4q3 {
2726
+ opacity: 1;
2727
+ }
2728
+ ._1pn9r4q4 {
2729
+ position: relative;
2730
+ background: color-mix(in srgb, var(--rr-code-accent) 5%, transparent);
2731
+ padding: 1rem 0;
2732
+ }
2733
+ ._1pn9r4q5 {
2734
+ position: relative;
2735
+ width: 100%;
2736
+ overflow: auto;
2737
+ }
2738
+ ._1pn9r4q6 {
2739
+ max-height: 50vh;
2740
+ overflow: hidden;
2741
+ }
2742
+ ._1pn9r4q7 {
2743
+ position: relative;
2744
+ overflow: auto;
2745
+ background-color: transparent !important;
2746
+ }
2747
+ ._1pn9r4q7 > .shikicode.output {
2748
+ position: static !important;
2749
+ inset: auto !important;
2750
+ }
2751
+ ._1pn9r4q8 > textarea.shikicode {
2752
+ display: none;
2753
+ }
2754
+ ._1pn9r4q9 {
2755
+ position: absolute;
2756
+ bottom: 0;
2757
+ left: 0;
2758
+ right: 0;
2759
+ display: flex;
2760
+ justify-content: center;
2761
+ padding: 0.5rem 0 0.75rem;
2762
+ background: linear-gradient(to bottom, transparent 0%, var(--bg, var(--rc-bg-secondary)) 80%);
2763
+ pointer-events: none;
2764
+ }
2765
+ ._1pn9r4qa {
2766
+ appearance: none;
2767
+ border: none;
2768
+ background: none;
2769
+ cursor: pointer;
2770
+ display: flex;
2771
+ align-items: center;
2772
+ gap: 0.5rem;
2773
+ font-size: 0.75rem;
2774
+ color: inherit;
2775
+ opacity: 0.7;
2776
+ pointer-events: auto;
2777
+ }
2778
+ ._1pn9r4qa:hover {
2779
+ opacity: 1;
2780
+ }
2781
+ ._1pn9r4q0 .shikicode.input, ._1pn9r4q0 .shikicode.output, ._1pn9r4q0 .shikicode.output code, ._1pn9r4q0 .shikicode.output .line, ._1pn9r4q0 .shikicode.output .line span {
2782
+ font-variant-ligatures: none;
2783
+ font-kerning: none;
2784
+ }
2785
+ ._1pn9r4q7 pre, ._1pn9r4q7 code, ._1pn9r4q7 .line, ._1pn9r4q7 .line span {
2786
+ font-family: inherit !important;
2787
+ }
2788
+ ._1pn9r4q0 pre {
2789
+ margin: 0 !important;
2790
+ padding: 0 !important;
2791
+ border-radius: 0;
2792
+ font-size: min(1em, 16px);
2793
+ }
2794
+ ._1pn9r4q0 pre code {
2795
+ display: flex;
2796
+ flex-direction: column;
2797
+ }
2798
+ ._1pn9r4q0 .shiki, ._1pn9r4q0 code, ._1pn9r4q0 pre {
2799
+ background: transparent !important;
2800
+ }
2801
+ ._1pn9r4q7:has(.shikicode.input.line-numbers) .shikicode.output .line::before {
2802
+ background-color: transparent !important;
2803
+ color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent) !important;
2804
+ width: 5em;
2805
+ padding-right: 2em;
2806
+ }
2807
+ ._1pn9r4q7:not(:has(.shikicode.input.line-numbers)) .shikicode.output .line::before {
2808
+ display: none;
2809
+ }
2810
+ ._1pn9r4q0 .line {
2811
+ display: block;
2812
+ padding: 0 1.25rem;
2813
+ }
2814
+ ._1pn9r4q0 .shikicode.input.line-numbers {
2815
+ padding-left: calc(5em + 1.25rem);
2816
+ }
2817
+ ._1pn9r4q0 .shikicode.input:not(.line-numbers) {
2818
+ padding-left: 1.25rem;
2819
+ }
2820
+ ._1pn9r4q0 .line > span:last-child {
2821
+ margin-right: 1.25rem;
2822
+ }
2823
+ ._1pn9r4q0 .line::after {
2824
+ content: ' ';
2825
+ }
2826
+ ._1pn9r4q0 .highlighted, ._1pn9r4q0 .diff {
2827
+ position: relative;
2828
+ overflow-wrap: break-word;
2829
+ }
2830
+ ._1pn9r4q0 .highlighted::before, ._1pn9r4q0 .diff::before {
2831
+ content: '';
2832
+ position: absolute;
2833
+ left: 0;
2834
+ top: 0;
2835
+ height: 100%;
2836
+ width: 2px;
2837
+ }
2838
+ ._1pn9r4q0 .highlighted {
2839
+ background: color-mix(in srgb, var(--rr-code-accent) 20%, transparent);
2840
+ }
2841
+ ._1pn9r4q0 .highlighted::before {
2842
+ background: var(--rr-code-accent);
2843
+ }
2844
+ ._1pn9r4q0 .diff.add {
2845
+ background: rgba(34, 197, 94, 0.15);
2846
+ }
2847
+ ._1pn9r4q0 .diff.add::before {
2848
+ background: #22c55e;
2849
+ }
2850
+ ._1pn9r4q0 .diff.add::after {
2851
+ content: ' +';
2852
+ position: absolute;
2853
+ left: 0;
2854
+ color: #22c55e;
2855
+ }
2856
+ ._1pn9r4q0 .diff.remove {
2857
+ background: rgba(239, 68, 68, 0.15);
2858
+ }
2859
+ ._1pn9r4q0 .diff.remove::before {
2860
+ background: #ef4444;
2861
+ }
2862
+ ._1pn9r4q0 .diff.remove::after {
2863
+ content: ' -';
2864
+ position: absolute;
2865
+ left: 0;
2866
+ color: #ef4444;
2867
+ }
2868
+ ._1pn9r4qb {
2869
+ counter-reset: shiki-line 0;
2870
+ }
2871
+ ._1pn9r4qb .line {
2872
+ counter-increment: shiki-line 1;
2873
+ }
2874
+ ._1pn9r4qb .line::before {
2875
+ content: counter(shiki-line);
2876
+ color: transparent;
2877
+ text-align: right;
2878
+ box-sizing: border-box;
2879
+ width: 2em;
2880
+ display: inline-block;
2881
+ position: sticky;
2882
+ left: 0;
2883
+ }
2884
+ ._1pn9r4qc .line::before {
2885
+ color: inherit;
2886
+ opacity: 0.4;
2887
+ width: 5em;
2888
+ padding-right: 2em;
2889
+ }
2890
+ ._1pn9r4q5 pre::-webkit-scrollbar-track {
2891
+ margin-left: 1rem;
2892
+ margin-right: var(--sr-margin, 0);
2893
+ }
2894
+ ._1pn9r4q5 pre::-webkit-scrollbar {
2895
+ background-color: transparent !important;
2896
+ }
2897
+ ._1pn9r4qd {
2898
+ font-family: var(--rc-font-mono);
2899
+ font-size: var(--rc-font-size-small);
2900
+ background-color: var(--rc-code-bg);
2901
+ border-radius: var(--rc-radius-md);
2902
+ overflow: hidden;
2903
+ margin: var(--rc-space-md) 0;
2904
+ border: 1px solid var(--rc-border);
2905
+ }
2906
+ ._1pn9r4qe {
2907
+ display: flex;
2908
+ align-items: center;
2909
+ justify-content: space-between;
2910
+ padding: var(--rc-space-sm) var(--rc-space-md);
2911
+ border-bottom: 1px solid var(--rc-border);
2912
+ font-size: var(--rc-font-size-small);
2913
+ color: var(--rc-text-secondary);
2914
+ user-select: none;
2915
+ }
2916
+ ._1pn9r4qf {
2917
+ font-family: var(--rc-font-mono);
2918
+ font-size: 0.85em;
2919
+ text-transform: uppercase;
2920
+ letter-spacing: 0.05em;
2921
+ }
2922
+ ._1pn9r4qg {
2923
+ appearance: none;
2924
+ border: none;
2925
+ background: none;
2926
+ color: var(--rc-text-secondary);
2927
+ cursor: pointer;
2928
+ padding: var(--rc-space-xs) var(--rc-space-sm);
2929
+ border-radius: var(--rc-radius-sm);
2930
+ font-family: var(--rc-font-family);
2931
+ font-size: var(--rc-font-size-small);
2932
+ line-height: 1;
2933
+ transition: color 0.15s ease, background-color 0.15s ease;
2934
+ }
2935
+ .rich-code-block {
2936
+ font-family: var(--rc-font-mono);
2937
+ font-size: var(--rc-font-size-small);
2938
+ background-color: var(--rc-code-bg);
2939
+ border-radius: var(--rc-radius-md);
2940
+ overflow: hidden;
2941
+ margin: var(--rc-space-md) 0;
2942
+ border: 1px solid var(--rc-border);
2943
+ }
2944
+ .rich-code-block pre {
2945
+ margin: 0;
2946
+ padding: var(--rc-space-md);
2947
+ overflow-x: auto;
2948
+ }
2949
+ .rich-code-block code {
2950
+ font-family: inherit;
2951
+ font-size: inherit;
2952
+ background: none;
2953
+ border: none;
2954
+ padding: 0;
2955
+ color: inherit;
2956
+ }
2957
+ .rich-code-block-header {
2958
+ display: flex;
2959
+ align-items: center;
2960
+ justify-content: space-between;
2961
+ padding: var(--rc-space-sm) var(--rc-space-md);
2962
+ border-bottom: 1px solid var(--rc-border);
2963
+ font-size: var(--rc-font-size-small);
2964
+ color: var(--rc-text-secondary);
2965
+ user-select: none;
2966
+ }
2967
+ .rich-code-block-lang {
2968
+ font-family: var(--rc-font-mono);
2969
+ font-size: 0.85em;
2970
+ text-transform: uppercase;
2971
+ letter-spacing: 0.05em;
2972
+ }
2973
+ .rich-code-block-copy {
2974
+ appearance: none;
2975
+ border: none;
2976
+ background: none;
2977
+ color: var(--rc-text-secondary);
2978
+ cursor: pointer;
2979
+ padding: var(--rc-space-xs) var(--rc-space-sm);
2980
+ border-radius: var(--rc-radius-sm);
2981
+ font-family: var(--rc-font-family);
2982
+ font-size: var(--rc-font-size-small);
2983
+ line-height: 1;
2984
+ transition: color 0.15s ease, background-color 0.15s ease;
2985
+ }
2986
+ .rich-code-block-copy:hover {
2987
+ color: var(--rc-text);
2988
+ background-color: var(--rc-bg-secondary);
2989
+ }
2990
+ .rich-code-block-numbered pre {
2991
+ counter-reset: line;
2992
+ }
2993
+ .rich-code-block-numbered .line {
2994
+ counter-increment: line;
2995
+ }
2996
+ .rich-code-block-numbered .line::before {
2997
+ content: counter(line);
2998
+ display: inline-block;
2999
+ width: 2.5em;
3000
+ margin-right: var(--rc-space-md);
3001
+ text-align: right;
3002
+ color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent) !important;
3003
+ opacity: 0.4;
3004
+ user-select: none;
3005
+ font-size: var(--rc-font-size-small);
3006
+ }
3007
+ ._10ydd1n0 {
3008
+ position: relative;
3009
+ width: 100%;
3010
+ margin: 16px 0;
3011
+ }
3012
+ ._10ydd1n1 {
3013
+ display: grid;
3014
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
3015
+ gap: 12px;
3016
+ }
3017
+ ._10ydd1n2 {
3018
+ column-count: 3;
3019
+ column-gap: 12px;
3020
+ }
3021
+ ._10ydd1n2 figure {
3022
+ break-inside: avoid;
3023
+ margin-bottom: 12px;
3024
+ }
3025
+ ._10ydd1n3 {
3026
+ position: relative;
3027
+ }
3028
+ ._10ydd1n4 {
3029
+ width: 100%;
3030
+ overflow-x: auto;
3031
+ white-space: nowrap;
3032
+ scroll-behavior: smooth;
3033
+ scrollbar-width: none;
3034
+ -ms-overflow-style: none;
3035
+ }
3036
+ ._10ydd1n4::-webkit-scrollbar {
3037
+ display: none;
3038
+ }
3039
+ ._10ydd1n5 {
3040
+ display: inline-block;
3041
+ margin: 0;
3042
+ cursor: pointer;
3043
+ transition: transform 0.2s ease;
3044
+ }
3045
+ ._10ydd1n5:hover {
3046
+ transform: scale(1.02);
3047
+ }
3048
+ ._10ydd1n5 img {
3049
+ display: block;
3050
+ border-radius: 4px;
3051
+ }
3052
+ ._10ydd1n6 {
3053
+ position: absolute;
3054
+ top: 50%;
3055
+ transform: translateY(-50%);
3056
+ width: 32px;
3057
+ height: 32px;
3058
+ border-radius: 50%;
3059
+ border: 1px solid var(--rc-border);
3060
+ background: var(--rc-bg-secondary);
3061
+ color: var(--rc-text-secondary);
3062
+ display: flex;
3063
+ align-items: center;
3064
+ justify-content: center;
3065
+ cursor: pointer;
3066
+ backdrop-filter: blur(20px) saturate(180%);
3067
+ z-index: 10;
3068
+ }
3069
+ ._10ydd1n7 {
3070
+ left: 8px;
3071
+ }
3072
+ ._10ydd1n8 {
3073
+ right: 8px;
3074
+ }
3075
+ ._10ydd1n9 {
3076
+ position: absolute;
3077
+ bottom: 12px;
3078
+ left: 50%;
3079
+ transform: translateX(-50%);
3080
+ display: flex;
3081
+ gap: 8px;
3082
+ z-index: 10;
3083
+ }
3084
+ ._10ydd1na {
3085
+ width: 6px;
3086
+ height: 6px;
3087
+ border-radius: 50%;
3088
+ background: var(--rc-text-secondary);
3089
+ opacity: 0.5;
3090
+ backdrop-filter: blur(20px) saturate(180%);
3091
+ cursor: pointer;
3092
+ transition: opacity 0.2s;
3093
+ }
3094
+ ._10ydd1na:hover {
3095
+ opacity: 1;
3096
+ }
3097
+ ._10ydd1nb {
3098
+ opacity: 1;
3099
+ }
3100
+ ._10ydd1nc {
3101
+ position: relative;
3102
+ width: 100%;
3103
+ margin: 16px 0;
3104
+ border-radius: 0.5rem;
3105
+ overflow: hidden;
3106
+ border: 1px solid var(--rc-border);
3107
+ min-height: 120px;
3108
+ }
3109
+ ._10ydd1nd {
3110
+ position: absolute;
3111
+ inset: 0;
3112
+ z-index: 5;
3113
+ display: flex;
3114
+ align-items: center;
3115
+ justify-content: center;
3116
+ cursor: pointer;
3117
+ background: transparent;
3118
+ border: none;
3119
+ transition: background 0.2s;
3120
+ }
3121
+ ._10ydd1nd:hover {
3122
+ background: color-mix(in srgb, currentColor 6%, transparent);
3123
+ }
3124
+ ._10ydd1ne {
3125
+ display: flex;
3126
+ align-items: center;
3127
+ gap: 6px;
3128
+ padding: 6px 14px;
3129
+ border-radius: 6px;
3130
+ background: var(--rc-bg);
3131
+ border: 1px solid var(--rc-border);
3132
+ color: var(--rc-text);
3133
+ font-size: 0.8125rem;
3134
+ font-weight: 500;
3135
+ opacity: 0;
3136
+ transition: opacity 0.2s;
3137
+ }
3138
+ ._10ydd1nc:hover ._10ydd1ne {
3139
+ opacity: 1;
3140
+ }
3141
+ ._10ydd1nf {
3142
+ display: flex;
3143
+ flex-direction: column;
3144
+ align-items: center;
3145
+ justify-content: center;
3146
+ padding: 2rem;
3147
+ gap: 0.75rem;
3148
+ color: var(--rc-text-secondary);
3149
+ font-size: 0.875rem;
3150
+ min-height: 120px;
3151
+ }
3152
+ ._10ydd1ng._10ydd1ng {
3153
+ padding: 0;
3154
+ gap: 0;
3155
+ display: flex;
3156
+ flex-direction: column;
3157
+ overflow: hidden;
3158
+ width: calc(100vw - 2rem);
3159
+ height: min(720px, 85vh);
3160
+ border-radius: 0.5rem;
3161
+ }
3162
+ ._10ydd1ng._10ydd1ng[data-open] {
3163
+ animation: none;
3164
+ }
3165
+ ._10ydd1ng._10ydd1ng[data-closed] {
3166
+ animation: none;
3167
+ }
3168
+ ._10ydd1nh {
3169
+ display: flex;
3170
+ align-items: center;
3171
+ height: 48px;
3172
+ flex-shrink: 0;
3173
+ padding: 0 12px 0 16px;
3174
+ border-bottom: 1px solid var(--rc-border);
3175
+ gap: 10px;
3176
+ }
3177
+ ._10ydd1ni {
3178
+ display: flex;
3179
+ align-items: center;
3180
+ gap: 0.5rem;
3181
+ font-size: 0.875rem;
3182
+ font-weight: 600;
3183
+ color: var(--rc-text);
3184
+ line-height: 1;
3185
+ }
3186
+ ._10ydd1nj {
3187
+ margin-left: auto;
3188
+ display: flex;
3189
+ align-items: center;
3190
+ gap: 2px;
3191
+ }
3192
+ ._10ydd1nk {
3193
+ margin-left: 8px;
3194
+ flex-shrink: 0;
3195
+ display: flex;
3196
+ align-items: center;
3197
+ justify-content: center;
3198
+ width: 32px;
3199
+ height: 32px;
3200
+ border-radius: 6px;
3201
+ border: none;
3202
+ background: transparent;
3203
+ color: var(--rc-text-secondary);
3204
+ cursor: pointer;
3205
+ transition: background 0.15s, color 0.15s;
3206
+ }
3207
+ ._10ydd1nk:hover {
3208
+ background: color-mix(in srgb, currentColor 8%, transparent);
3209
+ color: var(--rc-text);
3210
+ }
3211
+ ._10ydd1nl {
3212
+ flex: 1;
3213
+ min-height: 0;
3214
+ overflow-y: auto;
3215
+ padding: 1rem;
3216
+ }
3217
+ ._10ydd1nm {
3218
+ display: flex;
3219
+ flex-direction: column;
3220
+ gap: 0.75rem;
3221
+ }
3222
+ ._10ydd1nn {
3223
+ display: flex;
3224
+ align-items: flex-start;
3225
+ gap: 0.75rem;
3226
+ padding: 0.75rem;
3227
+ border-radius: 0.5rem;
3228
+ border: 1px solid var(--rc-border);
3229
+ background: color-mix(in srgb, var(--rc-text) 2%, transparent);
3230
+ }
3231
+ ._10ydd1no {
3232
+ display: flex;
3233
+ align-items: center;
3234
+ justify-content: center;
3235
+ width: 24px;
3236
+ height: 24px;
3237
+ flex-shrink: 0;
3238
+ color: var(--rc-text-secondary);
3239
+ cursor: grab;
3240
+ margin-top: 4px;
3241
+ border-radius: 4px;
3242
+ transition: background 0.15s, color 0.15s;
3243
+ }
3244
+ ._10ydd1no:hover {
3245
+ background: color-mix(in srgb, currentColor 8%, transparent);
3246
+ color: var(--rc-text);
3247
+ }
3248
+ ._10ydd1no:active {
3249
+ cursor: grabbing;
3250
+ }
3251
+ ._10ydd1np {
3252
+ width: 64px;
3253
+ height: 64px;
3254
+ border-radius: 4px;
3255
+ overflow: hidden;
3256
+ flex-shrink: 0;
3257
+ background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
3258
+ display: flex;
3259
+ align-items: center;
3260
+ justify-content: center;
3261
+ }
3262
+ ._10ydd1np img {
3263
+ width: 100%;
3264
+ height: 100%;
3265
+ object-fit: cover;
3266
+ }
3267
+ ._10ydd1nq {
3268
+ color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
3269
+ }
3270
+ ._10ydd1nr {
3271
+ flex: 1;
3272
+ display: flex;
3273
+ flex-direction: column;
3274
+ gap: 6px;
3275
+ min-width: 0;
3276
+ }
3277
+ ._10ydd1ns {
3278
+ width: 100%;
3279
+ padding: 4px 8px;
3280
+ border-radius: 4px;
3281
+ border: 1px solid var(--rc-border);
3282
+ background: var(--rc-bg);
3283
+ color: var(--rc-text);
3284
+ font-size: 0.8125rem;
3285
+ outline: none;
3286
+ transition: border-color 0.15s;
3287
+ }
3288
+ ._10ydd1ns:focus {
3289
+ border-color: color-mix(in srgb, var(--rc-text) 30%, transparent);
3290
+ }
3291
+ ._10ydd1ns::placeholder {
3292
+ color: color-mix(in srgb, var(--rc-text-secondary) 50%, transparent);
3293
+ }
3294
+ ._10ydd1nt {
3295
+ display: flex;
3296
+ flex-direction: column;
3297
+ gap: 2px;
3298
+ flex-shrink: 0;
3299
+ }
3300
+ ._10ydd1nu {
3301
+ display: inline-flex;
3302
+ align-items: center;
3303
+ justify-content: center;
3304
+ width: 28px;
3305
+ height: 28px;
3306
+ border-radius: 4px;
3307
+ border: none;
3308
+ background: transparent;
3309
+ color: var(--rc-text-secondary);
3310
+ cursor: pointer;
3311
+ transition: background 0.15s, color 0.15s;
3312
+ }
3313
+ ._10ydd1nu:hover {
3314
+ background: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
3315
+ color: var(--rc-alert-caution);
3316
+ }
3317
+ ._10ydd1nv {
3318
+ display: flex;
3319
+ align-items: center;
3320
+ justify-content: center;
3321
+ gap: 6px;
3322
+ width: 100%;
3323
+ padding: 0.625rem;
3324
+ border-radius: 0.5rem;
3325
+ border: 1px dashed var(--rc-border);
3326
+ background: transparent;
3327
+ color: var(--rc-text-secondary);
3328
+ font-size: 0.8125rem;
3329
+ cursor: pointer;
3330
+ transition: border-color 0.15s, color 0.15s, background 0.15s;
3331
+ }
3332
+ ._10ydd1nv:hover {
3333
+ border-color: color-mix(in srgb, var(--rc-text) 20%, transparent);
3334
+ color: var(--rc-text);
3335
+ background: color-mix(in srgb, var(--rc-text) 2%, transparent);
3336
+ }
3337
+ ._10ydd1nw {
3338
+ display: flex;
3339
+ align-items: center;
3340
+ justify-content: space-between;
3341
+ padding: 0 1rem;
3342
+ height: 44px;
3343
+ border-top: 1px solid var(--rc-border);
3344
+ flex-shrink: 0;
3345
+ background-color: color-mix(in srgb, var(--rc-text) 1.5%, transparent);
3346
+ }
3347
+ ._10ydd1nx {
3348
+ font-size: 0.75rem;
3349
+ color: var(--rc-text-secondary);
3350
+ }
3351
+ ._10ydd1ny {
3352
+ display: flex;
3353
+ align-items: center;
3354
+ gap: 0.5rem;
3355
+ }
3356
+ ._10ydd1nz {
3357
+ padding: 0.25rem 0.75rem;
3358
+ border-radius: 0.375rem;
3359
+ font-size: 0.75rem;
3360
+ font-weight: 500;
3361
+ cursor: pointer;
3362
+ height: 28px;
3363
+ transition: background-color 0.15s, border-color 0.15s;
3364
+ }
3365
+ ._10ydd1n10 {
3366
+ background-color: transparent;
3367
+ color: var(--rc-text-secondary);
3368
+ border: 1px solid var(--rc-border);
3369
+ }
3370
+ ._10ydd1n10:hover {
3371
+ background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
3372
+ }
3373
+ ._10ydd1n11 {
3374
+ background-color: var(--rc-text);
3375
+ color: var(--rc-bg);
3376
+ border: 1px solid transparent;
3377
+ }
3378
+ ._10ydd1n11:hover {
3379
+ background-color: color-mix(in srgb, var(--rc-text) 85%, transparent);
3380
+ }
3381
+ ._10ydd1n12 {
3382
+ display: flex;
3383
+ flex-direction: column;
3384
+ align-items: center;
3385
+ justify-content: center;
3386
+ flex: 1;
3387
+ gap: 1rem;
3388
+ color: var(--rc-text-secondary);
3389
+ font-size: 0.875rem;
3390
+ padding: 2rem;
3391
+ }
3392
+ @media (max-width: 768px) {
3393
+ ._10ydd1n2 {
3394
+ column-count: 2;
3395
+ }
3396
+ }
3397
+ @media (max-width: 480px) {
3398
+ ._10ydd1n1 {
3399
+ grid-template-columns: 1fr;
3400
+ }
3401
+ ._10ydd1n2 {
3402
+ column-count: 1;
3403
+ }
3404
+ }
3405
+ @media (min-width: 640px) {
3406
+ ._10ydd1ng._10ydd1ng {
3407
+ max-width: 56rem;
3408
+ }
3409
+ }
3410
+ @keyframes _1n94osf1 {
3411
+ 0% {
3412
+ mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 / 400% no-repeat;
3413
+ opacity: 0.16;
3414
+ }
3415
+ 100% {
3416
+ mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 / 400% no-repeat;
3417
+ opacity: 1;
3418
+ }
3419
+ }
3420
+ @keyframes _1n94osf8 {
3421
+ to {
3422
+ transform: rotate(360deg);
3423
+ }
3424
+ }
3425
+ @keyframes _1n94osfg {
3426
+ from {
3427
+ opacity: 0;
3428
+ }
3429
+ to {
3430
+ opacity: 1;
3431
+ }
3432
+ }
3433
+ ._1n94osf0 {
3434
+ margin: 1.25rem 0;
3435
+ text-align: center;
3436
+ }
3437
+ ._1n94osf2 {
3438
+ display: block;
3439
+ width: 100%;
3440
+ height: auto;
3441
+ max-width: 100%;
3442
+ opacity: 0;
3443
+ transition: opacity 280ms ease;
3444
+ border-radius: 0px !important;
3445
+ }
3446
+ ._1n94osf4 {
3447
+ opacity: 1;
3448
+ animation: _1n94osf1 420ms ease;
3449
+ }
3450
+ ._1n94osf5 {
3451
+ display: none;
3452
+ }
3453
+ ._1n94osf6 {
3454
+ position: relative;
3455
+ display: inline-flex;
3456
+ align-items: center;
3457
+ justify-content: center;
3458
+ overflow: hidden;
3459
+ border-radius: var(--rc-radius-md);
3460
+ cursor: zoom-in;
3461
+ min-height: 3rem;
3462
+ transition: transform 0.25s ease;
3463
+ }
3464
+ ._1n94osf6:hover {
3465
+ transform: translateY(-1px);
3466
+ }
3467
+ ._1n94osf7 {
3468
+ cursor: pointer;
3469
+ }
3470
+ ._1n94osf7:hover {
3471
+ transform: none;
3472
+ }
3473
+ ._1n94osf9 {
3474
+ position: absolute;
3475
+ width: 1.65rem;
3476
+ height: 1.65rem;
3477
+ border: 2px solid color-mix(in srgb, var(--rc-text-secondary) 45%, transparent);
3478
+ border-top-color: color-mix(in srgb, var(--rc-text) 65%, transparent);
3479
+ border-radius: 50%;
3480
+ animation: _1n94osf8 0.75s linear infinite;
3481
+ }
3482
+ ._1n94osfa {
3483
+ font-size: 0.8rem;
3484
+ color: var(--rc-alert-caution);
3485
+ background: color-mix(in srgb, var(--rc-bg) 86%, transparent);
3486
+ border-radius: 999px;
3487
+ padding: 0.15rem 0.6rem;
3488
+ }
3489
+ ._1n94osfb {
3490
+ margin-top: 0.5rem;
3491
+ color: var(--rc-text-secondary);
3492
+ font-size: 0.86rem;
3493
+ line-height: 1.5;
3494
+ }
3495
+ ._1n94osfc {
3496
+ margin: var(--rc-space-md) 0;
3497
+ text-align: center;
3498
+ }
3499
+ ._1n94osfd {
3500
+ position: relative;
3501
+ display: inline-block;
3502
+ overflow: hidden;
3503
+ border-radius: var(--rc-radius-md);
3504
+ transition: background-color 0.3s ease;
3505
+ }
3506
+ ._1n94osfe {
3507
+ opacity: 0;
3508
+ transition: opacity 0.3s ease;
3509
+ }
3510
+ ._1n94osff {
3511
+ opacity: 1;
3512
+ transition: opacity 0.3s ease;
3513
+ }
3514
+ ._1n94osfh {
3515
+ position: fixed;
3516
+ inset: 0;
3517
+ z-index: 9999;
3518
+ display: flex;
3519
+ align-items: center;
3520
+ justify-content: center;
3521
+ background-color: rgba(0, 0, 0, 0.85);
3522
+ cursor: zoom-out;
3523
+ animation: _1n94osfg 0.2s ease;
3524
+ }
3525
+ ._1n94osfi {
3526
+ max-width: 90vw;
3527
+ max-height: 90vh;
3528
+ object-fit: contain;
3529
+ border-radius: 0;
3530
+ }
3531
+ .rich-image {
3532
+ margin: var(--rc-space-md) 0;
3533
+ text-align: center;
3534
+ }
3535
+ .rich-image figcaption {
3536
+ font-size: var(--rc-font-size-small);
3537
+ color: var(--rc-text-secondary);
3538
+ margin-top: var(--rc-space-sm);
3539
+ line-height: var(--rc-line-height-tight);
3540
+ }
3541
+ .rich-image-container {
3542
+ position: relative;
3543
+ display: inline-block;
3544
+ overflow: hidden;
3545
+ border-radius: var(--rc-radius-md);
3546
+ transition: background-color 0.3s ease;
3547
+ }
3548
+ .rich-image-hidden {
3549
+ opacity: 0;
3550
+ transition: opacity 0.3s ease;
3551
+ }
3552
+ .rich-image-visible {
3553
+ opacity: 1;
3554
+ transition: opacity 0.3s ease;
3555
+ }
3556
+ .rich-image-zoom-overlay {
3557
+ position: fixed;
3558
+ inset: 0;
3559
+ z-index: 9999;
3560
+ display: flex;
3561
+ align-items: center;
3562
+ justify-content: center;
3563
+ background-color: rgba(0, 0, 0, 0.85);
3564
+ cursor: zoom-out;
3565
+ animation: _1n94osfg 0.2s ease;
3566
+ }
3567
+ .rich-image-zoom-img {
3568
+ max-width: 90vw;
3569
+ max-height: 90vh;
3570
+ object-fit: contain;
3571
+ border-radius: 0;
3572
+ }
3573
+ ._1n94osfj {
3574
+ display: block;
3575
+ cursor: pointer;
3576
+ }
3577
+ ._1n94osfk {
3578
+ display: flex;
3579
+ align-items: center;
3580
+ justify-content: center;
3581
+ gap: 8px;
3582
+ padding: 2rem;
3583
+ border: 2px dashed var(--rc-border);
3584
+ border-radius: var(--rc-radius-md);
3585
+ color: var(--rc-text-secondary);
3586
+ font-size: 0.875rem;
3587
+ cursor: pointer;
3588
+ transition: border-color 0.2s, color 0.2s;
3589
+ }
3590
+ ._1n94osfk:hover {
3591
+ border-color: var(--rc-accent);
3592
+ color: var(--rc-text);
3593
+ }
3594
+ ._1n94osfl {
3595
+ display: flex;
3596
+ flex-direction: column;
3597
+ gap: 8px;
3598
+ width: 340px;
3599
+ padding: 12px;
3600
+ font-size: 13px;
3601
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3602
+ }
3603
+ ._1n94osfm {
3604
+ display: flex;
3605
+ align-items: center;
3606
+ gap: 8px;
3607
+ padding: 6px 10px;
3608
+ background-color: var(--rc-bg-secondary);
3609
+ border-radius: 6px;
3610
+ min-width: 0;
3611
+ }
3612
+ ._1n94osfn {
3613
+ flex-shrink: 0;
3614
+ color: var(--rc-text-secondary);
3615
+ }
3616
+ ._1n94osfo {
3617
+ flex: 1;
3618
+ appearance: none;
3619
+ border: none;
3620
+ background-color: transparent;
3621
+ color: inherit;
3622
+ font-size: 13px;
3623
+ padding: 0;
3624
+ outline: none;
3625
+ min-width: 0;
3626
+ }
3627
+ ._1n94osfo::placeholder {
3628
+ color: var(--rc-text-secondary);
3629
+ }
3630
+ ._1n94osfp {
3631
+ display: flex;
3632
+ align-items: center;
3633
+ gap: 4px;
3634
+ }
3635
+ ._1n94osfq {
3636
+ display: inline-flex;
3637
+ align-items: center;
3638
+ gap: 6px;
3639
+ appearance: none;
3640
+ border: none;
3641
+ background: none;
3642
+ color: inherit;
3643
+ font-size: 13px;
3644
+ font-weight: 500;
3645
+ cursor: pointer;
3646
+ padding: 4px 8px;
3647
+ border-radius: 4px;
3648
+ transition: color 0.15s ease, background-color 0.15s ease;
3649
+ white-space: nowrap;
3650
+ }
3651
+ ._1n94osfq:hover {
3652
+ background-color: var(--rc-bg-secondary);
3653
+ }
3654
+ ._1n94osfr {
3655
+ margin-left: auto;
3656
+ }
3657
+ @keyframes _13weebvm {
3658
+ 0%, 100% {
3659
+ opacity: 1;
3660
+ }
3661
+ 50% {
3662
+ opacity: 0.5;
3663
+ }
3664
+ }
3665
+ ._13weebv0 {
3666
+ position: relative;
3667
+ display: flex;
3668
+ box-sizing: border-box;
3669
+ align-items: flex-start;
3670
+ gap: 0.75rem;
3671
+ width: 32rem;
3672
+ max-width: 100%;
3673
+ margin: 1.25rem auto;
3674
+ padding: 1rem;
3675
+ border-radius: 0.5rem;
3676
+ overflow: hidden;
3677
+ cursor: pointer;
3678
+ text-decoration: none;
3679
+ color: inherit;
3680
+ text-indent: 0;
3681
+ font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
3682
+ border: 1px solid color-mix(in srgb, var(--rc-border) 80%, transparent);
3683
+ background-color: color-mix(in srgb, var(--rc-bg-secondary) 80%, transparent);
3684
+ backdrop-filter: blur(12px) saturate(150%);
3685
+ transition: border-color 0.2s, background-color 0.2s;
3686
+ }
3687
+ ._13weebv0:hover {
3688
+ border-color: var(--rc-border);
3689
+ background-color: var(--rc-bg-secondary);
3690
+ }
3691
+ ._13weebv1 {
3692
+ align-items: center;
3693
+ }
3694
+ ._13weebv0 * {
3695
+ font-style: normal !important;
3696
+ }
3697
+ ._13weebv0 span {
3698
+ border-bottom: 0 !important;
3699
+ }
3700
+ ._13weebv2 {
3701
+ position: absolute;
3702
+ inset: 0;
3703
+ z-index: 0;
3704
+ pointer-events: none;
3705
+ }
3706
+ ._13weebv3 {
3707
+ position: relative;
3708
+ flex-shrink: 0;
3709
+ width: 2.5rem;
3710
+ height: 2.5rem;
3711
+ border-radius: 0.5rem;
3712
+ background-size: cover;
3713
+ background-position: center;
3714
+ background-repeat: no-repeat;
3715
+ background-color: var(--rc-bg-secondary);
3716
+ z-index: 1;
3717
+ }
3718
+ ._13weebv4 {
3719
+ width: 6.25rem !important;
3720
+ height: auto !important;
3721
+ min-height: 8.75rem;
3722
+ aspect-ratio: 2 / 3;
3723
+ align-self: stretch;
3724
+ }
3725
+ ._13weebv5 {
3726
+ width: 3.5rem !important;
3727
+ height: 5rem !important;
3728
+ aspect-ratio: auto;
3729
+ align-self: flex-start;
3730
+ }
3731
+ ._13weebv6 {
3732
+ width: 3.5rem !important;
3733
+ height: 3.5rem !important;
3734
+ aspect-ratio: auto;
3735
+ align-self: flex-start;
3736
+ }
3737
+ ._13weebv7 {
3738
+ flex-shrink: 0;
3739
+ display: flex;
3740
+ align-items: center;
3741
+ justify-content: center;
3742
+ width: 2.5rem;
3743
+ height: 2.5rem;
3744
+ border-radius: 0.5rem;
3745
+ background-color: var(--rc-bg-secondary);
3746
+ z-index: 1;
3747
+ }
3748
+ ._13weebv7 img {
3749
+ width: 1.25rem;
3750
+ height: 1.25rem;
3751
+ border-radius: 0.25rem;
3752
+ }
3753
+ ._13weebv7 svg {
3754
+ width: 1.25rem;
3755
+ height: 1.25rem;
3756
+ color: var(--rc-text-secondary);
3757
+ }
3758
+ ._13weebv8 {
3759
+ flex: 1;
3760
+ min-width: 0;
3761
+ position: relative;
3762
+ z-index: 1;
3763
+ }
3764
+ ._13weebv9 {
3765
+ display: flex;
3766
+ align-items: center;
3767
+ gap: 0.5rem;
3768
+ line-height: 1.25rem;
3769
+ }
3770
+ ._13weebva {
3771
+ flex: 1;
3772
+ min-width: 0;
3773
+ display: -webkit-box;
3774
+ -webkit-box-orient: vertical;
3775
+ -webkit-line-clamp: 2;
3776
+ overflow: hidden;
3777
+ text-overflow: ellipsis;
3778
+ font-size: 0.875rem;
3779
+ font-weight: 600;
3780
+ line-height: 1.25rem;
3781
+ }
3782
+ ._13weebvb {
3783
+ flex-shrink: 0;
3784
+ margin-left: auto;
3785
+ width: 0.875rem;
3786
+ height: 0.875rem;
3787
+ color: var(--rc-text-secondary);
3788
+ opacity: 0;
3789
+ transition: opacity 0.2s;
3790
+ }
3791
+ ._13weebv0:hover ._13weebvb {
3792
+ opacity: 1;
3793
+ }
3794
+ ._13weebvc {
3795
+ display: -webkit-box;
3796
+ -webkit-box-orient: vertical;
3797
+ -webkit-line-clamp: 2;
3798
+ overflow: hidden;
3799
+ text-overflow: ellipsis;
3800
+ margin-top: 0.375rem;
3801
+ font-size: 0.875rem;
3802
+ line-height: 1.5;
3803
+ color: var(--rc-text-secondary);
3804
+ min-width: 0;
3805
+ }
3806
+ ._13weebve {
3807
+ flex-shrink: 0;
3808
+ width: 1rem;
3809
+ height: 1rem;
3810
+ display: inline;
3811
+ vertical-align: middle;
3812
+ margin-right: 0.375rem;
3813
+ }
3814
+ ._13weebvf {
3815
+ width: 100% !important;
3816
+ height: auto !important;
3817
+ padding: 0;
3818
+ }
3819
+ ._13weebvf ._13weebv3 {
3820
+ border-radius: 0;
3821
+ }
3822
+ ._13weebvf ._13weebv3::after {
3823
+ content: '';
3824
+ position: absolute;
3825
+ inset: 0;
3826
+ background: linear-gradient(to right, transparent 60%, var(--rc-bg-secondary));
3827
+ pointer-events: none;
3828
+ }
3829
+ ._13weebvf ._13weebv8 {
3830
+ padding: 1rem;
3831
+ display: flex;
3832
+ flex-direction: column;
3833
+ justify-content: center;
3834
+ }
3835
+ ._13weebvg {
3836
+ width: 100%;
3837
+ max-width: 40rem;
3838
+ }
3839
+ ._13weebvh {
3840
+ width: 100%;
3841
+ }
3842
+ ._13weebvi {
3843
+ width: 100%;
3844
+ }
3845
+ ._13weebvi ._13weebvc {
3846
+ -webkit-line-clamp: 4;
3847
+ }
3848
+ ._13weebvj {
3849
+ width: 36rem;
3850
+ }
3851
+ ._13weebvk {
3852
+ width: 38rem;
3853
+ }
3854
+ ._13weebvk ._13weebvc {
3855
+ -webkit-line-clamp: 3;
3856
+ }
3857
+ ._13weebv0[data-source='gh-repo'] {
3858
+ height: 6.25rem;
3859
+ }
3860
+ ._13weebv0[data-source='gh-commit'], ._13weebv0[data-source='gh-pr'], ._13weebv0[data-source='gh-issue'], ._13weebv0[data-source='gh-discussion'] {
3861
+ height: 5rem;
3862
+ }
3863
+ ._13weebv0[data-source='leetcode'] {
3864
+ height: 5.25rem;
3865
+ }
3866
+ ._13weebv0[data-source='arxiv'] {
3867
+ height: 6rem;
3868
+ }
3869
+ ._13weebv0[data-source='netease-music-song'], ._13weebv0[data-source='qq-music-song'] {
3870
+ height: 5.75rem;
3871
+ }
3872
+ ._13weebvl {
3873
+ animation-play-state: paused;
3874
+ }
3875
+ ._13weebvl ._13weebva {
3876
+ width: 8rem;
3877
+ height: 1.25rem;
3878
+ border-radius: 0.375rem;
3879
+ background-color: var(--rc-border);
3880
+ }
3881
+ ._13weebvl ._13weebvc {
3882
+ width: 100%;
3883
+ margin-top: 0.5rem;
3884
+ height: 0.875rem;
3885
+ border-radius: 0.375rem;
3886
+ background-color: var(--rc-border);
3887
+ }
3888
+ ._13weebvl ._13weebvd {
3889
+ width: 80%;
3890
+ }
3891
+ ._13weebvl ._13weebv3 {
3892
+ background-color: var(--rc-border);
3893
+ }
3894
+ ._13weebvl ._13weebva, ._13weebvl ._13weebvc, ._13weebvl ._13weebv3 {
3895
+ animation: _13weebvm 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
3896
+ }
3897
+ ._13weebvl._13weebvn {
3898
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 12%, transparent) !important;
3899
+ }
3900
+ ._13weebvl._13weebvn ._13weebva, ._13weebvl._13weebvn ._13weebvc, ._13weebvl._13weebvn ._13weebv3 {
3901
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 47%, transparent);
3902
+ color: transparent;
3903
+ }
3904
+ ._13weebvl._13weebvn ._13weebv3 {
3905
+ background-image: none !important;
3906
+ }
3907
+ ._13weebvo {
3908
+ display: inline;
3909
+ }
3910
+ ._13weebvp {
3911
+ display: flex;
3912
+ flex-direction: column;
3913
+ gap: 8px;
3914
+ width: 340px;
3915
+ padding: 12px;
3916
+ font-size: 13px;
3917
+ background-color: var(--rc-bg);
3918
+ border-color: var(--rc-border);
3919
+ color: var(--rc-text);
3920
+ }
3921
+ ._13weebvq {
3922
+ display: flex;
3923
+ align-items: center;
3924
+ gap: 8px;
3925
+ padding: 8px 12px;
3926
+ background-color: var(--rc-bg-secondary);
3927
+ border-radius: var(--rc-radius-md);
3928
+ min-width: 0;
3929
+ }
3930
+ ._13weebvr {
3931
+ flex-shrink: 0;
3932
+ color: var(--rc-text-secondary);
3933
+ }
3934
+ ._13weebvs {
3935
+ flex: 1;
3936
+ color: var(--rc-text);
3937
+ font-family: var(--rc-font-mono);
3938
+ font-size: 13px;
3939
+ overflow: hidden;
3940
+ text-overflow: ellipsis;
3941
+ white-space: nowrap;
3942
+ min-width: 0;
3943
+ }
3944
+ ._13weebvt {
3945
+ flex: 1;
3946
+ appearance: none;
3947
+ border: none;
3948
+ background-color: transparent;
3949
+ color: var(--rc-text);
3950
+ font-family: var(--rc-font-mono);
3951
+ font-size: 13px;
3952
+ padding: 0;
3953
+ outline: none;
3954
+ min-width: 0;
3955
+ }
3956
+ ._13weebvu {
3957
+ display: flex;
3958
+ align-items: center;
3959
+ gap: 4px;
3960
+ }
3961
+ ._13weebvv {
3962
+ display: inline-flex;
3963
+ align-items: center;
3964
+ gap: 6px;
3965
+ appearance: none;
3966
+ border: none;
3967
+ background: none;
3968
+ color: var(--rc-text);
3969
+ font-size: 13px;
3970
+ font-weight: 500;
3971
+ cursor: pointer;
3972
+ padding: 4px 8px;
3973
+ border-radius: var(--rc-radius-sm);
3974
+ transition: color 0.15s ease, background-color 0.15s ease;
3975
+ white-space: nowrap;
3976
+ }
3977
+ ._13weebvv:hover {
3978
+ background-color: var(--rc-bg-secondary);
3979
+ }
3980
+ ._13weebvw {
3981
+ margin-left: auto;
3982
+ }
3983
+ @media (max-width: 640px) {
3984
+ ._13weebvj {
3985
+ width: 100%;
3986
+ }
3987
+ }
3988
+ .b6sgtu0 {
3989
+ display: inline;
3990
+ margin: 0 0.25em;
3991
+ vertical-align: text-bottom;
3992
+ white-space: nowrap;
3993
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3994
+ }
3995
+ .b6sgtu1 {
3996
+ color: var(--rc-text-secondary);
3997
+ }
3998
+ .b6sgtu2 {
3999
+ display: inline-flex;
4000
+ align-items: center;
4001
+ margin-right: 0.25em;
4002
+ vertical-align: middle;
4003
+ }
4004
+ .b6sgtu2 svg {
4005
+ display: inline;
4006
+ height: 0.8em;
4007
+ width: 0.8em;
4008
+ }
4009
+ .b6sgtu3 {
4010
+ fill: currentColor;
4011
+ }
4012
+ .b6sgtu4 {
4013
+ text-decoration-line: underline;
4014
+ text-underline-offset: 2px;
4015
+ color: inherit;
4016
+ }
4017
+ .b6sgtu4:hover {
4018
+ color: var(--rc-accent);
4019
+ }
4020
+ .b6sgtu5 {
4021
+ display: flex;
4022
+ flex-direction: column;
4023
+ gap: 8px;
4024
+ width: 300px;
4025
+ padding: 12px;
4026
+ font-size: 13px;
4027
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
4028
+ }
4029
+ .b6sgtu6 {
4030
+ display: flex;
4031
+ align-items: center;
4032
+ gap: 8px;
4033
+ padding: 6px 10px;
4034
+ background-color: var(--rc-bg-secondary);
4035
+ border-radius: 6px;
4036
+ min-width: 0;
4037
+ }
4038
+ .b6sgtu7 {
4039
+ display: inline-flex;
4040
+ align-items: center;
4041
+ justify-content: center;
4042
+ }
4043
+ .b6sgtu8 {
4044
+ display: inline-flex;
4045
+ align-items: center;
4046
+ justify-content: center;
4047
+ }
4048
+ .b6sgtu9 {
4049
+ flex: 1;
4050
+ appearance: none;
4051
+ border: none;
4052
+ background-color: transparent;
4053
+ color: inherit;
4054
+ font-size: 13px;
4055
+ padding: 0;
4056
+ outline: none;
4057
+ min-width: 0;
4058
+ }
4059
+ .b6sgtu9::placeholder {
4060
+ color: var(--rc-text-secondary);
4061
+ }
4062
+ .b6sgtua {
4063
+ flex: 1;
4064
+ appearance: none;
4065
+ border: none;
4066
+ background-color: transparent;
4067
+ color: inherit;
4068
+ font-size: 13px;
4069
+ padding: 0;
4070
+ outline: none;
4071
+ cursor: pointer;
4072
+ min-width: 0;
4073
+ }
4074
+ .b6sgtub {
4075
+ display: flex;
4076
+ align-items: center;
4077
+ gap: 4px;
4078
+ }
4079
+ .b6sgtuc {
4080
+ display: inline-flex;
4081
+ align-items: center;
4082
+ gap: 6px;
4083
+ appearance: none;
4084
+ border: none;
4085
+ background: none;
4086
+ color: inherit;
4087
+ font-size: 13px;
4088
+ font-weight: 500;
4089
+ cursor: pointer;
4090
+ padding: 4px 8px;
4091
+ border-radius: 4px;
4092
+ transition: color 0.15s ease, background-color 0.15s ease;
4093
+ white-space: nowrap;
4094
+ }
4095
+ .b6sgtuc:hover {
4096
+ background-color: var(--rc-bg-secondary);
4097
+ }
4098
+ .b6sgtud {
4099
+ margin-left: auto;
4100
+ }
4101
+ @keyframes _36yqie5 {
4102
+ to {
4103
+ transform: rotate(360deg);
4104
+ }
4105
+ }
4106
+ ._36yqie0 {
4107
+ display: flex;
4108
+ flex-direction: column;
4109
+ align-items: center;
4110
+ margin: 1rem 0;
4111
+ position: relative;
4112
+ overflow: hidden;
4113
+ cursor: grab;
4114
+ }
4115
+ ._36yqie0:active {
4116
+ cursor: grabbing;
4117
+ }
4118
+ ._36yqie0 img {
4119
+ max-width: 100%;
4120
+ height: auto;
4121
+ }
4122
+ ._36yqie1 {
4123
+ position: absolute;
4124
+ top: 8px;
4125
+ right: 8px;
4126
+ padding: 2px 8px;
4127
+ border-radius: 4px;
4128
+ font-size: 0.75rem;
4129
+ color: var(--rc-text-secondary);
4130
+ background-color: color-mix(in srgb, var(--rc-bg) 80%, transparent);
4131
+ backdrop-filter: blur(4px);
4132
+ opacity: 0;
4133
+ transition: opacity 0.2s;
4134
+ cursor: pointer;
4135
+ z-index: 2;
4136
+ }
4137
+ ._36yqie1:hover {
4138
+ color: var(--rc-text);
4139
+ background-color: color-mix(in srgb, var(--rc-bg) 95%, transparent);
4140
+ }
4141
+ ._36yqie0:hover ._36yqie1 {
4142
+ opacity: 1;
4143
+ }
4144
+ ._36yqie2 {
4145
+ position: absolute;
4146
+ bottom: 8px;
4147
+ right: 8px;
4148
+ display: flex;
4149
+ gap: 2px;
4150
+ opacity: 0;
4151
+ transition: opacity 0.2s;
4152
+ z-index: 2;
4153
+ }
4154
+ ._36yqie0:hover ._36yqie2 {
4155
+ opacity: 1;
4156
+ }
4157
+ ._36yqie3 {
4158
+ display: inline-flex;
4159
+ align-items: center;
4160
+ justify-content: center;
4161
+ width: 28px;
4162
+ height: 28px;
4163
+ border-radius: 0.25rem;
4164
+ border: none;
4165
+ cursor: pointer;
4166
+ color: var(--rc-text-secondary);
4167
+ background-color: color-mix(in srgb, var(--rc-bg) 80%, transparent);
4168
+ backdrop-filter: blur(4px);
4169
+ transition: color 0.15s, background-color 0.15s;
4170
+ }
4171
+ ._36yqie3:hover {
4172
+ color: var(--rc-text);
4173
+ background-color: color-mix(in srgb, var(--rc-bg) 95%, transparent);
4174
+ }
4175
+ ._36yqie4 {
4176
+ display: flex;
4177
+ align-items: center;
4178
+ justify-content: center;
4179
+ min-height: 80px;
4180
+ color: var(--rc-text-secondary);
4181
+ font-size: 0.875rem;
4182
+ }
4183
+ ._36yqie4::after {
4184
+ content: "";
4185
+ display: inline-block;
4186
+ width: 16px;
4187
+ height: 16px;
4188
+ margin-left: 8px;
4189
+ border: 2px solid currentColor;
4190
+ border-right-color: transparent;
4191
+ border-radius: 50%;
4192
+ animation: _36yqie5 0.6s linear infinite;
4193
+ }
4194
+ ._36yqie6 {
4195
+ display: flex;
4196
+ align-items: center;
4197
+ justify-content: center;
4198
+ min-height: 50px;
4199
+ padding: 0.75rem 1rem;
4200
+ border-radius: 0.5rem;
4201
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
4202
+ color: var(--rc-alert-caution);
4203
+ font-size: 0.875rem;
4204
+ }
4205
+ ._36yqie7._36yqie7 {
4206
+ padding: 0;
4207
+ gap: 0;
4208
+ display: flex;
4209
+ flex-direction: column;
4210
+ overflow: hidden;
4211
+ width: calc(100vw - 2rem);
4212
+ height: min(680px, 85vh);
4213
+ border-radius: 0.5rem;
4214
+ }
4215
+ ._36yqie8 {
4216
+ display: flex;
4217
+ align-items: center;
4218
+ justify-content: space-between;
4219
+ padding: 0 1rem;
4220
+ height: 48px;
4221
+ border-bottom: 1px solid var(--rc-border);
4222
+ flex-shrink: 0;
4223
+ }
4224
+ ._36yqie9 {
4225
+ display: flex;
4226
+ align-items: center;
4227
+ gap: 0.75rem;
4228
+ }
4229
+ ._36yqiea {
4230
+ display: flex;
4231
+ align-items: center;
4232
+ gap: 4px;
4233
+ }
4234
+ ._36yqieb {
4235
+ width: 1px;
4236
+ height: 16px;
4237
+ background-color: var(--rc-border);
4238
+ flex-shrink: 0;
4239
+ }
4240
+ ._36yqiec {
4241
+ display: flex;
4242
+ align-items: center;
4243
+ gap: 0.5rem;
4244
+ font-size: 0.875rem;
4245
+ font-weight: 500;
4246
+ color: var(--rc-text);
4247
+ }
4248
+ ._36yqied {
4249
+ padding: 0.25rem 0.5rem;
4250
+ font-size: 0.75rem;
4251
+ color: var(--rc-text-secondary);
4252
+ background: none;
4253
+ border: none;
4254
+ border-radius: 0.375rem;
4255
+ cursor: pointer;
4256
+ transition: color 0.15s, background-color 0.15s;
4257
+ }
4258
+ ._36yqied:hover {
4259
+ color: var(--rc-text);
4260
+ background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
4261
+ }
4262
+ ._36yqiee {
4263
+ display: flex;
4264
+ align-items: center;
4265
+ background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
4266
+ border-radius: 0.375rem;
4267
+ padding: 2px;
4268
+ margin-right: 4px;
4269
+ }
4270
+ ._36yqief {
4271
+ display: inline-flex;
4272
+ align-items: center;
4273
+ justify-content: center;
4274
+ padding: 4px;
4275
+ border-radius: 0.25rem;
4276
+ border: none;
4277
+ background: none;
4278
+ cursor: pointer;
4279
+ color: var(--rc-text-secondary);
4280
+ transition: color 0.15s, background-color 0.15s, box-shadow 0.15s;
4281
+ }
4282
+ ._36yqief:hover {
4283
+ color: var(--rc-text);
4284
+ }
4285
+ ._36yqieg {
4286
+ background-color: var(--rc-bg);
4287
+ color: var(--rc-text);
4288
+ box-shadow: 0 1px 2px rgba(0,0,0,0.05);
4289
+ }
4290
+ ._36yqieh {
4291
+ display: inline-flex;
4292
+ align-items: center;
4293
+ justify-content: center;
4294
+ width: 28px;
4295
+ height: 28px;
4296
+ border-radius: 0.25rem;
4297
+ border: none;
4298
+ background: none;
4299
+ cursor: pointer;
4300
+ color: var(--rc-text-secondary);
4301
+ transition: color 0.15s, background-color 0.15s;
4302
+ }
4303
+ ._36yqieh:hover {
4304
+ color: var(--rc-text);
4305
+ background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
4306
+ }
4307
+ ._36yqiei {
4308
+ display: flex;
4309
+ flex: 1;
4310
+ min-height: 0;
4311
+ }
4312
+ ._36yqiej {
4313
+ display: flex;
4314
+ flex-direction: column;
4315
+ border-right: 1px solid var(--rc-border);
4316
+ }
4317
+ ._36yqiek {
4318
+ width: 50%;
4319
+ }
4320
+ ._36yqiel {
4321
+ flex: 1;
4322
+ }
4323
+ ._36yqiem {
4324
+ display: flex;
4325
+ align-items: center;
4326
+ padding: 0 0.75rem;
4327
+ height: 32px;
4328
+ border-bottom: 1px solid var(--rc-border);
4329
+ background-color: color-mix(in srgb, var(--rc-text) 2%, transparent);
4330
+ flex-shrink: 0;
4331
+ font-size: 0.6875rem;
4332
+ font-weight: 500;
4333
+ color: var(--rc-text-secondary);
4334
+ text-transform: uppercase;
4335
+ letter-spacing: 0.05em;
4336
+ }
4337
+ ._36yqien {
4338
+ display: flex;
4339
+ flex-direction: column;
4340
+ flex: 1;
4341
+ }
4342
+ ._36yqieo {
4343
+ display: flex;
4344
+ flex: 1;
4345
+ min-height: 0;
4346
+ align-items: center;
4347
+ justify-content: center;
4348
+ position: relative;
4349
+ overflow: hidden;
4350
+ cursor: grab;
4351
+ }
4352
+ ._36yqieo:active {
4353
+ cursor: grabbing;
4354
+ }
4355
+ ._36yqieo:hover ._36yqie2 {
4356
+ opacity: 1;
4357
+ }
4358
+ ._36yqieo img {
4359
+ max-width: 100%;
4360
+ height: auto;
4361
+ }
4362
+ ._36yqiep {
4363
+ font-size: 0.875rem;
4364
+ color: color-mix(in srgb, var(--rc-text-secondary) 50%, transparent);
4365
+ }
4366
+ ._36yqieq {
4367
+ display: flex;
4368
+ flex-direction: column;
4369
+ align-items: center;
4370
+ gap: 0.75rem;
4371
+ max-width: 320px;
4372
+ text-align: center;
4373
+ }
4374
+ ._36yqier {
4375
+ display: inline-flex;
4376
+ align-items: center;
4377
+ justify-content: center;
4378
+ width: 32px;
4379
+ height: 32px;
4380
+ border-radius: 0.375rem;
4381
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
4382
+ color: var(--rc-alert-caution);
4383
+ }
4384
+ ._36yqies {
4385
+ font-size: 0.875rem;
4386
+ font-weight: 500;
4387
+ color: var(--rc-text);
4388
+ }
4389
+ ._36yqiet {
4390
+ font-size: 0.75rem;
4391
+ color: var(--rc-text-secondary);
4392
+ line-height: 1.5;
4393
+ display: -webkit-box;
4394
+ -webkit-line-clamp: 3;
4395
+ -webkit-box-orient: vertical;
4396
+ overflow: hidden;
4397
+ }
4398
+ ._36yqieu {
4399
+ position: relative;
4400
+ display: flex;
4401
+ flex: 1;
4402
+ min-height: 0;
4403
+ overflow: hidden;
4404
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
4405
+ font-size: 0.8125rem;
4406
+ line-height: 1.25rem;
4407
+ }
4408
+ ._36yqiev {
4409
+ flex-shrink: 0;
4410
+ width: 40px;
4411
+ overflow: hidden;
4412
+ user-select: none;
4413
+ border-right: 1px solid var(--rc-border);
4414
+ background-color: color-mix(in srgb, var(--rc-text) 2%, transparent);
4415
+ padding: 0.75rem 0;
4416
+ }
4417
+ ._36yqiew {
4418
+ padding: 0 0.5rem;
4419
+ text-align: right;
4420
+ line-height: 1.25rem;
4421
+ color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
4422
+ }
4423
+ ._36yqiex {
4424
+ flex: 1;
4425
+ resize: none;
4426
+ background-color: transparent;
4427
+ padding: 0.75rem;
4428
+ color: var(--rc-text);
4429
+ outline: none;
4430
+ border: none;
4431
+ line-height: 1.25rem;
4432
+ font-family: inherit;
4433
+ font-size: inherit;
4434
+ tab-size: 2;
4435
+ }
4436
+ ._36yqiex::placeholder {
4437
+ color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
4438
+ }
4439
+ ._36yqiey {
4440
+ display: flex;
4441
+ align-items: center;
4442
+ justify-content: flex-end;
4443
+ padding: 0 1rem;
4444
+ height: 44px;
4445
+ border-top: 1px solid var(--rc-border);
4446
+ flex-shrink: 0;
4447
+ background-color: color-mix(in srgb, var(--rc-text) 1.5%, transparent);
4448
+ }
4449
+ ._36yqiez {
4450
+ display: flex;
4451
+ align-items: center;
4452
+ gap: 0.5rem;
4453
+ }
4454
+ ._36yqie10 {
4455
+ width: 6px;
4456
+ height: 6px;
4457
+ border-radius: 50%;
4458
+ background-color: var(--rc-alert-tip);
4459
+ }
4460
+ ._36yqie11 {
4461
+ font-size: 0.6875rem;
4462
+ color: var(--rc-text-secondary);
4463
+ }
4464
+ ._36yqie12 {
4465
+ display: flex;
4466
+ align-items: center;
4467
+ gap: 0.5rem;
4468
+ }
4469
+ ._36yqie13 {
4470
+ padding: 0.25rem 0.75rem;
4471
+ border-radius: 0.375rem;
4472
+ font-size: 0.75rem;
4473
+ font-weight: 500;
4474
+ cursor: pointer;
4475
+ height: 28px;
4476
+ transition: background-color 0.15s, border-color 0.15s;
4477
+ }
4478
+ ._36yqie14 {
4479
+ background-color: transparent;
4480
+ color: var(--rc-text-secondary);
4481
+ border: 1px solid var(--rc-border);
4482
+ }
4483
+ ._36yqie14:hover {
4484
+ background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
4485
+ }
4486
+ ._36yqie15 {
4487
+ background-color: var(--rc-text);
4488
+ color: var(--rc-bg);
4489
+ border: 1px solid transparent;
4490
+ }
4491
+ ._36yqie15:hover {
4492
+ background-color: color-mix(in srgb, var(--rc-text) 85%, transparent);
4493
+ }
4494
+ @media (min-width: 640px) {
4495
+ ._36yqie7._36yqie7 {
4496
+ max-width: 64rem;
4497
+ }
4498
+ }
4499
+ @keyframes _1x2h1ol3 {
4500
+ 0% {
4501
+ opacity: 1;
4502
+ transform: scale(1);
4503
+ }
4504
+ 100% {
4505
+ opacity: 0;
4506
+ transform: scale(1.3);
4507
+ }
4508
+ }
4509
+ @keyframes _1x2h1olc {
4510
+ from {
4511
+ transform: rotate(0deg);
4512
+ }
4513
+ to {
4514
+ transform: rotate(360deg);
4515
+ }
4516
+ }
4517
+ ._1x2h1ol0 {
4518
+ margin: 1.25rem 0;
4519
+ }
4520
+ ._1x2h1ol1 {
4521
+ position: relative;
4522
+ width: 100%;
4523
+ background: #000;
4524
+ border-radius: 0.75rem;
4525
+ overflow: hidden;
4526
+ }
4527
+ ._1x2h1ol2 {
4528
+ width: 100%;
4529
+ height: 100%;
4530
+ display: block;
4531
+ object-fit: contain;
4532
+ background: #000;
4533
+ cursor: pointer;
4534
+ }
4535
+ ._1x2h1ol4 {
4536
+ position: absolute;
4537
+ inset: 0;
4538
+ margin: auto;
4539
+ width: 5rem;
4540
+ height: 5rem;
4541
+ border-radius: 999px;
4542
+ display: inline-flex;
4543
+ align-items: center;
4544
+ justify-content: center;
4545
+ background: rgba(0, 0, 0, 0.7);
4546
+ color: #fff;
4547
+ pointer-events: none;
4548
+ animation: _1x2h1ol3 0.5s ease forwards;
4549
+ }
4550
+ ._1x2h1ol5 {
4551
+ position: absolute;
4552
+ left: 2rem;
4553
+ right: 2rem;
4554
+ bottom: 0.5rem;
4555
+ height: 2.5rem;
4556
+ border-radius: 999px;
4557
+ border: 1px solid color-mix(in srgb, var(--rc-border) 20%, transparent);
4558
+ background: color-mix(in srgb, var(--rc-bg-secondary) 90%, transparent);
4559
+ backdrop-filter: blur(24px) saturate(180%);
4560
+ color: var(--rc-text);
4561
+ display: flex;
4562
+ align-items: center;
4563
+ gap: 0.75rem;
4564
+ padding: 0 1rem;
4565
+ max-width: 80vw;
4566
+ margin: 0 auto;
4567
+ opacity: 0;
4568
+ transform: translateY(4px);
4569
+ transition: opacity 0.2s ease, transform 0.2s ease;
4570
+ }
4571
+ ._1x2h1ol1:hover ._1x2h1ol5, ._1x2h1ol1:focus-within ._1x2h1ol5 {
4572
+ opacity: 1;
4573
+ transform: translateY(0);
4574
+ }
4575
+ ._1x2h1ol6 {
4576
+ appearance: none;
4577
+ border: none;
4578
+ background: none;
4579
+ color: inherit;
4580
+ display: inline-flex;
4581
+ align-items: center;
4582
+ justify-content: center;
4583
+ cursor: pointer;
4584
+ padding: 0.125rem;
4585
+ line-height: 1;
4586
+ flex-shrink: 0;
4587
+ transition: transform 0.15s ease;
4588
+ }
4589
+ ._1x2h1ol6:hover {
4590
+ transform: scale(1.1);
4591
+ }
4592
+ ._1x2h1ol6:active {
4593
+ transform: scale(0.93);
4594
+ }
4595
+ ._1x2h1ol6:focus-visible {
4596
+ outline: 2px solid currentColor;
4597
+ outline-offset: 2px;
4598
+ border-radius: 4px;
4599
+ }
4600
+ ._1x2h1ol6:disabled {
4601
+ opacity: 0.5;
4602
+ pointer-events: none;
4603
+ }
4604
+ ._1x2h1ol7 {
4605
+ flex: 1;
4606
+ height: 100%;
4607
+ }
4608
+ ._1x2h1ol8 {
4609
+ position: relative;
4610
+ display: flex;
4611
+ align-items: center;
4612
+ width: 100%;
4613
+ height: 100%;
4614
+ touch-action: none;
4615
+ user-select: none;
4616
+ }
4617
+ ._1x2h1ol9 {
4618
+ position: relative;
4619
+ flex: 1;
4620
+ height: 0.25rem;
4621
+ border-radius: 999px;
4622
+ background: var(--rc-bg);
4623
+ }
4624
+ ._1x2h1ola {
4625
+ position: absolute;
4626
+ height: 100%;
4627
+ border-radius: 999px;
4628
+ background: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
4629
+ }
4630
+ ._1x2h1olb {
4631
+ display: block;
4632
+ height: 0.75rem;
4633
+ width: 3px;
4634
+ border-radius: 1px;
4635
+ border: none;
4636
+ background: var(--rc-text-secondary);
4637
+ }
4638
+ ._1x2h1old {
4639
+ animation: _1x2h1olc 0.8s linear infinite;
4640
+ }
4641
+ ._1x2h1ole {
4642
+ display: block;
4643
+ cursor: pointer;
4644
+ }
4645
+ ._1x2h1olf {
4646
+ position: relative;
4647
+ width: 100%;
4648
+ border-radius: 0.75rem;
4649
+ overflow: hidden;
4650
+ background: #000;
4651
+ background-size: cover;
4652
+ background-position: center;
4653
+ cursor: pointer;
4654
+ }
4655
+ ._1x2h1olg {
4656
+ width: 100%;
4657
+ height: 100%;
4658
+ display: block;
4659
+ object-fit: contain;
4660
+ pointer-events: none;
4661
+ }
4662
+ ._1x2h1olh {
4663
+ position: absolute;
4664
+ inset: 0;
4665
+ display: flex;
4666
+ align-items: center;
4667
+ justify-content: center;
4668
+ background: rgba(0, 0, 0, 0.35);
4669
+ color: #fff;
4670
+ transition: background 0.2s;
4671
+ }
4672
+ ._1x2h1ole:hover ._1x2h1olh {
4673
+ background: rgba(0, 0, 0, 0.5);
4674
+ }
4675
+ ._1x2h1oli {
4676
+ display: flex;
4677
+ align-items: center;
4678
+ justify-content: center;
4679
+ gap: 8px;
4680
+ padding: 2rem;
4681
+ border: 2px dashed var(--rc-border);
4682
+ border-radius: var(--rc-radius-md);
4683
+ color: var(--rc-text-secondary);
4684
+ font-size: 0.875rem;
4685
+ cursor: pointer;
4686
+ transition: border-color 0.2s, color 0.2s;
4687
+ }
4688
+ ._1x2h1oli:hover {
4689
+ border-color: var(--rc-accent);
4690
+ color: var(--rc-text);
4691
+ }
4692
+ ._1x2h1olj {
4693
+ display: flex;
4694
+ flex-direction: column;
4695
+ gap: 8px;
4696
+ width: 340px;
4697
+ padding: 12px;
4698
+ font-size: 13px;
4699
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
4700
+ }
4701
+ ._1x2h1olk {
4702
+ display: flex;
4703
+ align-items: center;
4704
+ gap: 8px;
4705
+ padding: 6px 10px;
4706
+ background-color: var(--rc-bg-secondary);
4707
+ border-radius: 6px;
4708
+ min-width: 0;
4709
+ }
4710
+ ._1x2h1oll {
4711
+ flex-shrink: 0;
4712
+ color: var(--rc-text-secondary);
4713
+ }
4714
+ ._1x2h1olm {
4715
+ flex: 1;
4716
+ appearance: none;
4717
+ border: none;
4718
+ background-color: transparent;
4719
+ color: inherit;
4720
+ font-size: 13px;
4721
+ padding: 0;
4722
+ outline: none;
4723
+ min-width: 0;
4724
+ }
4725
+ ._1x2h1olm::placeholder {
4726
+ color: var(--rc-text-secondary);
4727
+ }
4728
+ ._1x2h1oln {
4729
+ display: flex;
4730
+ align-items: center;
4731
+ gap: 4px;
4732
+ }
4733
+ ._1x2h1olo {
4734
+ display: inline-flex;
4735
+ align-items: center;
4736
+ gap: 6px;
4737
+ appearance: none;
4738
+ border: none;
4739
+ background: none;
4740
+ color: inherit;
4741
+ font-size: 13px;
4742
+ font-weight: 500;
4743
+ cursor: pointer;
4744
+ padding: 4px 8px;
4745
+ border-radius: 4px;
4746
+ transition: color 0.15s ease, background-color 0.15s ease;
4747
+ white-space: nowrap;
4748
+ }
4749
+ ._1x2h1olo:hover {
4750
+ background-color: var(--rc-bg-secondary);
4751
+ }
4752
+ ._1x2h1olp {
4753
+ margin-left: auto;
4754
+ }
4755
+ @media (max-width: 768px) {
4756
+ ._1x2h1ol5 {
4757
+ left: 0.75rem;
4758
+ right: 0.75rem;
4759
+ opacity: 1;
4760
+ transform: none;
4761
+ gap: 0.5rem;
4762
+ padding: 0 0.75rem;
4763
+ }
4764
+ }
4765
+ @keyframes _1vqtdre3 {
4766
+ to {
4767
+ transform: rotate(360deg);
4768
+ }
4769
+ }
4770
+ ._1vqtdre0 {
4771
+ position: relative;
4772
+ width: 100%;
4773
+ aspect-ratio: 16 / 10;
4774
+ margin: 1rem 0;
4775
+ border-radius: 0.5rem;
4776
+ overflow: hidden;
4777
+ }
4778
+ ._1vqtdre1 {
4779
+ position: relative;
4780
+ width: 100%;
4781
+ aspect-ratio: 16 / 10;
4782
+ margin: 1rem 0;
4783
+ border-radius: 0.5rem;
4784
+ overflow: hidden;
4785
+ border: 1px solid var(--rc-border);
4786
+ }
4787
+ ._1vqtdre2 {
4788
+ display: flex;
4789
+ align-items: center;
4790
+ justify-content: center;
4791
+ position: absolute;
4792
+ inset: 0;
4793
+ color: var(--rc-text-secondary);
4794
+ font-size: 0.875rem;
4795
+ }
4796
+ ._1vqtdre2::after {
4797
+ content: "";
4798
+ display: inline-block;
4799
+ width: 16px;
4800
+ height: 16px;
4801
+ margin-left: 8px;
4802
+ border: 2px solid currentColor;
4803
+ border-right-color: transparent;
4804
+ border-radius: 50%;
4805
+ animation: _1vqtdre3 0.6s linear infinite;
4806
+ }
4807
+ ._1vqtdre4 {
4808
+ display: flex;
4809
+ align-items: center;
4810
+ justify-content: center;
4811
+ position: absolute;
4812
+ inset: 0;
4813
+ padding: 0.75rem 1rem;
4814
+ background-color: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
4815
+ color: var(--rc-alert-caution);
4816
+ font-size: 0.875rem;
4817
+ }
4818
+ ._1vqtdre5 {
4819
+ position: absolute;
4820
+ bottom: 8px;
4821
+ right: 8px;
4822
+ z-index: 10;
4823
+ display: flex;
4824
+ gap: 4px;
4825
+ border-radius: 6px;
4826
+ padding: 2px;
4827
+ background-color: color-mix(in srgb, currentColor 8%, transparent);
4828
+ backdrop-filter: blur(8px);
4829
+ }
4830
+ ._1vqtdre6 {
4831
+ display: flex;
4832
+ align-items: center;
4833
+ justify-content: center;
4834
+ width: 28px;
4835
+ height: 28px;
4836
+ border-radius: 4px;
4837
+ border: none;
4838
+ background: transparent;
4839
+ color: var(--rc-text-secondary);
4840
+ cursor: pointer;
4841
+ transition: background 0.15s, color 0.15s;
4842
+ }
4843
+ ._1vqtdre6:hover {
4844
+ background: color-mix(in srgb, currentColor 12%, transparent);
4845
+ color: var(--rc-text);
4846
+ }
4847
+ ._1vqtdre6 svg {
4848
+ width: 16px;
4849
+ height: 16px;
4850
+ }
4851
+ ._1vqtdre7._1vqtdre7 {
4852
+ position: fixed;
4853
+ inset: 0;
4854
+ top: 0;
4855
+ left: 0;
4856
+ transform: none;
4857
+ width: 100vw;
4858
+ height: 100vh;
4859
+ max-width: 100vw;
4860
+ max-height: 100vh;
4861
+ margin: 0;
4862
+ padding: 0;
4863
+ gap: 0;
4864
+ border-radius: 0;
4865
+ border: none;
4866
+ display: flex;
4867
+ flex-direction: column;
4868
+ background: var(--rc-bg);
4869
+ overflow: hidden;
4870
+ }
4871
+ ._1vqtdre7._1vqtdre7[data-open] {
4872
+ animation: none;
4873
+ }
4874
+ ._1vqtdre7._1vqtdre7[data-closed] {
4875
+ animation: none;
4876
+ }
4877
+ ._1vqtdre8 {
4878
+ display: flex;
4879
+ align-items: center;
4880
+ height: 48px;
4881
+ flex-shrink: 0;
4882
+ padding: 0 12px 0 16px;
4883
+ border-bottom: 1px solid var(--rc-border);
4884
+ gap: 10px;
4885
+ }
4886
+ ._1vqtdre9 {
4887
+ width: 8px;
4888
+ height: 8px;
4889
+ border-radius: 50%;
4890
+ flex-shrink: 0;
4891
+ transition: background-color 0.3s;
4892
+ }
4893
+ ._1vqtdrea {
4894
+ font-size: 0.875rem;
4895
+ font-weight: 600;
4896
+ color: var(--rc-text);
4897
+ line-height: 1;
4898
+ }
4899
+ ._1vqtdreb {
4900
+ font-size: 0.8125rem;
4901
+ color: var(--rc-text-secondary);
4902
+ line-height: 1;
4903
+ padding-left: 10px;
4904
+ border-left: 1px solid var(--rc-border);
4905
+ }
4906
+ ._1vqtdrec {
4907
+ margin-left: auto;
4908
+ display: flex;
4909
+ align-items: center;
4910
+ gap: 2px;
4911
+ }
4912
+ ._1vqtdred {
4913
+ margin-left: 8px;
4914
+ flex-shrink: 0;
4915
+ display: flex;
4916
+ align-items: center;
4917
+ justify-content: center;
4918
+ width: 32px;
4919
+ height: 32px;
4920
+ border-radius: 6px;
4921
+ border: none;
4922
+ background: transparent;
4923
+ color: var(--rc-text-secondary);
4924
+ cursor: pointer;
4925
+ transition: background 0.15s, color 0.15s;
4926
+ }
4927
+ ._1vqtdred:hover {
4928
+ background: color-mix(in srgb, currentColor 8%, transparent);
4929
+ color: var(--rc-text);
4930
+ }
4931
+ ._1vqtdree {
4932
+ display: inline-flex;
4933
+ align-items: center;
4934
+ gap: 4px;
4935
+ padding: 4px 10px;
4936
+ border-radius: 4px;
4937
+ border: none;
4938
+ background: transparent;
4939
+ color: var(--rc-text-secondary);
4940
+ cursor: pointer;
4941
+ font-size: 0.8125rem;
4942
+ white-space: nowrap;
4943
+ transition: background 0.15s, color 0.15s;
4944
+ }
4945
+ ._1vqtdree:hover {
4946
+ background: color-mix(in srgb, currentColor 8%, transparent);
4947
+ color: var(--rc-text);
4948
+ }
4949
+ ._1vqtdree:disabled {
4950
+ opacity: 0.4;
4951
+ pointer-events: none;
4952
+ }
4953
+ ._1vqtdree svg {
4954
+ width: 14px;
4955
+ height: 14px;
4956
+ flex-shrink: 0;
4957
+ }
4958
+ ._1vqtdref {
4959
+ width: 1px;
4960
+ height: 16px;
4961
+ margin: 0 4px;
4962
+ background: var(--rc-border);
4963
+ flex-shrink: 0;
4964
+ }
4965
+ ._1vqtdreg {
4966
+ margin-left: auto;
4967
+ display: inline-flex;
4968
+ align-items: center;
4969
+ gap: 6px;
4970
+ padding: 3px 10px;
4971
+ border-radius: 4px;
4972
+ background: color-mix(in srgb, currentColor 4%, transparent);
4973
+ color: var(--rc-text-secondary);
4974
+ font-size: 0.75rem;
4975
+ font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
4976
+ max-width: 50%;
4977
+ overflow: hidden;
4978
+ text-overflow: ellipsis;
4979
+ white-space: nowrap;
4980
+ cursor: pointer;
4981
+ border: none;
4982
+ transition: background 0.15s;
4983
+ }
4984
+ ._1vqtdreg:hover {
4985
+ background: color-mix(in srgb, currentColor 8%, transparent);
4986
+ }
4987
+ ._1vqtdreh {
4988
+ flex: 1;
4989
+ position: relative;
4990
+ min-height: 0;
4991
+ }
4992
+ ._1vqtdrei {
4993
+ display: flex;
4994
+ justify-content: flex-end;
4995
+ gap: 8px;
4996
+ }
4997
+ ._1vqtdrej {
4998
+ padding: 6px 14px;
4999
+ border-radius: 6px;
5000
+ border: 1px solid var(--rc-border);
5001
+ background: transparent;
5002
+ font-size: 0.8125rem;
5003
+ font-weight: 500;
5004
+ cursor: pointer;
5005
+ transition: background 0.15s;
5006
+ color: var(--rc-text);
5007
+ }
5008
+ ._1vqtdrej:hover {
5009
+ background: color-mix(in srgb, currentColor 6%, transparent);
5010
+ }
5011
+ ._1vqtdrek {
5012
+ padding: 6px 14px;
5013
+ border-radius: 6px;
5014
+ border: 1px solid var(--rc-accent);
5015
+ background: var(--rc-accent);
5016
+ font-size: 0.8125rem;
5017
+ font-weight: 500;
5018
+ cursor: pointer;
5019
+ transition: opacity 0.15s;
5020
+ color: #fff;
5021
+ }
5022
+ ._1vqtdrek:hover {
5023
+ opacity: 0.9;
5024
+ }
5025
+ ._1vqtdrel {
5026
+ padding: 6px 14px;
5027
+ border-radius: 6px;
5028
+ border: 1px solid var(--rc-alert-caution);
5029
+ background: transparent;
5030
+ font-size: 0.8125rem;
5031
+ font-weight: 500;
5032
+ cursor: pointer;
5033
+ transition: background 0.15s;
5034
+ color: var(--rc-alert-caution);
5035
+ }
5036
+ ._1vqtdrel:hover {
5037
+ background: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
5038
+ }
5039
+ ._1vqtdrem {
5040
+ position: absolute;
5041
+ inset: 0;
5042
+ z-index: 5;
5043
+ display: flex;
5044
+ align-items: center;
5045
+ justify-content: center;
5046
+ cursor: pointer;
5047
+ background: transparent;
5048
+ border: none;
5049
+ transition: background 0.2s;
5050
+ }
5051
+ ._1vqtdrem:hover {
5052
+ background: color-mix(in srgb, currentColor 6%, transparent);
5053
+ }
5054
+ ._1vqtdren {
5055
+ display: flex;
5056
+ align-items: center;
5057
+ gap: 6px;
5058
+ padding: 6px 14px;
5059
+ border-radius: 6px;
5060
+ background: var(--rc-bg);
5061
+ border: 1px solid var(--rc-border);
5062
+ color: var(--rc-text);
5063
+ font-size: 0.8125rem;
5064
+ font-weight: 500;
5065
+ opacity: 0;
5066
+ transition: opacity 0.2s;
5067
+ }
5068
+ ._1vqtdrem:hover ._1vqtdren {
5069
+ opacity: 1;
5070
+ }