yt-chat-components 1.2.8 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2463 @@
1
+
2
+ export const styles = `
3
+
4
+ *,
5
+ ::before,
6
+ ::after {
7
+ box-sizing: border-box;
8
+ border-width: 0;
9
+ border-style: solid;
10
+ border-color: #e5e7eb;
11
+ }
12
+
13
+ abbr:where([title]) {
14
+ -webkit-text-decoration: underline dotted;
15
+ text-decoration: underline dotted;
16
+ }
17
+
18
+ b,
19
+ strong {
20
+ font-weight: bolder;
21
+ }
22
+
23
+ code,
24
+ kbd,
25
+ samp,
26
+ pre {
27
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
28
+ /* 1 */
29
+ font-size: 1em;
30
+ /* 2 */
31
+ }
32
+
33
+ small {
34
+ font-size: 80%;
35
+ }
36
+
37
+ sub,
38
+ sup {
39
+ font-size: 75%;
40
+ line-height: 0;
41
+ position: relative;
42
+ vertical-align: baseline;
43
+ }
44
+
45
+ sub {
46
+ bottom: -0.25em;
47
+ }
48
+
49
+ sup {
50
+ top: -0.5em;
51
+ }
52
+
53
+ button,
54
+ input,
55
+ optgroup,
56
+ select,
57
+ textarea {
58
+ font-family: inherit;
59
+ /* 1 */
60
+ font-size: 100%;
61
+ /* 1 */
62
+ font-weight: inherit;
63
+ /* 1 */
64
+ line-height: inherit;
65
+ /* 1 */
66
+ color: inherit;
67
+ /* 1 */
68
+ margin: 0;
69
+ /* 2 */
70
+ padding: 0;
71
+ /* 3 */
72
+ }
73
+
74
+ /*
75
+ Remove the inheritance of text transform in Edge and Firefox.
76
+ */
77
+
78
+ button,
79
+ select {
80
+ text-transform: none;
81
+ }
82
+
83
+ /*
84
+ 1. Correct the inability to style clickable types in iOS and Safari.
85
+ 2. Remove default button styles.
86
+ */
87
+
88
+ button,
89
+ [type='button'],
90
+ [type='reset'],
91
+ [type='submit'] {
92
+ -webkit-appearance: button;
93
+ /* 1 */
94
+ // background-color: transparent;
95
+ /* 2 */
96
+ background-image: none;
97
+ /* 2 */
98
+ }
99
+
100
+ /*
101
+ Use the modern Firefox focus style for all focusable elements.
102
+ */
103
+
104
+ :-moz-focusring {
105
+ outline: auto;
106
+ }
107
+
108
+ /*
109
+ Remove the additional ':invalid' styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
110
+ */
111
+
112
+ :-moz-ui-invalid {
113
+ box-shadow: none;
114
+ }
115
+
116
+ /*
117
+ Add the correct vertical alignment in Chrome and Firefox.
118
+ */
119
+
120
+ progress {
121
+ vertical-align: baseline;
122
+ }
123
+
124
+ /*
125
+ Correct the cursor style of increment and decrement buttons in Safari.
126
+ */
127
+
128
+ ::-webkit-inner-spin-button,
129
+ ::-webkit-outer-spin-button {
130
+ height: auto;
131
+ }
132
+
133
+ /*
134
+ 1. Correct the odd appearance in Chrome and Safari.
135
+ 2. Correct the outline style in Safari.
136
+ */
137
+
138
+ [type='search'] {
139
+ -webkit-appearance: textfield;
140
+ /* 1 */
141
+ outline-offset: -2px;
142
+ /* 2 */
143
+ }
144
+
145
+ /*
146
+ Remove the inner padding in Chrome and Safari on macOS.
147
+ */
148
+
149
+ ::-webkit-search-decoration {
150
+ -webkit-appearance: none;
151
+ }
152
+
153
+ /*
154
+ 1. Correct the inability to style clickable types in iOS and Safari.
155
+ 2. Change font properties to 'inherit' in Safari.
156
+ */
157
+
158
+ ::-webkit-file-upload-button {
159
+ -webkit-appearance: button;
160
+ /* 1 */
161
+ font: inherit;
162
+ /* 2 */
163
+ }
164
+
165
+ /*
166
+ Add the correct display in Chrome and Safari.
167
+ */
168
+
169
+ summary {
170
+ display: list-item;
171
+ }
172
+
173
+ /*
174
+ Removes the default spacing and border for appropriate elements.
175
+ */
176
+
177
+ fieldset {
178
+ margin: 0;
179
+ padding: 0;
180
+ }
181
+
182
+ legend {
183
+ padding: 0;
184
+ }
185
+
186
+
187
+ /*
188
+ Prevent resizing textareas horizontally by default.
189
+ */
190
+
191
+ textarea {
192
+ resize: vertical;
193
+ }
194
+
195
+ /*
196
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
197
+ 2. Set the default placeholder color to the user's configured gray 400 color.
198
+ */
199
+
200
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
201
+ opacity: 1;
202
+ /* 1 */
203
+ color: #9ca3af;
204
+ /* 2 */
205
+ }
206
+
207
+ input::placeholder,
208
+ textarea::placeholder {
209
+ opacity: 1;
210
+ /* 1 */
211
+ color: #9ca3af;
212
+ /* 2 */
213
+ }
214
+
215
+ /*
216
+ Set the default cursor for buttons.
217
+ */
218
+
219
+ button,
220
+ [role="button"] {
221
+ cursor: pointer;
222
+ }
223
+
224
+ /*
225
+ Make sure disabled buttons don't get the pointer cursor.
226
+ */
227
+
228
+ :disabled {
229
+ cursor: default;
230
+ }
231
+
232
+ /*
233
+ 1. Make replaced elements 'display: block' by default. (https://github.com/mozdevs/cssremedy/issues/14)
234
+ 2. Add 'vertical-align: middle' to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
235
+ This can trigger a poorly considered lint error in some tools but is included by design.
236
+ */
237
+
238
+
239
+ /*
240
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
241
+ */
242
+
243
+ img,
244
+ video {
245
+ max-width: 100%;
246
+ height: auto;
247
+ }
248
+
249
+ /* Make elements with the HTML hidden attribute stay hidden by default */
250
+
251
+ [hidden] {
252
+ display: none;
253
+ }
254
+
255
+ .cl-window {
256
+ border-radius: 1rem;
257
+ padding-top: 1.8rem;
258
+ padding-bottom: 1.2rem;
259
+ }
260
+
261
+ .cl-middle-container{
262
+ height:100%;
263
+ display: flex;
264
+ flex-direction: column;
265
+ overflow: hidden;
266
+ border-left:0.5px solid #3850FF2E;
267
+ border-right:0.5px solid #3850FF2E;
268
+ padding-left:1.6rem;
269
+ padding-right:1.6rem;
270
+ }
271
+
272
+
273
+ .cl-scale-100 {
274
+ --tw-scale-x: 1;
275
+ --tw-scale-y: 1;
276
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
277
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
278
+ }
279
+
280
+ .cl-scale-0 {
281
+ --tw-scale-x: 0;
282
+ --tw-scale-y: 0;
283
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
284
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
285
+ }
286
+
287
+
288
+ .cl-chat-window {
289
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
290
+ "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
291
+ sans-serif;
292
+ position: absolute;
293
+ transition-property: all;
294
+ transition-duration: 300ms;
295
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
296
+ }
297
+
298
+ .cl-online-message {
299
+ height: 0.5rem;
300
+ width: 0.5rem;
301
+ border-radius: 9999px;
302
+ --tw-bg-opacity: 1;
303
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity));
304
+ }
305
+
306
+ .cl-offline-message {
307
+ height: 0.5rem;
308
+ width: 0.5rem;
309
+ border-radius: 9999px;
310
+ --tw-bg-opacity: 1;
311
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
312
+ }
313
+
314
+ .cl-send-icon {
315
+ margin-right: 1.25rem;
316
+ height: 1.5rem;
317
+ width: 1.5rem;
318
+ }
319
+
320
+ .cl-notsending-message {
321
+ stroke: #3b82f6;
322
+ }
323
+
324
+ .cl-notsending-message:hover {
325
+ stroke: #60a5fa;
326
+ }
327
+
328
+ .cl-sending-message {
329
+ stroke: #9ca3af;
330
+ }
331
+
332
+ .cl-header-subtitle {
333
+ display: flex;
334
+ align-items: center;
335
+ gap: 0.5rem;
336
+ font-size: 0.875rem;
337
+ line-height: 1.25rem;
338
+ font-weight: 300;
339
+ color: rgb(107 114 128);
340
+ }
341
+
342
+ .cl-header {
343
+ position:relative;
344
+ display: flex;
345
+ flex-direction: column;
346
+ --tw-bg-opacity: 1;
347
+ font-size: 1.125rem;
348
+ line-height: 1.75rem;
349
+ font-weight: 400;
350
+ color: rgb(17 24 39);
351
+ }
352
+
353
+ .cl-header .header-title{
354
+ display: flex;
355
+ align-items: center;
356
+ margin-bottom: 16px;
357
+ font-size: 22px;
358
+ font-weight: 600;
359
+ }
360
+
361
+ .cl-header .diamond {
362
+ position: relative;
363
+ display: inline-block;
364
+ width: 20px;
365
+ height: 20px;
366
+ }
367
+
368
+ .cl-header .diamond::before {
369
+ content: '';
370
+ position: absolute;
371
+ top: 5px;
372
+ left: 0;
373
+ width: 10px;
374
+ height: 10px;
375
+ background-color: blue;
376
+ transform: rotate(45deg);
377
+ border-radius: 3px;
378
+ }
379
+
380
+ .cl-tips-wrapper {
381
+ width:100%;
382
+ display:flex;
383
+ margin-top:0.81rem;
384
+ flex-direction: row;
385
+ position: relative;
386
+ padding-bottom: 100px;
387
+ z-index: 1;
388
+ }
389
+
390
+ .cl-tips-wrapper .drop-man-img {
391
+ width: 35%;
392
+ }
393
+ .cl-tips-wrapper .drop-down-title {
394
+ margin-top: 45px;
395
+ font-family: PingFangSC, PingFang SC;
396
+ font-weight: 500;
397
+ font-size: 18px;
398
+ color: #333333;
399
+ line-height: 28px;
400
+ text-align: left;
401
+ font-style: normal;
402
+ > div {
403
+ margin-top: 15px;
404
+ font-size: 12px;
405
+ color: # 999;
406
+ }
407
+ }
408
+
409
+ .cl-tips-wrapper .cl-drop-down-mobile {
410
+ position: absolute;
411
+ width:100%;
412
+ top: 120px;
413
+ }
414
+
415
+ .cl-tips-wrapper .drop-down-list-mobile {
416
+ display: flex;
417
+ flex-direction: column;
418
+ margin-top: 2rem;
419
+ width:100%;
420
+ align-items: end;
421
+ }
422
+
423
+ .drop-down-item-card-mobile {
424
+ width: 85%;
425
+ height: 3.4rem;
426
+ padding: 0 0.6rem 0;
427
+ border-radius:20px;
428
+ border-top-left-radius: 0;
429
+ background: url("https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/drop-down-item-card-bg.png");
430
+ background-size: cover;
431
+ background-position: center;
432
+ background-repeat: no-repeat;
433
+ margin-bottom: 20px;
434
+
435
+ display:flex;
436
+ align-items: center;
437
+ }
438
+ .drop-down-item-title-mobile {
439
+ font-family: PingFangSC, PingFang SC;
440
+ font-weight: 400;
441
+ font-size: 13px;
442
+ color: #000000;
443
+ line-height: 17px;
444
+ text-align: left;
445
+ font-style: normal;
446
+ width: 100%;
447
+ margin-bottom:0 !important;
448
+ }
449
+
450
+ .drop-down-item-bottom-img-mobile{
451
+ width:3.5rem;
452
+ height:2.5rem;
453
+ }
454
+
455
+ .cl-drop-man{
456
+ width:100%;
457
+ display:flex;
458
+ margin-top:0.81rem;
459
+ }
460
+ .cl-drop-man .drop-man-img{
461
+ height:340px;
462
+ margin-right: 4rem;
463
+ margin-left: 3rem;
464
+ }
465
+
466
+ .cl-drop-man .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
467
+ height:3.4rem;
468
+ margin-right:20px;
469
+ }
470
+
471
+ .cl-drop-man .drop-down-list{
472
+ width:auto;
473
+ display:flex;
474
+ flex-direction:row;
475
+ flex-wrap:wrap;
476
+ }
477
+
478
+ .cl-drop-man .cl-drop-down .drop-down-item-card{
479
+ width:calc(50% - 0.65rem);
480
+ }
481
+
482
+ .cl-drop-man .cl-drop-down{
483
+ flex:1;
484
+ position:unset;
485
+ border-bottom-left-radius: 0;
486
+ }
487
+
488
+ .cl-drop-horizontal{
489
+ width:100%;
490
+ display:flex;
491
+ margin-top:0.81rem;
492
+ }
493
+
494
+ .cl-drop-horizontal .drop-man-img{
495
+ height:340px;
496
+ margin-right: 4rem;
497
+ margin-left: 3rem;
498
+ }
499
+
500
+ .cl-drop-horizontal .drop-down-list{
501
+ width:auto;
502
+ display:flex;
503
+ flex-direction:row;
504
+ flex-wrap:wrap;
505
+ }
506
+
507
+ .cl-drop-horizontal .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
508
+ height:2.4rem;
509
+ width:auto;
510
+ margin-right:20px;
511
+ }
512
+
513
+ .cl-drop-horizontal .cl-drop-down{
514
+ flex:1;
515
+ position:unset;
516
+ border-bottom-left-radius: 0;
517
+ }
518
+
519
+ .cl-drop-horizontal .cl-drop-down .drop-down-item-card{
520
+ width:100%;
521
+ height:unset;
522
+ justify-content:unset;
523
+ flex-direction:row;
524
+ align-items: center;
525
+ padding: 0.8rem 1.2rem 0.8rem;
526
+ cursor:pointer;
527
+ }
528
+
529
+ .cl-drop-horizontal .drop-down-item-bottom-button{
530
+ display:none;
531
+ }
532
+
533
+ .cl-drop-screen{
534
+ width:100%;
535
+ display:flex;
536
+ margin-top:0.81rem;
537
+ align-items: flex-start;
538
+ }
539
+
540
+ .cl-drop-screen .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
541
+ height:2.4rem;
542
+ width:auto;
543
+ margin-right:20px;
544
+ }
545
+
546
+ .cl-drop-screen .drop-man-img{
547
+ height:340px;
548
+ margin-right: 4rem;
549
+ margin-left: 3rem;
550
+ }
551
+
552
+ .cl-drop-screen .cl-drop-down{
553
+ flex:1;
554
+ position:unset;
555
+ border-bottom-left-radius: 0;
556
+ }
557
+
558
+ .cl-drop-screen .cl-drop-down .drop-down-item-card{
559
+ width:calc(33% - 0.65rem);
560
+ }
561
+
562
+ .cl-drop-down {
563
+ background: #FFFFFF;
564
+ border-radius: 10px;
565
+ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
566
+ z-index: 1;
567
+ width: 100%;
568
+ min-height: 50px;
569
+ position: absolute;
570
+ bottom: -14.7rem;
571
+ padding:1.3rem;
572
+ }
573
+
574
+ .drop-down-title {
575
+ font-weight: 500;
576
+ font-size: 18px;
577
+ color: #000000;
578
+ line-height: 1.1;
579
+ text-align: left;
580
+ }
581
+ .drop-down-list {
582
+ display:flex;
583
+ gap:1.3rem;
584
+ margin-top:2rem;
585
+ }
586
+ .drop-down-item-card {
587
+ width: 33%;
588
+ padding: 1.2rem 1.2rem 0.3rem;
589
+ height:7.5rem;
590
+ font-weight: 400;
591
+ font-size: 14px;
592
+ color: #FFFFFF;
593
+ line-height: 14px;
594
+ text-align: left;
595
+ border-radius:10px;
596
+ background: url("https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/drop-down-item-card-bg.png");
597
+ background-size: cover;
598
+ background-position: center;
599
+ background-repeat: no-repeat;
600
+ cursor: pointer;
601
+
602
+ display:flex;
603
+ justify-content: space-between;
604
+ flex-direction: column;
605
+ }
606
+ .drop-down-item-title {
607
+ font-weight: 400;
608
+ font-size: 16px;
609
+ color: #000000;
610
+ line-height: 20px;
611
+ text-align: left;
612
+ width: 100%;
613
+ margin-bottom:0 !important;
614
+ }
615
+ .drop-down-item-bottom{
616
+ display:flex;
617
+ align-items: center;
618
+ justify-content: space-between;
619
+ flex-direction: row;
620
+ // margin-top:1rem;
621
+ align-items: center;
622
+ }
623
+
624
+ .drop-down-item-bottom-button{
625
+ border-radius: 16px;
626
+ line-height: 20px;
627
+ text-align: left;
628
+ width: 2rem;
629
+ padding: 0.2rem 0.4rem 0.2rem 0.2rem;
630
+ cursor: pointer;
631
+ display: flex;
632
+ justify-content: center;
633
+ align-items: center
634
+ }
635
+
636
+ .drop-down-item-bottom-img{
637
+ width:4rem;
638
+ height:3.5rem;
639
+ }
640
+
641
+ @media screen and (max-width: 1000px){
642
+ .drop-down-item-bottom-img {
643
+ display:none;
644
+ }
645
+ .drop-down-item-bottom {
646
+
647
+ margin-bottom:1rem;
648
+ }
649
+ }
650
+
651
+ .cl-messages_container {
652
+ position: relative;
653
+ display: flex;
654
+ height: 100%;
655
+ flex-direction: column;
656
+ overflow: scroll;
657
+ overflow-x: clip;
658
+ --tw-bg-opacity: 1;
659
+ padding-left: 1rem;
660
+ padding-right: 1rem;
661
+ padding-top: 0.5rem;
662
+ padding-bottom: 0.5rem;
663
+ -ms-overflow-style: none;
664
+ scrollbar-width: none;
665
+ }
666
+
667
+ .cl-messages_container::-webkit-scrollbar {
668
+ display: none;
669
+ }
670
+
671
+ .cl-input_container {
672
+ position: relative;
673
+ display: flex;
674
+ flex-direction: column;
675
+ width: 100%;
676
+ align-items: center;
677
+ --tw-border-opacity: 1;
678
+ --tw-bg-opacity: 1;
679
+ border-top-right-radius: 50px;
680
+ border-bottom-right-radius: 50px;
681
+ }
682
+
683
+ .cl-chat-message {
684
+ display: flex;
685
+ width: 100%;
686
+ padding-top: 0.5rem;
687
+ padding-bottom: 0.5rem;
688
+ padding-left: 0.5rem;
689
+ padding-right: 0.5rem;
690
+ }
691
+
692
+ .cl-chat-message-in-thought {
693
+ display: flex;
694
+ width: 100%;
695
+ }
696
+
697
+ @-webkit-keyframes pulse {
698
+ 50% {
699
+ opacity: .5;
700
+ }
701
+ }
702
+
703
+ @keyframes pulse {
704
+ 50% {
705
+ opacity: .5;
706
+ }
707
+ }
708
+
709
+ .cl-animate-pulse {
710
+ -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
711
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
712
+ }
713
+
714
+ .cl-justify-start {
715
+ justify-content: flex-start;
716
+ }
717
+
718
+ .cl-justify-end {
719
+ justify-content: flex-end;
720
+ }
721
+
722
+ .cl-input-element {
723
+ height: 100%;
724
+ width: 100%;
725
+ padding-left: 1.25rem;
726
+ padding-right: 1.25rem;
727
+ padding-top: 0.25rem;
728
+ padding-bottom: 0.25rem;
729
+ font-weight: 300;
730
+ background-color: #FFFFFF;
731
+ color: rgb(17 24 39);
732
+ border-top-left-radius: 50px;
733
+ border-bottom-left-radius: 50px;
734
+ transition: height 0.2s ease;
735
+ }
736
+ .cl-input-element::-webkit-scrollbar{
737
+ width: 0 !important;
738
+ }
739
+
740
+ .cl-input-element::placeholder {
741
+ line-height:45px;
742
+ }
743
+
744
+ .cl-input-element:focus {
745
+ outline: 2px solid transparent;
746
+ outline-offset: 2px;
747
+ }
748
+
749
+ .cl-input-element:focus::placeholder {
750
+ line-height:unset;
751
+ }
752
+
753
+ .cl-user_message {
754
+ width: -webkit-fit-content;
755
+ width: -moz-fit-content;
756
+ width: fit-content;
757
+ -webkit-column-break-before: all;
758
+ break-before: all;
759
+ border-radius: 0.75rem;
760
+ border-top-right-radius: 0.125rem;
761
+ --tw-bg-opacity: 1;
762
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
763
+ padding-left: 1rem;
764
+ padding-right: 1rem;
765
+ padding-top: 0.5rem;
766
+ padding-bottom: 0.5rem;
767
+ text-align: left;
768
+ --tw-text-opacity: 1;
769
+ color: rgb(255 255 255 / var(--tw-text-opacity));
770
+ white-space: pre-line;
771
+ }
772
+
773
+ .cl-error_message {
774
+ width: -webkit-fit-content;
775
+ width: -moz-fit-content;
776
+ width: fit-content;
777
+ max-width: 90%;
778
+ -webkit-column-break-before: all;
779
+ break-before: all;
780
+ border-radius: 0.75rem;
781
+ border-top-left-radius: 0.125rem;
782
+ --tw-bg-opacity: 1;
783
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
784
+ padding-left: 1rem;
785
+ padding-right: 1rem;
786
+ padding-top: 0.5rem;
787
+ padding-bottom: 0.5rem;
788
+ text-align: left;
789
+ --tw-text-opacity: 1;
790
+ color: rgb(255 255 255 / var(--tw-text-opacity));
791
+ }
792
+
793
+ .cl-bot_message {
794
+ width: -webkit-fit-content;
795
+ width: -moz-fit-content;
796
+ width: fit-content;
797
+
798
+ -webkit-column-break-before: all;
799
+ break-before: all;
800
+ border-radius: 0.75rem;
801
+ border-top-left-radius: 0.125rem;
802
+ --tw-bg-opacity: 1;
803
+ background-color: #FFFFFF;
804
+ padding-left: 1rem;
805
+ padding-right: 1rem;
806
+ padding-top: 0.5rem;
807
+ padding-bottom: 0.5rem;
808
+ text-align: left;
809
+ --tw-text-opacity: 1;
810
+ color: rgb(31 41 55 / var(--tw-text-opacity));
811
+ }
812
+
813
+
814
+ .cl-bot_message-in-thought {
815
+ width: -webkit-fit-content;
816
+ width: -moz-fit-content;
817
+ width: fit-content;
818
+
819
+ -webkit-column-break-before: all;
820
+ break-before: all;
821
+ border-radius: 0.75rem;
822
+ border-top-left-radius: 0.125rem;
823
+ --tw-bg-opacity: 1;
824
+ background-color: #FFFFFF;
825
+ text-align: left;
826
+ --tw-text-opacity: 1;
827
+ color: rgb(31 41 55 / var(--tw-text-opacity));
828
+ }
829
+
830
+ .origin-bottom {
831
+ -webkit-transform-origin: bottom;
832
+ transform-origin: bottom;
833
+ }
834
+
835
+ .origin-bottom-left {
836
+ -webkit-transform-origin: bottom left;
837
+ transform-origin: bottom left;
838
+ }
839
+
840
+ .origin-bottom-right {
841
+ -webkit-transform-origin: bottom right;
842
+ transform-origin: bottom right;
843
+ }
844
+
845
+ .origin-center {
846
+ -webkit-transform-origin: center;
847
+ transform-origin: center;
848
+ }
849
+
850
+ .origin-top {
851
+ -webkit-transform-origin: top;
852
+ transform-origin: top;
853
+ }
854
+
855
+ .origin-top-left {
856
+ -webkit-transform-origin: top left;
857
+ transform-origin: top left;
858
+ }
859
+
860
+ .origin-top-right {
861
+ -webkit-transform-origin: top right;
862
+ transform-origin: top right;
863
+ }
864
+
865
+ .shadow {
866
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
867
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
868
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
869
+ }
870
+ input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
871
+ color: rgb(156 163 175);
872
+ opacity: 1; /* Firefox */
873
+ }
874
+
875
+ input:-ms-input-placeholder { /* Internet Explorer 10-11 */
876
+ color: rgb(156 163 175);
877
+ }
878
+
879
+ input::-ms-input-placeholder { /* Microsoft Edge */
880
+ color: rgb(156 163 175);
881
+ }
882
+ `;
883
+
884
+ export const markdownBody = `
885
+ .think{
886
+ font-size: 13px !important;
887
+ color: #989898 !important;
888
+ }
889
+ .markdown-body {
890
+ max-width: 780px;
891
+ --base-size-4: 0.25rem;
892
+ --base-size-8: 0.5rem;
893
+ --base-size-16: 1rem;
894
+ --base-text-weight-normal: 400;
895
+ --base-text-weight-medium: 500;
896
+ --base-text-weight-semibold: 600;
897
+ --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
898
+ }
899
+
900
+ @media (prefers-color-scheme: dark) {
901
+ .markdown-body,
902
+ [data-theme="dark"] {
903
+ /*dark*/
904
+ color-scheme: dark;
905
+ --focus-outlineColor: #1f6feb;
906
+ --fgColor-default: #e6edf3;
907
+ --fgColor-muted: #8d96a0;
908
+ --fgColor-accent: #4493f8;
909
+ --fgColor-success: #3fb950;
910
+ --fgColor-attention: #d29922;
911
+ --fgColor-danger: #f85149;
912
+ --fgColor-done: #ab7df8;
913
+ --bgColor-default: #0d1117;
914
+ --bgColor-muted: #161b22;
915
+ --bgColor-neutral-muted: #6e768166;
916
+ --bgColor-attention-muted: #bb800926;
917
+ --borderColor-default: #30363d;
918
+ --borderColor-muted: #30363db3;
919
+ --borderColor-neutral-muted: #6e768166;
920
+ --borderColor-accent-emphasis: #1f6feb;
921
+ --borderColor-success-emphasis: #238636;
922
+ --borderColor-attention-emphasis: #9e6a03;
923
+ --borderColor-danger-emphasis: #da3633;
924
+ --borderColor-done-emphasis: #8957e5;
925
+ --color-prettylights-syntax-comment: #8b949e;
926
+ --color-prettylights-syntax-constant: #79c0ff;
927
+ --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
928
+ --color-prettylights-syntax-entity: #d2a8ff;
929
+ --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
930
+ --color-prettylights-syntax-entity-tag: #7ee787;
931
+ --color-prettylights-syntax-keyword: #ff7b72;
932
+ --color-prettylights-syntax-string: #a5d6ff;
933
+ --color-prettylights-syntax-variable: #ffa657;
934
+ --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
935
+ --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
936
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
937
+ --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
938
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
939
+ --color-prettylights-syntax-carriage-return-bg: #b62324;
940
+ --color-prettylights-syntax-string-regexp: #7ee787;
941
+ --color-prettylights-syntax-markup-list: #f2cc60;
942
+ --color-prettylights-syntax-markup-heading: #1f6feb;
943
+ --color-prettylights-syntax-markup-italic: #c9d1d9;
944
+ --color-prettylights-syntax-markup-bold: #c9d1d9;
945
+ --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
946
+ --color-prettylights-syntax-markup-deleted-bg: #67060c;
947
+ --color-prettylights-syntax-markup-inserted-text: #aff5b4;
948
+ --color-prettylights-syntax-markup-inserted-bg: #033a16;
949
+ --color-prettylights-syntax-markup-changed-text: #ffdfb6;
950
+ --color-prettylights-syntax-markup-changed-bg: #5a1e02;
951
+ --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
952
+ --color-prettylights-syntax-markup-ignored-bg: #1158c7;
953
+ --color-prettylights-syntax-meta-diff-range: #d2a8ff;
954
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
955
+ }
956
+ }
957
+
958
+ @media (prefers-color-scheme: light) {
959
+ .markdown-body,
960
+ [data-theme="light"] {
961
+ /*light*/
962
+ color-scheme: light;
963
+ --focus-outlineColor: #0969da;
964
+ --fgColor-default: #1f2328;
965
+ --fgColor-muted: #636c76;
966
+ --fgColor-accent: #0969da;
967
+ --fgColor-success: #1a7f37;
968
+ --fgColor-attention: #9a6700;
969
+ --fgColor-danger: #d1242f;
970
+ --fgColor-done: #8250df;
971
+ --bgColor-default: #ffffff;
972
+ --bgColor-muted: #f6f8fa;
973
+ --bgColor-neutral-muted: #afb8c133;
974
+ --bgColor-attention-muted: #fff8c5;
975
+ --borderColor-default: #d0d7de;
976
+ --borderColor-muted: #d0d7deb3;
977
+ --borderColor-neutral-muted: #afb8c133;
978
+ --borderColor-accent-emphasis: #0969da;
979
+ --borderColor-success-emphasis: #1a7f37;
980
+ --borderColor-attention-emphasis: #bf8700;
981
+ --borderColor-danger-emphasis: #cf222e;
982
+ --borderColor-done-emphasis: #8250df;
983
+ --color-prettylights-syntax-comment: #57606a;
984
+ --color-prettylights-syntax-constant: #0550ae;
985
+ --color-prettylights-syntax-constant-other-reference-link: #0a3069;
986
+ --color-prettylights-syntax-entity: #6639ba;
987
+ --color-prettylights-syntax-storage-modifier-import: #24292f;
988
+ --color-prettylights-syntax-entity-tag: #0550ae;
989
+ --color-prettylights-syntax-keyword: #cf222e;
990
+ --color-prettylights-syntax-string: #0a3069;
991
+ --color-prettylights-syntax-variable: #953800;
992
+ --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
993
+ --color-prettylights-syntax-brackethighlighter-angle: #57606a;
994
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
995
+ --color-prettylights-syntax-invalid-illegal-bg: #82071e;
996
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
997
+ --color-prettylights-syntax-carriage-return-bg: #cf222e;
998
+ --color-prettylights-syntax-string-regexp: #116329;
999
+ --color-prettylights-syntax-markup-list: #3b2300;
1000
+ --color-prettylights-syntax-markup-heading: #0550ae;
1001
+ --color-prettylights-syntax-markup-italic: #24292f;
1002
+ --color-prettylights-syntax-markup-bold: #24292f;
1003
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
1004
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
1005
+ --color-prettylights-syntax-markup-inserted-text: #116329;
1006
+ --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
1007
+ --color-prettylights-syntax-markup-changed-text: #953800;
1008
+ --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
1009
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
1010
+ --color-prettylights-syntax-markup-ignored-bg: #0550ae;
1011
+ --color-prettylights-syntax-meta-diff-range: #8250df;
1012
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
1013
+ }
1014
+ }
1015
+
1016
+ .markdown-body {
1017
+ -ms-text-size-adjust: 100%;
1018
+ -webkit-text-size-adjust: 100%;
1019
+ margin: 0;
1020
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
1021
+ font-size: 16px;
1022
+ line-height: 1.5;
1023
+ word-wrap: break-word;
1024
+ scroll-behavior: auto;
1025
+ }
1026
+
1027
+ .markdown-body .octicon {
1028
+ display: inline-block;
1029
+ fill: currentColor;
1030
+ vertical-align: text-bottom;
1031
+ }
1032
+
1033
+ .markdown-body h1:hover .anchor .octicon-link:before,
1034
+ .markdown-body h2:hover .anchor .octicon-link:before,
1035
+ .markdown-body h3:hover .anchor .octicon-link:before,
1036
+ .markdown-body h4:hover .anchor .octicon-link:before,
1037
+ .markdown-body h5:hover .anchor .octicon-link:before,
1038
+ .markdown-body h6:hover .anchor .octicon-link:before {
1039
+ width: 16px;
1040
+ height: 16px;
1041
+ content: ' ';
1042
+ display: inline-block;
1043
+ background-color: currentColor;
1044
+ -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
1045
+ mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
1046
+ }
1047
+
1048
+ .markdown-body details,
1049
+ .markdown-body figcaption,
1050
+ .markdown-body figure {
1051
+ display: block;
1052
+ }
1053
+
1054
+ .markdown-body summary {
1055
+ display: list-item;
1056
+ }
1057
+
1058
+ .markdown-body [hidden] {
1059
+ display: none !important;
1060
+ }
1061
+
1062
+ .markdown-body a {
1063
+ background-color: transparent;
1064
+ color: var(--fgColor-accent);
1065
+ text-decoration: none;
1066
+ }
1067
+
1068
+ .markdown-body abbr[title] {
1069
+ border-bottom: none;
1070
+ -webkit-text-decoration: underline dotted;
1071
+ text-decoration: underline dotted;
1072
+ }
1073
+
1074
+ .markdown-body b,
1075
+ .markdown-body strong {
1076
+ font-weight: var(--base-text-weight-semibold, 600);
1077
+ }
1078
+
1079
+ .markdown-body dfn {
1080
+ font-style: italic;
1081
+ }
1082
+
1083
+ .markdown-body h1 {
1084
+ margin: .67em 0;
1085
+ font-weight: var(--base-text-weight-semibold, 600);
1086
+ padding-bottom: .3em;
1087
+ font-size: 2em;
1088
+ border-bottom: 1px solid var(--borderColor-muted);
1089
+ }
1090
+
1091
+ .markdown-body mark {
1092
+ background-color: var(--bgColor-attention-muted);
1093
+ color: var(--fgColor-default);
1094
+ }
1095
+
1096
+ .markdown-body small {
1097
+ font-size: 90%;
1098
+ }
1099
+
1100
+ .markdown-body sub,
1101
+ .markdown-body sup {
1102
+ font-size: 75%;
1103
+ line-height: 0;
1104
+ position: relative;
1105
+ vertical-align: baseline;
1106
+ }
1107
+
1108
+ .markdown-body sub {
1109
+ bottom: -0.25em;
1110
+ }
1111
+
1112
+ .markdown-body sup {
1113
+ top: -0.5em;
1114
+ }
1115
+
1116
+ .markdown-body img {
1117
+ border-style: none;
1118
+ max-width: 100%;
1119
+ box-sizing: content-box;
1120
+ }
1121
+
1122
+ .markdown-body code,
1123
+ .markdown-body kbd,
1124
+ .markdown-body pre,
1125
+ .markdown-body samp {
1126
+ font-family: monospace;
1127
+ font-size: 1em;
1128
+ }
1129
+
1130
+ .markdown-body figure {
1131
+ margin: 1em 40px;
1132
+ }
1133
+
1134
+ .markdown-body hr {
1135
+ box-sizing: content-box;
1136
+ overflow: hidden;
1137
+ background: transparent;
1138
+ border-bottom: 1px solid var(--borderColor-muted);
1139
+ height: .25em;
1140
+ padding: 0;
1141
+ margin: 24px 0;
1142
+ background-color: var(--borderColor-default);
1143
+ border: 0;
1144
+ }
1145
+
1146
+ .markdown-body input {
1147
+ font: inherit;
1148
+ margin: 0;
1149
+ overflow: visible;
1150
+ font-family: inherit;
1151
+ font-size: inherit;
1152
+ line-height: inherit;
1153
+ }
1154
+
1155
+ .markdown-body [type=button],
1156
+ .markdown-body [type=reset],
1157
+ .markdown-body [type=submit] {
1158
+ -webkit-appearance: button;
1159
+ appearance: button;
1160
+ }
1161
+
1162
+ .markdown-body [type=checkbox],
1163
+ .markdown-body [type=radio] {
1164
+ box-sizing: border-box;
1165
+ padding: 0;
1166
+ }
1167
+
1168
+ .markdown-body [type=number]::-webkit-inner-spin-button,
1169
+ .markdown-body [type=number]::-webkit-outer-spin-button {
1170
+ height: auto;
1171
+ }
1172
+
1173
+ .markdown-body [type=search]::-webkit-search-cancel-button,
1174
+ .markdown-body [type=search]::-webkit-search-decoration {
1175
+ -webkit-appearance: none;
1176
+ appearance: none;
1177
+ }
1178
+
1179
+ .markdown-body ::-webkit-input-placeholder {
1180
+ color: inherit;
1181
+ opacity: .54;
1182
+ }
1183
+
1184
+ .markdown-body ::-webkit-file-upload-button {
1185
+ -webkit-appearance: button;
1186
+ appearance: button;
1187
+ font: inherit;
1188
+ }
1189
+
1190
+ .markdown-body a:hover {
1191
+ text-decoration: underline;
1192
+ }
1193
+
1194
+ .markdown-body ::placeholder {
1195
+ color: var(--fgColor-muted);
1196
+ opacity: 1;
1197
+ }
1198
+
1199
+ .markdown-body hr::before {
1200
+ display: table;
1201
+ content: "";
1202
+ }
1203
+
1204
+ .markdown-body hr::after {
1205
+ display: table;
1206
+ clear: both;
1207
+ content: "";
1208
+ }
1209
+
1210
+ .markdown-body table {
1211
+ border-spacing: 0;
1212
+ border-collapse: collapse;
1213
+ display: block;
1214
+ width: max-content;
1215
+ max-width: 100%;
1216
+ overflow: auto;
1217
+ }
1218
+
1219
+ .markdown-body td,
1220
+ .markdown-body th {
1221
+ padding: 0;
1222
+ }
1223
+
1224
+ .markdown-body details summary {
1225
+ cursor: pointer;
1226
+ }
1227
+
1228
+ .markdown-body details:not([open])>*:not(summary) {
1229
+ display: none;
1230
+ }
1231
+
1232
+ .markdown-body a:focus,
1233
+ .markdown-body [role=button]:focus,
1234
+ .markdown-body input[type=radio]:focus,
1235
+ .markdown-body input[type=checkbox]:focus {
1236
+ outline: 2px solid var(--focus-outlineColor);
1237
+ outline-offset: -2px;
1238
+ box-shadow: none;
1239
+ }
1240
+
1241
+ .markdown-body a:focus:not(:focus-visible),
1242
+ .markdown-body [role=button]:focus:not(:focus-visible),
1243
+ .markdown-body input[type=radio]:focus:not(:focus-visible),
1244
+ .markdown-body input[type=checkbox]:focus:not(:focus-visible) {
1245
+ outline: solid 1px transparent;
1246
+ }
1247
+
1248
+ .markdown-body a:focus-visible,
1249
+ .markdown-body [role=button]:focus-visible,
1250
+ .markdown-body input[type=radio]:focus-visible,
1251
+ .markdown-body input[type=checkbox]:focus-visible {
1252
+ outline: 2px solid var(--focus-outlineColor);
1253
+ outline-offset: -2px;
1254
+ box-shadow: none;
1255
+ }
1256
+
1257
+ .markdown-body a:not([class]):focus,
1258
+ .markdown-body a:not([class]):focus-visible,
1259
+ .markdown-body input[type=radio]:focus,
1260
+ .markdown-body input[type=radio]:focus-visible,
1261
+ .markdown-body input[type=checkbox]:focus,
1262
+ .markdown-body input[type=checkbox]:focus-visible {
1263
+ outline-offset: 0;
1264
+ }
1265
+
1266
+ .markdown-body kbd {
1267
+ display: inline-block;
1268
+ padding: 3px 5px;
1269
+ font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1270
+ line-height: 10px;
1271
+ color: var(--fgColor-default);
1272
+ vertical-align: middle;
1273
+ background-color: var(--bgColor-muted);
1274
+ border: solid 1px var(--borderColor-neutral-muted);
1275
+ border-bottom-color: var(--borderColor-neutral-muted);
1276
+ border-radius: 6px;
1277
+ box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
1278
+ }
1279
+
1280
+ .markdown-body h1,
1281
+ .markdown-body h2,
1282
+ .markdown-body h3,
1283
+ .markdown-body h4,
1284
+ .markdown-body h5,
1285
+ .markdown-body h6 {
1286
+ margin-top: 24px;
1287
+ margin-bottom: 16px;
1288
+ font-weight: var(--base-text-weight-semibold, 600);
1289
+ line-height: 1.25;
1290
+ }
1291
+
1292
+ .markdown-body h2 {
1293
+ font-weight: var(--base-text-weight-semibold, 600);
1294
+ padding-bottom: .3em;
1295
+ font-size: 1.5em;
1296
+ border-bottom: 1px solid var(--borderColor-muted);
1297
+ }
1298
+
1299
+ .markdown-body h3 {
1300
+ font-weight: var(--base-text-weight-semibold, 600);
1301
+ font-size: 1.25em;
1302
+ }
1303
+
1304
+ .markdown-body h4 {
1305
+ font-weight: var(--base-text-weight-semibold, 600);
1306
+ font-size: 1em;
1307
+ }
1308
+
1309
+ .markdown-body h5 {
1310
+ font-weight: var(--base-text-weight-semibold, 600);
1311
+ font-size: .875em;
1312
+ }
1313
+
1314
+ .markdown-body h6 {
1315
+ font-weight: var(--base-text-weight-semibold, 600);
1316
+ font-size: .85em;
1317
+ color: var(--fgColor-muted);
1318
+ }
1319
+
1320
+ .markdown-body p {
1321
+ margin-top: 0;
1322
+ margin-bottom: 10px;
1323
+ }
1324
+
1325
+ .markdown-body blockquote {
1326
+ margin: 0;
1327
+ padding: 0 1em;
1328
+ color: var(--fgColor-muted);
1329
+ }
1330
+
1331
+ .markdown-body ul,
1332
+ .markdown-body ol {
1333
+ margin-top: 0;
1334
+ margin-bottom: 0;
1335
+ padding-left: 2em;
1336
+ }
1337
+
1338
+ .markdown-body ol ol,
1339
+ .markdown-body ul ol {
1340
+ list-style-type: lower-roman;
1341
+ }
1342
+
1343
+ .markdown-body ul ul ol,
1344
+ .markdown-body ul ol ol,
1345
+ .markdown-body ol ul ol,
1346
+ .markdown-body ol ol ol {
1347
+ list-style-type: lower-alpha;
1348
+ }
1349
+
1350
+ .markdown-body dd {
1351
+ margin-left: 0;
1352
+ }
1353
+
1354
+ .markdown-body tt,
1355
+ .markdown-body code,
1356
+ .markdown-body samp {
1357
+ font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1358
+ font-size: 12px;
1359
+ }
1360
+
1361
+ .markdown-body pre {
1362
+ margin-top: 0;
1363
+ margin-bottom: 0;
1364
+ font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1365
+ font-size: 12px;
1366
+ word-wrap: normal;
1367
+ }
1368
+
1369
+ .markdown-body .octicon {
1370
+ display: inline-block;
1371
+ overflow: visible !important;
1372
+ vertical-align: text-bottom;
1373
+ fill: currentColor;
1374
+ }
1375
+
1376
+ .markdown-body input::-webkit-outer-spin-button,
1377
+ .markdown-body input::-webkit-inner-spin-button {
1378
+ margin: 0;
1379
+ -webkit-appearance: none;
1380
+ appearance: none;
1381
+ }
1382
+
1383
+ .markdown-body .mr-2 {
1384
+ margin-right: var(--base-size-8, 8px) !important;
1385
+ }
1386
+
1387
+ .markdown-body::before {
1388
+ display: table;
1389
+ content: "";
1390
+ }
1391
+
1392
+ .markdown-body::after {
1393
+ display: table;
1394
+ clear: both;
1395
+ content: "";
1396
+ }
1397
+
1398
+ .markdown-body>*:first-child {
1399
+ margin-top: 0 !important;
1400
+ }
1401
+
1402
+ .markdown-body>*:last-child {
1403
+ margin-bottom: 0 !important;
1404
+ }
1405
+
1406
+ .markdown-body a:not([href]) {
1407
+ color: inherit;
1408
+ text-decoration: none;
1409
+ }
1410
+
1411
+ .markdown-body .absent {
1412
+ color: var(--fgColor-danger);
1413
+ }
1414
+
1415
+ .markdown-body .anchor {
1416
+ float: left;
1417
+ padding-right: 4px;
1418
+ margin-left: -20px;
1419
+ line-height: 1;
1420
+ }
1421
+
1422
+ .markdown-body .anchor:focus {
1423
+ outline: none;
1424
+ }
1425
+
1426
+ .markdown-body p,
1427
+ .markdown-body blockquote,
1428
+ .markdown-body ul,
1429
+ .markdown-body ol,
1430
+ .markdown-body dl,
1431
+ .markdown-body table,
1432
+ .markdown-body pre,
1433
+ .markdown-body details {
1434
+ margin-top: 0;
1435
+ margin-bottom: 16px;
1436
+ }
1437
+
1438
+ .markdown-body blockquote>:first-child {
1439
+ margin-top: 0;
1440
+ }
1441
+
1442
+ .markdown-body blockquote>:last-child {
1443
+ margin-bottom: 0;
1444
+ }
1445
+
1446
+ .markdown-body h1 .octicon-link,
1447
+ .markdown-body h2 .octicon-link,
1448
+ .markdown-body h3 .octicon-link,
1449
+ .markdown-body h4 .octicon-link,
1450
+ .markdown-body h5 .octicon-link,
1451
+ .markdown-body h6 .octicon-link {
1452
+ color: var(--fgColor-default);
1453
+ vertical-align: middle;
1454
+ visibility: hidden;
1455
+ }
1456
+
1457
+ .markdown-body h1:hover .anchor,
1458
+ .markdown-body h2:hover .anchor,
1459
+ .markdown-body h3:hover .anchor,
1460
+ .markdown-body h4:hover .anchor,
1461
+ .markdown-body h5:hover .anchor,
1462
+ .markdown-body h6:hover .anchor {
1463
+ text-decoration: none;
1464
+ }
1465
+
1466
+ .markdown-body h1:hover .anchor .octicon-link,
1467
+ .markdown-body h2:hover .anchor .octicon-link,
1468
+ .markdown-body h3:hover .anchor .octicon-link,
1469
+ .markdown-body h4:hover .anchor .octicon-link,
1470
+ .markdown-body h5:hover .anchor .octicon-link,
1471
+ .markdown-body h6:hover .anchor .octicon-link {
1472
+ visibility: visible;
1473
+ }
1474
+
1475
+ .markdown-body h1 tt,
1476
+ .markdown-body h1 code,
1477
+ .markdown-body h2 tt,
1478
+ .markdown-body h2 code,
1479
+ .markdown-body h3 tt,
1480
+ .markdown-body h3 code,
1481
+ .markdown-body h4 tt,
1482
+ .markdown-body h4 code,
1483
+ .markdown-body h5 tt,
1484
+ .markdown-body h5 code,
1485
+ .markdown-body h6 tt,
1486
+ .markdown-body h6 code {
1487
+ padding: 0 .2em;
1488
+ font-size: inherit;
1489
+ }
1490
+
1491
+ .markdown-body summary h1,
1492
+ .markdown-body summary h2,
1493
+ .markdown-body summary h3,
1494
+ .markdown-body summary h4,
1495
+ .markdown-body summary h5,
1496
+ .markdown-body summary h6 {
1497
+ display: inline-block;
1498
+ }
1499
+
1500
+ .markdown-body summary h1 .anchor,
1501
+ .markdown-body summary h2 .anchor,
1502
+ .markdown-body summary h3 .anchor,
1503
+ .markdown-body summary h4 .anchor,
1504
+ .markdown-body summary h5 .anchor,
1505
+ .markdown-body summary h6 .anchor {
1506
+ margin-left: -40px;
1507
+ }
1508
+
1509
+ .markdown-body summary h1,
1510
+ .markdown-body summary h2 {
1511
+ padding-bottom: 0;
1512
+ border-bottom: 0;
1513
+ }
1514
+
1515
+ .markdown-body ul.no-list,
1516
+ .markdown-body ol.no-list {
1517
+ padding: 0;
1518
+ list-style-type: none;
1519
+ }
1520
+
1521
+ .markdown-body ol[type="a s"] {
1522
+ list-style-type: lower-alpha;
1523
+ }
1524
+
1525
+ .markdown-body ol[type="A s"] {
1526
+ list-style-type: upper-alpha;
1527
+ }
1528
+
1529
+ .markdown-body ol[type="i s"] {
1530
+ list-style-type: lower-roman;
1531
+ }
1532
+
1533
+ .markdown-body ol[type="I s"] {
1534
+ list-style-type: upper-roman;
1535
+ }
1536
+
1537
+ .markdown-body ol[type="1"] {
1538
+ list-style-type: decimal;
1539
+ }
1540
+
1541
+ .markdown-body div>ol:not([type]) {
1542
+ list-style-type: decimal;
1543
+ }
1544
+
1545
+ .markdown-body ul ul,
1546
+ .markdown-body ul ol,
1547
+ .markdown-body ol ol,
1548
+ .markdown-body ol ul {
1549
+ margin-top: 0;
1550
+ margin-bottom: 0;
1551
+ }
1552
+
1553
+ .markdown-body li>p {
1554
+ margin-top: 16px;
1555
+ }
1556
+
1557
+ .markdown-body li+li {
1558
+ margin-top: .25em;
1559
+ }
1560
+
1561
+ .markdown-body dl {
1562
+ padding: 0;
1563
+ }
1564
+
1565
+ .markdown-body dl dt {
1566
+ padding: 0;
1567
+ margin-top: 16px;
1568
+ font-size: 1em;
1569
+ font-style: italic;
1570
+ font-weight: var(--base-text-weight-semibold, 600);
1571
+ }
1572
+
1573
+ .markdown-body dl dd {
1574
+ padding: 0 16px;
1575
+ margin-bottom: 16px;
1576
+ }
1577
+
1578
+ .markdown-body table th {
1579
+ font-weight: var(--base-text-weight-semibold, 600);
1580
+ }
1581
+
1582
+ .markdown-body table th,
1583
+ .markdown-body table td {
1584
+ padding: 6px 13px;
1585
+ border: 1px solid var(--borderColor-default);
1586
+ }
1587
+
1588
+ .markdown-body table td>:last-child {
1589
+ margin-bottom: 0;
1590
+ }
1591
+
1592
+ .markdown-body table tr {
1593
+ border-top: 1px solid var(--borderColor-muted);
1594
+ }
1595
+
1596
+ .markdown-body table img {
1597
+ background-color: transparent;
1598
+ }
1599
+
1600
+ .markdown-body img[align=right] {
1601
+ padding-left: 20px;
1602
+ }
1603
+
1604
+ .markdown-body img[align=left] {
1605
+ padding-right: 20px;
1606
+ }
1607
+
1608
+ .markdown-body .emoji {
1609
+ max-width: none;
1610
+ vertical-align: text-top;
1611
+ background-color: transparent;
1612
+ }
1613
+
1614
+ .markdown-body span.frame {
1615
+ display: block;
1616
+ overflow: hidden;
1617
+ }
1618
+
1619
+ .markdown-body span.frame>span {
1620
+ display: block;
1621
+ float: left;
1622
+ width: auto;
1623
+ padding: 7px;
1624
+ margin: 13px 0 0;
1625
+ overflow: hidden;
1626
+ border: 1px solid var(--borderColor-default);
1627
+ }
1628
+
1629
+ .markdown-body span.frame span img {
1630
+ display: block;
1631
+ float: left;
1632
+ }
1633
+
1634
+ .markdown-body span.frame span span {
1635
+ display: block;
1636
+ padding: 5px 0 0;
1637
+ clear: both;
1638
+ color: var(--fgColor-default);
1639
+ }
1640
+
1641
+ .markdown-body span.align-center {
1642
+ display: block;
1643
+ overflow: hidden;
1644
+ clear: both;
1645
+ }
1646
+
1647
+ .markdown-body span.align-center>span {
1648
+ display: block;
1649
+ margin: 13px auto 0;
1650
+ overflow: hidden;
1651
+ text-align: center;
1652
+ }
1653
+
1654
+ .markdown-body span.align-center span img {
1655
+ margin: 0 auto;
1656
+ text-align: center;
1657
+ }
1658
+
1659
+ .markdown-body span.align-right {
1660
+ display: block;
1661
+ overflow: hidden;
1662
+ clear: both;
1663
+ }
1664
+
1665
+ .markdown-body span.align-right>span {
1666
+ display: block;
1667
+ margin: 13px 0 0;
1668
+ overflow: hidden;
1669
+ text-align: right;
1670
+ }
1671
+
1672
+ .markdown-body span.align-right span img {
1673
+ margin: 0;
1674
+ text-align: right;
1675
+ }
1676
+
1677
+ .markdown-body span.float-left {
1678
+ display: block;
1679
+ float: left;
1680
+ margin-right: 13px;
1681
+ overflow: hidden;
1682
+ }
1683
+
1684
+ .markdown-body span.float-left span {
1685
+ margin: 13px 0 0;
1686
+ }
1687
+
1688
+ .markdown-body span.float-right {
1689
+ display: block;
1690
+ float: right;
1691
+ margin-left: 13px;
1692
+ overflow: hidden;
1693
+ }
1694
+
1695
+ .markdown-body span.float-right>span {
1696
+ display: block;
1697
+ margin: 13px auto 0;
1698
+ overflow: hidden;
1699
+ text-align: right;
1700
+ }
1701
+
1702
+ .markdown-body code,
1703
+ .markdown-body tt {
1704
+ padding: .2em .4em;
1705
+ margin: 0;
1706
+ font-size: 85%;
1707
+ white-space: break-spaces;
1708
+ background-color: var(--bgColor-neutral-muted);
1709
+ border-radius: 6px;
1710
+ }
1711
+
1712
+ .markdown-body code br,
1713
+ .markdown-body tt br {
1714
+ display: none;
1715
+ }
1716
+
1717
+ .markdown-body del code {
1718
+ text-decoration: inherit;
1719
+ }
1720
+
1721
+ .markdown-body samp {
1722
+ font-size: 85%;
1723
+ }
1724
+
1725
+ .markdown-body pre code {
1726
+ font-size: 100%;
1727
+ }
1728
+
1729
+ .markdown-body pre>code {
1730
+ padding: 0;
1731
+ margin: 0;
1732
+ word-break: normal;
1733
+ white-space: pre;
1734
+ background: transparent;
1735
+ border: 0;
1736
+ }
1737
+
1738
+ .markdown-body .highlight {
1739
+ margin-bottom: 16px;
1740
+ }
1741
+
1742
+ .markdown-body .highlight pre {
1743
+ margin-bottom: 0;
1744
+ word-break: normal;
1745
+ }
1746
+
1747
+ .markdown-body .highlight pre,
1748
+ .markdown-body pre {
1749
+ padding: 16px;
1750
+ overflow: auto;
1751
+ font-size: 85%;
1752
+ line-height: 1.45;
1753
+ color: #000000 !important;
1754
+ background-color: #ffffff !important;
1755
+ <!-- color: var(&#45;&#45;fgColor-default);-->
1756
+ <!-- background-color: var(&#45;&#45;bgColor-muted);-->
1757
+ border-radius: 6px;
1758
+ }
1759
+
1760
+ .markdown-body pre code,
1761
+ .markdown-body pre tt {
1762
+ display: inline;
1763
+ max-width: auto;
1764
+ padding: 0;
1765
+ margin: 0;
1766
+ overflow: visible;
1767
+ line-height: inherit;
1768
+ word-wrap: normal;
1769
+ background-color: transparent;
1770
+ border: 0;
1771
+ }
1772
+
1773
+ .markdown-body .csv-data td,
1774
+ .markdown-body .csv-data th {
1775
+ padding: 5px;
1776
+ overflow: hidden;
1777
+ font-size: 12px;
1778
+ line-height: 1;
1779
+ text-align: left;
1780
+ white-space: nowrap;
1781
+ }
1782
+
1783
+ .markdown-body .csv-data .blob-num {
1784
+ padding: 10px 8px 9px;
1785
+ text-align: right;
1786
+ border: 0;
1787
+ }
1788
+
1789
+ .markdown-body .csv-data tr {
1790
+ border-top: 0;
1791
+ }
1792
+
1793
+ .markdown-body .csv-data th {
1794
+ font-weight: var(--base-text-weight-semibold, 600);
1795
+ background: var(--bgColor-muted);
1796
+ border-top: 0;
1797
+ }
1798
+
1799
+ .markdown-body [data-footnote-ref]::before {
1800
+ content: "[";
1801
+ }
1802
+
1803
+ .markdown-body [data-footnote-ref]::after {
1804
+ content: "]";
1805
+ }
1806
+
1807
+ .markdown-body .footnotes {
1808
+ font-size: 12px;
1809
+ color: var(--fgColor-muted);
1810
+ border-top: 1px solid var(--borderColor-default);
1811
+ }
1812
+
1813
+ .markdown-body .footnotes ol {
1814
+ padding-left: 16px;
1815
+ }
1816
+
1817
+ .markdown-body .footnotes ol ul {
1818
+ display: inline-block;
1819
+ padding-left: 16px;
1820
+ margin-top: 16px;
1821
+ }
1822
+
1823
+ .markdown-body .footnotes li {
1824
+ position: relative;
1825
+ }
1826
+
1827
+ .markdown-body .footnotes li:target::before {
1828
+ position: absolute;
1829
+ top: -8px;
1830
+ right: -8px;
1831
+ bottom: -8px;
1832
+ left: -24px;
1833
+ pointer-events: none;
1834
+ content: "";
1835
+ border: 2px solid var(--borderColor-accent-emphasis);
1836
+ border-radius: 6px;
1837
+ }
1838
+
1839
+ .markdown-body .footnotes li:target {
1840
+ color: var(--fgColor-default);
1841
+ }
1842
+
1843
+ .markdown-body .footnotes .data-footnote-backref g-emoji {
1844
+ font-family: monospace;
1845
+ }
1846
+
1847
+ .markdown-body .pl-c {
1848
+ color: var(--color-prettylights-syntax-comment);
1849
+ }
1850
+
1851
+ .markdown-body .pl-c1,
1852
+ .markdown-body .pl-s .pl-v {
1853
+ color: var(--color-prettylights-syntax-constant);
1854
+ }
1855
+
1856
+ .markdown-body .pl-e,
1857
+ .markdown-body .pl-en {
1858
+ color: var(--color-prettylights-syntax-entity);
1859
+ }
1860
+
1861
+ .markdown-body .pl-smi,
1862
+ .markdown-body .pl-s .pl-s1 {
1863
+ color: var(--color-prettylights-syntax-storage-modifier-import);
1864
+ }
1865
+
1866
+ .markdown-body .pl-ent {
1867
+ color: var(--color-prettylights-syntax-entity-tag);
1868
+ }
1869
+
1870
+ .markdown-body .pl-k {
1871
+ color: var(--color-prettylights-syntax-keyword);
1872
+ }
1873
+
1874
+ .markdown-body .pl-s,
1875
+ .markdown-body .pl-pds,
1876
+ .markdown-body .pl-s .pl-pse .pl-s1,
1877
+ .markdown-body .pl-sr,
1878
+ .markdown-body .pl-sr .pl-cce,
1879
+ .markdown-body .pl-sr .pl-sre,
1880
+ .markdown-body .pl-sr .pl-sra {
1881
+ color: var(--color-prettylights-syntax-string);
1882
+ }
1883
+
1884
+ .markdown-body .pl-v,
1885
+ .markdown-body .pl-smw {
1886
+ color: var(--color-prettylights-syntax-variable);
1887
+ }
1888
+
1889
+ .markdown-body .pl-bu {
1890
+ color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
1891
+ }
1892
+
1893
+ .markdown-body .pl-ii {
1894
+ color: var(--color-prettylights-syntax-invalid-illegal-text);
1895
+ background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
1896
+ }
1897
+
1898
+ .markdown-body .pl-c2 {
1899
+ color: var(--color-prettylights-syntax-carriage-return-text);
1900
+ background-color: var(--color-prettylights-syntax-carriage-return-bg);
1901
+ }
1902
+
1903
+ .markdown-body .pl-sr .pl-cce {
1904
+ font-weight: bold;
1905
+ color: var(--color-prettylights-syntax-string-regexp);
1906
+ }
1907
+
1908
+ .markdown-body .pl-ml {
1909
+ color: var(--color-prettylights-syntax-markup-list);
1910
+ }
1911
+
1912
+ .markdown-body .pl-mh,
1913
+ .markdown-body .pl-mh .pl-en,
1914
+ .markdown-body .pl-ms {
1915
+ font-weight: bold;
1916
+ color: var(--color-prettylights-syntax-markup-heading);
1917
+ }
1918
+
1919
+ .markdown-body .pl-mi {
1920
+ font-style: italic;
1921
+ color: var(--color-prettylights-syntax-markup-italic);
1922
+ }
1923
+
1924
+ .markdown-body .pl-mb {
1925
+ font-weight: bold;
1926
+ color: var(--color-prettylights-syntax-markup-bold);
1927
+ }
1928
+
1929
+ .markdown-body .pl-md {
1930
+ color: var(--color-prettylights-syntax-markup-deleted-text);
1931
+ background-color: var(--color-prettylights-syntax-markup-deleted-bg);
1932
+ }
1933
+
1934
+ .markdown-body .pl-mi1 {
1935
+ color: var(--color-prettylights-syntax-markup-inserted-text);
1936
+ background-color: var(--color-prettylights-syntax-markup-inserted-bg);
1937
+ }
1938
+
1939
+ .markdown-body .pl-mc {
1940
+ color: var(--color-prettylights-syntax-markup-changed-text);
1941
+ background-color: var(--color-prettylights-syntax-markup-changed-bg);
1942
+ }
1943
+
1944
+ .markdown-body .pl-mi2 {
1945
+ color: var(--color-prettylights-syntax-markup-ignored-text);
1946
+ background-color: var(--color-prettylights-syntax-markup-ignored-bg);
1947
+ }
1948
+
1949
+ .markdown-body .pl-mdr {
1950
+ font-weight: bold;
1951
+ color: var(--color-prettylights-syntax-meta-diff-range);
1952
+ }
1953
+
1954
+ .markdown-body .pl-ba {
1955
+ color: var(--color-prettylights-syntax-brackethighlighter-angle);
1956
+ }
1957
+
1958
+ .markdown-body .pl-sg {
1959
+ color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
1960
+ }
1961
+
1962
+ .markdown-body .pl-corl {
1963
+ text-decoration: underline;
1964
+ color: var(--color-prettylights-syntax-constant-other-reference-link);
1965
+ }
1966
+
1967
+ .markdown-body [role=button]:focus:not(:focus-visible),
1968
+ .markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
1969
+ .markdown-body button:focus:not(:focus-visible),
1970
+ .markdown-body summary:focus:not(:focus-visible),
1971
+ .markdown-body a:focus:not(:focus-visible) {
1972
+ outline: none;
1973
+ box-shadow: none;
1974
+ }
1975
+
1976
+ .markdown-body [tabindex="0"]:focus:not(:focus-visible),
1977
+ .markdown-body details-dialog:focus:not(:focus-visible) {
1978
+ outline: none;
1979
+ }
1980
+
1981
+ .markdown-body g-emoji {
1982
+ display: inline-block;
1983
+ min-width: 1ch;
1984
+ font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
1985
+ font-size: 1em;
1986
+ font-style: normal !important;
1987
+ font-weight: var(--base-text-weight-normal, 400);
1988
+ line-height: 1;
1989
+ vertical-align: -0.075em;
1990
+ }
1991
+
1992
+ .markdown-body g-emoji img {
1993
+ width: 1em;
1994
+ height: 1em;
1995
+ }
1996
+
1997
+ .markdown-body .task-list-item {
1998
+ list-style-type: none;
1999
+ }
2000
+
2001
+ .markdown-body .task-list-item label {
2002
+ font-weight: var(--base-text-weight-normal, 400);
2003
+ }
2004
+
2005
+ .markdown-body .task-list-item.enabled label {
2006
+ cursor: pointer;
2007
+ }
2008
+
2009
+ .markdown-body .task-list-item+.task-list-item {
2010
+ margin-top: var(--base-size-4);
2011
+ }
2012
+
2013
+ .markdown-body .task-list-item .handle {
2014
+ display: none;
2015
+ }
2016
+
2017
+ .markdown-body .task-list-item-checkbox {
2018
+ margin: 0 .2em .25em -1.4em;
2019
+ vertical-align: middle;
2020
+ }
2021
+
2022
+ .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
2023
+ margin: 0 -1.6em .25em .2em;
2024
+ }
2025
+
2026
+ .markdown-body .contains-task-list {
2027
+ position: relative;
2028
+ }
2029
+
2030
+ .markdown-body .contains-task-list:hover .task-list-item-convert-container,
2031
+ .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
2032
+ display: block;
2033
+ width: auto;
2034
+ height: 24px;
2035
+ overflow: visible;
2036
+ clip: auto;
2037
+ }
2038
+
2039
+ .markdown-body ::-webkit-calendar-picker-indicator {
2040
+ filter: invert(50%);
2041
+ }
2042
+
2043
+ .markdown-body .markdown-alert {
2044
+ padding: var(--base-size-8) var(--base-size-16);
2045
+ margin-bottom: var(--base-size-16);
2046
+ color: inherit;
2047
+ border-left: .25em solid var(--borderColor-default);
2048
+ }
2049
+
2050
+ .markdown-body .markdown-alert>:first-child {
2051
+ margin-top: 0;
2052
+ }
2053
+
2054
+ .markdown-body .markdown-alert>:last-child {
2055
+ margin-bottom: 0;
2056
+ }
2057
+
2058
+ .markdown-body .markdown-alert .markdown-alert-title {
2059
+ display: flex;
2060
+ font-weight: var(--base-text-weight-medium, 500);
2061
+ align-items: center;
2062
+ line-height: 1;
2063
+ }
2064
+
2065
+ .markdown-body .markdown-alert.markdown-alert-note {
2066
+ border-left-color: var(--borderColor-accent-emphasis);
2067
+ }
2068
+
2069
+ .markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
2070
+ color: var(--fgColor-accent);
2071
+ }
2072
+
2073
+ .markdown-body .markdown-alert.markdown-alert-important {
2074
+ border-left-color: var(--borderColor-done-emphasis);
2075
+ }
2076
+
2077
+ .markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
2078
+ color: var(--fgColor-done);
2079
+ }
2080
+
2081
+ .markdown-body .markdown-alert.markdown-alert-warning {
2082
+ border-left-color: var(--borderColor-attention-emphasis);
2083
+ }
2084
+
2085
+ .markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
2086
+ color: var(--fgColor-attention);
2087
+ }
2088
+
2089
+ .markdown-body .markdown-alert.markdown-alert-tip {
2090
+ border-left-color: var(--borderColor-success-emphasis);
2091
+ }
2092
+
2093
+ .markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
2094
+ color: var(--fgColor-success);
2095
+ }
2096
+
2097
+ .markdown-body .markdown-alert.markdown-alert-caution {
2098
+ border-left-color: var(--borderColor-danger-emphasis);
2099
+ }
2100
+
2101
+ .markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
2102
+ color: var(--fgColor-danger);
2103
+ }
2104
+
2105
+ .markdown-body>*:first-child>.heading-element:first-child {
2106
+ margin-top: 0 !important;
2107
+ }`;
2108
+
2109
+ export const yt_style = `
2110
+ .msg_userMessageBox {
2111
+ width: fit-content;
2112
+ max-width: 90%;
2113
+ display: flex;
2114
+ flex-direction: column;
2115
+ align-items: flex-end;
2116
+ }
2117
+
2118
+ .msg_userMessageBox .msg_messageImgBox {
2119
+ width: 100%;
2120
+ display: flex;
2121
+ flex-wrap: wrap;
2122
+ justify-content: flex-end;
2123
+ }
2124
+
2125
+ .msg_userMessageBox .msg_messageImgBox .msg_messageImg {
2126
+ border-radius: 5px;
2127
+ }
2128
+
2129
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox {
2130
+ flex-shrink: 0;
2131
+ pointer-events: auto;
2132
+ position: relative;
2133
+ width: 137px;
2134
+ background-color: #f0f0f0;
2135
+ border-radius: 10px;
2136
+ margin: 3px 5px;
2137
+ padding: 5px;
2138
+ display: flex;
2139
+ }
2140
+
2141
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox:hover .msg_fileRemove {
2142
+ display: block;
2143
+ }
2144
+
2145
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox {
2146
+ margin-left: 10px;
2147
+ overflow: hidden;
2148
+ display: flex;
2149
+ align-items: center;
2150
+ }
2151
+
2152
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox .msg_fileInfoFileName {
2153
+ overflow: hidden;
2154
+ text-overflow: ellipsis;
2155
+ white-space: nowrap;
2156
+ width: 72px;
2157
+ color: #242424;
2158
+ user-select: none;
2159
+ }
2160
+
2161
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox .msg_fileInfoMeta {
2162
+ user-select: none;
2163
+ color: #a8a8a8;
2164
+ }
2165
+
2166
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileRemove {
2167
+ display: none;
2168
+ position: absolute;
2169
+ cursor: pointer;
2170
+ top: -2px;
2171
+ right: 0;
2172
+ z-index: 99999;
2173
+ }
2174
+
2175
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileRemove img {
2176
+ width: 20px;
2177
+ }
2178
+
2179
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_upImg {
2180
+ border-radius: 3px;
2181
+ z-index: 510;
2182
+ }
2183
+
2184
+ .msg_operateBox {
2185
+ display: flex;
2186
+ margin-top: 5px;
2187
+ user-select: none;
2188
+ }
2189
+
2190
+ .msg_operateBox img {
2191
+ -webkit-user-drag: none;
2192
+ margin-right: 3px;
2193
+ cursor: pointer;
2194
+ width: 16px;
2195
+ }
2196
+
2197
+ .plh_textBox {
2198
+ display: flex;
2199
+ justify-content: center;
2200
+ align-content: center;
2201
+ }
2202
+
2203
+ .plh_textBox .plh_text {
2204
+ font-weight: bold;
2205
+ }
2206
+
2207
+ .w_send_file_box {
2208
+ height: 23px;
2209
+ display: flex;
2210
+ background: transparent;
2211
+ align-items: center;
2212
+ justify-content: center;
2213
+ border-radius: 24px;
2214
+ font-size: 12px;
2215
+ color: #666666;
2216
+ cursor: pointer;
2217
+ }
2218
+
2219
+ .w_file_preview {
2220
+ width: 100%;
2221
+ height: fit-content;
2222
+ background-color: transparent;
2223
+ z-index: 500;
2224
+ display: flex;
2225
+ justify-content: flex-start;
2226
+ align-items: center;
2227
+ padding: 0 5px;
2228
+ overflow-x: hidden;
2229
+ }
2230
+
2231
+ .w_file_preview .w_directionBg {
2232
+ position: absolute;
2233
+ cursor: pointer;
2234
+ width: 18px;
2235
+ height: 18px;
2236
+ background: #FFFFFF;
2237
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2238
+ border-radius: 5px;
2239
+ border: 1px solid #F0F0F0;
2240
+ z-index: 999999;
2241
+ display: flex;
2242
+ justify-content: center;
2243
+ align-items: center;
2244
+ }
2245
+
2246
+ .w_file_preview .w_directionBg img {
2247
+ width: 12px;
2248
+ }
2249
+
2250
+ .w_file_preview .w_toLeftBox {
2251
+ position: absolute;
2252
+ left: 0;
2253
+ top: 6px;
2254
+ height: 60px;
2255
+ width: 80px;
2256
+ background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255,255,255,0) 100%);
2257
+ z-index: 99999;
2258
+ }
2259
+
2260
+ .w_file_preview .w_toLeftBox .w_toLeft {
2261
+ position: absolute;
2262
+ cursor: pointer;
2263
+ width: 18px;
2264
+ height: 18px;
2265
+ background: #FFFFFF;
2266
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2267
+ border-radius: 5px;
2268
+ border: 1px solid #F0F0F0;
2269
+ z-index: 999999;
2270
+ display: flex;
2271
+ justify-content: center;
2272
+ align-items: center;
2273
+ top: 25px;
2274
+ left: 5px;
2275
+ }
2276
+
2277
+ .w_file_preview .w_toRightBox {
2278
+ position: absolute;
2279
+ right: 0;
2280
+ top: 6px;
2281
+ height: 60px;
2282
+ width: 80px;
2283
+ background: linear-gradient(-90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%);
2284
+ z-index: 99999;
2285
+ }
2286
+
2287
+ .w_file_preview .w_toRightBox .w_toRight {
2288
+ position: absolute;
2289
+ cursor: pointer;
2290
+ width: 18px;
2291
+ height: 18px;
2292
+ background: #FFFFFF;
2293
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2294
+ border-radius: 5px;
2295
+ border: 1px solid #F0F0F0;
2296
+ z-index: 999999;
2297
+ display: flex;
2298
+ justify-content: center;
2299
+ align-items: center;
2300
+ top: 25px;
2301
+ right: 5px;
2302
+ }
2303
+
2304
+ .w_file_preview .w_fileBox {
2305
+ position: relative;
2306
+ min-width: fit-content;
2307
+ background-color: #f0f0f0;
2308
+ border-radius: 10px;
2309
+ margin: 10px 5px;
2310
+ padding: 5px;
2311
+ display: flex;
2312
+ }
2313
+
2314
+ .w_file_preview .w_fileBox:hover .w_fileRemove {
2315
+ display: block;
2316
+ }
2317
+
2318
+ .w_file_preview .w_fileBox .w_fileInfoBox {
2319
+ width: fit-content;
2320
+ margin-left: 10px;
2321
+ }
2322
+
2323
+ .w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoFileName {
2324
+ overflow: hidden;
2325
+ text-overflow: ellipsis;
2326
+ white-space: nowrap;
2327
+ width: 110px;
2328
+ color: #242424;
2329
+ user-select: none;
2330
+ }
2331
+
2332
+ .w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoMeta {
2333
+ width: fit-content;
2334
+ user-select: none;
2335
+ color: #a8a8a8;
2336
+ white-space: nowrap;
2337
+ }
2338
+
2339
+ .w_file_preview .w_fileBox .w_fileRemove {
2340
+ display: none;
2341
+ position: absolute;
2342
+ cursor: pointer;
2343
+ top: -2px;
2344
+ right: 0;
2345
+ z-index: 99999;
2346
+ }
2347
+
2348
+ .w_file_preview .w_fileBox .w_fileRemove img {
2349
+ width: 20px;
2350
+ }
2351
+
2352
+ .w_file_preview .w_fileBox .w_upImg {
2353
+ border-radius: 3px;
2354
+ z-index: 510;
2355
+ }
2356
+
2357
+ .w_tagListClass {
2358
+ width: 100%;
2359
+ height: fit-content;
2360
+ display: flex;
2361
+ align-items: center;
2362
+ padding: 8px 0 8px 10px;
2363
+ flex-wrap: wrap;
2364
+ gap: 8px;
2365
+ }
2366
+ .w_tagListClass::-webkit-scrollbar {
2367
+ height: 0px;
2368
+ display: none;
2369
+ background: transparent;
2370
+ }
2371
+ .w_tagListClass .w_tagItemBox {
2372
+ padding: 8px 12px;
2373
+ display: flex;
2374
+ align-items: center;
2375
+ justify-content: center;
2376
+ width: fit-content;
2377
+ height: 30px;
2378
+ background: #00000000;
2379
+ border-radius: 15px;
2380
+ border: 1px solid #4B4FFF;
2381
+ cursor: pointer;
2382
+
2383
+ }
2384
+ .w_tagListClass .w_tagItemBox:hover, .w_tagListClass .w_tagItemBox:active {
2385
+ background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
2386
+ }
2387
+ .w_tagListClass .w_tagItemBox:hover .w_tagImgh,.w_tagListClass .w_tagItemBox:active .w_tagImgh {
2388
+ filter: brightness(100);
2389
+ }
2390
+
2391
+ .w_tagListClass .w_tagItemBox:hover .w_tagItemText, .w_tagListClass .w_tagItemBox:active .w_tagItemText {
2392
+ color: #fff;
2393
+ }
2394
+ .w_tagListClass .w_tagItemBox .w_tagImgh{
2395
+ width: 16px;
2396
+ height: 16px;
2397
+ }
2398
+ .w_tagListClass .w_tagItemBox .w_tagItemText {
2399
+ width: fit-content;
2400
+ padding-top: 2px;
2401
+ color: #1552FF;
2402
+ font-size: 14px;
2403
+ }
2404
+ .w_tagListClass .w_tagItemBox .w_tagImg {
2405
+ margin-left: 6px;
2406
+ width: 12px;
2407
+ height: 12px;
2408
+ background-repeat: no-repeat;
2409
+ background-size: cover;
2410
+ }
2411
+
2412
+ .w_inputBox {
2413
+ width: calc(100% - 16px);
2414
+ margin: 0 auto 8px;
2415
+ display: flex;
2416
+ align-items: center;
2417
+ box-shadow: 0px 2px 15px 0px rgba(0,48,187,0.1);
2418
+ border-radius: 30px;
2419
+ background: #FFFFFF;
2420
+ transition: height 0.2s ease;
2421
+ }
2422
+ .w_inputBox textarea {
2423
+ resize: none;
2424
+ min-height: 48px;
2425
+ max-height: 96px;
2426
+ border: 0;
2427
+ box-shadow: none !important;
2428
+ color: #333;
2429
+ outline: 0;
2430
+ width: 100%;
2431
+
2432
+ box-sizing: border-box;
2433
+ overflow-y: auto; /* 允许垂直滚动 */
2434
+ scrollbar-width: none; /* Firefox */
2435
+ -ms-overflow-style: none; /* IE and Edge */
2436
+ border-top-left-radius: 50px;
2437
+ border-bottom-left-radius: 50px;
2438
+ }
2439
+
2440
+ .w_inputBox textarea::-webkit-scrollbar {
2441
+ display: none;
2442
+ }
2443
+
2444
+ .w_send_voice_box {
2445
+ height: 23px;
2446
+ display: flex;
2447
+ background: transparent;
2448
+ align-items: center;
2449
+ justify-content: center;
2450
+ border-radius: 24px;
2451
+ font-size: 12px;
2452
+ color: #666666;
2453
+ cursor: pointer;
2454
+ margin-right: 10px;
2455
+ }
2456
+
2457
+ .w_send_voice_box .w_recordIng {
2458
+ padding: 4px;
2459
+ background: #1552FF;
2460
+ border-radius: 8px;
2461
+ }
2462
+ `
2463
+