@baasix/lexical 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +281 -0
  2. package/dist/DateTimeComponent-4MX2IKXK.css +45 -0
  3. package/dist/DateTimeComponent-4MX2IKXK.css.map +1 -0
  4. package/dist/DateTimeComponent-7V5RW3AE.js +2928 -0
  5. package/dist/DateTimeComponent-7V5RW3AE.js.map +1 -0
  6. package/dist/EquationComponent-3IW3ONJD.js +159 -0
  7. package/dist/EquationComponent-3IW3ONJD.js.map +1 -0
  8. package/dist/EquationComponent-C2C6477P.css +28 -0
  9. package/dist/EquationComponent-C2C6477P.css.map +1 -0
  10. package/dist/ExcalidrawComponent-GZYLHNOY.js +267 -0
  11. package/dist/ExcalidrawComponent-GZYLHNOY.js.map +1 -0
  12. package/dist/ExcalidrawComponent-U6BD7DUB.css +152 -0
  13. package/dist/ExcalidrawComponent-U6BD7DUB.css.map +1 -0
  14. package/dist/ImageComponent-IYUGOT6O.css +73 -0
  15. package/dist/ImageComponent-IYUGOT6O.css.map +1 -0
  16. package/dist/ImageComponent-TTUYUG3M.js +429 -0
  17. package/dist/ImageComponent-TTUYUG3M.js.map +1 -0
  18. package/dist/PollComponent-CWI5UJF5.css +187 -0
  19. package/dist/PollComponent-CWI5UJF5.css.map +1 -0
  20. package/dist/PollComponent-KLJZSW5O.js +199 -0
  21. package/dist/PollComponent-KLJZSW5O.js.map +1 -0
  22. package/dist/StickyComponent-MZSTQF47.css +774 -0
  23. package/dist/StickyComponent-MZSTQF47.css.map +1 -0
  24. package/dist/StickyComponent-ZED6LNTX.js +233 -0
  25. package/dist/StickyComponent-ZED6LNTX.js.map +1 -0
  26. package/dist/chunk-35UCX4ZT.js +168 -0
  27. package/dist/chunk-35UCX4ZT.js.map +1 -0
  28. package/dist/chunk-44LUNGL3.js +16608 -0
  29. package/dist/chunk-44LUNGL3.js.map +1 -0
  30. package/dist/chunk-BHROZTZU.js +42 -0
  31. package/dist/chunk-BHROZTZU.js.map +1 -0
  32. package/dist/chunk-FJ6COZ4H.js +275 -0
  33. package/dist/chunk-FJ6COZ4H.js.map +1 -0
  34. package/dist/chunk-GSFNU3JE.js +211 -0
  35. package/dist/chunk-GSFNU3JE.js.map +1 -0
  36. package/dist/chunk-I43VQAHW.js +918 -0
  37. package/dist/chunk-I43VQAHW.js.map +1 -0
  38. package/dist/chunk-N22RKA5D.js +402 -0
  39. package/dist/chunk-N22RKA5D.js.map +1 -0
  40. package/dist/chunk-OIMMC5C3.js +134 -0
  41. package/dist/chunk-OIMMC5C3.js.map +1 -0
  42. package/dist/chunk-PZ5AY32C.js +10 -0
  43. package/dist/chunk-PZ5AY32C.js.map +1 -0
  44. package/dist/chunk-TVF6V3BJ.js +41 -0
  45. package/dist/chunk-TVF6V3BJ.js.map +1 -0
  46. package/dist/chunk-XTKVR2JI.js +225 -0
  47. package/dist/chunk-XTKVR2JI.js.map +1 -0
  48. package/dist/emoji-list-MUV74SND.js +8 -0
  49. package/dist/emoji-list-MUV74SND.js.map +1 -0
  50. package/dist/index.css +4234 -0
  51. package/dist/index.css.map +1 -0
  52. package/dist/index.d.ts +17 -0
  53. package/dist/index.js +16050 -0
  54. package/dist/index.js.map +1 -0
  55. package/dist/landscape-RJWVK6ET.jpg +0 -0
  56. package/dist/yellow-flower-R72KOP74.jpg +0 -0
  57. package/package.json +76 -0
package/dist/index.css ADDED
@@ -0,0 +1,4234 @@
1
+ @import "https://fonts.googleapis.com/css?family=Reenie+Beanie";
2
+
3
+ /* node_modules/react-day-picker/src/style.css */
4
+ .rdp-root {
5
+ --rdp-accent-color: blue;
6
+ --rdp-accent-background-color: #f0f0ff;
7
+ --rdp-day-height: 44px;
8
+ --rdp-day-width: 44px;
9
+ --rdp-day_button-border-radius: 100%;
10
+ --rdp-day_button-border: 2px solid transparent;
11
+ --rdp-day_button-height: 42px;
12
+ --rdp-day_button-width: 42px;
13
+ --rdp-selected-border: 2px solid var(--rdp-accent-color);
14
+ --rdp-disabled-opacity: 0.5;
15
+ --rdp-outside-opacity: 0.75;
16
+ --rdp-today-color: var(--rdp-accent-color);
17
+ --rdp-dropdown-gap: 0.5rem;
18
+ --rdp-months-gap: 2rem;
19
+ --rdp-nav_button-disabled-opacity: 0.5;
20
+ --rdp-nav_button-height: 2.25rem;
21
+ --rdp-nav_button-width: 2.25rem;
22
+ --rdp-nav-height: 2.75rem;
23
+ --rdp-range_middle-background-color: var(--rdp-accent-background-color);
24
+ --rdp-range_middle-color: inherit;
25
+ --rdp-range_start-color: white;
26
+ --rdp-range_start-background:
27
+ linear-gradient(
28
+
29
+ var(--rdp-gradient-direction),
30
+ transparent 50%,
31
+ var(--rdp-range_middle-background-color) 50% );
32
+ --rdp-range_start-date-background-color: var(--rdp-accent-color);
33
+ --rdp-range_end-background:
34
+ linear-gradient(
35
+
36
+ var(--rdp-gradient-direction),
37
+ var(--rdp-range_middle-background-color) 50%,
38
+ transparent 50% );
39
+ --rdp-range_end-color: white;
40
+ --rdp-range_end-date-background-color: var(--rdp-accent-color);
41
+ --rdp-week_number-border-radius: 100%;
42
+ --rdp-week_number-border: 2px solid transparent;
43
+ --rdp-week_number-height: var(--rdp-day-height);
44
+ --rdp-week_number-opacity: 0.75;
45
+ --rdp-week_number-width: var(--rdp-day-width);
46
+ --rdp-weeknumber-text-align: center;
47
+ --rdp-weekday-opacity: 0.75;
48
+ --rdp-weekday-padding: 0.5rem 0rem;
49
+ --rdp-weekday-text-align: center;
50
+ --rdp-gradient-direction: 90deg;
51
+ --rdp-animation_duration: 0.3s;
52
+ --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
53
+ }
54
+ .rdp-root[dir=rtl] {
55
+ --rdp-gradient-direction: -90deg;
56
+ }
57
+ .rdp-root[data-broadcast-calendar=true] {
58
+ --rdp-outside-opacity: unset;
59
+ }
60
+ .rdp-root {
61
+ position: relative;
62
+ box-sizing: border-box;
63
+ }
64
+ .rdp-root * {
65
+ box-sizing: border-box;
66
+ }
67
+ .rdp-day {
68
+ width: var(--rdp-day-width);
69
+ height: var(--rdp-day-height);
70
+ text-align: center;
71
+ }
72
+ .rdp-day_button {
73
+ background: none;
74
+ padding: 0;
75
+ margin: 0;
76
+ cursor: pointer;
77
+ font: inherit;
78
+ color: inherit;
79
+ justify-content: center;
80
+ align-items: center;
81
+ display: flex;
82
+ width: var(--rdp-day_button-width);
83
+ height: var(--rdp-day_button-height);
84
+ border: var(--rdp-day_button-border);
85
+ border-radius: var(--rdp-day_button-border-radius);
86
+ }
87
+ .rdp-day_button:disabled {
88
+ cursor: revert;
89
+ }
90
+ .rdp-caption_label {
91
+ z-index: 1;
92
+ position: relative;
93
+ display: inline-flex;
94
+ align-items: center;
95
+ white-space: nowrap;
96
+ border: 0;
97
+ }
98
+ .rdp-dropdown:focus-visible ~ .rdp-caption_label {
99
+ outline: 5px auto Highlight;
100
+ outline: 5px auto -webkit-focus-ring-color;
101
+ }
102
+ .rdp-button_next,
103
+ .rdp-button_previous {
104
+ border: none;
105
+ background: none;
106
+ padding: 0;
107
+ margin: 0;
108
+ cursor: pointer;
109
+ font: inherit;
110
+ color: inherit;
111
+ -moz-appearance: none;
112
+ -webkit-appearance: none;
113
+ display: inline-flex;
114
+ align-items: center;
115
+ justify-content: center;
116
+ position: relative;
117
+ appearance: none;
118
+ width: var(--rdp-nav_button-width);
119
+ height: var(--rdp-nav_button-height);
120
+ }
121
+ .rdp-button_next:disabled,
122
+ .rdp-button_next[aria-disabled=true],
123
+ .rdp-button_previous:disabled,
124
+ .rdp-button_previous[aria-disabled=true] {
125
+ cursor: revert;
126
+ opacity: var(--rdp-nav_button-disabled-opacity);
127
+ }
128
+ .rdp-chevron {
129
+ display: inline-block;
130
+ fill: var(--rdp-accent-color);
131
+ }
132
+ .rdp-root[dir=rtl] .rdp-nav .rdp-chevron {
133
+ transform: rotate(180deg);
134
+ transform-origin: 50%;
135
+ }
136
+ .rdp-dropdowns {
137
+ position: relative;
138
+ display: inline-flex;
139
+ align-items: center;
140
+ gap: var(--rdp-dropdown-gap);
141
+ }
142
+ .rdp-dropdown {
143
+ z-index: 2;
144
+ opacity: 0;
145
+ appearance: none;
146
+ position: absolute;
147
+ inset-block-start: 0;
148
+ inset-block-end: 0;
149
+ inset-inline-start: 0;
150
+ width: 100%;
151
+ margin: 0;
152
+ padding: 0;
153
+ cursor: inherit;
154
+ border: none;
155
+ line-height: inherit;
156
+ }
157
+ .rdp-dropdown_root {
158
+ position: relative;
159
+ display: inline-flex;
160
+ align-items: center;
161
+ }
162
+ .rdp-dropdown_root[data-disabled=true] .rdp-chevron {
163
+ opacity: var(--rdp-disabled-opacity);
164
+ }
165
+ .rdp-month_caption {
166
+ display: flex;
167
+ align-content: center;
168
+ height: var(--rdp-nav-height);
169
+ font-weight: bold;
170
+ font-size: large;
171
+ }
172
+ .rdp-root[data-nav-layout=around] .rdp-month,
173
+ .rdp-root[data-nav-layout=after] .rdp-month {
174
+ position: relative;
175
+ }
176
+ .rdp-root[data-nav-layout=around] .rdp-month_caption {
177
+ justify-content: center;
178
+ margin-inline-start: var(--rdp-nav_button-width);
179
+ margin-inline-end: var(--rdp-nav_button-width);
180
+ position: relative;
181
+ }
182
+ .rdp-root[data-nav-layout=around] .rdp-button_previous {
183
+ position: absolute;
184
+ inset-inline-start: 0;
185
+ top: 0;
186
+ height: var(--rdp-nav-height);
187
+ display: inline-flex;
188
+ }
189
+ .rdp-root[data-nav-layout=around] .rdp-button_next {
190
+ position: absolute;
191
+ inset-inline-end: 0;
192
+ top: 0;
193
+ height: var(--rdp-nav-height);
194
+ display: inline-flex;
195
+ justify-content: center;
196
+ }
197
+ .rdp-months {
198
+ position: relative;
199
+ display: flex;
200
+ flex-wrap: wrap;
201
+ gap: var(--rdp-months-gap);
202
+ max-width: fit-content;
203
+ }
204
+ .rdp-month_grid {
205
+ border-collapse: collapse;
206
+ }
207
+ .rdp-nav {
208
+ position: absolute;
209
+ inset-block-start: 0;
210
+ inset-inline-end: 0;
211
+ display: flex;
212
+ align-items: center;
213
+ height: var(--rdp-nav-height);
214
+ }
215
+ .rdp-weekday {
216
+ opacity: var(--rdp-weekday-opacity);
217
+ padding: var(--rdp-weekday-padding);
218
+ font-weight: 500;
219
+ font-size: smaller;
220
+ text-align: var(--rdp-weekday-text-align);
221
+ text-transform: var(--rdp-weekday-text-transform);
222
+ }
223
+ .rdp-week_number {
224
+ opacity: var(--rdp-week_number-opacity);
225
+ font-weight: 400;
226
+ font-size: small;
227
+ height: var(--rdp-week_number-height);
228
+ width: var(--rdp-week_number-width);
229
+ border: var(--rdp-week_number-border);
230
+ border-radius: var(--rdp-week_number-border-radius);
231
+ text-align: var(--rdp-weeknumber-text-align);
232
+ }
233
+ .rdp-today:not(.rdp-outside) {
234
+ color: var(--rdp-today-color);
235
+ }
236
+ .rdp-selected {
237
+ font-weight: bold;
238
+ font-size: large;
239
+ }
240
+ .rdp-selected .rdp-day_button {
241
+ border: var(--rdp-selected-border);
242
+ }
243
+ .rdp-outside {
244
+ opacity: var(--rdp-outside-opacity);
245
+ }
246
+ .rdp-disabled:not(.rdp-selected) {
247
+ opacity: var(--rdp-disabled-opacity);
248
+ }
249
+ .rdp-hidden {
250
+ visibility: hidden;
251
+ color: var(--rdp-range_start-color);
252
+ }
253
+ .rdp-range_start {
254
+ background: var(--rdp-range_start-background);
255
+ }
256
+ .rdp-range_start .rdp-day_button {
257
+ background-color: var(--rdp-range_start-date-background-color);
258
+ color: var(--rdp-range_start-color);
259
+ }
260
+ .rdp-range_middle {
261
+ background-color: var(--rdp-range_middle-background-color);
262
+ }
263
+ .rdp-range_middle .rdp-day_button {
264
+ border: unset;
265
+ border-radius: unset;
266
+ color: var(--rdp-range_middle-color);
267
+ }
268
+ .rdp-range_end {
269
+ background: var(--rdp-range_end-background);
270
+ color: var(--rdp-range_end-color);
271
+ }
272
+ .rdp-range_end .rdp-day_button {
273
+ color: var(--rdp-range_start-color);
274
+ background-color: var(--rdp-range_end-date-background-color);
275
+ }
276
+ .rdp-range_start.rdp-range_end {
277
+ background: revert;
278
+ }
279
+ .rdp-focusable {
280
+ cursor: pointer;
281
+ }
282
+ @keyframes rdp-slide_in_left {
283
+ 0% {
284
+ transform: translateX(-100%);
285
+ }
286
+ 100% {
287
+ transform: translateX(0);
288
+ }
289
+ }
290
+ @keyframes rdp-slide_in_right {
291
+ 0% {
292
+ transform: translateX(100%);
293
+ }
294
+ 100% {
295
+ transform: translateX(0);
296
+ }
297
+ }
298
+ @keyframes rdp-slide_out_left {
299
+ 0% {
300
+ transform: translateX(0);
301
+ }
302
+ 100% {
303
+ transform: translateX(-100%);
304
+ }
305
+ }
306
+ @keyframes rdp-slide_out_right {
307
+ 0% {
308
+ transform: translateX(0);
309
+ }
310
+ 100% {
311
+ transform: translateX(100%);
312
+ }
313
+ }
314
+ .rdp-weeks_before_enter {
315
+ animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
316
+ }
317
+ .rdp-weeks_before_exit {
318
+ animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
319
+ }
320
+ .rdp-weeks_after_enter {
321
+ animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
322
+ }
323
+ .rdp-weeks_after_exit {
324
+ animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
325
+ }
326
+ .rdp-root[dir=rtl] .rdp-weeks_after_enter {
327
+ animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
328
+ }
329
+ .rdp-root[dir=rtl] .rdp-weeks_before_exit {
330
+ animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
331
+ }
332
+ .rdp-root[dir=rtl] .rdp-weeks_before_enter {
333
+ animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
334
+ }
335
+ .rdp-root[dir=rtl] .rdp-weeks_after_exit {
336
+ animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
337
+ }
338
+ @keyframes rdp-fade_in {
339
+ from {
340
+ opacity: 0;
341
+ }
342
+ to {
343
+ opacity: 1;
344
+ }
345
+ }
346
+ @keyframes rdp-fade_out {
347
+ from {
348
+ opacity: 1;
349
+ }
350
+ to {
351
+ opacity: 0;
352
+ }
353
+ }
354
+ .rdp-caption_after_enter {
355
+ animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
356
+ }
357
+ .rdp-caption_after_exit {
358
+ animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
359
+ }
360
+ .rdp-caption_before_enter {
361
+ animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
362
+ }
363
+ .rdp-caption_before_exit {
364
+ animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
365
+ }
366
+
367
+ /* src/index.css */
368
+ .editor-shell {
369
+ border-radius: 2px;
370
+ color: #000;
371
+ position: relative;
372
+ line-height: 1.7;
373
+ font-weight: 400;
374
+ }
375
+ .editor-shell .editor-container {
376
+ background: #fff;
377
+ position: relative;
378
+ display: block;
379
+ border-bottom-left-radius: 10px;
380
+ border-bottom-right-radius: 10px;
381
+ }
382
+ .editor-shell .editor-container.tree-view {
383
+ border-radius: 0;
384
+ }
385
+ .editor-shell .editor-container.plain-text {
386
+ border-top-left-radius: 10px;
387
+ border-top-right-radius: 10px;
388
+ }
389
+ .editor-scroller {
390
+ min-height: 150px;
391
+ max-width: 100%;
392
+ border: 0;
393
+ display: flex;
394
+ position: relative;
395
+ outline: 0;
396
+ z-index: 0;
397
+ resize: vertical;
398
+ }
399
+ .editor {
400
+ flex: auto;
401
+ max-width: 100%;
402
+ position: relative;
403
+ resize: vertical;
404
+ z-index: -1;
405
+ }
406
+ .test-recorder-output {
407
+ margin: 20px auto 20px auto;
408
+ width: 100%;
409
+ }
410
+ .editor-shell pre {
411
+ line-height: 1.1;
412
+ background: #222;
413
+ color: #fff;
414
+ margin: 0;
415
+ padding: 10px;
416
+ font-size: 12px;
417
+ overflow: auto;
418
+ max-height: 400px;
419
+ }
420
+ .tree-view-output {
421
+ display: block;
422
+ background: #222;
423
+ color: #fff;
424
+ padding: 0;
425
+ font-size: 12px;
426
+ margin: 1px auto 10px auto;
427
+ position: relative;
428
+ overflow: hidden;
429
+ border-bottom-left-radius: 10px;
430
+ border-bottom-right-radius: 10px;
431
+ }
432
+ .editor-shell pre::-webkit-scrollbar {
433
+ background: transparent;
434
+ width: 10px;
435
+ }
436
+ .editor-shell pre::-webkit-scrollbar-thumb {
437
+ background: #999;
438
+ }
439
+ .editor-dev-button {
440
+ position: relative;
441
+ display: block;
442
+ width: 40px;
443
+ height: 40px;
444
+ font-size: 12px;
445
+ border-radius: 20px;
446
+ border: none;
447
+ cursor: pointer;
448
+ outline: none;
449
+ box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
450
+ background-color: #444;
451
+ }
452
+ .editor-dev-button::after {
453
+ content: "";
454
+ position: absolute;
455
+ top: 10px;
456
+ right: 10px;
457
+ bottom: 10px;
458
+ left: 10px;
459
+ display: block;
460
+ background-size: contain;
461
+ filter: invert(1);
462
+ }
463
+ .editor-dev-button:hover {
464
+ background-color: #555;
465
+ }
466
+ .editor-dev-button.active {
467
+ background-color: rgb(233, 35, 35);
468
+ }
469
+ .test-recorder-toolbar {
470
+ display: flex;
471
+ }
472
+ .test-recorder-button {
473
+ position: relative;
474
+ display: block;
475
+ width: 32px;
476
+ height: 32px;
477
+ font-size: 10px;
478
+ padding: 6px 6px;
479
+ border-radius: 4px;
480
+ border: none;
481
+ cursor: pointer;
482
+ outline: none;
483
+ box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
484
+ background-color: #222;
485
+ transition: box-shadow 50ms ease-out;
486
+ }
487
+ .test-recorder-button:active {
488
+ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
489
+ }
490
+ .test-recorder-button + .test-recorder-button {
491
+ margin-left: 4px;
492
+ }
493
+ .test-recorder-button::after {
494
+ content: "";
495
+ position: absolute;
496
+ top: 8px;
497
+ right: 8px;
498
+ bottom: 8px;
499
+ left: 8px;
500
+ display: block;
501
+ background-size: contain;
502
+ filter: invert(1);
503
+ }
504
+ #options-button {
505
+ position: fixed;
506
+ left: 20px;
507
+ bottom: 20px;
508
+ }
509
+ #test-recorder-button {
510
+ position: fixed;
511
+ left: 70px;
512
+ bottom: 20px;
513
+ }
514
+ #paste-log-button {
515
+ position: fixed;
516
+ left: 120px;
517
+ bottom: 20px;
518
+ }
519
+ #docs-button {
520
+ position: fixed;
521
+ left: 170px;
522
+ bottom: 20px;
523
+ }
524
+ #options-button::after {
525
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear"><path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/><path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/></svg>');
526
+ }
527
+ #test-recorder-button::after {
528
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-code"><path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/><path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/><path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/></svg>');
529
+ }
530
+ #paste-log-button::after {
531
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/></svg>');
532
+ }
533
+ #docs-button::after {
534
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16">%0D%0A <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>%0D%0A <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/>%0D%0A</svg>');
535
+ }
536
+ #test-recorder-button-snapshot {
537
+ margin-right: auto;
538
+ }
539
+ #test-recorder-button-snapshot::after {
540
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera"><path d="M15 12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.172a3 3 0 0 0 2.12-.879l.83-.828A1 1 0 0 1 6.827 3h2.344a1 1 0 0 1 .707.293l.828.828A3 3 0 0 0 12.828 5H14a1 1 0 0 1 1 1v6zM2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2z"/><path d="M8 11a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm0 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM3 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/></svg>');
541
+ }
542
+ #test-recorder-button-copy::after {
543
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/></svg>');
544
+ }
545
+ #test-recorder-button-download::after {
546
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/></svg>');
547
+ }
548
+ .typeahead-popover {
549
+ background: #fff;
550
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
551
+ border-radius: 8px;
552
+ position: relative;
553
+ pointer-events: auto;
554
+ }
555
+ .typeahead-popover ul {
556
+ padding: 0;
557
+ list-style: none;
558
+ margin: 0;
559
+ border-radius: 8px;
560
+ max-height: 200px;
561
+ overflow-y: scroll;
562
+ }
563
+ .typeahead-popover ul::-webkit-scrollbar {
564
+ display: none;
565
+ }
566
+ .typeahead-popover ul {
567
+ -ms-overflow-style: none;
568
+ scrollbar-width: none;
569
+ }
570
+ .typeahead-popover ul li {
571
+ margin: 0;
572
+ min-width: 180px;
573
+ font-size: 14px;
574
+ outline: none;
575
+ cursor: pointer;
576
+ border-radius: 8px;
577
+ }
578
+ .typeahead-popover ul li.selected {
579
+ background: #eee;
580
+ }
581
+ .typeahead-popover li {
582
+ margin: 0 8px 0 8px;
583
+ padding: 8px;
584
+ color: #050505;
585
+ cursor: pointer;
586
+ line-height: 16px;
587
+ font-size: 15px;
588
+ display: flex;
589
+ align-content: center;
590
+ flex-direction: row;
591
+ flex-shrink: 0;
592
+ background-color: #fff;
593
+ border-radius: 8px;
594
+ border: 0;
595
+ }
596
+ .typeahead-popover li.active {
597
+ display: flex;
598
+ width: 20px;
599
+ height: 20px;
600
+ background-size: contain;
601
+ }
602
+ .typeahead-popover li:first-child {
603
+ border-radius: 8px 8px 0px 0px;
604
+ }
605
+ .typeahead-popover li:last-child {
606
+ border-radius: 0px 0px 8px 8px;
607
+ }
608
+ .typeahead-popover li:hover {
609
+ background-color: #eee;
610
+ }
611
+ .typeahead-popover li .text {
612
+ display: flex;
613
+ line-height: 20px;
614
+ flex-grow: 1;
615
+ min-width: 150px;
616
+ }
617
+ .typeahead-popover li .icon {
618
+ display: flex;
619
+ width: 20px;
620
+ height: 20px;
621
+ user-select: none;
622
+ margin-right: 8px;
623
+ line-height: 16px;
624
+ background-size: contain;
625
+ background-repeat: no-repeat;
626
+ background-position: center;
627
+ }
628
+ .component-picker-menu {
629
+ width: 200px;
630
+ }
631
+ .mentions-menu {
632
+ width: 250px;
633
+ }
634
+ .auto-embed-menu {
635
+ width: 150px;
636
+ }
637
+ .emoji-menu {
638
+ width: 200px;
639
+ pointer-events: auto;
640
+ }
641
+ i.palette {
642
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-palette"><path d="M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/><path d="M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"/></svg>');
643
+ }
644
+ i.bucket {
645
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-paint-bucket"><path d="M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a2.972 2.972 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.687.556 1.528 1.035 2.402L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.707 1.441 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073 1.176v.123h.003a1 1 0 0 0 1.993 0H14v-.057a1.01 1.01 0 0 0-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4.322 4.322 0 0 0-.211-.434c-.349-.626-.92-1.36-1.627-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.283 3.283 0 0 1-.131-.673c.091.061.204.15.337.274zm.394 3.965c.54.852 1.107 1.567 1.607 2.033a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626.122.068.244.13.365.183l-4.861 4.862a.571.571 0 0 1-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573 0 0 1-.01-.068l3.048-3.047zm2.87-1.935a2.44 2.44 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.497 3.497 0 0 0-1.066.091 11.27 11.27 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z"/></svg>');
646
+ }
647
+ i.bold {
648
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-bold"><path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z"/></svg>');
649
+ }
650
+ i.italic {
651
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-italic"><path d="M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z"/></svg>');
652
+ }
653
+ i.clear {
654
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
655
+ }
656
+ i.code {
657
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code"><path d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"/></svg>');
658
+ }
659
+ i.underline {
660
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-underline"><path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136zM12.5 15h-9v-1h9v1z"/></svg>');
661
+ }
662
+ i.uppercase {
663
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alphabet-uppercase" viewBox="0 0 16 16">%0D%0A <path d="M1.226 10.88H0l2.056-6.26h1.42l2.047 6.26h-1.29l-.48-1.61H1.707l-.48 1.61ZM2.76 5.818h-.054l-.75 2.532H3.51zm3.217 5.062V4.62h2.56c1.09 0 1.808.582 1.808 1.54 0 .762-.444 1.22-1.05 1.372v.055c.736.074 1.365.587 1.365 1.528 0 1.119-.89 1.766-2.133 1.766zM7.18 5.55v1.675h.8c.812 0 1.171-.308 1.171-.853 0-.51-.328-.822-.898-.822zm0 2.537V9.95h.903c.951 0 1.342-.312 1.342-.909 0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0 1.156.49 1.803 1.347 1.803.705 0 1.163-.454 1.212-1.096H16v.12C15.942 10.173 14.95 11 13.607 11c-1.648 0-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871 2.573-2.871 1.347 0 2.34.849 2.393 2.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156-.849 0-1.347.67-1.347 1.83"/>%0D%0A</svg>');
664
+ }
665
+ i.lowercase {
666
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alphabet" viewBox="0 0 16 16">%0D%0A <path d="M2.204 11.078c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582m.42-.947c-.44 0-.845-.235-.845-.718 0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864m5.593.937c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86Zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401Zm2.834-1.328c0 1.47.87 2.378 2.305 2.378 1.416 0 2.139-.777 2.158-1.763h-1.186c-.06.425-.313.732-.933.732-.66 0-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328 1.045-1.328.635 0 .879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806-1.41 0-2.304.918-2.304 2.338z"/>%0D%0A</svg>');
667
+ }
668
+ i.capitalize {
669
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24"><path fill="currentColor" d="M8.6 17.75V8.6h-3V7h7.7v1.6h-3v9.15zm8.6.25q-1.1 0-1.725-.638T14.85 15.6v-4.05H13.5V10.1h1.35V7.925h1.65V10.1h1.85v1.45H16.5v3.7q0 .575.263.9t.712.325q.225 0 .462-.088t.463-.237v1.625q-.25.125-.55.175t-.65.05"/></svg>%0D%0A');
670
+ }
671
+ i.strikethrough {
672
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-strikethrough"><path d="M6.333 5.686c0 .31.083.581.27.814H5.166a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967z"/></svg>');
673
+ }
674
+ i.subscript {
675
+ background-image: url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.354 14.5v-.665l1.553-1.438c.132-.128.243-.243.332-.345.091-.102.16-.203.207-.3.047-.1.07-.207.07-.322a.574.574 0 0 0-.326-.546.748.748 0 0 0-.343-.077.721.721 0 0 0-.35.082.557.557 0 0 0-.23.232.753.753 0 0 0-.08.36h-.876c0-.286.065-.534.194-.744.13-.21.31-.373.543-.488.233-.115.502-.172.806-.172.312 0 .584.055.816.166.233.11.414.261.543.456.13.194.194.418.194.669 0 .165-.033.327-.098.488-.064.16-.178.339-.343.535a7.918 7.918 0 0 1-.697.7l-.637.625v.03h1.832v.754h-3.11ZM5.04 4.273 6.96 7.469h.068l1.93-3.196h1.803L8.073 8.636 10.805 13H8.972L7.03 9.825h-.068L5.018 13H3.194l2.757-4.364-2.723-4.363H5.04Z" fill="currentColor"/></svg>');
676
+ }
677
+ i.superscript {
678
+ background-image: url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.354 6v-.665l1.553-1.438c.132-.128.243-.243.332-.345a1.31 1.31 0 0 0 .207-.3c.047-.1.07-.207.07-.322a.574.574 0 0 0-.326-.545.748.748 0 0 0-.343-.077.721.721 0 0 0-.35.08.557.557 0 0 0-.23.233.753.753 0 0 0-.08.36h-.876c0-.286.065-.534.194-.744.13-.21.31-.373.543-.488.233-.115.502-.172.806-.172.312 0 .584.055.816.166.233.11.414.261.543.456.13.194.194.417.194.669 0 .165-.033.327-.098.488-.064.16-.178.339-.343.535a7.92 7.92 0 0 1-.697.7l-.637.625v.03h1.832V6h-3.11ZM5.04 4.273 6.96 7.469h.068l1.93-3.196h1.803L8.073 8.636 10.805 13H8.972L7.03 9.825h-.068L5.018 13H3.194l2.757-4.364-2.723-4.363H5.04Z" fill="currentColor"/></svg>');
679
+ }
680
+ i.highlight {
681
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-highlighter" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.096.644a2 2 0 0 1 2.791.036l1.433 1.433a2 2 0 0 1 .035 2.791l-.413.435-8.07 8.995a.5.5 0 0 1-.372.166h-3a.5.5 0 0 1-.234-.058l-.412.412A.5.5 0 0 1 2.5 15h-2a.5.5 0 0 1-.354-.854l1.412-1.412A.5.5 0 0 1 1.5 12.5v-3a.5.5 0 0 1 .166-.372l8.995-8.07zm-.115 1.47L2.727 9.52l3.753 3.753 7.406-8.254zm3.585 2.17.064-.068a1 1 0 0 0-.017-1.396L13.18 1.387a1 1 0 0 0-1.396-.018l-.068.065zM5.293 13.5 2.5 10.707v1.586L3.707 13.5z"/></svg>');
682
+ }
683
+ i.link {
684
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"/><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"/></svg>');
685
+ }
686
+ i.horizontal-rule {
687
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-break"><path d="M0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zM12 0H4a2 2 0 0 0-2 2v7h1V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7h1V2a2 2 0 0 0-2-2zm2 12h-1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2H2v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2z"/></svg>');
688
+ }
689
+ .icon.plus {
690
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
691
+ }
692
+ .icon.caret-right {
693
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill"><path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg>');
694
+ }
695
+ .icon.dropdown-more {
696
+ background-image: url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.648 4.475 1.824 12.25H.67l3.252-8.531h.744l-.018.756Zm2.368 7.775-2.83-7.775-.018-.756h.744l3.264 8.531h-1.16Zm-.147-3.158v.926H2.076v-.926H6.87Zm6.024 2.074V7.902c0-.25-.051-.466-.153-.65a.997.997 0 0 0-.445-.434c-.2-.101-.445-.152-.738-.152-.274 0-.514.047-.721.14a1.255 1.255 0 0 0-.48.37.809.809 0 0 0-.17.492H9.101c0-.227.058-.451.175-.674.118-.223.286-.424.504-.603.223-.184.489-.329.797-.434.313-.11.66-.164 1.043-.164.461 0 .867.078 1.219.234.355.157.633.393.832.71.203.312.305.704.305 1.177v2.953c0 .211.017.436.052.674.04.238.096.443.17.615v.094h-1.13a2.022 2.022 0 0 1-.13-.498 4.011 4.011 0 0 1-.046-.586Zm.187-2.76.012.762h-1.096c-.309 0-.584.025-.826.076a1.89 1.89 0 0 0-.61.217.979.979 0 0 0-.504.879c0 .2.046.38.135.545a.98.98 0 0 0 .405.392c.183.094.408.141.674.141.332 0 .625-.07.878-.211a1.83 1.83 0 0 0 .604-.516c.152-.203.234-.4.246-.591l.463.521a1.572 1.572 0 0 1-.223.545 2.607 2.607 0 0 1-1.2 1.025 2.328 2.328 0 0 1-.927.176c-.43 0-.806-.084-1.13-.252a1.933 1.933 0 0 1-.75-.674 1.784 1.784 0 0 1-.264-.955c0-.34.066-.638.199-.896a1.73 1.73 0 0 1 .574-.65c.25-.176.551-.31.903-.399a4.76 4.76 0 0 1 1.177-.135h1.26Z" fill="%23000"/></svg>');
697
+ }
698
+ .icon.font-color {
699
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 512 512"><path fill="%23777" d="M221.631 109 109.92 392h58.055l24.079-61h127.892l24.079 61h58.055L290.369 109Zm-8.261 168L256 169l42.63 108Z"/></svg>');
700
+ }
701
+ .icon.font-family {
702
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fonts"><path d="M12.258 3h-8.51l-.083 2.46h.479c.26-1.544.758-1.783 2.693-1.845l.424-.013v7.827c0 .663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.431.013c1.934.062 2.434.301 2.693 1.846h.479L12.258 3z"/></svg>');
703
+ }
704
+ .icon.bg-color {
705
+ background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" fill-opacity=".01" d="M0 0h48v48H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37 37a4 4 0 0 0 4-4c0-1.473-1.333-3.473-4-6-2.667 2.527-4 4.527-4 6a4 4 0 0 0 4 4Z" fill="%23777"/><path d="m20.854 5.504 3.535 3.536" stroke="%23777" stroke-width="4" stroke-linecap="round"/><path d="M23.682 8.333 8.125 23.889 19.44 35.203l15.556-15.557L23.682 8.333Z" stroke="%23777" stroke-width="4" stroke-linejoin="round"/><path d="m12 20.073 16.961 5.577M4 43h40" stroke="%23777" stroke-width="4" stroke-linecap="round"/></svg>');
706
+ }
707
+ .icon.table {
708
+ background-color: #6c757d;
709
+ mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/></svg>');
710
+ -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/></svg>');
711
+ mask-repeat: no-repeat;
712
+ -webkit-mask-repeat: no-repeat;
713
+ mask-size: contain;
714
+ -webkit-mask-size: contain;
715
+ }
716
+ i.image {
717
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-image"><path d="M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/><path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12V2z"/></svg>');
718
+ }
719
+ i.table {
720
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/></svg>');
721
+ }
722
+ i.close {
723
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256-114.6 256-256 256S0 397.4 0 256zm175-47.9 47.1 47L175 303c-9.3 9.4-9.3 24.6 0 33.1 9.4 10.2 24.6 10.2 33.1 0l47-46.2 47.9 46.2c9.4 10.2 24.6 10.2 33.1 0 10.2-8.5 10.2-23.7 0-33.1l-46.2-47.9 46.2-47c10.2-8.5 10.2-23.7 0-33.1-8.5-9.3-23.7-9.3-33.1 0l-47.9 47.1-47-47.1c-8.5-9.3-23.7-9.3-33.1 0-9.3 9.4-9.3 24.6 0 33.1z"/></svg>');
724
+ }
725
+ i.figma {
726
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M14 95.792C14 42.888 56.888 0 109.793 0h164.368c52.905 0 95.793 42.888 95.793 95.792 0 33.5-17.196 62.984-43.243 80.105 26.047 17.122 43.243 46.605 43.243 80.105 0 52.905-42.888 95.793-95.793 95.793h-2.08c-24.802 0-47.403-9.426-64.415-24.891v88.263c0 53.61-44.009 96.833-97.357 96.833C57.536 512 14 469.243 14 416.207c0-33.498 17.195-62.98 43.24-80.102C31.193 318.983 14 289.5 14 256.002c0-33.5 17.196-62.983 43.242-80.105C31.197 158.776 14 129.292 14 95.792Zm162.288 95.795h-66.495c-35.576 0-64.415 28.84-64.415 64.415 0 35.438 28.617 64.192 64.003 64.414l.412-.001h66.495V191.587Zm31.378 64.415c0 35.575 28.839 64.415 64.415 64.415h2.08c35.576 0 64.415-28.84 64.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576 0-64.415 28.84-64.415 64.415Zm-97.873 95.793-.412-.001c-35.386.221-64.003 28.975-64.003 64.413 0 35.445 29.225 64.415 64.931 64.415 36.282 0 65.979-29.436 65.979-65.455v-63.372h-66.495Zm0-320.417c-35.576 0-64.415 28.84-64.415 64.414 0 35.576 28.84 64.415 64.415 64.415h66.495V31.377h-66.495Zm97.873 128.829h66.495c35.576 0 64.415-28.839 64.415-64.415 0-35.575-28.839-64.414-64.415-64.414h-66.495v128.829Z"/></svg>');
727
+ }
728
+ i.poll {
729
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-checklist"><path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/><path d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/></svg>');
730
+ }
731
+ i.columns {
732
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-three-columns" viewBox="0 0 16 16">%0D%0A <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1H1.5zM10 15V1H6v14h4zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11v14z"/>%0D%0A</svg>%0D%0A');
733
+ }
734
+ i.x {
735
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M 9.398438 6.878906 L 14.859375 0.667969 L 13.5625 0.667969 L 8.820312 6.058594 L 5.035156 0.667969 L 0.667969 0.667969 L 6.394531 8.820312 L 0.667969 15.332031 L 1.960938 15.332031 L 6.964844 9.636719 L 10.964844 15.332031 L 15.332031 15.332031 Z M 7.625 8.890625 L 7.042969 8.078125 L 2.425781 1.621094 L 4.414062 1.621094 L 8.140625 6.835938 L 8.71875 7.648438 L 13.5625 14.425781 L 11.574219 14.425781 Z M 7.625 8.890625"/></svg>');
736
+ }
737
+ i.youtube {
738
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/></svg>');
739
+ }
740
+ .icon.left-align,
741
+ i.left-align {
742
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-left"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
743
+ }
744
+ .icon.center-align,
745
+ i.center-align {
746
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-center"><path fill-rule="evenodd" d="M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
747
+ }
748
+ .icon.right-align,
749
+ i.right-align {
750
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-right"><path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
751
+ }
752
+ .icon.justify-align,
753
+ i.justify-align {
754
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
755
+ }
756
+ .icon.vertical-top,
757
+ i.left-align {
758
+ background-image: url('data:image/svg+xml,<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1737506990507" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8798" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355c-3.2-4.1-9.4-4.1-12.6 0l-112 141.7c-4.1 5.2-0.4 12.9 6.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z" p-id="8799"></path></svg>');
759
+ }
760
+ .icon.vertical-middle,
761
+ i.center-align {
762
+ background-image: url('data:image/svg+xml,<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1737507002429" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9094" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M859.9 474H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM506.3 399.3c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7 0.4-11.7-5.7-11.7H550V104c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v156h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.6zM517.7 624.7c-2.9-3.7-8.5-3.7-11.3 0L405.6 752.3c-3.7 4.7-0.4 11.7 5.7 11.7H474v156c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V764h62.8c6 0 9.4-7 5.7-11.7L517.7 624.7z" p-id="9095"></path></svg>');
763
+ }
764
+ .icon.vertical-bottom,
765
+ i.right-align {
766
+ background-image: url('data:image/svg+xml,<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1737506997512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8946" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M859.9 780H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM505.7 669c3.2 4.1 9.4 4.1 12.6 0l112-141.7c4.1-5.2 0.4-12.9-6.3-12.9h-74.1V176c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8z" p-id="8947"></path></svg>');
767
+ }
768
+ i.indent {
769
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-left"><path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
770
+ }
771
+ i.markdown {
772
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-markdown"><path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/><path fill-rule="evenodd" d="M9.146 8.146a.5.5 0 0 1 .708 0L11.5 9.793l1.646-1.647a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M11.5 5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5z"/><path d="M3.56 11V7.01h.056l1.428 3.239h.774l1.42-3.24h.056V11h1.073V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H2.5V11h1.06z"/></svg>');
773
+ }
774
+ i.outdent {
775
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-right"><path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
776
+ }
777
+ i.undo {
778
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise"><path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z"/><path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z"/></svg>');
779
+ }
780
+ i.redo {
781
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise"><path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"/><path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"/></svg>');
782
+ }
783
+ i.sticky {
784
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sticky"><path d="M2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 15 8.586V2.5A1.5 1.5 0 0 0 13.5 1h-11zM2 2.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V8H9.5A1.5 1.5 0 0 0 8 9.5V14H2.5a.5.5 0 0 1-.5-.5v-11zm7 11.293V9.5a.5.5 0 0 1 .5-.5h4.293L9 13.793z"/></svg>');
785
+ }
786
+ i.mic {
787
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic"><path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/><path d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z"/></svg>');
788
+ }
789
+ i.import {
790
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upload"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z"/></svg>');
791
+ }
792
+ i.export {
793
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/></svg>');
794
+ }
795
+ i.share {
796
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send"><path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/></svg>');
797
+ }
798
+ i.diagram-2 {
799
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-2"><path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/></svg>');
800
+ }
801
+ i.user {
802
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm0 128c39.77 0 72 32.24 72 72s-32.2 72-72 72c-39.76 0-72-32.24-72-72s32.2-72 72-72zm0 320c-52.93 0-100.9-21.53-135.7-56.29C136.5 349.9 176.5 320 224 320h64c47.54 0 87.54 29.88 103.7 71.71C356.9 426.5 308.9 448 256 448z"/></svg>');
803
+ }
804
+ i.equation {
805
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-slash-minus"><path d="m1.854 14.854 13-13a.5.5 0 0 0-.708-.708l-13 13a.5.5 0 0 0 .708.708ZM4 1a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2A.5.5 0 0 1 4 1Zm5 11a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 9 12Z"/></svg>');
806
+ }
807
+ i.calendar {
808
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16">%0D%0A <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>%0D%0A</svg>');
809
+ }
810
+ i.gif {
811
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-gif"><path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.278 13.124a1.403 1.403 0 0 0-.14-.492 1.317 1.317 0 0 0-.314-.407 1.447 1.447 0 0 0-.48-.275 1.88 1.88 0 0 0-.636-.1c-.361 0-.67.076-.926.229a1.48 1.48 0 0 0-.583.632 2.136 2.136 0 0 0-.199.95v.506c0 .272.035.52.105.745.07.224.177.417.32.58.142.162.32.288.533.377.215.088.466.132.753.132.268 0 .5-.037.697-.111a1.29 1.29 0 0 0 .788-.77c.065-.174.097-.358.097-.551v-.797H1.717v.589h.823v.255c0 .132-.03.254-.09.363a.67.67 0 0 1-.273.264.967.967 0 0 1-.457.096.87.87 0 0 1-.519-.146.881.881 0 0 1-.305-.413 1.785 1.785 0 0 1-.096-.615v-.499c0-.365.078-.648.234-.85.158-.2.38-.301.665-.301a.96.96 0 0 1 .3.044c.09.03.17.071.236.126a.689.689 0 0 1 .17.19.797.797 0 0 1 .097.25h.776Zm1.353 2.801v-3.999H3.84v4h.79Zm1.493-1.59v1.59h-.791v-3.999H7.88v.653H6.124v1.117h1.605v.638H6.124Z"/></svg>');
812
+ }
813
+ i.copy {
814
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M710 10H360c-38.6 0-70 31.4-70 70v630c0 38.6 31.4 70 70 70h490c38.6 0 70-31.4 70-70V220L710 10zm0 99 111 111H710V109zm140 601H360V80h280v210h210v420z"/><path d="M430 360h350v70H430v-70zm0 140h350v70H430v-70z"/><path d="M640 920H150V290h70v-70h-70c-38.6 0-70 31.4-70 70v630c0 38.6 31.4 70 70 70h490c38.6 0 70-31.4 70-70v-70h-70v70z"/></svg>');
815
+ }
816
+ i.paste {
817
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/></svg>');
818
+ }
819
+ i.success {
820
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" fill="%2325ae88"/><path fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M38 15 22 33l-10-8"/></svg>');
821
+ }
822
+ i.prettier {
823
+ background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.571 23.429A.571.571 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572zM8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zm-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zM8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16zM2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143zM9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143zm-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zM20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.571.571 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.571.571 0 0 0 9.714 12zm-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142zm19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143zM2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.571.571 0 0 0-.571.572zm-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143H6.857zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.571.571 0 0 0-.572.572zm-1.143 0a.571.571 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.571.571 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143zm5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.571.571 0 0 0-.571.571zm-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143z"/></svg>');
824
+ }
825
+ i.prettier-error {
826
+ background-image: url('data:image/svg+xml,<svg style="color:red" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.571 23.429A.571.571 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572zM8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zm-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zM8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16zM2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143zM9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143zm-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zM20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.571.571 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.571.571 0 0 0 9.714 12zm-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142zm19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143zM2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.571.571 0 0 0-.571.572zm-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143H6.857zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.571.571 0 0 0-.572.572zm-1.143 0a.571.571 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.571.571 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143zm5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.571.571 0 0 0-.571.571zm-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143zm0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143z" fill="red"/></svg>');
827
+ }
828
+ i.page-break,
829
+ .icon.page-break {
830
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-scissors" viewBox="0 0 16 16" transform="matrix(-1, 0, 0, 1, 0, 0)rotate(270)">%0D%0A <path d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61 3.5 3.5zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>%0D%0A</svg>');
831
+ }
832
+ .link-editor .button.active,
833
+ .toolbar .button.active {
834
+ background-color: rgb(223, 232, 250);
835
+ }
836
+ .link-editor .link-input {
837
+ display: block;
838
+ width: calc(100% - 75px);
839
+ box-sizing: border-box;
840
+ margin: 12px 12px;
841
+ padding: 8px 12px;
842
+ border-radius: 15px;
843
+ background-color: #eee;
844
+ font-size: 15px;
845
+ color: rgb(5, 5, 5);
846
+ border: 0;
847
+ outline: 0;
848
+ position: relative;
849
+ font-family: inherit;
850
+ }
851
+ .link-editor .link-view {
852
+ display: block;
853
+ width: calc(100% - 24px);
854
+ margin: 8px 12px;
855
+ padding: 8px 12px;
856
+ border-radius: 15px;
857
+ font-size: 15px;
858
+ color: rgb(5, 5, 5);
859
+ border: 0;
860
+ outline: 0;
861
+ position: relative;
862
+ font-family: inherit;
863
+ }
864
+ .link-editor .link-view a {
865
+ display: block;
866
+ word-break: break-word;
867
+ width: calc(100% - 33px);
868
+ }
869
+ .link-editor div.link-edit {
870
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill"><path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/></svg>');
871
+ background-size: 16px;
872
+ background-position: center;
873
+ background-repeat: no-repeat;
874
+ width: 35px;
875
+ vertical-align: -0.25em;
876
+ position: absolute;
877
+ right: 30px;
878
+ top: 0;
879
+ bottom: 0;
880
+ cursor: pointer;
881
+ }
882
+ .link-editor div.link-trash {
883
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
884
+ background-size: 16px;
885
+ background-position: center;
886
+ background-repeat: no-repeat;
887
+ width: 35px;
888
+ vertical-align: -0.25em;
889
+ position: absolute;
890
+ right: 0;
891
+ top: 0;
892
+ bottom: 0;
893
+ cursor: pointer;
894
+ }
895
+ .link-editor div.link-cancel {
896
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256-114.6 256-256 256S0 397.4 0 256zm175-47.9 47.1 47L175 303c-9.3 9.4-9.3 24.6 0 33.1 9.4 10.2 24.6 10.2 33.1 0l47-46.2 47.9 46.2c9.4 10.2 24.6 10.2 33.1 0 10.2-8.5 10.2-23.7 0-33.1l-46.2-47.9 46.2-47c10.2-8.5 10.2-23.7 0-33.1-8.5-9.3-23.7-9.3-33.1 0l-47.9 47.1-47-47.1c-8.5-9.3-23.7-9.3-33.1 0-9.3 9.4-9.3 24.6 0 33.1z"/></svg>');
897
+ background-size: 16px;
898
+ background-position: center;
899
+ background-repeat: no-repeat;
900
+ width: 35px;
901
+ vertical-align: -0.25em;
902
+ margin-right: 28px;
903
+ position: absolute;
904
+ right: 0;
905
+ top: 0;
906
+ bottom: 0;
907
+ cursor: pointer;
908
+ }
909
+ .link-editor div.link-confirm {
910
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" fill="%23000"/><path fill="none" stroke="%23fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M38 15 22 33l-10-8"/></svg>');
911
+ background-size: 16px;
912
+ background-position: center;
913
+ background-repeat: no-repeat;
914
+ width: 35px;
915
+ vertical-align: -0.25em;
916
+ margin-right: 2px;
917
+ position: absolute;
918
+ right: 0;
919
+ top: 0;
920
+ bottom: 0;
921
+ cursor: pointer;
922
+ }
923
+ .link-editor .link-input a {
924
+ color: rgb(33, 111, 219);
925
+ text-decoration: underline;
926
+ white-space: nowrap;
927
+ overflow: hidden;
928
+ margin-right: 30px;
929
+ text-overflow: ellipsis;
930
+ }
931
+ .link-editor .link-input a:hover {
932
+ text-decoration: underline;
933
+ }
934
+ .link-editor .font-size-wrapper,
935
+ .link-editor .font-family-wrapper {
936
+ display: flex;
937
+ margin: 0 4px;
938
+ }
939
+ .link-editor select {
940
+ padding: 6px;
941
+ border: none;
942
+ background-color: rgba(0, 0, 0, 0.075);
943
+ border-radius: 4px;
944
+ }
945
+ .mention:focus {
946
+ box-shadow: rgb(180 213 255) 0px 0px 0px 2px;
947
+ outline: none;
948
+ }
949
+ .characters-limit {
950
+ color: #888;
951
+ font-size: 12px;
952
+ text-align: right;
953
+ display: block;
954
+ position: absolute;
955
+ left: 12px;
956
+ bottom: 5px;
957
+ }
958
+ .characters-limit.characters-limit-exceeded {
959
+ color: red;
960
+ }
961
+ .dropdown {
962
+ z-index: 200;
963
+ display: block;
964
+ position: fixed;
965
+ pointer-events: auto;
966
+ box-shadow:
967
+ 0 12px 28px 0 rgba(0, 0, 0, 0.2),
968
+ 0 2px 4px 0 rgba(0, 0, 0, 0.1),
969
+ inset 0 0 0 1px rgba(255, 255, 255, 0.5);
970
+ border-radius: 8px;
971
+ min-height: 40px;
972
+ max-height: 300px;
973
+ overflow-y: auto;
974
+ background-color: #fff;
975
+ }
976
+ .dropdown .item {
977
+ margin: 0 8px 0 8px;
978
+ padding: 8px;
979
+ color: #050505;
980
+ cursor: pointer;
981
+ line-height: 16px;
982
+ font-size: 15px;
983
+ display: flex;
984
+ align-content: center;
985
+ flex-direction: row;
986
+ flex-shrink: 0;
987
+ justify-content: space-between;
988
+ background-color: #fff;
989
+ border-radius: 8px;
990
+ border: 0;
991
+ max-width: 264px;
992
+ min-width: 100px;
993
+ }
994
+ .dropdown .item.wide {
995
+ align-items: center;
996
+ width: 260px;
997
+ }
998
+ .dropdown .item.wide .icon-text-container {
999
+ display: flex;
1000
+ .text {
1001
+ min-width: 120px;
1002
+ }
1003
+ }
1004
+ .dropdown .item .shortcut {
1005
+ color: #939393;
1006
+ align-self: flex-end;
1007
+ }
1008
+ .dropdown .item .active {
1009
+ display: flex;
1010
+ width: 20px;
1011
+ height: 20px;
1012
+ background-size: contain;
1013
+ }
1014
+ .dropdown .item:first-child {
1015
+ margin-top: 8px;
1016
+ }
1017
+ .dropdown .item:last-child {
1018
+ margin-bottom: 8px;
1019
+ }
1020
+ .dropdown .item:hover {
1021
+ background-color: #eee;
1022
+ }
1023
+ .dropdown .item .text {
1024
+ display: flex;
1025
+ line-height: 20px;
1026
+ flex-grow: 1;
1027
+ min-width: 150px;
1028
+ }
1029
+ .dropdown .item .icon {
1030
+ display: flex;
1031
+ width: 20px;
1032
+ height: 20px;
1033
+ user-select: none;
1034
+ margin-right: 12px;
1035
+ line-height: 16px;
1036
+ background-size: contain;
1037
+ background-position: center;
1038
+ background-repeat: no-repeat;
1039
+ }
1040
+ .dropdown .divider {
1041
+ width: auto;
1042
+ background-color: #eee;
1043
+ margin: 4px 8px;
1044
+ height: 1px;
1045
+ }
1046
+ @media screen and (max-width: 1100px) {
1047
+ .dropdown-button-text {
1048
+ display: none !important;
1049
+ }
1050
+ .dialog-dropdown > .dropdown-button-text {
1051
+ display: flex !important;
1052
+ }
1053
+ .font-size .dropdown-button-text {
1054
+ display: flex !important;
1055
+ }
1056
+ .code-language .dropdown-button-text {
1057
+ display: flex !important;
1058
+ }
1059
+ }
1060
+ .icon.paragraph {
1061
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-paragraph"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z"/></svg>');
1062
+ }
1063
+ .icon.h1 {
1064
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13h1.244z"/></svg>');
1065
+ }
1066
+ .icon.h2 {
1067
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h2"><path d="M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049h1.223z"/></svg>');
1068
+ }
1069
+ .icon.h3 {
1070
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h3"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142 0 1.935.67 1.949 1.674.013 1.005-.78 1.737-2.01 1.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069 1.327 1.224 2.386 3.083 2.386 1.935 0 3.343-1.155 3.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123 1.764-.91 1.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857 1.162-2.898 2.358h1.196c.062-.69.711-1.299 1.696-1.299.998 0 1.695.622 1.695 1.525.007.922-.718 1.592-1.695 1.592h-.964v1.074z"/></svg>');
1071
+ }
1072
+ .icon.h4 {
1073
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.337.2v-2.328H9.108V9.828l3.441-6.35h1.632v6.141H15.5v1.253h-1.319V13.2Zm-2.615-3.581h2.615V6.7L13 4.689l-.872 1.7z"/></svg>');
1074
+ }
1075
+ .icon.h5 {
1076
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm2.755-5.791a3.763 3.763 0 0 1 2.113-.517 2.973 2.973 0 0 1 2.995 3.1 3.45 3.45 0 0 1-.9 2.442 3.111 3.111 0 0 1-2.393.968 3.327 3.327 0 0 1-2.094-.671 2.758 2.758 0 0 1-1.007-2h1.284a1.387 1.387 0 0 0 .511 1.1 2.384 2.384 0 0 0 1.4.421 1.819 1.819 0 0 0 1.479-.638 2.042 2.042 0 0 0 .437-1.514 2.17 2.17 0 0 0-.567-1.584 1.958 1.958 0 0 0-1.468-.58 2.358 2.358 0 0 0-1.79.789H9.108V3.478h5.931v1.134h-4.647Z"/></svg>');
1077
+ }
1078
+ .icon.h6 {
1079
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1"><path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.039-6.13a2.823 2.823 0 0 1 1.419.364 2.69 2.69 0 0 1 1.022 1.05 3.327 3.327 0 0 1 .383 1.642 3.594 3.594 0 0 1-.39 1.7 2.878 2.878 0 0 1-1.1 1.158 3.165 3.165 0 0 1-1.635.416 2.812 2.812 0 0 1-1.734-.545A3.49 3.49 0 0 1 9.51 11.1a6.515 6.515 0 0 1-.4-2.411A7.726 7.726 0 0 1 9.542 6a4.289 4.289 0 0 1 1.233-1.851 2.831 2.831 0 0 1 1.889-.673A2.7 2.7 0 0 1 13.8 3.7a2.463 2.463 0 0 1 .812.586 2.886 2.886 0 0 1 .514.8 2.768 2.768 0 0 1 .223.861H14a1.488 1.488 0 0 0-.453-.923 1.346 1.346 0 0 0-.935-.329 1.509 1.509 0 0 0-1.072.425 2.839 2.839 0 0 0-.71 1.18 6.808 6.808 0 0 0-.323 1.771 2.639 2.639 0 0 1 .918-.889 2.48 2.48 0 0 1 1.251-.312Zm-.285 5.117a1.617 1.617 0 0 0 .91-.256 1.752 1.752 0 0 0 .614-.713 2.336 2.336 0 0 0 .223-1.037 2.211 2.211 0 0 0-.217-1.01 1.6 1.6 0 0 0-.6-.666 1.671 1.671 0 0 0-.892-.236 1.833 1.833 0 0 0-1.164.377 2.4 2.4 0 0 0-.743 1.009 3.749 3.749 0 0 0 .6 1.845 1.5 1.5 0 0 0 1.269.687Z"/></svg>');
1080
+ }
1081
+ .icon.bullet-list,
1082
+ .icon.bullet {
1083
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-ul"><path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>');
1084
+ }
1085
+ .icon.check-list,
1086
+ .icon.check {
1087
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/></svg>');
1088
+ }
1089
+ .icon.numbered-list,
1090
+ .icon.number {
1091
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-ol"><path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/><path d="M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338v.041zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z"/></svg>');
1092
+ }
1093
+ .icon.quote {
1094
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-quote"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/></svg>');
1095
+ }
1096
+ .icon.code {
1097
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code"><path d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"/></svg>');
1098
+ }
1099
+ .switches {
1100
+ z-index: 6;
1101
+ position: fixed;
1102
+ left: 10px;
1103
+ bottom: 70px;
1104
+ animation: slide-in 0.4s ease;
1105
+ }
1106
+ @keyframes slide-in {
1107
+ 0% {
1108
+ opacity: 0;
1109
+ transform: translateX(-200px);
1110
+ }
1111
+ 100% {
1112
+ opacity: 1;
1113
+ transform: translateX(0);
1114
+ }
1115
+ }
1116
+ .switch {
1117
+ display: block;
1118
+ color: #444;
1119
+ margin: 5px 0;
1120
+ background-color: rgba(238, 238, 238, 0.7);
1121
+ padding: 5px 10px;
1122
+ border-radius: 10px;
1123
+ }
1124
+ #rich-text-switch {
1125
+ right: 0;
1126
+ }
1127
+ #character-count-switch {
1128
+ right: 130px;
1129
+ }
1130
+ .switch label {
1131
+ margin-right: 5px;
1132
+ line-height: 14px;
1133
+ width: 100px;
1134
+ font-size: 12px;
1135
+ display: inline-block;
1136
+ vertical-align: middle;
1137
+ }
1138
+ .switch button {
1139
+ background-color: rgb(206, 208, 212);
1140
+ height: 24px;
1141
+ box-sizing: border-box;
1142
+ border-radius: 12px;
1143
+ width: 44px;
1144
+ display: inline-block;
1145
+ vertical-align: middle;
1146
+ position: relative;
1147
+ outline: none;
1148
+ cursor: pointer;
1149
+ transition: background-color 0.1s;
1150
+ border: 2px solid transparent;
1151
+ }
1152
+ .switch button:focus-visible {
1153
+ border-color: blue;
1154
+ }
1155
+ .switch button span {
1156
+ top: 0px;
1157
+ left: 0px;
1158
+ display: block;
1159
+ position: absolute;
1160
+ width: 20px;
1161
+ height: 20px;
1162
+ border-radius: 12px;
1163
+ background-color: white;
1164
+ transition: transform 0.2s;
1165
+ }
1166
+ .switch button[aria-checked=true] {
1167
+ background-color: rgb(24, 119, 242);
1168
+ }
1169
+ .switch button[aria-checked=true] span {
1170
+ transform: translateX(20px);
1171
+ }
1172
+ .editor-shell span.editor-image {
1173
+ cursor: default;
1174
+ display: inline-block;
1175
+ position: relative;
1176
+ user-select: none;
1177
+ overflow: hidden;
1178
+ }
1179
+ .editor-shell .editor-image img {
1180
+ max-width: 100%;
1181
+ cursor: default;
1182
+ }
1183
+ .editor-shell .editor-image img.focused {
1184
+ outline: 2px solid rgb(60, 132, 244);
1185
+ user-select: none;
1186
+ }
1187
+ .editor-shell .editor-image img.focused.draggable {
1188
+ cursor: grab;
1189
+ }
1190
+ .editor-shell .editor-image img.focused.draggable:active {
1191
+ cursor: grabbing;
1192
+ }
1193
+ .editor-shell .editor-image .image-caption-container .tree-view-output {
1194
+ margin: 0;
1195
+ border-radius: 0;
1196
+ }
1197
+ .editor-shell .editor-image .image-caption-container {
1198
+ display: block;
1199
+ position: absolute;
1200
+ bottom: 4px;
1201
+ left: 0;
1202
+ right: 0;
1203
+ padding: 0;
1204
+ margin: 0;
1205
+ border-top: 1px solid #fff;
1206
+ background-color: rgba(255, 255, 255, 0.9);
1207
+ min-width: 100px;
1208
+ color: #000;
1209
+ overflow: hidden;
1210
+ box-sizing: border-box;
1211
+ max-width: 100%;
1212
+ word-wrap: break-word;
1213
+ }
1214
+ .editor-shell .editor-image .image-caption-button {
1215
+ display: block;
1216
+ position: absolute;
1217
+ bottom: 20px;
1218
+ left: 0;
1219
+ right: 0;
1220
+ width: 30%;
1221
+ padding: 10px;
1222
+ margin: 0 auto;
1223
+ border: 1px solid rgba(255, 255, 255, 0.3);
1224
+ border-radius: 5px;
1225
+ background-color: rgba(0, 0, 0, 0.5);
1226
+ min-width: 100px;
1227
+ color: #fff;
1228
+ cursor: pointer;
1229
+ user-select: none;
1230
+ }
1231
+ .editor-shell .editor-image .image-caption-button:hover {
1232
+ background-color: rgba(60, 132, 244, 0.5);
1233
+ }
1234
+ .editor-shell .editor-image .image-edit-button {
1235
+ border: 1px solid rgba(0, 0, 0, 0.3);
1236
+ border-radius: 5px;
1237
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill"><path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/></svg>');
1238
+ background-size: 16px;
1239
+ background-position: center;
1240
+ background-repeat: no-repeat;
1241
+ width: 35px;
1242
+ height: 35px;
1243
+ vertical-align: -0.25em;
1244
+ position: absolute;
1245
+ right: 4px;
1246
+ top: 4px;
1247
+ cursor: pointer;
1248
+ user-select: none;
1249
+ }
1250
+ .editor-shell .editor-image .image-edit-button:hover {
1251
+ background-color: rgba(60, 132, 244, 0.1);
1252
+ }
1253
+ .editor-shell .editor-image .image-resizer {
1254
+ display: block;
1255
+ width: 7px;
1256
+ height: 7px;
1257
+ position: absolute;
1258
+ background-color: rgb(60, 132, 244);
1259
+ border: 1px solid #fff;
1260
+ }
1261
+ .editor-shell .editor-image .image-resizer.image-resizer-n {
1262
+ top: -6px;
1263
+ left: 48%;
1264
+ cursor: n-resize;
1265
+ }
1266
+ .editor-shell .editor-image .image-resizer.image-resizer-ne {
1267
+ top: -6px;
1268
+ right: -6px;
1269
+ cursor: ne-resize;
1270
+ }
1271
+ .editor-shell .editor-image .image-resizer.image-resizer-e {
1272
+ bottom: 48%;
1273
+ right: -6px;
1274
+ cursor: e-resize;
1275
+ }
1276
+ .editor-shell .editor-image .image-resizer.image-resizer-se {
1277
+ bottom: -2px;
1278
+ right: -6px;
1279
+ cursor: nwse-resize;
1280
+ }
1281
+ .editor-shell .editor-image .image-resizer.image-resizer-s {
1282
+ bottom: -2px;
1283
+ left: 48%;
1284
+ cursor: s-resize;
1285
+ }
1286
+ .editor-shell .editor-image .image-resizer.image-resizer-sw {
1287
+ bottom: -2px;
1288
+ left: -6px;
1289
+ cursor: sw-resize;
1290
+ }
1291
+ .editor-shell .editor-image .image-resizer.image-resizer-w {
1292
+ bottom: 48%;
1293
+ left: -6px;
1294
+ cursor: w-resize;
1295
+ }
1296
+ .editor-shell .editor-image .image-resizer.image-resizer-nw {
1297
+ top: -6px;
1298
+ left: -6px;
1299
+ cursor: nw-resize;
1300
+ }
1301
+ .emoji {
1302
+ color: transparent;
1303
+ caret-color: rgb(5, 5, 5);
1304
+ background-size: 16px 16px;
1305
+ background-position: center;
1306
+ background-repeat: no-repeat;
1307
+ vertical-align: middle;
1308
+ margin: 0 -1px;
1309
+ }
1310
+ .emoji-inner {
1311
+ padding: 0 0.15em;
1312
+ }
1313
+ .emoji-inner::selection {
1314
+ color: transparent;
1315
+ background-color: rgba(150, 150, 150, 0.4);
1316
+ }
1317
+ .emoji-inner::moz-selection {
1318
+ color: transparent;
1319
+ background-color: rgba(150, 150, 150, 0.4);
1320
+ }
1321
+ .emoji.happysmile {
1322
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACE1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAB2bRQBAQD25CoaGAT15CqFfBdIQwwZFwTSwyTTxCStoR4KCQKGfRfz4in04yoMCwJHQgxRSw5STA7r2ijj0yeDehammhylmRwjIAYiHwbv3ikYFgR1bBQbGQV3bhRlXhGXjBpOSA355yrq2SjVxiTn1yewox776SvMvSM/OwtzahQODQJcVRACAgALCgKonB1FQAxEPwynmxxTTQ5GQQzs2yjQwSPOvyPNviNUTg62qR8kIQZPSQ3PwCO5rCB+dRW6rSDu3Sm3qh9YUg8lIgaBeBaUihmqnh2rnx3p2SiQhhmvoh4HBgHo2CgIBwHk1CeRhxlQSg6xpB6CeRZJRAySiBlXUQ9WUA/w3ynt3ChaVA+Vixl180CkAAAAU3RSTlMABfwYE47z9P75uJBWWWtt8e746+zt2djatrUWjcvIxxVs9Y8bjHcZZ/IaUHPQJ83OJHVPYPvcVdtuF1gUycoSTczxz2TzI3YEJiVodCgGTmVTUqncTiEAAALWSURBVFjD7ZfVWxtBFMUhJNkI2lIoBYoVLVaou7vvyQQIwZPgVJC2uLtDsbp7+ycWHtjsJuzsJF/7tQ85T7N3d377jdw7Z/z8fPLJp3+vgCCjISJMrw+LMBiPHfWWcvxILCQ6kaD2ArMnKRGoshS1l1SbzdUlr4psVQCnyfAQ45/CgVgGKnmRKoctBNwlf0842VnA1DjvpjkHcO4KO+eOFiuL/Jaan8GFvayc/Qfg+MHLqGkZqmtsnDSQBZ6icoIQFs5dFfnFU7VGVAyj2xeKIl5Bq9DeUOLczMJPXlHfkKu0C1Kw8l0Z9LQBeQr7mcMiz6AlaFOpoCSM8EyyI4bGUSeScTbQBOFoGRyCzzyjbAimgGIxsPmh+X5xgcks7iqN1GE3pY7pqoR8N21UIJMYJI1U9OuiZUFBsAjdije63RODXCKDCJQFGUWbumCj2wMxyCVSC40syICP0oE8dBuaM1KKXbKgg3jsnFpTgetkSyMl2CkL2oFHPLOeYLssSA8zO6gQ2/4+6I8N7bBoshVFm2wD2tlBtOU3KldZnmlDBsHGDhrCIaakVVJFmS5ePv1PYlj4sqNwiyXvEJr1iKMWNmf69/Z0v5Niarp7eoWHUWphU3NkTshRgrf2urHNx+r6D69BhHI0SS+1fho4hH92OvrW072htdlkam5tXG/2jXQKL2eRTD1FMrSYF43lZVfZpl3r73pf43wzjfQA+sGWh5km8by0WZ+1lJe3PLe2SQ7IRmQqWbVcLCuv/RRy/BlMxKoSZwHabGU7kq8ia3TOF6husRik2y7HkJvRgu48s/Wzj8lav69QpbGayPxQNCxtzZluxNnT7Lb2ag5gn3DHTM4CZy56ZNiva0FsdRWSfK8fJUjPvOyh90/VcEDZYG2p9YW58I219NPQ+ibnkgO8uI2oE3brxHcaXVzwKW8vSNGBmqjIcL0+PDIqJjDed+30yaf/QL8BILNaoYqaEPoAAAAASUVORK5CYII=);
1323
+ }
1324
+ .emoji.veryhappysmile {
1325
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACzVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAADqWkf///8BAAB2bRT25CoaGATw3ykyLwmFfBdIQwxHQgwJCALz4in45ir04yrMzMwBAQEZFwTTxCR3bhQMCwKtoR4kIQaonB1YUg8IBwEMDAzt3CiDehbr2ij15Cqwox5TTQ5STA7u3SlRSw62qR+4qx/OvyNFQAzQwSOSiBlEPwx+dRUOBQQEBAEDAgEjIAZDGhQ4ODh1bBQbGQUYFgTn1yfVxiSnmxylmRymmhxGQQzPwCO5rCBWUA8iHwaGfRfNviO6rSCBeBZPSQ2UihnSwyTo2Cjx4ClAGBNNHhfk1Ce+sCB6cRVJRAyCeRZqamosLCzPTz54bxTCtCHWxyUYCQcWCQczFA8WFATKTj2hlhtMHRfIyMhfJB0eHh5aWlpJSUkGBgZFRUUvLy8iIiLd3d319fWxpB6voh5aVA8TEQOVixkwEg5LRg0oJQfSUUCrnx3FtyKXjBrfzybZyiUuKgiPhRj35SqSOCzg0CaWOi3x8fFBPQv55yp8cxVJHBZOSA3UxSQGAgJeVxB/dhYGBQHZ2dkUCAa0RTdkJh7RUD+fn5/GTDyoqKgqEA2vQzUMBQQqKiohDQq9ryB4eHh+fn7aVEKFhYWjPzFVVVVIHBbR0dGCMiePj4+wRDbXyCVUIBpsKSGKNSo2FRA1FBA6OjoEBAT9/f09PT0PDw8fHAUZGRkpKSnp6el6XgltAAAAP3RSTlMABfxr+ROO9P7zF5C47FbIthnP8VkVFM1td9Ajde747dnc2/XYjY8bjE1Q8mdzJWQm+2BPblgSycsEaCgGU1L0HiQRAAADp0lEQVRYw+2X5VsUURTGYVk26BSxFVuxu+aFYRFYUBEpkVwQBEm7GxSwC1Swu7vF7u7urr/BmXEXZxd35sKjj37Y99M+Z8797XPPPefcc83MTDLJpH8vKxdrm3q1pdLa9WysO1pVlVKtQxfoqbOFZRUwTRp7AKEB/nEhMSpVTMhmf3UoIJc5VhJj7i4HHRDRl+Kp7+gAGnJ388pw2tQA4odQFTQ+AXBqQ87pqUT4VOq3mhAOZXNSTru2SBhEGZEmEpJuZJyWoIdSAppMozoJp5eE3kYJagYtIdhdTWf4UyKaBmV3MU6PGthCiWoinMSywB3hvcVBmizUEslnOaZSBEqCUjjHGyOeIlIiGglxLD3oIWSgZFouVMHVMYcilBoWAqAuiNA5qob19/VR8ZfqW8bCXqCPKULL692H7UA+fJC+JShU4WoU5IKA8mX92WUj+CADSwrsjIKseUntyy4bzgcZWKIhMwqywSb9jQyosLVfljA4GAXVx6hfofXxNQy2viUEDYyC6iKGItZI2BoFSaEiB8Wizt8H/bGtNeAFW1RCwbZBHDlI6Ph1CanZndzHKGBfnEY0IV2g5nwGAAP9Is8tv/uSf9VqFi9avvCUry4p0wRKRFe0sxEVrB0cAouz/Dh9CdRaMjGbK9pAgaJl2sho1ukg5h0ruXpv1af1a3jDSNT694/vX78wD6mszxihNsI0Nq78CzHfW6uN3zf047Rho9YyH4WszzjBxmYpp8czTn0GIur2quclH70N9PTh6pUIZA9iinCrNZMhgf27A9rdfIj6+m1dztrVa3Ny1q38vOZn4HayHtPRVPAWcVRiAuO2PwM37twKhqHo9CXIXMxdRy1EJsFaCGfTpAxLr3l5PXjx5vWrFdlvi95lZz8pffZomdeyJVjIZsIkeIqNak6IZDxPpOHiTa8KurQUx9kIxcPNnGCImMamyRzQpQv0MVcuByNlJvNxKJQEY1t7CT2DPbm555F58nA5a9fR/DPIKDvEfEqFpBnJgNRae+mcPpvBxDd9+6z8/FlF6czPjEjuGp4MRWvi0S+Ra0wFe3cU6w5sqzr1CFdxEyFpSTpEtndGVpK2VPP2DI6ISFpUoBtDJsG5mRmxWrkBickVW8iU6YBbzUoN7J5K0OqxQXxK0JhxNFp4dq3k7O8okzNNJCU6LDdPFZuXGzY3jekj8qZVedlYWtgr+PWhsLfoVNUHkqudzKGhrVRq29ChkZ2r6dlpkkn/gX4AY/8OuDJyF4EAAAAASUVORK5CYII=);
1326
+ }
1327
+ .emoji.unhappysmile {
1328
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACOlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAD25Cp2bRQBAQAaGAQZFwSFfBdIQwzz4inTxCStoR5HQgz04yoMCwLv3in15CqDehYKCQJEPwxRSw7QwSNSTA5YUg9WUA82Mgl1bBQbGQV3bhQYFgTr2ijq2SjVxiTn1yewox7SwyRFQAyonB2lmRymmhynmxxGQQzOvyPo2CiGfRfNviM7NwpUTg7PwCMkIQa5rCC2qR9PSQ0lIga6rSC3qh/u3Sl+dRWBeBaUihkuKwgPDgPp2Sj76SuxpB6voh4LCgKCeRZJRAySiBkmIwYFBQEiHwZTTQ5XUQ/eziYhHwYiIAYjIAZaVA/s2yjw3ynt3CiVixlKRQ2NgxjUxSQEBAFOSA0HBgGpnR3IuSJmXxH45iohHgbWxyXRwiTy4SlAPAvm1ifZyiUGBgH55yrg0Caqnh1iWxHHuCIDAwFqoJzsAAAAUnRSTlMA/AUYjhPz9P75kLhZVmtt8vH47uzt69jZ2rUWtsvIxxWNbPWPGxl3jFAaZ3MkJ9DOdc1PYPvcVdtYFBduEsnKTczPZCYjdgTwdAYoJWhOZVNSPExHuwAAAtFJREFUWMPtl+VXG0EUxQkk2QhaaKHFpUCBonV317mbJQkQ3Cu0xaVokWJ1d3d3+d9aeg7sbtKdneS0p/2Q+23evPmdM/bmjo+PV1559e/l528yR4QajaERZtPylZ5SVqyKhkxrEnQeYOYnJQIldltjYQPPNxSetTlKAE6b5ibGN4WDYG8pJhIVt9sFcFt83eFkZgG91cRFfTXAhk3snH16DA2T32qgH8ELWDmLFqPmHlFQaS00u9k46RBGCUXHBQSxcPZrhPuEqnFBwzC7hSGwERWNQb9TjbMjC7eJquqQrXYKUjB0Vx108hZyVM4zh2HCoBHok6mgJFwlTKpCPI2jSxSq2UCdAke7wUG4QBjlQCAFFI2W6UT+gDXfwkuHyiNtiKHUMUPJzH23TFUgixQkjxScM0QqgvxhnxlmnRp2WApyijQjQBFkkhzq/KlhB6Ugp0g5tIogM87IJ3LIZWpipAjzFEFLcFRcWku+82LLI4WYqwiajSOEWccwRxFkBM8OKsOsvw/6Y1NbJllsVdEW24xGdhBt+03qVZYwHUh/OJzTP9sqrbh86cHDLueeSixlurS/9P7r92kH8fRFqayroMIQp3z916JdmvzNio+1X66f5h89e/IYr55L+1oRSy1sdknum0m8+zDdeF2PSWn17KAWNh0n9Im5E6j7JLZe1mFCbHXTS62PFjVick/9W9mq1PeIjUGkUl+RND0GWPb+BIL96A9bDvpLGR7IG8hQs2rZqFUH9SLXl8FEjKlxRqHPVLcjeRphnM65CM0eFoO01+kZcjFaMGxktn5VdxSt3zVo0llNZF4Ibo4o7PsVbFvHbmt35QJVna6Y7kFg/Wa3DPt2PQRHW4HsZLd2CAjO2Oqm90/WckBFc3lR0ym+rKup6Hxlxc8vRKqfB78RXUKMQfqnMcQGrvb0gxQZoI0KDzMaw8Kj4gPivN9Or7z6D/QDbi1VtzA+50wAAAAASUVORK5CYII=);
1329
+ }
1330
+ .emoji.heart {
1331
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACrFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKBAMAAAAAAAAAAAAAAAAAAAAAAADqWkcAAAABAAACAQBtKiFrKSFqKSDfVkQaCghUIBkuEg4VCAbXU0HRUD8HAwLZU0LjV0XhVkTmWUYEAQECAQFoKB8wEg6DMihXIhqZOy6nQDPiV0RlJx8PBgXkWEXITT2YOy51LSMUCAboWUYxEw8sEQ0GAgIIAwKhPjEoEAxUIBrYU0GGNCmAMSeFMyh+MCZZIhtaIxsYCQdVIRqBMifSUUBRHxjQUD8tEQ6CMijeVUNmJx9pKCCXOi5dJByJNSkFAgJIHBY0FBDcVUOKNSokDguONys4FhEnDwzpWke4RzhNHhcXCQflWEacPC8NBQSiPjHUUkAhDQo3FRGVOS21Rje8SDnFTDzCSjsZCggLBANkJh66SDnnWUbaVEJsKiEeDAk/GBNEGhUEAgEbCwi/STofDAk8FxKePTCgPTCfPTCwRDXMTj7PUD8RBwUdGVw/AAAAdXRSTlMAs81bCHPz+j4B9TcHPcJ4+ftS/gusTXF3ZVk1aTB0isrDdYv9EixV3FFHtEUvrQk/S/Jd9F+rTMRnaK/3Nt7SUxPrDCCpXuFE1iTuvg6TSQQ0+DilCp/kFs8YBpID6Woha0A77AWadh5kG6HH5/6O/JC6ArUoUSe0AAACyklEQVRYw+2XVVcbURSFg05CIXiBtlAc6u5C3d3d3W32xLBA8BYprnV3d3d39/6RFtJCk8yduRN46EO+x71WvpU1c+eefWQyGzZsSKad3MHPP0DuY5r6yAP8/RzcHKk1jX07owbGroXib6jwsmOMqbNvNypNo+4AFx+Xod6dmQbY9/mT2gNpJXvUGXHxHKBsKu5pxiAh6wBbw7adsfBcWp26eyJ2e7Ix1R9JANNDzBMGTqNjazFoVFgrk62HSm2oS3XHOTQX+T9I2sKa8KUMTqFIqjBNTyShp+DzYTgzD8t+5daFqyrM0wKOEXpOIdCwFmgAtWWqhVLgvSNBZ/mTlMrKHMv0aBE6EEVtkcXykJrKl+5HV5LHsSN3iKVGzzmTzrgcmawE4uFGEDkgToroIJoQREHQShFp4UQQhfK9fGtEXbBZimgfOhFE7XFYiqgUcoLI1SU9kd6TmO7iSjpIrbCDXrQLdsST3RKxObSelL1oTRQp7HGMVpSLYIGvP9BDlU3nyVZ5tBG6kNyRl0/jyc+Du+ANqRiMC+fEPbrL6KUQvmsHxuBMsZjnyjUMHy12+w8agEIxUSFGjhCfR8M8uZvCntuq8LE0EzIITx8LeR7dIn6tZkzB62Sy5+VdTKKc/Y7BePOC5Cl+i+mTaVvEsjl8A8jIKyyaR19rFnpwBfyezxyzQEpBmo/y53yeD2swV1rVWoL3PHdT8keslNjZFitxb6vFpPyEVa5S29+Mqcg1Fz3D6hXSe+TECbho6rkPxs2aRjoEZVf/9Twsx3Lruu0YXNfXee48wSwrS/K4UThb+8BvXELITGvrdv++dSPzJIZOs764B7rgvNFzCr3H12cF6Of97lu158FpYvWgJAw/v7PsjyKxOizKxk0oTTGUYMPs+u43EdGoqkJ0RP03pUjn33tMZEPsXF7e3l4Ns71FRdk2WBs2/ht+ATukxXbBieGmAAAAAElFTkSuQmCC);
1332
+ }
1333
+ .keyword {
1334
+ color: rgb(241, 118, 94);
1335
+ font-weight: bold;
1336
+ }
1337
+ .actions {
1338
+ position: sticky;
1339
+ bottom: 0;
1340
+ text-align: right;
1341
+ padding: 6px 10px;
1342
+ background: #fff;
1343
+ border-top: 1px solid #eee;
1344
+ z-index: 20;
1345
+ }
1346
+ .actions.tree-view {
1347
+ border-bottom-left-radius: 0;
1348
+ border-bottom-right-radius: 0;
1349
+ }
1350
+ .actions i {
1351
+ background-size: contain;
1352
+ display: inline-block;
1353
+ height: 15px;
1354
+ width: 15px;
1355
+ vertical-align: -0.25em;
1356
+ }
1357
+ .actions i.indent {
1358
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-left"><path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
1359
+ }
1360
+ .actions i.outdent {
1361
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-right"><path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
1362
+ }
1363
+ .actions i.lock {
1364
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock-fill"><path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/></svg>');
1365
+ }
1366
+ .actions i.image {
1367
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-image"><path d="M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/><path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12V2z"/></svg>');
1368
+ }
1369
+ .actions i.table {
1370
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/></svg>');
1371
+ }
1372
+ .actions i.unlock {
1373
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock"><path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/></svg>');
1374
+ }
1375
+ .actions i.fullscreen {
1376
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3Cline x1='21' y1='3' x2='14' y2='10'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");
1377
+ }
1378
+ .actions i.fullscreen-exit {
1379
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 14 10 14 10 20'/%3E%3Cpolyline points='20 10 14 10 14 4'/%3E%3Cline x1='14' y1='10' x2='21' y2='3'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");
1380
+ }
1381
+ .actions i.left-align {
1382
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-left"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
1383
+ }
1384
+ .actions i.center-align {
1385
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-center"><path fill-rule="evenodd" d="M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
1386
+ }
1387
+ .actions i.right-align {
1388
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-right"><path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
1389
+ }
1390
+ .actions i.justify-align {
1391
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>');
1392
+ }
1393
+ .actions i.disconnect {
1394
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plug"><path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z"/></svg>');
1395
+ }
1396
+ .actions i.connect {
1397
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plug-fill"><path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0z"/></svg>');
1398
+ }
1399
+ .actions i.versions {
1400
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">%0D%0A <path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z"/>%0D%0A <path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z"/>%0D%0A <path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5"/>%0D%0A</svg>');
1401
+ }
1402
+ .table-cell-action-button-container {
1403
+ position: absolute;
1404
+ z-index: 3;
1405
+ top: 0;
1406
+ left: 0;
1407
+ will-change: transform;
1408
+ }
1409
+ .table-cell-action-button-container.table-cell-action-button-container--active {
1410
+ pointer-events: auto;
1411
+ opacity: 1;
1412
+ }
1413
+ .table-cell-action-button-container.table-cell-action-button-container--inactive {
1414
+ pointer-events: none;
1415
+ opacity: 0;
1416
+ }
1417
+ .table-cell-action-button {
1418
+ display: flex;
1419
+ justify-content: center;
1420
+ align-items: center;
1421
+ border: 0;
1422
+ position: absolute;
1423
+ top: 10px;
1424
+ right: 10px;
1425
+ border-radius: 15px;
1426
+ color: #222;
1427
+ display: inline-block;
1428
+ cursor: pointer;
1429
+ }
1430
+ i.chevron-down {
1431
+ background-color: transparent;
1432
+ background-size: contain;
1433
+ display: inline-block;
1434
+ height: 8px;
1435
+ width: 8px;
1436
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
1437
+ }
1438
+ .action-button {
1439
+ background-color: #eee;
1440
+ border: 0;
1441
+ padding: 8px 12px;
1442
+ position: relative;
1443
+ margin-left: 5px;
1444
+ border-radius: 15px;
1445
+ color: #222;
1446
+ display: inline-block;
1447
+ cursor: pointer;
1448
+ }
1449
+ .action-button:hover {
1450
+ background-color: #ddd;
1451
+ color: #000;
1452
+ }
1453
+ .action-button-mic.active {
1454
+ animation: mic-pulsate-color 3s infinite;
1455
+ }
1456
+ button.action-button:disabled {
1457
+ opacity: 0.6;
1458
+ background: #eee;
1459
+ cursor: not-allowed;
1460
+ }
1461
+ @keyframes mic-pulsate-color {
1462
+ 0% {
1463
+ background-color: #ffdcdc;
1464
+ }
1465
+ 50% {
1466
+ background-color: #ff8585;
1467
+ }
1468
+ 100% {
1469
+ background-color: #ffdcdc;
1470
+ }
1471
+ }
1472
+ .debug-timetravel-panel {
1473
+ overflow: hidden;
1474
+ padding: 0 0 10px 0;
1475
+ margin: auto;
1476
+ display: flex;
1477
+ }
1478
+ .debug-timetravel-panel-slider {
1479
+ padding: 0;
1480
+ flex: 8;
1481
+ }
1482
+ .debug-timetravel-panel-button {
1483
+ padding: 0;
1484
+ border: 0;
1485
+ background: none;
1486
+ flex: 1;
1487
+ color: #fff;
1488
+ font-size: 12px;
1489
+ }
1490
+ .debug-timetravel-panel-button:hover {
1491
+ text-decoration: underline;
1492
+ }
1493
+ .debug-timetravel-button {
1494
+ border: 0;
1495
+ padding: 0;
1496
+ font-size: 12px;
1497
+ top: 10px;
1498
+ right: 15px;
1499
+ position: absolute;
1500
+ background: none;
1501
+ color: #fff;
1502
+ }
1503
+ .debug-timetravel-button:hover {
1504
+ text-decoration: underline;
1505
+ }
1506
+ .debug-treetype-button {
1507
+ border: 0;
1508
+ padding: 0;
1509
+ font-size: 12px;
1510
+ top: 10px;
1511
+ right: 85px;
1512
+ position: absolute;
1513
+ background: none;
1514
+ color: #fff;
1515
+ }
1516
+ .debug-treetype-button:hover {
1517
+ text-decoration: underline;
1518
+ }
1519
+ .connecting {
1520
+ font-size: 15px;
1521
+ color: #999;
1522
+ overflow: hidden;
1523
+ position: absolute;
1524
+ text-overflow: ellipsis;
1525
+ top: 10px;
1526
+ left: 10px;
1527
+ user-select: none;
1528
+ white-space: nowrap;
1529
+ display: inline-block;
1530
+ pointer-events: none;
1531
+ }
1532
+ .toolbar {
1533
+ display: flex;
1534
+ flex-wrap: wrap;
1535
+ gap: 2px;
1536
+ margin-bottom: 1px;
1537
+ background: #fff;
1538
+ padding: 4px;
1539
+ border-top-left-radius: 10px;
1540
+ border-top-right-radius: 10px;
1541
+ vertical-align: middle;
1542
+ position: sticky;
1543
+ top: 0;
1544
+ z-index: 20;
1545
+ }
1546
+ .toolbar .toolbar-item:focus {
1547
+ outline: 2px solid rgb(60, 132, 244);
1548
+ }
1549
+ button.toolbar-item {
1550
+ border: 0;
1551
+ display: flex;
1552
+ background: none;
1553
+ border-radius: 10px;
1554
+ padding: 8px;
1555
+ cursor: pointer;
1556
+ vertical-align: middle;
1557
+ flex-shrink: 0;
1558
+ align-items: center;
1559
+ justify-content: space-between;
1560
+ }
1561
+ button.toolbar-item:disabled {
1562
+ cursor: not-allowed;
1563
+ }
1564
+ button.toolbar-item.spaced {
1565
+ margin-right: 2px;
1566
+ }
1567
+ button.toolbar-item i.format {
1568
+ background-size: contain;
1569
+ display: inline-block;
1570
+ height: 18px;
1571
+ width: 18px;
1572
+ vertical-align: -0.25em;
1573
+ display: flex;
1574
+ opacity: 0.6;
1575
+ }
1576
+ button.toolbar-item:disabled .icon,
1577
+ button.toolbar-item:disabled .text,
1578
+ button.toolbar-item:disabled i.format,
1579
+ button.toolbar-item:disabled .chevron-down {
1580
+ opacity: 0.2;
1581
+ }
1582
+ button.toolbar-item.active {
1583
+ background-color: rgba(223, 232, 250, 0.3);
1584
+ }
1585
+ button.toolbar-item.active i {
1586
+ opacity: 1;
1587
+ }
1588
+ .toolbar-item:hover:not([disabled]) {
1589
+ background-color: #eee;
1590
+ }
1591
+ .toolbar-item.font-family .text {
1592
+ display: block;
1593
+ max-width: 40px;
1594
+ }
1595
+ .toolbar .code-language {
1596
+ width: 150px;
1597
+ }
1598
+ .toolbar .toolbar-item .text {
1599
+ display: flex;
1600
+ line-height: 20px;
1601
+ vertical-align: middle;
1602
+ font-size: 14px;
1603
+ color: #777;
1604
+ text-overflow: ellipsis;
1605
+ overflow: hidden;
1606
+ height: 20px;
1607
+ text-align: left;
1608
+ padding-right: 10px;
1609
+ }
1610
+ .toolbar .toolbar-item .icon {
1611
+ display: flex;
1612
+ width: 20px;
1613
+ height: 20px;
1614
+ user-select: none;
1615
+ margin-right: 8px;
1616
+ line-height: 16px;
1617
+ background-size: contain;
1618
+ }
1619
+ .toolbar i.chevron-down,
1620
+ .toolbar-item i.chevron-down {
1621
+ margin-top: 3px;
1622
+ width: 16px;
1623
+ height: 16px;
1624
+ display: flex;
1625
+ user-select: none;
1626
+ }
1627
+ .toolbar i.chevron-down.inside {
1628
+ width: 16px;
1629
+ height: 16px;
1630
+ display: flex;
1631
+ margin-left: -25px;
1632
+ margin-top: 11px;
1633
+ margin-right: 10px;
1634
+ pointer-events: none;
1635
+ }
1636
+ .toolbar .divider {
1637
+ width: 1px;
1638
+ background-color: #eee;
1639
+ margin: 0 4px;
1640
+ }
1641
+ .sticky-note-container {
1642
+ position: absolute;
1643
+ z-index: 10000;
1644
+ width: 120px;
1645
+ display: inline-block;
1646
+ pointer-events: auto;
1647
+ }
1648
+ .sticky-note {
1649
+ line-height: 1;
1650
+ text-align: left;
1651
+ width: 120px;
1652
+ margin: 25px;
1653
+ padding: 20px 10px;
1654
+ position: relative;
1655
+ border: 1px solid #e8e8e8;
1656
+ font-family: "Reenie Beanie";
1657
+ font-size: 24px;
1658
+ border-bottom-right-radius: 60px 5px;
1659
+ display: block;
1660
+ cursor: move;
1661
+ }
1662
+ .sticky-note:after {
1663
+ content: "";
1664
+ position: absolute;
1665
+ z-index: -1;
1666
+ right: -0px;
1667
+ bottom: 20px;
1668
+ width: 120px;
1669
+ height: 25px;
1670
+ background: rgba(0, 0, 0, 0.2);
1671
+ box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
1672
+ transform:
1673
+ matrix(
1674
+ -1, -0.1,
1675
+ 0, 1,
1676
+ 0, 0);
1677
+ }
1678
+ .sticky-note.yellow {
1679
+ border-top: 1px solid #fdfd86;
1680
+ background:
1681
+ linear-gradient(
1682
+ 135deg,
1683
+ #ffff88 81%,
1684
+ #ffff88 82%,
1685
+ #ffff88 82%,
1686
+ #ffffc6 100%);
1687
+ }
1688
+ .sticky-note.pink {
1689
+ border-top: 1px solid #e7d1e4;
1690
+ background:
1691
+ linear-gradient(
1692
+ 135deg,
1693
+ #f7cbe8 81%,
1694
+ #f7cbe8 82%,
1695
+ #f7cbe8 82%,
1696
+ #e7bfe1 100%);
1697
+ }
1698
+ .sticky-note-container.dragging {
1699
+ transition: none !important;
1700
+ }
1701
+ .sticky-note div {
1702
+ cursor: text;
1703
+ }
1704
+ .sticky-note .delete {
1705
+ border: 0;
1706
+ background: none;
1707
+ position: absolute;
1708
+ top: 8px;
1709
+ right: 10px;
1710
+ font-size: 10px;
1711
+ cursor: pointer;
1712
+ opacity: 0.5;
1713
+ }
1714
+ .sticky-note .delete:hover {
1715
+ font-weight: bold;
1716
+ opacity: 1;
1717
+ }
1718
+ .sticky-note .color {
1719
+ border: 0;
1720
+ background: none;
1721
+ position: absolute;
1722
+ top: 8px;
1723
+ right: 25px;
1724
+ cursor: pointer;
1725
+ opacity: 0.5;
1726
+ }
1727
+ .sticky-note .color:hover {
1728
+ opacity: 1;
1729
+ }
1730
+ .sticky-note .color i {
1731
+ display: block;
1732
+ width: 12px;
1733
+ height: 12px;
1734
+ background-size: contain;
1735
+ }
1736
+ .excalidraw-button {
1737
+ border: 0;
1738
+ padding: 0;
1739
+ margin: 0;
1740
+ background-color: transparent;
1741
+ }
1742
+ .excalidraw-button.selected {
1743
+ outline: 2px solid rgb(60, 132, 244);
1744
+ user-select: none;
1745
+ }
1746
+ .github-corner:hover .octo-arm {
1747
+ animation: octocat-wave 560ms ease-in-out;
1748
+ }
1749
+ @keyframes octocat-wave {
1750
+ 0%, 100% {
1751
+ transform: rotate(0);
1752
+ }
1753
+ 20%, 60% {
1754
+ transform: rotate(-25deg);
1755
+ }
1756
+ 40%, 80% {
1757
+ transform: rotate(10deg);
1758
+ }
1759
+ }
1760
+ @media (max-width: 500px) {
1761
+ .github-corner:hover .octo-arm {
1762
+ animation: none;
1763
+ }
1764
+ .github-corner .octo-arm {
1765
+ animation: octocat-wave 560ms ease-in-out;
1766
+ }
1767
+ }
1768
+ .spacer {
1769
+ letter-spacing: -2px;
1770
+ }
1771
+ .editor-equation {
1772
+ cursor: default;
1773
+ user-select: none;
1774
+ }
1775
+ .editor-equation.focused {
1776
+ outline: 2px solid rgb(60, 132, 244);
1777
+ }
1778
+ button.item i {
1779
+ opacity: 0.6;
1780
+ }
1781
+ button.item.dropdown-item-active {
1782
+ background-color: rgba(223, 232, 250, 0.3);
1783
+ }
1784
+ button.item.dropdown-item-active i {
1785
+ opacity: 1;
1786
+ }
1787
+ .TableNode__contentEditable {
1788
+ min-height: 20px;
1789
+ border: 0px;
1790
+ resize: none;
1791
+ cursor: text;
1792
+ display: block;
1793
+ position: relative;
1794
+ outline: 0px;
1795
+ padding: 0;
1796
+ user-select: text;
1797
+ font-size: 15px;
1798
+ white-space: pre-wrap;
1799
+ word-break: break-word;
1800
+ z-index: 3;
1801
+ }
1802
+ .dialog-dropdown {
1803
+ background-color: #eee !important;
1804
+ margin-bottom: 10px;
1805
+ width: 100%;
1806
+ }
1807
+ .toolbar .block-controls {
1808
+ display: flex;
1809
+ align-items: center;
1810
+ }
1811
+ .toolbar .block-controls .dropdown-button-text {
1812
+ width: 7em;
1813
+ text-align: left;
1814
+ overflow: hidden;
1815
+ text-overflow: ellipsis;
1816
+ white-space: nowrap;
1817
+ display: inline-block;
1818
+ }
1819
+ [data-lexical-decorator]:hover .html-block-edit-btn {
1820
+ opacity: 1 !important;
1821
+ }
1822
+
1823
+ /* src/themes/CommentEditorTheme.css */
1824
+ .CommentEditorTheme__paragraph {
1825
+ margin: 0;
1826
+ position: "relative";
1827
+ }
1828
+
1829
+ /* src/themes/PlaygroundEditorTheme.css */
1830
+ :root {
1831
+ --lexical-indent-base-value: 40px;
1832
+ }
1833
+ .PlaygroundEditorTheme__paragraph {
1834
+ margin: 0;
1835
+ position: relative;
1836
+ }
1837
+ .PlaygroundEditorTheme__quote {
1838
+ margin: 0;
1839
+ margin-left: 20px;
1840
+ margin-bottom: 10px;
1841
+ font-size: 15px;
1842
+ color: rgb(101, 103, 107);
1843
+ border-left-color: rgb(206, 208, 212);
1844
+ border-left-width: 4px;
1845
+ border-left-style: solid;
1846
+ padding-left: 16px;
1847
+ }
1848
+ .PlaygroundEditorTheme__h1 {
1849
+ font-size: 24px;
1850
+ color: rgb(5, 5, 5);
1851
+ font-weight: 400;
1852
+ margin: 0;
1853
+ }
1854
+ .PlaygroundEditorTheme__h2 {
1855
+ font-size: 15px;
1856
+ color: rgb(101, 103, 107);
1857
+ font-weight: 700;
1858
+ margin: 0;
1859
+ text-transform: uppercase;
1860
+ }
1861
+ .PlaygroundEditorTheme__h3 {
1862
+ font-size: 12px;
1863
+ margin: 0;
1864
+ text-transform: uppercase;
1865
+ }
1866
+ .PlaygroundEditorTheme__textBold {
1867
+ font-weight: bold;
1868
+ }
1869
+ .PlaygroundEditorTheme__paragraph mark {
1870
+ background-color: unset;
1871
+ }
1872
+ .PlaygroundEditorTheme__textHighlight {
1873
+ background: rgba(255, 212, 0, 0.14);
1874
+ border-bottom: 2px solid rgba(255, 212, 0, 0.3);
1875
+ }
1876
+ .PlaygroundEditorTheme__textItalic {
1877
+ font-style: italic;
1878
+ }
1879
+ .PlaygroundEditorTheme__textUnderline {
1880
+ text-decoration: underline;
1881
+ }
1882
+ .PlaygroundEditorTheme__textStrikethrough {
1883
+ text-decoration: line-through;
1884
+ }
1885
+ .PlaygroundEditorTheme__textUnderlineStrikethrough {
1886
+ text-decoration: underline line-through;
1887
+ }
1888
+ .PlaygroundEditorTheme__tabNode {
1889
+ position: relative;
1890
+ text-decoration: none;
1891
+ }
1892
+ .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderline::after {
1893
+ content: "";
1894
+ position: absolute;
1895
+ left: 0;
1896
+ right: 0;
1897
+ bottom: 0.15em;
1898
+ border-bottom: 0.1em solid currentColor;
1899
+ }
1900
+ .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textStrikethrough::before {
1901
+ content: "";
1902
+ position: absolute;
1903
+ left: 0;
1904
+ right: 0;
1905
+ top: 0.69em;
1906
+ border-top: 0.1em solid currentColor;
1907
+ }
1908
+ .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough::before,
1909
+ .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough::after {
1910
+ content: "";
1911
+ position: absolute;
1912
+ left: 0;
1913
+ right: 0;
1914
+ }
1915
+ .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough::before {
1916
+ top: 0.69em;
1917
+ border-top: 0.1em solid currentColor;
1918
+ }
1919
+ .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough::after {
1920
+ bottom: 0.05em;
1921
+ border-bottom: 0.1em solid currentColor;
1922
+ }
1923
+ .PlaygroundEditorTheme__textSubscript {
1924
+ font-size: 0.8em;
1925
+ vertical-align: sub !important;
1926
+ }
1927
+ .PlaygroundEditorTheme__textSuperscript {
1928
+ font-size: 0.8em;
1929
+ vertical-align: super;
1930
+ }
1931
+ .PlaygroundEditorTheme__textCode {
1932
+ background-color: rgb(240, 242, 245);
1933
+ padding: 1px 0.25rem;
1934
+ font-family:
1935
+ Menlo,
1936
+ Consolas,
1937
+ Monaco,
1938
+ monospace;
1939
+ font-size: 94%;
1940
+ }
1941
+ .PlaygroundEditorTheme__textLowercase {
1942
+ text-transform: lowercase;
1943
+ }
1944
+ .PlaygroundEditorTheme__textUppercase {
1945
+ text-transform: uppercase;
1946
+ }
1947
+ .PlaygroundEditorTheme__textCapitalize {
1948
+ text-transform: capitalize;
1949
+ }
1950
+ .PlaygroundEditorTheme__hashtag {
1951
+ background-color: rgba(88, 144, 255, 0.15);
1952
+ border-bottom: 1px solid rgba(88, 144, 255, 0.3);
1953
+ }
1954
+ .PlaygroundEditorTheme__link {
1955
+ color: rgb(33, 111, 219);
1956
+ text-decoration: none;
1957
+ }
1958
+ .PlaygroundEditorTheme__link:hover {
1959
+ text-decoration: underline;
1960
+ cursor: pointer;
1961
+ }
1962
+ .PlaygroundEditorTheme__blockCursor {
1963
+ display: block;
1964
+ pointer-events: none;
1965
+ position: absolute;
1966
+ }
1967
+ .PlaygroundEditorTheme__blockCursor:after {
1968
+ content: "";
1969
+ display: block;
1970
+ position: absolute;
1971
+ top: -2px;
1972
+ width: 20px;
1973
+ border-top: 1px solid black;
1974
+ animation: CursorBlink 1.1s steps(2, start) infinite;
1975
+ }
1976
+ @keyframes CursorBlink {
1977
+ to {
1978
+ visibility: hidden;
1979
+ }
1980
+ }
1981
+ .PlaygroundEditorTheme__code {
1982
+ background-color: rgb(240, 242, 245);
1983
+ font-family:
1984
+ Menlo,
1985
+ Consolas,
1986
+ Monaco,
1987
+ monospace;
1988
+ display: block;
1989
+ line-height: 1.53;
1990
+ font-size: 13px;
1991
+ padding-top: 8px;
1992
+ margin: 0;
1993
+ margin-top: 8px;
1994
+ margin-bottom: 8px;
1995
+ overflow-x: auto;
1996
+ position: relative;
1997
+ tab-size: 2;
1998
+ white-space: pre;
1999
+ max-width: 100%;
2000
+ box-sizing: border-box;
2001
+ }
2002
+ .PlaygroundEditorTheme__code:before {
2003
+ content: attr(data-gutter);
2004
+ position: sticky;
2005
+ background-color: #eee;
2006
+ left: 0;
2007
+ float: left;
2008
+ top: 0;
2009
+ z-index: 3;
2010
+ min-height: 100%;
2011
+ border-right: 1px solid #ccc;
2012
+ padding: 8px;
2013
+ color: #777;
2014
+ white-space: pre-wrap;
2015
+ text-align: right;
2016
+ min-width: 25px;
2017
+ margin-right: 10px;
2018
+ margin-top: -8px;
2019
+ padding: 8px;
2020
+ }
2021
+ .PlaygroundEditorTheme__tableScrollableWrapper {
2022
+ overflow-x: auto;
2023
+ margin: 0px 0px 5px 0px;
2024
+ }
2025
+ .PlaygroundEditorTheme__tableScrollRight {
2026
+ box-shadow: inset -10px 0 10px rgba(0, 0, 0, 0.15);
2027
+ }
2028
+ .PlaygroundEditorTheme__tableScrollLeft {
2029
+ box-shadow: inset 10px 0 10px rgba(0, 0, 0, 0.15);
2030
+ }
2031
+ .PlaygroundEditorTheme__tableScrollMiddle {
2032
+ box-shadow: inset 10px 0 10px rgba(0, 0, 0, 0.15), inset -10px 0 10px rgba(0, 0, 0, 0.15);
2033
+ }
2034
+ .PlaygroundEditorTheme__tableScrollableWrapper > .PlaygroundEditorTheme__table {
2035
+ margin-top: 0;
2036
+ margin-bottom: 0;
2037
+ }
2038
+ .PlaygroundEditorTheme__tableAlignmentCenter {
2039
+ margin-left: auto;
2040
+ margin-right: auto;
2041
+ }
2042
+ .PlaygroundEditorTheme__tableAlignmentRight {
2043
+ margin-left: auto;
2044
+ }
2045
+ .PlaygroundEditorTheme__table {
2046
+ border-collapse: collapse;
2047
+ border-spacing: 0;
2048
+ overflow-y: scroll;
2049
+ overflow-x: scroll;
2050
+ table-layout: fixed;
2051
+ width: fit-content;
2052
+ margin-top: 25px;
2053
+ margin-bottom: 30px;
2054
+ }
2055
+ .PlaygroundEditorTheme__tableScrollableWrapper.PlaygroundEditorTheme__tableFrozenRow {
2056
+ overflow-x: clip;
2057
+ }
2058
+ .PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > td {
2059
+ overflow: clip;
2060
+ background-color: #ffffff;
2061
+ position: sticky;
2062
+ z-index: 2;
2063
+ top: 44px;
2064
+ }
2065
+ .PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > th {
2066
+ overflow: clip;
2067
+ background-color: #f2f3f5;
2068
+ position: sticky;
2069
+ z-index: 2;
2070
+ top: 44px;
2071
+ }
2072
+ .PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > th:after,
2073
+ .PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > td:after {
2074
+ content: "";
2075
+ position: absolute;
2076
+ left: 0;
2077
+ bottom: 0;
2078
+ width: 100%;
2079
+ border-bottom: 1px solid #bbb;
2080
+ }
2081
+ .PlaygroundEditorTheme__tableFrozenColumn tr > td:first-child {
2082
+ background-color: #ffffff;
2083
+ position: sticky;
2084
+ z-index: 2;
2085
+ left: 0;
2086
+ }
2087
+ .PlaygroundEditorTheme__tableFrozenColumn tr > th:first-child {
2088
+ background-color: #f2f3f5;
2089
+ position: sticky;
2090
+ z-index: 2;
2091
+ left: 0;
2092
+ }
2093
+ .PlaygroundEditorTheme__tableFrozenColumn tr > :first-child::after {
2094
+ content: "";
2095
+ position: absolute;
2096
+ left: 0;
2097
+ top: 0;
2098
+ right: 0;
2099
+ height: 100%;
2100
+ border-right: 1px solid #bbb;
2101
+ }
2102
+ .PlaygroundEditorTheme__tableRowStriping tr:nth-child(even),
2103
+ .PlaygroundEditorTheme__tableFrozenColumn .PlaygroundEditorTheme__table.PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) > td:first-child {
2104
+ background-color: #f2f5fb;
2105
+ }
2106
+ .PlaygroundEditorTheme__tableSelection *::selection {
2107
+ background-color: transparent;
2108
+ }
2109
+ .PlaygroundEditorTheme__tableSelected {
2110
+ outline: 2px solid rgb(60, 132, 244);
2111
+ }
2112
+ .PlaygroundEditorTheme__tableCell {
2113
+ border: 1px solid #bbb;
2114
+ width: 75px;
2115
+ vertical-align: top;
2116
+ text-align: start;
2117
+ padding: 6px 8px;
2118
+ position: relative;
2119
+ outline: none;
2120
+ overflow: auto;
2121
+ }
2122
+ .PlaygroundEditorTheme__tableCell > * {
2123
+ overflow: inherit;
2124
+ }
2125
+ .PlaygroundEditorTheme__tableCellResizer {
2126
+ position: absolute;
2127
+ right: -4px;
2128
+ height: 100%;
2129
+ width: 8px;
2130
+ cursor: ew-resize;
2131
+ z-index: 10;
2132
+ top: 0;
2133
+ }
2134
+ .PlaygroundEditorTheme__tableCellHeader {
2135
+ background-color: #f2f3f5;
2136
+ text-align: start;
2137
+ }
2138
+ .PlaygroundEditorTheme__tableCellSelected {
2139
+ caret-color: transparent;
2140
+ }
2141
+ .PlaygroundEditorTheme__tableCellSelected::after {
2142
+ position: absolute;
2143
+ left: 0;
2144
+ right: 0;
2145
+ bottom: 0;
2146
+ top: 0;
2147
+ background-color: highlight;
2148
+ mix-blend-mode: multiply;
2149
+ content: "";
2150
+ pointer-events: none;
2151
+ }
2152
+ .PlaygroundEditorTheme__tableAddColumns {
2153
+ position: absolute;
2154
+ background-color: #eee;
2155
+ height: 100%;
2156
+ animation: table-controls 0.2s ease;
2157
+ border: 0;
2158
+ cursor: pointer;
2159
+ }
2160
+ .PlaygroundEditorTheme__tableAddColumns:after {
2161
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
2162
+ background-size: contain;
2163
+ background-position: center;
2164
+ background-repeat: no-repeat;
2165
+ display: block;
2166
+ content: " ";
2167
+ position: absolute;
2168
+ top: 0;
2169
+ left: 0;
2170
+ width: 100%;
2171
+ height: 100%;
2172
+ opacity: 0.4;
2173
+ }
2174
+ .PlaygroundEditorTheme__tableAddColumns:hover,
2175
+ .PlaygroundEditorTheme__tableAddRows:hover {
2176
+ background-color: #c9dbf0;
2177
+ }
2178
+ .PlaygroundEditorTheme__tableAddRows {
2179
+ position: absolute;
2180
+ width: calc(100% - 25px);
2181
+ background-color: #eee;
2182
+ animation: table-controls 0.2s ease;
2183
+ border: 0;
2184
+ cursor: pointer;
2185
+ }
2186
+ .PlaygroundEditorTheme__tableAddRows:after {
2187
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
2188
+ background-size: contain;
2189
+ background-position: center;
2190
+ background-repeat: no-repeat;
2191
+ display: block;
2192
+ content: " ";
2193
+ position: absolute;
2194
+ top: 0;
2195
+ left: 0;
2196
+ width: 100%;
2197
+ height: 100%;
2198
+ opacity: 0.4;
2199
+ }
2200
+ @keyframes table-controls {
2201
+ 0% {
2202
+ opacity: 0;
2203
+ }
2204
+ 100% {
2205
+ opacity: 1;
2206
+ }
2207
+ }
2208
+ .PlaygroundEditorTheme__tableCellResizeRuler {
2209
+ display: block;
2210
+ position: absolute;
2211
+ width: 1px;
2212
+ background-color: rgb(60, 132, 244);
2213
+ height: 100%;
2214
+ top: 0;
2215
+ }
2216
+ .PlaygroundEditorTheme__tableCellActionButtonContainer {
2217
+ display: block;
2218
+ right: 5px;
2219
+ top: 6px;
2220
+ position: absolute;
2221
+ z-index: 4;
2222
+ width: 20px;
2223
+ height: 20px;
2224
+ }
2225
+ .PlaygroundEditorTheme__tableCellActionButton {
2226
+ background-color: #eee;
2227
+ display: block;
2228
+ border: 0;
2229
+ border-radius: 20px;
2230
+ width: 20px;
2231
+ height: 20px;
2232
+ color: #222;
2233
+ cursor: pointer;
2234
+ }
2235
+ .PlaygroundEditorTheme__tableCellActionButton:hover {
2236
+ background-color: #ddd;
2237
+ }
2238
+ .PlaygroundEditorTheme__characterLimit {
2239
+ display: inline;
2240
+ background-color: #ffbbbb !important;
2241
+ }
2242
+ .PlaygroundEditorTheme__ol1 {
2243
+ padding: 0;
2244
+ margin: 0;
2245
+ list-style-type: decimal;
2246
+ list-style-position: outside;
2247
+ }
2248
+ .PlaygroundEditorTheme__ol2 {
2249
+ padding: 0;
2250
+ margin: 0;
2251
+ list-style-type: upper-alpha;
2252
+ list-style-position: outside;
2253
+ }
2254
+ .PlaygroundEditorTheme__ol3 {
2255
+ padding: 0;
2256
+ margin: 0;
2257
+ list-style-type: lower-alpha;
2258
+ list-style-position: outside;
2259
+ }
2260
+ .PlaygroundEditorTheme__ol4 {
2261
+ padding: 0;
2262
+ margin: 0;
2263
+ list-style-type: upper-roman;
2264
+ list-style-position: outside;
2265
+ }
2266
+ .PlaygroundEditorTheme__ol5 {
2267
+ padding: 0;
2268
+ margin: 0;
2269
+ list-style-type: lower-roman;
2270
+ list-style-position: outside;
2271
+ }
2272
+ .PlaygroundEditorTheme__ul {
2273
+ padding: 0;
2274
+ margin: 0;
2275
+ list-style-type: disc;
2276
+ list-style-position: outside;
2277
+ }
2278
+ .PlaygroundEditorTheme__listItem {
2279
+ margin: 0 32px;
2280
+ font-family: var(--listitem-marker-font-family);
2281
+ font-size: var(--listitem-marker-font-size);
2282
+ background-color: var(--listitem-marker-background-color);
2283
+ }
2284
+ .PlaygroundEditorTheme__listItem::marker {
2285
+ color: var(--listitem-marker-color);
2286
+ background-color: var(--listitem-marker-background-color);
2287
+ font-family: var(--listitem-marker-font-family);
2288
+ font-size: var(--listitem-marker-font-size);
2289
+ }
2290
+ .PlaygroundEditorTheme__listItemChecked,
2291
+ .PlaygroundEditorTheme__listItemUnchecked {
2292
+ position: relative;
2293
+ margin-left: 0.5em;
2294
+ margin-right: 0.5em;
2295
+ padding-left: 1.5em;
2296
+ padding-right: 1.5em;
2297
+ list-style-type: none;
2298
+ outline: none;
2299
+ display: block;
2300
+ min-height: 1.5em;
2301
+ }
2302
+ .PlaygroundEditorTheme__listItemChecked > *,
2303
+ .PlaygroundEditorTheme__listItemUnchecked > * {
2304
+ margin-left: 0.01em;
2305
+ }
2306
+ .PlaygroundEditorTheme__listItemUnchecked:before,
2307
+ .PlaygroundEditorTheme__listItemChecked:before {
2308
+ content: "\200b";
2309
+ width: 0.9em;
2310
+ height: 0.9em;
2311
+ top: 50%;
2312
+ left: 0;
2313
+ cursor: pointer;
2314
+ display: block;
2315
+ background-size: cover;
2316
+ position: absolute;
2317
+ transform: translateY(-50%);
2318
+ }
2319
+ .PlaygroundEditorTheme__listItemChecked {
2320
+ text-decoration: line-through;
2321
+ }
2322
+ .PlaygroundEditorTheme__listItemUnchecked:focus:before,
2323
+ .PlaygroundEditorTheme__listItemChecked:focus:before {
2324
+ box-shadow: 0 0 0 2px #a6cdfe;
2325
+ border-radius: 2px;
2326
+ }
2327
+ .PlaygroundEditorTheme__listItemUnchecked:before {
2328
+ border: 1px solid #999;
2329
+ border-radius: 2px;
2330
+ }
2331
+ .PlaygroundEditorTheme__listItemChecked:before {
2332
+ border: 1px solid rgb(61, 135, 245);
2333
+ border-radius: 2px;
2334
+ background-color: #3d87f5;
2335
+ background-repeat: no-repeat;
2336
+ }
2337
+ .PlaygroundEditorTheme__listItemChecked:after {
2338
+ content: "";
2339
+ cursor: pointer;
2340
+ border-color: #fff;
2341
+ border-style: solid;
2342
+ position: absolute;
2343
+ display: block;
2344
+ top: 45%;
2345
+ width: 0.2em;
2346
+ left: 0.35em;
2347
+ height: 0.4em;
2348
+ transform: translateY(-50%) rotate(45deg);
2349
+ border-width: 0 0.1em 0.1em 0;
2350
+ }
2351
+ .PlaygroundEditorTheme__nestedListItem {
2352
+ list-style-type: none;
2353
+ }
2354
+ .PlaygroundEditorTheme__nestedListItem:before,
2355
+ .PlaygroundEditorTheme__nestedListItem:after {
2356
+ display: none;
2357
+ }
2358
+ .PlaygroundEditorTheme__tokenComment {
2359
+ color: slategray;
2360
+ }
2361
+ .PlaygroundEditorTheme__tokenDeleted {
2362
+ border-image:
2363
+ linear-gradient(
2364
+ to right,
2365
+ #ffcecb 50%,
2366
+ #ffebe9 50%) fill 0/0/0 100vw;
2367
+ }
2368
+ .PlaygroundEditorTheme__tokenInserted {
2369
+ border-image:
2370
+ linear-gradient(
2371
+ to right,
2372
+ #aceebb 50%,
2373
+ #dafbe1 50%) fill 0/0/0 100vw;
2374
+ }
2375
+ .PlaygroundEditorTheme__tokenUnchanged {
2376
+ border-image:
2377
+ linear-gradient(
2378
+ to right,
2379
+ #ddd 50%,
2380
+ #f0f2f5 50%) fill 0/0/0 100vw;
2381
+ }
2382
+ .PlaygroundEditorTheme__tokenPunctuation {
2383
+ color: #999;
2384
+ }
2385
+ .PlaygroundEditorTheme__tokenProperty {
2386
+ color: #905;
2387
+ }
2388
+ .PlaygroundEditorTheme__tokenSelector {
2389
+ color: #690;
2390
+ }
2391
+ .PlaygroundEditorTheme__tokenOperator {
2392
+ color: #9a6e3a;
2393
+ }
2394
+ .PlaygroundEditorTheme__tokenAttr {
2395
+ color: #07a;
2396
+ }
2397
+ .PlaygroundEditorTheme__tokenVariable {
2398
+ color: #e90;
2399
+ }
2400
+ .PlaygroundEditorTheme__tokenFunction {
2401
+ color: #dd4a68;
2402
+ }
2403
+ .PlaygroundEditorTheme__mark {
2404
+ background: rgba(255, 212, 0, 0.14);
2405
+ border-bottom: 2px solid rgba(255, 212, 0, 0.3);
2406
+ padding-bottom: 2px;
2407
+ }
2408
+ .PlaygroundEditorTheme__markOverlap {
2409
+ background: rgba(255, 212, 0, 0.3);
2410
+ border-bottom: 2px solid rgba(255, 212, 0, 0.7);
2411
+ }
2412
+ .PlaygroundEditorTheme__mark.selected {
2413
+ background: rgba(255, 212, 0, 0.5);
2414
+ border-bottom: 2px solid rgba(255, 212, 0, 1);
2415
+ }
2416
+ .PlaygroundEditorTheme__markOverlap.selected {
2417
+ background: rgba(255, 212, 0, 0.7);
2418
+ border-bottom: 2px solid rgba(255, 212, 0, 0.7);
2419
+ }
2420
+ .PlaygroundEditorTheme__embedBlock {
2421
+ user-select: none;
2422
+ }
2423
+ .PlaygroundEditorTheme__embedBlockFocus {
2424
+ outline: 2px solid rgb(60, 132, 244);
2425
+ }
2426
+ .PlaygroundEditorTheme__layoutContainer {
2427
+ display: grid;
2428
+ gap: 10px;
2429
+ margin: 10px 0;
2430
+ }
2431
+ .PlaygroundEditorTheme__layoutItem {
2432
+ border: 1px dashed #ddd;
2433
+ padding: 8px 16px;
2434
+ min-width: 0;
2435
+ max-width: 100%;
2436
+ }
2437
+ .PlaygroundEditorTheme__autocomplete {
2438
+ color: #ccc;
2439
+ }
2440
+ .PlaygroundEditorTheme__hr {
2441
+ padding: 2px 2px;
2442
+ border: none;
2443
+ margin: 1em 0;
2444
+ cursor: pointer;
2445
+ }
2446
+ .PlaygroundEditorTheme__hr:after {
2447
+ content: "";
2448
+ display: block;
2449
+ height: 2px;
2450
+ background-color: #ccc;
2451
+ line-height: 2px;
2452
+ }
2453
+ .PlaygroundEditorTheme__hr.PlaygroundEditorTheme__hrSelected {
2454
+ outline: 2px solid rgb(60, 132, 244);
2455
+ user-select: none;
2456
+ }
2457
+ .PlaygroundEditorTheme__specialText {
2458
+ background-color: yellow;
2459
+ font-weight: bold;
2460
+ }
2461
+ .PlaygroundEditorTheme__contextMenu {
2462
+ outline: 0;
2463
+ background: #fff;
2464
+ border: 1px solid #ddd;
2465
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
2466
+ border-radius: 8px;
2467
+ }
2468
+ .PlaygroundEditorTheme__contextMenu button:first-child {
2469
+ border-radius: 8px 8px 0px 0px;
2470
+ }
2471
+ .PlaygroundEditorTheme__contextMenu button:last-child {
2472
+ border-radius: 0px 0px 8px 8px;
2473
+ }
2474
+ .PlaygroundEditorTheme__contextMenuItem {
2475
+ width: 100%;
2476
+ display: block;
2477
+ }
2478
+ .PlaygroundEditorTheme__contextMenuItem {
2479
+ display: flex;
2480
+ justify-content: left;
2481
+ width: 100%;
2482
+ background-color: #fff;
2483
+ color: #050505;
2484
+ border: 0;
2485
+ border-radius: 0px;
2486
+ font-size: 15px;
2487
+ text-align: left;
2488
+ line-height: 20px;
2489
+ padding: 8px;
2490
+ padding-right: 14px;
2491
+ outline: 0;
2492
+ cursor: pointer;
2493
+ }
2494
+ .PlaygroundEditorTheme__contextMenuItem.open {
2495
+ background: #ddd;
2496
+ }
2497
+ .PlaygroundEditorTheme__contextMenuItem:focus,
2498
+ .PlaygroundEditorTheme__contextMenuItem:not([disabled]):active {
2499
+ background: #eee;
2500
+ }
2501
+ .PlaygroundEditorTheme__contextMenuItem:disabled {
2502
+ background: #fff;
2503
+ color: #aaa;
2504
+ cursor: not-allowed;
2505
+ }
2506
+ .PlaygroundEditorTheme__contextMenuItemIcon {
2507
+ width: 20px;
2508
+ margin-right: 8px;
2509
+ background-repeat: no-repeat;
2510
+ background-size: contain;
2511
+ }
2512
+ .editor-shell .ContentEditable__root {
2513
+ background: #fff !important;
2514
+ color: #000 !important;
2515
+ }
2516
+ .floating-text-format-popup,
2517
+ .link-editor,
2518
+ .typeahead-popover,
2519
+ .emoji-menu,
2520
+ .mentions-menu,
2521
+ .auto-embed-menu,
2522
+ .component-picker-menu,
2523
+ .dropdown,
2524
+ .color-picker-wrapper,
2525
+ .Modal__overlay {
2526
+ z-index: 10000 !important;
2527
+ }
2528
+
2529
+ /* src/themes/StickyEditorTheme.css */
2530
+ .StickyEditorTheme__paragraph {
2531
+ margin: 0;
2532
+ position: "relative";
2533
+ }
2534
+
2535
+ /* src/nodes/DateTimeNode/DateTimeNode.css */
2536
+ .dateTimePill {
2537
+ cursor: pointer;
2538
+ width: fit-content;
2539
+ background: #ddd;
2540
+ border: 1px solid #ddd;
2541
+ border-radius: 8px;
2542
+ padding: 0px 4px 0px 4px;
2543
+ }
2544
+ .dateTimePill.selected {
2545
+ outline: 2px solid rgb(60, 132, 244);
2546
+ }
2547
+ .dateTimePill.bold {
2548
+ font-weight: bold;
2549
+ }
2550
+ .dateTimePill.italic {
2551
+ font-style: italic;
2552
+ }
2553
+ .dateTimePill.underline {
2554
+ text-decoration: underline;
2555
+ }
2556
+ .dateTimePill.strikethrough {
2557
+ text-decoration: line-through;
2558
+ }
2559
+ .dateTimePill.underline.strikethrough {
2560
+ text-decoration: underline line-through;
2561
+ }
2562
+ .dateTimePill.highlight {
2563
+ background: rgba(255, 212, 0, 0.14);
2564
+ }
2565
+ .dateTimePill:hover {
2566
+ background: #f2f2f2;
2567
+ }
2568
+ .dateTimePicker {
2569
+ background: #fff;
2570
+ border: 1px solid #ddd;
2571
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
2572
+ border-radius: 8px;
2573
+ padding: 0px 6px 0px 10px;
2574
+ }
2575
+ .rdp-root {
2576
+ --rdp-accent-color: #76b6ff;
2577
+ --rdp-accent-background-color: #f0f0f0;
2578
+ }
2579
+
2580
+ /* src/nodes/ImageNode.css */
2581
+ .ImageNode__contentEditable {
2582
+ min-height: 20px;
2583
+ border: 0px;
2584
+ resize: none;
2585
+ cursor: text;
2586
+ caret-color: rgb(5, 5, 5);
2587
+ display: block;
2588
+ position: relative;
2589
+ outline: 0px;
2590
+ padding: 10px;
2591
+ user-select: text;
2592
+ font-size: 12px;
2593
+ width: 100%;
2594
+ white-space: pre-wrap;
2595
+ word-break: break-word;
2596
+ overflow-wrap: break-word;
2597
+ box-sizing: border-box;
2598
+ }
2599
+ .ImageNode__placeholder {
2600
+ font-size: 12px;
2601
+ color: #888;
2602
+ overflow: hidden;
2603
+ position: absolute;
2604
+ text-overflow: ellipsis;
2605
+ top: 10px;
2606
+ left: 10px;
2607
+ user-select: none;
2608
+ white-space: nowrap;
2609
+ display: inline-block;
2610
+ pointer-events: none;
2611
+ }
2612
+ .image-control-wrapper--resizing {
2613
+ touch-action: none;
2614
+ }
2615
+
2616
+ /* src/nodes/PageBreakNode/index.css */
2617
+ [type=page-break] {
2618
+ position: relative;
2619
+ display: block;
2620
+ width: calc(100% + var(--editor-input-padding, 28px) * 2);
2621
+ overflow: unset;
2622
+ margin-left: calc(var(--editor-input-padding, 28px) * -1);
2623
+ margin-top: var(--editor-input-padding, 28px);
2624
+ margin-bottom: var(--editor-input-padding, 28px);
2625
+ border: none;
2626
+ border-top: 1px dashed var(--editor-color-secondary, #eeeeee);
2627
+ border-bottom: 1px dashed var(--editor-color-secondary, #eeeeee);
2628
+ background-color: var(--editor-color-secondary, #eeeeee);
2629
+ }
2630
+ [type=page-break]::before {
2631
+ content: "";
2632
+ position: absolute;
2633
+ top: 50%;
2634
+ left: calc(var(--editor-input-padding, 28px) + 12px);
2635
+ transform: translateY(-50%);
2636
+ opacity: 0.5;
2637
+ background-size: cover;
2638
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-scissors" viewBox="0 0 16 16" transform="matrix(-1, 0, 0, 1, 0, 0)rotate(270)">%0D%0A <path d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61 3.5 3.5zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>%0D%0A</svg>');
2639
+ width: 16px;
2640
+ height: 16px;
2641
+ }
2642
+ [type=page-break]::after {
2643
+ position: absolute;
2644
+ top: 50%;
2645
+ left: 50%;
2646
+ transform: translate(-50%, -50%);
2647
+ display: block;
2648
+ padding: 2px 6px;
2649
+ border: 1px solid #ccc;
2650
+ background-color: #fff;
2651
+ content: "PAGE BREAK";
2652
+ font-size: 12px;
2653
+ color: #000;
2654
+ font-weight: 600;
2655
+ }
2656
+ .selected[type=page-break] {
2657
+ border-color: var(--editor-color-primary, #4766cb);
2658
+ }
2659
+ .selected[type=page-break]::before {
2660
+ opacity: 1;
2661
+ }
2662
+
2663
+ /* src/nodes/PollNode.css */
2664
+ .PollNode__container {
2665
+ border: 1px solid #eee;
2666
+ background-color: #fcfcfc;
2667
+ border-radius: 10px;
2668
+ max-width: 600px;
2669
+ min-width: 400px;
2670
+ cursor: pointer;
2671
+ user-select: none;
2672
+ }
2673
+ .PollNode__container.focused {
2674
+ outline: 2px solid rgb(60, 132, 244);
2675
+ }
2676
+ .PollNode__inner {
2677
+ margin: 15px;
2678
+ cursor: default;
2679
+ }
2680
+ .PollNode__heading {
2681
+ margin-left: 0px;
2682
+ margin-top: 0px;
2683
+ margin-right: 0px;
2684
+ margin-bottom: 15px;
2685
+ color: #444;
2686
+ text-align: center;
2687
+ font-size: 18px;
2688
+ }
2689
+ .PollNode__optionContainer {
2690
+ display: flex;
2691
+ flex-direction: row;
2692
+ margin-bottom: 10px;
2693
+ align-items: center;
2694
+ }
2695
+ .PollNode__optionInputWrapper {
2696
+ display: flex;
2697
+ flex: 10px;
2698
+ border: 1px solid rgb(61, 135, 245);
2699
+ border-radius: 5px;
2700
+ position: relative;
2701
+ overflow: hidden;
2702
+ cursor: pointer;
2703
+ }
2704
+ .PollNode__optionInput {
2705
+ display: flex;
2706
+ flex: 1px;
2707
+ border: 0px;
2708
+ padding: 7px;
2709
+ color: rgb(61, 135, 245);
2710
+ background-color: transparent;
2711
+ font-weight: bold;
2712
+ outline: 0px;
2713
+ z-index: 0;
2714
+ }
2715
+ .PollNode__optionInput::placeholder {
2716
+ font-weight: normal;
2717
+ color: #999;
2718
+ }
2719
+ .PollNode__optionInputVotes {
2720
+ background-color: rgb(236, 243, 254);
2721
+ height: 100%;
2722
+ position: absolute;
2723
+ top: 0px;
2724
+ left: 0px;
2725
+ transition: width 1s ease;
2726
+ z-index: 0;
2727
+ }
2728
+ .PollNode__optionInputVotesCount {
2729
+ color: rgb(61, 135, 245);
2730
+ position: absolute;
2731
+ right: 15px;
2732
+ font-size: 12px;
2733
+ top: 5px;
2734
+ }
2735
+ .PollNode__optionCheckboxWrapper {
2736
+ position: relative;
2737
+ display: flex;
2738
+ width: 22px;
2739
+ height: 22px;
2740
+ border: 1px solid #999;
2741
+ margin-right: 10px;
2742
+ border-radius: 5px;
2743
+ }
2744
+ .PollNode__optionCheckboxChecked {
2745
+ border: 1px solid rgb(61, 135, 245);
2746
+ background-color: rgb(61, 135, 245);
2747
+ }
2748
+ .PollNode__optionCheckboxChecked:after {
2749
+ content: "";
2750
+ cursor: pointer;
2751
+ border-color: #fff;
2752
+ border-style: solid;
2753
+ position: absolute;
2754
+ display: block;
2755
+ top: 4px;
2756
+ width: 5px;
2757
+ left: 8px;
2758
+ height: 9px;
2759
+ margin: 0;
2760
+ transform: rotate(45deg);
2761
+ border-width: 0 2px 2px 0;
2762
+ pointer-events: none;
2763
+ }
2764
+ .PollNode__optionCheckbox {
2765
+ border: 0px;
2766
+ position: absolute;
2767
+ display: block;
2768
+ width: 100%;
2769
+ height: 100%;
2770
+ opacity: 0;
2771
+ cursor: pointer;
2772
+ }
2773
+ .PollNode__optionDelete {
2774
+ position: relative;
2775
+ display: flex;
2776
+ width: 28px;
2777
+ height: 28px;
2778
+ margin-left: 6px;
2779
+ border: 0px;
2780
+ background-color: transparent;
2781
+ background-position: 6px 6px;
2782
+ background-repeat: no-repeat;
2783
+ z-index: 0;
2784
+ cursor: pointer;
2785
+ border-radius: 5px;
2786
+ opacity: 0.3;
2787
+ }
2788
+ .PollNode__optionDelete:before,
2789
+ .PollNode__optionDelete:after {
2790
+ position: absolute;
2791
+ display: block;
2792
+ content: "";
2793
+ background-color: #999;
2794
+ width: 2px;
2795
+ height: 15px;
2796
+ top: 6px;
2797
+ left: 13px;
2798
+ }
2799
+ .PollNode__optionDelete:before {
2800
+ transform: rotate(-45deg);
2801
+ }
2802
+ .PollNode__optionDelete:after {
2803
+ transform: rotate(45deg);
2804
+ }
2805
+ .PollNode__optionDelete:hover {
2806
+ opacity: 1;
2807
+ background-color: #eee;
2808
+ }
2809
+ .PollNode__optionDeleteDisabled {
2810
+ cursor: not-allowed;
2811
+ }
2812
+ .PollNode__optionDeleteDisabled:hover {
2813
+ opacity: 0.3;
2814
+ background-color: transparent;
2815
+ }
2816
+ .PollNode__footer {
2817
+ display: flex;
2818
+ justify-content: center;
2819
+ }
2820
+
2821
+ /* src/nodes/StickyNode.css */
2822
+ .StickyNode__contentEditable {
2823
+ min-height: 20px;
2824
+ border: 0;
2825
+ resize: none;
2826
+ cursor: text;
2827
+ font-size: 24px;
2828
+ caret-color: rgb(5, 5, 5);
2829
+ display: block;
2830
+ position: relative;
2831
+ outline: 0;
2832
+ padding: 10px;
2833
+ user-select: text;
2834
+ white-space: pre-wrap;
2835
+ word-wrap: break-word;
2836
+ }
2837
+ .StickyNode__placeholder {
2838
+ font-size: 24px;
2839
+ color: #999;
2840
+ overflow: hidden;
2841
+ position: absolute;
2842
+ text-overflow: ellipsis;
2843
+ top: 30px;
2844
+ left: 20px;
2845
+ width: 120px;
2846
+ user-select: none;
2847
+ white-space: nowrap;
2848
+ display: inline-block;
2849
+ pointer-events: none;
2850
+ }
2851
+
2852
+ /* src/plugins/CodeActionMenuPlugin/components/PrettierButton/index.css */
2853
+ .code-action-menu-container .prettier-wrapper {
2854
+ position: relative;
2855
+ }
2856
+ .code-action-menu-container .prettier-wrapper .code-error-tips {
2857
+ padding: 5px;
2858
+ border-radius: 4px;
2859
+ color: #fff;
2860
+ background: #222;
2861
+ margin-top: 4px;
2862
+ position: absolute;
2863
+ top: 26px;
2864
+ right: 0;
2865
+ }
2866
+
2867
+ /* src/plugins/CodeActionMenuPlugin/index.css */
2868
+ .code-action-menu-container {
2869
+ height: 35.8px;
2870
+ font-size: 10px;
2871
+ color: rgba(0, 0, 0, 0.5);
2872
+ position: absolute;
2873
+ display: flex;
2874
+ align-items: center;
2875
+ flex-direction: row;
2876
+ user-select: none;
2877
+ }
2878
+ .code-action-menu-container .code-highlight-language {
2879
+ margin-right: 4px;
2880
+ }
2881
+ .code-action-menu-container button.menu-item {
2882
+ border: 1px solid transparent;
2883
+ border-radius: 4px;
2884
+ padding: 4px;
2885
+ background: none;
2886
+ cursor: pointer;
2887
+ flex-shrink: 0;
2888
+ display: flex;
2889
+ align-items: center;
2890
+ color: rgba(0, 0, 0, 0.5);
2891
+ text-transform: uppercase;
2892
+ }
2893
+ .code-action-menu-container button.menu-item i.format {
2894
+ height: 16px;
2895
+ width: 16px;
2896
+ opacity: 0.6;
2897
+ display: flex;
2898
+ color: rgba(0, 0, 0, 0.5);
2899
+ background-size: contain;
2900
+ }
2901
+ .code-action-menu-container button.menu-item:hover {
2902
+ border: 1px solid rgba(0, 0, 0, 0.3);
2903
+ opacity: 0.9;
2904
+ }
2905
+ .code-action-menu-container button.menu-item:active {
2906
+ background-color: rgba(223, 232, 250);
2907
+ border: 1px solid rgba(0, 0, 0, 0.45);
2908
+ }
2909
+
2910
+ /* src/plugins/CollapsiblePlugin/Collapsible.css */
2911
+ .Collapsible__container {
2912
+ background: #fcfcfc;
2913
+ border: 1px solid #eee;
2914
+ border-radius: 10px;
2915
+ margin-bottom: 8px;
2916
+ }
2917
+ .Collapsible__title {
2918
+ cursor: pointer;
2919
+ padding: 5px 5px 5px 20px;
2920
+ position: relative;
2921
+ font-weight: bold;
2922
+ list-style: none;
2923
+ outline: none;
2924
+ }
2925
+ .Collapsible__title::marker,
2926
+ .Collapsible__title::-webkit-details-marker {
2927
+ display: none;
2928
+ }
2929
+ .Collapsible__title:before {
2930
+ border-style: solid;
2931
+ border-color: transparent;
2932
+ border-width: 4px 6px 4px 6px;
2933
+ border-left-color: #000;
2934
+ display: block;
2935
+ content: "";
2936
+ position: absolute;
2937
+ left: 7px;
2938
+ top: 50%;
2939
+ transform: translateY(-50%);
2940
+ }
2941
+ .Collapsible__container[open] > .Collapsible__title:before {
2942
+ border-color: transparent;
2943
+ border-width: 6px 4px 0 4px;
2944
+ border-top-color: #000;
2945
+ }
2946
+ .Collapsible__content {
2947
+ padding: 0 5px 5px 20px;
2948
+ }
2949
+ .Collapsible__collapsed .Collapsible__content {
2950
+ display: none;
2951
+ user-select: none;
2952
+ }
2953
+
2954
+ /* src/plugins/CommentPlugin/index.css */
2955
+ .CommentPlugin_AddCommentBox {
2956
+ display: block;
2957
+ position: fixed;
2958
+ border-radius: 20px;
2959
+ background-color: white;
2960
+ width: 40px;
2961
+ height: 60px;
2962
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
2963
+ z-index: 10;
2964
+ }
2965
+ .CommentPlugin_AddCommentBox_button {
2966
+ border-radius: 20px;
2967
+ border: 0;
2968
+ background: none;
2969
+ width: 40px;
2970
+ height: 60px;
2971
+ position: absolute;
2972
+ top: 0;
2973
+ left: 0;
2974
+ cursor: pointer;
2975
+ }
2976
+ .CommentPlugin_AddCommentBox_button:hover {
2977
+ background-color: #f6f6f6;
2978
+ }
2979
+ i.add-comment {
2980
+ background-size: contain;
2981
+ display: inline-block;
2982
+ height: 20px;
2983
+ width: 20px;
2984
+ vertical-align: -10px;
2985
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text"><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/></svg>');
2986
+ }
2987
+ @media (max-width: 600px) {
2988
+ .CommentPlugin_AddCommentBox {
2989
+ display: none;
2990
+ }
2991
+ }
2992
+ .CommentPlugin_CommentInputBox {
2993
+ display: block;
2994
+ position: absolute;
2995
+ width: 250px;
2996
+ min-height: 80px;
2997
+ background-color: #fff;
2998
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
2999
+ border-radius: 5px;
3000
+ z-index: 24;
3001
+ animation: show-input-box 0.4s ease;
3002
+ }
3003
+ .CommentPlugin_CommentInputBox::before {
3004
+ content: "";
3005
+ position: absolute;
3006
+ width: 0;
3007
+ height: 0;
3008
+ margin-left: 0.5em;
3009
+ right: -1em;
3010
+ top: 0;
3011
+ left: calc(50% + 0.25em);
3012
+ box-sizing: border-box;
3013
+ border: 0.5em solid black;
3014
+ border-color: transparent transparent #fff #fff;
3015
+ transform-origin: 0 0;
3016
+ transform: rotate(135deg);
3017
+ box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
3018
+ }
3019
+ @keyframes show-input-box {
3020
+ 0% {
3021
+ opacity: 0;
3022
+ transform: translateY(50px);
3023
+ }
3024
+ 100% {
3025
+ opacity: 1;
3026
+ transform: translateY(0);
3027
+ }
3028
+ }
3029
+ .CommentPlugin_CommentInputBox_Buttons {
3030
+ display: flex;
3031
+ flex-direction: row;
3032
+ padding: 0 10px 10px 10px;
3033
+ gap: 10px;
3034
+ }
3035
+ .CommentPlugin_CommentInputBox_Button {
3036
+ flex: 1;
3037
+ }
3038
+ .CommentPlugin_CommentInputBox_Button.primary {
3039
+ background-color: rgb(66, 135, 245);
3040
+ font-weight: bold;
3041
+ color: #fff;
3042
+ }
3043
+ .CommentPlugin_CommentInputBox_Button.primary:hover {
3044
+ background-color: rgb(53, 114, 211);
3045
+ }
3046
+ .CommentPlugin_CommentInputBox_Button[disabled] {
3047
+ background-color: #eee;
3048
+ opacity: 0.5;
3049
+ cursor: not-allowed;
3050
+ font-weight: normal;
3051
+ color: #444;
3052
+ }
3053
+ .CommentPlugin_CommentInputBox_Button[disabled]:hover {
3054
+ opacity: 0.5;
3055
+ background-color: #eee;
3056
+ }
3057
+ .CommentPlugin_CommentInputBox_EditorContainer {
3058
+ position: relative;
3059
+ margin: 10px;
3060
+ border-radius: 5px;
3061
+ }
3062
+ .CommentPlugin_CommentInputBox_Editor {
3063
+ position: relative;
3064
+ border: 1px solid #ccc;
3065
+ background-color: #fff;
3066
+ border-radius: 5px;
3067
+ font-size: 15px;
3068
+ caret-color: rgb(5, 5, 5);
3069
+ display: block;
3070
+ padding: 9px 10px 10px 9px;
3071
+ min-height: 80px;
3072
+ }
3073
+ .CommentPlugin_CommentInputBox_Editor:focus {
3074
+ outline: 1px solid rgb(66, 135, 245);
3075
+ }
3076
+ .CommentPlugin_ShowCommentsButton {
3077
+ position: fixed;
3078
+ top: 10px;
3079
+ right: 10px;
3080
+ background-color: #ddd;
3081
+ border-radius: 10px;
3082
+ }
3083
+ i.comments {
3084
+ background-size: contain;
3085
+ display: inline-block;
3086
+ height: 20px;
3087
+ width: 20px;
3088
+ vertical-align: -10px;
3089
+ background-image: url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 5.885v1.166a3.95 3.95 0 0 1-3.949 3.95H6.917a.748.748 0 0 0-.45.15l-1.345 1.007a.752.752 0 0 0-.032 1.181A2.933 2.933 0 0 0 6.95 14h2.716l2.534 1.901a.506.506 0 0 0 .524.047A.501.501 0 0 0 13 15.5V14h.051a2.949 2.949 0 0 0 2.95-2.949v-3.05a3.002 3.002 0 0 0-2.002-2.83.756.756 0 0 0-.999.714" fill="%23050505"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.05 1H2.95A2.952 2.952 0 0 0 0 3.949v3.102A2.952 2.952 0 0 0 2.949 10H3v1.5a.502.502 0 0 0 .8.4L6.334 10H9.05A2.952 2.952 0 0 0 12 7.05V3.95A2.952 2.952 0 0 0 9.05 1" fill="%23050505"/></svg>');
3090
+ opacity: 0.5;
3091
+ transition: opacity 0.2s linear;
3092
+ }
3093
+ @media (max-width: 600px) {
3094
+ .CommentPlugin_ShowCommentsButton {
3095
+ display: none;
3096
+ }
3097
+ }
3098
+ .CommentPlugin_ShowCommentsButton:hover i.comments {
3099
+ opacity: 1;
3100
+ }
3101
+ .CommentPlugin_ShowCommentsButton.active {
3102
+ background-color: #ccc;
3103
+ }
3104
+ .CommentPlugin_CommentsPanel {
3105
+ position: fixed;
3106
+ right: 0;
3107
+ width: 300px;
3108
+ height: calc(100% - 88px);
3109
+ top: 88px;
3110
+ background-color: #fff;
3111
+ border-top-left-radius: 10px;
3112
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
3113
+ animation: show-comments 0.2s ease;
3114
+ z-index: 25;
3115
+ }
3116
+ @keyframes show-comments {
3117
+ 0% {
3118
+ opacity: 0;
3119
+ transform: translateX(300px);
3120
+ }
3121
+ 100% {
3122
+ opacity: 1;
3123
+ transform: translateX(0);
3124
+ }
3125
+ }
3126
+ .CommentPlugin_CommentsPanel_Heading {
3127
+ padding-left: 15px;
3128
+ padding-top: 10px;
3129
+ margin: 0;
3130
+ height: 34px;
3131
+ border-bottom: 1px solid #eee;
3132
+ font-size: 20px;
3133
+ display: block;
3134
+ width: 100%;
3135
+ color: #444;
3136
+ overflow: hidden;
3137
+ }
3138
+ .CommentPlugin_CommentsPanel_Editor {
3139
+ position: relative;
3140
+ border: 1px solid #ccc;
3141
+ background-color: #fff;
3142
+ border-radius: 5px;
3143
+ font-size: 15px;
3144
+ caret-color: rgb(5, 5, 5);
3145
+ display: block;
3146
+ padding: 9px 10px 10px 9px;
3147
+ min-height: 20px;
3148
+ }
3149
+ .CommentPlugin_CommentsPanel_Editor::before {
3150
+ content: "";
3151
+ width: 30px;
3152
+ height: 20px;
3153
+ float: right;
3154
+ }
3155
+ .CommentPlugin_CommentsPanel_SendButton {
3156
+ position: absolute;
3157
+ right: 10px;
3158
+ top: 8px;
3159
+ background: none;
3160
+ }
3161
+ .CommentPlugin_CommentsPanel_SendButton:hover {
3162
+ background: none;
3163
+ }
3164
+ i.send {
3165
+ background-size: contain;
3166
+ display: inline-block;
3167
+ height: 20px;
3168
+ width: 20px;
3169
+ vertical-align: -10px;
3170
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send"><path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/></svg>');
3171
+ opacity: 0.5;
3172
+ transition: opacity 0.2s linear;
3173
+ }
3174
+ .CommentPlugin_CommentsPanel_SendButton:hover i.send {
3175
+ opacity: 1;
3176
+ filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%);
3177
+ }
3178
+ .CommentPlugin_CommentsPanel_SendButton[disabled] i.send {
3179
+ opacity: 0.3;
3180
+ }
3181
+ .CommentPlugin_CommentsPanel_SendButton:hover[disabled] i.send {
3182
+ opacity: 0.3;
3183
+ filter: none;
3184
+ }
3185
+ .CommentPlugin_CommentsPanel_Empty {
3186
+ color: #777;
3187
+ font-size: 15px;
3188
+ text-align: center;
3189
+ position: absolute;
3190
+ top: calc(50% - 15px);
3191
+ margin: 0;
3192
+ padding: 0;
3193
+ width: 100%;
3194
+ }
3195
+ .CommentPlugin_CommentsPanel_List {
3196
+ padding: 0;
3197
+ list-style-type: none;
3198
+ margin: 0;
3199
+ padding: 0;
3200
+ width: 100%;
3201
+ position: absolute;
3202
+ top: 45px;
3203
+ overflow-y: auto;
3204
+ height: calc(100% - 45px);
3205
+ }
3206
+ .CommentPlugin_CommentsPanel_List_Comment {
3207
+ padding: 15px 0 15px 15px;
3208
+ margin: 0;
3209
+ font-size: 14px;
3210
+ position: relative;
3211
+ transition: all 0.2s linear;
3212
+ }
3213
+ .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Comment:hover {
3214
+ background-color: inherit;
3215
+ }
3216
+ .CommentPlugin_CommentsPanel_List_Comment p {
3217
+ margin: 0;
3218
+ color: #444;
3219
+ }
3220
+ .CommentPlugin_CommentsPanel_List_Details {
3221
+ color: #444;
3222
+ padding-bottom: 5px;
3223
+ vertical-align: top;
3224
+ }
3225
+ .CommentPlugin_CommentsPanel_List_Comment_Author {
3226
+ font-weight: bold;
3227
+ padding-right: 5px;
3228
+ }
3229
+ .CommentPlugin_CommentsPanel_List_Comment_Time {
3230
+ color: #999;
3231
+ }
3232
+ .CommentPlugin_CommentsPanel_List_Thread {
3233
+ padding: 0 0 0 0;
3234
+ margin: 0;
3235
+ border-top: 1px solid #eee;
3236
+ border-bottom: 1px solid #eee;
3237
+ position: relative;
3238
+ transition: all 0.2s linear;
3239
+ border-left: 0 solid #eee;
3240
+ }
3241
+ .CommentPlugin_CommentsPanel_List_Thread:first-child,
3242
+ .CommentPlugin_CommentsPanel_List_Thread + .CommentPlugin_CommentsPanel_List_Thread {
3243
+ border-top: none;
3244
+ }
3245
+ .CommentPlugin_CommentsPanel_List_Thread.interactive {
3246
+ cursor: pointer;
3247
+ }
3248
+ .CommentPlugin_CommentsPanel_List_Thread.interactive:hover {
3249
+ background-color: #fafafa;
3250
+ }
3251
+ .CommentPlugin_CommentsPanel_List_Thread.active {
3252
+ background-color: #fafafa;
3253
+ border-left: 15px solid #eee;
3254
+ cursor: inherit;
3255
+ }
3256
+ .CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
3257
+ padding-top: 10px;
3258
+ color: #ccc;
3259
+ display: block;
3260
+ }
3261
+ .CommentPlugin_CommentsPanel_List_Thread_Quote {
3262
+ margin: 0px 10px 0 10px;
3263
+ }
3264
+ .CommentPlugin_CommentsPanel_List_Thread_Quote span {
3265
+ color: #222;
3266
+ background-color: rgba(255, 212, 0, 0.4);
3267
+ padding: 1px;
3268
+ line-height: 1.4;
3269
+ display: inline;
3270
+ font-weight: bold;
3271
+ }
3272
+ .CommentPlugin_CommentsPanel_List_Thread_Comments {
3273
+ padding-left: 10px;
3274
+ list-style-type: none;
3275
+ }
3276
+ .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child {
3277
+ border: none;
3278
+ margin-left: 0;
3279
+ padding-left: 5px;
3280
+ }
3281
+ .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child.CommentPlugin_CommentsPanel_List_Comment:last-child {
3282
+ padding-bottom: 5px;
3283
+ }
3284
+ .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
3285
+ padding-left: 10px;
3286
+ border-left: 5px solid #eee;
3287
+ margin-left: 5px;
3288
+ }
3289
+ .CommentPlugin_CommentsPanel_List_Thread_Editor {
3290
+ position: relative;
3291
+ padding-top: 1px;
3292
+ }
3293
+ .CommentPlugin_CommentsPanel_List_DeleteButton {
3294
+ position: absolute;
3295
+ top: 10px;
3296
+ right: 10px;
3297
+ width: 30px;
3298
+ height: 30px;
3299
+ background-color: transparent;
3300
+ opacity: 0;
3301
+ }
3302
+ .CommentPlugin_CommentsPanel_DeletedComment,
3303
+ .CommentPlugin_CommentsPanel_List_Comment:hover .CommentPlugin_CommentsPanel_List_DeleteButton,
3304
+ .CommentPlugin_CommentsPanel_List_Thread_QuoteBox:hover .CommentPlugin_CommentsPanel_List_DeleteButton {
3305
+ opacity: 0.5;
3306
+ }
3307
+ .CommentPlugin_CommentsPanel_List_DeleteButton:hover {
3308
+ background-color: transparent;
3309
+ opacity: 1;
3310
+ filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%);
3311
+ }
3312
+ .CommentPlugin_CommentsPanel_List_DeleteButton i.delete {
3313
+ background-size: contain;
3314
+ position: absolute;
3315
+ left: 5px;
3316
+ top: 5px;
3317
+ height: 15px;
3318
+ width: 15px;
3319
+ vertical-align: -10px;
3320
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3"><path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z"/></svg>');
3321
+ transition: opacity 0.2s linear;
3322
+ }
3323
+
3324
+ /* src/plugins/DraggableBlockPlugin/index.css */
3325
+ .draggable-block-menu {
3326
+ border-radius: 4px;
3327
+ padding: 2px 1px;
3328
+ cursor: grab;
3329
+ opacity: 0;
3330
+ position: absolute;
3331
+ left: 0;
3332
+ top: 0;
3333
+ will-change: transform, opacity;
3334
+ display: flex;
3335
+ gap: 2px;
3336
+ transition: transform 140ms ease-in-out, opacity 160ms ease-in-out;
3337
+ }
3338
+ .draggable-block-menu .icon {
3339
+ width: 16px;
3340
+ height: 16px;
3341
+ opacity: 0.3;
3342
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24" fill="currentColor"><path stroke="currentColor" d="M8.5 10a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0 7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7-10a2 2 0 1 0-2-2 2 2 0 0 0 2 2Zm-7-4a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7 14a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0-7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Z"/></svg>');
3343
+ }
3344
+ .draggable-block-menu .icon-plus {
3345
+ display: inline-block;
3346
+ border: none;
3347
+ cursor: pointer;
3348
+ background-color: transparent;
3349
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
3350
+ }
3351
+ .draggable-block-menu:active {
3352
+ cursor: grabbing;
3353
+ }
3354
+ .draggable-block-menu .icon:hover {
3355
+ background-color: #efefef;
3356
+ }
3357
+ .draggable-block-target-line {
3358
+ pointer-events: none;
3359
+ background: deepskyblue;
3360
+ height: 4px;
3361
+ position: absolute;
3362
+ left: 0;
3363
+ top: 0;
3364
+ opacity: 0;
3365
+ will-change: transform;
3366
+ }
3367
+ .draggable-block-component-picker {
3368
+ max-width: 260px;
3369
+ }
3370
+ .draggable-block-component-picker .component-picker-search {
3371
+ width: 100%;
3372
+ box-sizing: border-box;
3373
+ padding: 8px 10px;
3374
+ border: 0;
3375
+ outline: none;
3376
+ font-size: 14px;
3377
+ border-radius: 8px 8px 0 0;
3378
+ }
3379
+
3380
+ /* src/plugins/FloatingLinkEditorPlugin/index.css */
3381
+ .link-editor {
3382
+ display: flex;
3383
+ position: absolute;
3384
+ top: 0;
3385
+ left: 0;
3386
+ z-index: 10;
3387
+ max-width: 400px;
3388
+ width: 100%;
3389
+ opacity: 0;
3390
+ background-color: #fff;
3391
+ pointer-events: auto;
3392
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
3393
+ border-radius: 0 0 8px 8px;
3394
+ transition: opacity 0.5s;
3395
+ will-change: transform;
3396
+ }
3397
+ .link-editor .button {
3398
+ width: 20px;
3399
+ height: 20px;
3400
+ display: inline-block;
3401
+ padding: 6px;
3402
+ border-radius: 8px;
3403
+ cursor: pointer;
3404
+ margin: 0 2px;
3405
+ }
3406
+ .link-editor .button.hovered {
3407
+ width: 20px;
3408
+ height: 20px;
3409
+ display: inline-block;
3410
+ background-color: #eee;
3411
+ }
3412
+ .link-editor .button i,
3413
+ .actions i {
3414
+ background-size: contain;
3415
+ display: inline-block;
3416
+ height: 20px;
3417
+ width: 20px;
3418
+ vertical-align: -0.25em;
3419
+ }
3420
+
3421
+ /* src/plugins/FloatingTextFormatToolbarPlugin/index.css */
3422
+ .floating-text-format-popup {
3423
+ display: flex;
3424
+ background: #fff;
3425
+ padding: 4px;
3426
+ vertical-align: middle;
3427
+ position: absolute;
3428
+ top: 0;
3429
+ left: 0;
3430
+ z-index: 10;
3431
+ opacity: 0;
3432
+ pointer-events: auto;
3433
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
3434
+ border-radius: 8px;
3435
+ transition: opacity 0.5s;
3436
+ height: 35px;
3437
+ will-change: transform;
3438
+ }
3439
+ .floating-text-format-popup button.popup-item {
3440
+ border: 0;
3441
+ display: flex;
3442
+ background: none;
3443
+ border-radius: 10px;
3444
+ padding: 8px;
3445
+ cursor: pointer;
3446
+ vertical-align: middle;
3447
+ }
3448
+ .floating-text-format-popup button.popup-item:disabled {
3449
+ cursor: not-allowed;
3450
+ }
3451
+ .floating-text-format-popup button.popup-item.spaced {
3452
+ margin-right: 2px;
3453
+ }
3454
+ .floating-text-format-popup button.popup-item i.format {
3455
+ background-size: contain;
3456
+ height: 18px;
3457
+ width: 18px;
3458
+ margin-top: 2px;
3459
+ vertical-align: -0.25em;
3460
+ display: flex;
3461
+ opacity: 0.6;
3462
+ }
3463
+ .floating-text-format-popup button.popup-item:disabled i.format {
3464
+ opacity: 0.2;
3465
+ }
3466
+ .floating-text-format-popup button.popup-item.active {
3467
+ background-color: rgba(223, 232, 250, 0.3);
3468
+ }
3469
+ .floating-text-format-popup button.popup-item.active i {
3470
+ opacity: 1;
3471
+ }
3472
+ .floating-text-format-popup .popup-item:hover:not([disabled]) {
3473
+ background-color: #eee;
3474
+ }
3475
+ .floating-text-format-popup select.popup-item {
3476
+ border: 0;
3477
+ display: flex;
3478
+ background: none;
3479
+ border-radius: 10px;
3480
+ padding: 8px;
3481
+ vertical-align: middle;
3482
+ -webkit-appearance: none;
3483
+ -moz-appearance: none;
3484
+ width: 70px;
3485
+ font-size: 14px;
3486
+ color: #777;
3487
+ text-overflow: ellipsis;
3488
+ }
3489
+ .floating-text-format-popup select.code-language {
3490
+ text-transform: capitalize;
3491
+ width: 130px;
3492
+ }
3493
+ .floating-text-format-popup .popup-item .text {
3494
+ display: flex;
3495
+ line-height: 20px;
3496
+ vertical-align: middle;
3497
+ font-size: 14px;
3498
+ color: #777;
3499
+ text-overflow: ellipsis;
3500
+ width: 70px;
3501
+ overflow: hidden;
3502
+ height: 20px;
3503
+ text-align: left;
3504
+ }
3505
+ .floating-text-format-popup .popup-item .icon {
3506
+ display: flex;
3507
+ width: 20px;
3508
+ height: 20px;
3509
+ user-select: none;
3510
+ margin-right: 8px;
3511
+ line-height: 16px;
3512
+ background-size: contain;
3513
+ }
3514
+ .floating-text-format-popup i.chevron-down {
3515
+ margin-top: 3px;
3516
+ width: 16px;
3517
+ height: 16px;
3518
+ display: flex;
3519
+ user-select: none;
3520
+ }
3521
+ .floating-text-format-popup i.chevron-down.inside {
3522
+ width: 16px;
3523
+ height: 16px;
3524
+ display: flex;
3525
+ margin-left: -25px;
3526
+ margin-top: 11px;
3527
+ margin-right: 10px;
3528
+ pointer-events: none;
3529
+ }
3530
+ .floating-text-format-popup .divider {
3531
+ width: 1px;
3532
+ background-color: #eee;
3533
+ margin: 0 4px;
3534
+ }
3535
+ @media (max-width: 1024px) {
3536
+ .floating-text-format-popup button.insert-comment {
3537
+ display: none;
3538
+ }
3539
+ }
3540
+
3541
+ /* src/plugins/TableCellResizer/index.css */
3542
+ .TableCellResizer__resizer {
3543
+ position: absolute;
3544
+ touch-action: none;
3545
+ }
3546
+ @media (pointer: coarse) {
3547
+ .TableCellResizer__resizer {
3548
+ background-color: #adf;
3549
+ mix-blend-mode: color;
3550
+ }
3551
+ }
3552
+
3553
+ /* src/plugins/TableHoverActionsV2Plugin/index.css */
3554
+ .floating-add-indicator {
3555
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
3556
+ background-color: #ffffff;
3557
+ background-position: center;
3558
+ background-repeat: no-repeat;
3559
+ background-size: 12px 12px;
3560
+ border: 1px solid #d0d0d0;
3561
+ border-radius: 2px;
3562
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
3563
+ box-sizing: border-box;
3564
+ height: 18px;
3565
+ pointer-events: auto;
3566
+ transition: opacity 80ms ease;
3567
+ width: 18px;
3568
+ z-index: 10;
3569
+ cursor: pointer;
3570
+ }
3571
+ .floating-filter-indicator {
3572
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-left" viewBox="0 0 16 16">%0D%0A <path d="M2 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/>%0D%0A</svg>');
3573
+ background-color: #ffffff;
3574
+ background-position: center;
3575
+ background-repeat: no-repeat;
3576
+ background-size: 12px 12px;
3577
+ border: 1px solid #d0d0d0;
3578
+ border-radius: 2px;
3579
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
3580
+ box-sizing: border-box;
3581
+ height: 18px;
3582
+ pointer-events: auto;
3583
+ transition: opacity 80ms ease;
3584
+ width: 18px;
3585
+ z-index: 10;
3586
+ cursor: pointer;
3587
+ }
3588
+ .floating-drag-indicator {
3589
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24" fill="currentColor"><path stroke="currentColor" d="M8.5 10a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0 7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7-10a2 2 0 1 0-2-2 2 2 0 0 0 2 2Zm-7-4a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm7 14a2 2 0 1 0 2 2 2 2 0 0 0-2-2Zm0-7a2 2 0 1 0 2 2 2 2 0 0 0-2-2Z"/></svg>');
3590
+ background-color: #ffffff;
3591
+ background-position: center;
3592
+ background-repeat: no-repeat;
3593
+ background-size: 12px 12px;
3594
+ border: 1px solid #d0d0d0;
3595
+ border-radius: 2px;
3596
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
3597
+ box-sizing: border-box;
3598
+ height: 18px;
3599
+ pointer-events: auto;
3600
+ transition: opacity 80ms ease;
3601
+ width: 18px;
3602
+ z-index: 10;
3603
+ cursor: grab;
3604
+ }
3605
+ .floating-filter-indicator:hover {
3606
+ background-color: #f3f3f3;
3607
+ }
3608
+ .floating-drag-indicator:hover {
3609
+ background-color: #f3f3f3;
3610
+ }
3611
+ .floating-drag-indicator:active {
3612
+ cursor: grabbing;
3613
+ }
3614
+ .floating-add-indicator:hover {
3615
+ background-color: #f3f3f3;
3616
+ }
3617
+ .floating-top-actions {
3618
+ display: flex;
3619
+ align-items: center;
3620
+ gap: 4px;
3621
+ position: relative;
3622
+ }
3623
+ .floating-filter-container {
3624
+ position: relative;
3625
+ }
3626
+ .floating-sort-menu__item {
3627
+ width: 100%;
3628
+ padding: 6px 12px;
3629
+ background: transparent;
3630
+ border: none;
3631
+ text-align: left;
3632
+ font-size: 12px;
3633
+ color: #1f1f1f;
3634
+ cursor: pointer;
3635
+ }
3636
+ .floating-sort-menu__item:hover {
3637
+ background-color: #f3f3f3;
3638
+ }
3639
+
3640
+ /* src/plugins/TableOfContentsPlugin/index.css */
3641
+ .table-of-contents .heading2 {
3642
+ margin-left: 10px;
3643
+ }
3644
+ .table-of-contents .heading3 {
3645
+ margin-left: 20px;
3646
+ }
3647
+ .selected-heading {
3648
+ color: #3578e5;
3649
+ position: relative;
3650
+ }
3651
+ .selected-heading-wrapper::before {
3652
+ content: " ";
3653
+ position: absolute;
3654
+ display: inline-block;
3655
+ left: -30px;
3656
+ top: 4px;
3657
+ z-index: 10;
3658
+ height: 4px;
3659
+ width: 4px;
3660
+ background-color: #3578e5;
3661
+ border: solid 4px white;
3662
+ border-radius: 50%;
3663
+ }
3664
+ .normal-heading {
3665
+ cursor: pointer;
3666
+ line-height: 20px;
3667
+ font-size: 16px;
3668
+ }
3669
+ .table-of-contents {
3670
+ color: #65676b;
3671
+ position: fixed;
3672
+ top: 200px;
3673
+ right: -35px;
3674
+ padding: 10px;
3675
+ width: 250px;
3676
+ display: flex;
3677
+ flex-direction: row;
3678
+ justify-content: flex-start;
3679
+ z-index: 1;
3680
+ height: 300px;
3681
+ }
3682
+ .first-heading {
3683
+ color: black;
3684
+ font-weight: bold;
3685
+ cursor: pointer;
3686
+ }
3687
+ .headings {
3688
+ list-style: none;
3689
+ margin-top: 0;
3690
+ margin-left: 10px;
3691
+ padding: 0;
3692
+ overflow: scroll;
3693
+ width: 200px;
3694
+ height: 220px;
3695
+ overflow-x: hidden;
3696
+ overflow-y: auto;
3697
+ -ms-overflow-style: none;
3698
+ scrollbar-width: none;
3699
+ }
3700
+ .headings::-webkit-scrollbar {
3701
+ display: none;
3702
+ }
3703
+ .headings::before {
3704
+ content: " ";
3705
+ position: absolute;
3706
+ height: 220px;
3707
+ width: 4px;
3708
+ right: 240px;
3709
+ margin-top: 5px;
3710
+ background-color: #ccd0d5;
3711
+ border-radius: 2px;
3712
+ }
3713
+ .normal-heading-wrapper {
3714
+ margin-left: 32px;
3715
+ position: relative;
3716
+ }
3717
+
3718
+ /* src/plugins/ToolbarPlugin/fontSize.css */
3719
+ .font-size-input {
3720
+ font-weight: bold;
3721
+ font-size: 14px;
3722
+ color: #777;
3723
+ border-radius: 5px;
3724
+ border-color: grey;
3725
+ height: 24px;
3726
+ padding: 2px 4px;
3727
+ text-align: center;
3728
+ width: 32px;
3729
+ align-self: center;
3730
+ }
3731
+ .font-size-input:disabled {
3732
+ opacity: 0.2;
3733
+ cursor: not-allowed;
3734
+ }
3735
+ input[type=number]::-webkit-outer-spin-button,
3736
+ input[type=number]::-webkit-inner-spin-button {
3737
+ -webkit-appearance: none;
3738
+ margin: 0;
3739
+ }
3740
+ input[type=number] {
3741
+ -moz-appearance: textfield;
3742
+ }
3743
+ .add-icon {
3744
+ background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 17">%0D%0A <path fill="" d="M10 7H6V3H4v4H0v2h4v4h2V9h4z"/>%0D%0A</svg>%0D%0A');
3745
+ background-repeat: no-repeat;
3746
+ background-position: center;
3747
+ }
3748
+ .minus-icon {
3749
+ background-image: url('data:image/svg+xml,<svg width="18" height="18" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 17">%0D%0A <path d="M0 7h8v2H0z"/>%0D%0A</svg>%0D%0A');
3750
+ background-repeat: no-repeat;
3751
+ background-position: center;
3752
+ }
3753
+ button.font-decrement {
3754
+ padding: 0px;
3755
+ margin-right: 3px;
3756
+ }
3757
+ button.font-increment {
3758
+ padding: 0px;
3759
+ margin-left: 3px;
3760
+ }
3761
+
3762
+ /* src/plugins/VersionsPlugin/index.css */
3763
+ .VersionsPlugin_Container {
3764
+ display: flex;
3765
+ flex-direction: column;
3766
+ gap: 16px;
3767
+ min-width: 320px;
3768
+ }
3769
+ .VersionsPlugin_Header {
3770
+ align-items: center;
3771
+ display: flex;
3772
+ justify-content: space-between;
3773
+ }
3774
+ .VersionsPlugin_VersionList {
3775
+ border: 1px solid #ddd;
3776
+ border-radius: 4px;
3777
+ max-height: 300px;
3778
+ overflow-y: auto;
3779
+ }
3780
+ .VersionsPlugin_VersionItem {
3781
+ align-items: center;
3782
+ background-color: white;
3783
+ border: none;
3784
+ border-bottom: 1px solid #eee;
3785
+ cursor: pointer;
3786
+ display: flex;
3787
+ justify-content: space-between;
3788
+ padding: 12px 16px;
3789
+ width: 100%;
3790
+ &:disabled {
3791
+ color: #777;
3792
+ font-style: italic;
3793
+ cursor: default;
3794
+ }
3795
+ }
3796
+ .VersionsPlugin_VersionItem:hover:not(:disabled) {
3797
+ background-color: #f5f5f5;
3798
+ }
3799
+ .VersionsPlugin_VersionItem--selected {
3800
+ background-color: #e3f2fd;
3801
+ }
3802
+ .VersionsPlugin_CompareButton {
3803
+ align-self: center;
3804
+ }
3805
+
3806
+ /* src/ui/Button.css */
3807
+ .Button__root {
3808
+ padding-top: 10px;
3809
+ padding-bottom: 10px;
3810
+ padding-left: 15px;
3811
+ padding-right: 15px;
3812
+ border: 0px;
3813
+ background-color: #eee;
3814
+ border-radius: 5px;
3815
+ cursor: pointer;
3816
+ font-size: 14px;
3817
+ }
3818
+ .Button__root:hover {
3819
+ background-color: #ddd;
3820
+ }
3821
+ .Button__small {
3822
+ padding-top: 5px;
3823
+ padding-bottom: 5px;
3824
+ padding-left: 10px;
3825
+ padding-right: 10px;
3826
+ font-size: 13px;
3827
+ }
3828
+ .Button__disabled {
3829
+ cursor: not-allowed;
3830
+ }
3831
+ .Button__disabled:hover {
3832
+ background-color: #eee;
3833
+ }
3834
+
3835
+ /* src/ui/ColorPicker.css */
3836
+ .color-picker-wrapper {
3837
+ padding: 20px;
3838
+ pointer-events: auto;
3839
+ }
3840
+ .color-picker-basic-color {
3841
+ display: flex;
3842
+ flex-wrap: wrap;
3843
+ gap: 10px;
3844
+ margin: 0;
3845
+ padding: 0;
3846
+ }
3847
+ .color-picker-basic-color button {
3848
+ border: 1px solid #ccc;
3849
+ border-radius: 4px;
3850
+ height: 16px;
3851
+ width: 16px;
3852
+ cursor: pointer;
3853
+ list-style-type: none;
3854
+ }
3855
+ .color-picker-basic-color button.active {
3856
+ box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
3857
+ }
3858
+ .color-picker-saturation {
3859
+ width: 100%;
3860
+ position: relative;
3861
+ margin-top: 15px;
3862
+ height: 150px;
3863
+ background-image:
3864
+ linear-gradient(transparent, black),
3865
+ linear-gradient(
3866
+ to right,
3867
+ white,
3868
+ transparent);
3869
+ user-select: none;
3870
+ }
3871
+ .color-picker-saturation_cursor {
3872
+ position: absolute;
3873
+ width: 20px;
3874
+ height: 20px;
3875
+ border: 2px solid #ffffff;
3876
+ border-radius: 50%;
3877
+ box-shadow: 0 0 15px #00000026;
3878
+ box-sizing: border-box;
3879
+ transform: translate(-10px, -10px);
3880
+ }
3881
+ .color-picker-hue {
3882
+ width: 100%;
3883
+ position: relative;
3884
+ margin-top: 15px;
3885
+ height: 12px;
3886
+ background-image:
3887
+ linear-gradient(
3888
+ to right,
3889
+ rgb(255, 0, 0),
3890
+ rgb(255, 255, 0),
3891
+ rgb(0, 255, 0),
3892
+ rgb(0, 255, 255),
3893
+ rgb(0, 0, 255),
3894
+ rgb(255, 0, 255),
3895
+ rgb(255, 0, 0));
3896
+ user-select: none;
3897
+ border-radius: 12px;
3898
+ }
3899
+ .color-picker-hue_cursor {
3900
+ position: absolute;
3901
+ width: 20px;
3902
+ height: 20px;
3903
+ border: 2px solid #ffffff;
3904
+ border-radius: 50%;
3905
+ box-shadow: #0003 0 0 0 0.5px;
3906
+ box-sizing: border-box;
3907
+ transform: translate(-10px, -4px);
3908
+ }
3909
+ .color-picker-color {
3910
+ border: 1px solid #ccc;
3911
+ margin-top: 15px;
3912
+ width: 100%;
3913
+ height: 20px;
3914
+ }
3915
+
3916
+ /* src/ui/ContentEditable.css */
3917
+ .ContentEditable__root {
3918
+ border: 0;
3919
+ font-size: 15px;
3920
+ display: block;
3921
+ position: relative;
3922
+ outline: 0;
3923
+ padding: 8px 46px 40px;
3924
+ min-height: 150px;
3925
+ }
3926
+ @media (max-width: 1025px) {
3927
+ .ContentEditable__root {
3928
+ padding-left: 8px;
3929
+ padding-right: 8px;
3930
+ }
3931
+ }
3932
+ .ContentEditable__placeholder {
3933
+ font-size: 15px;
3934
+ color: #999;
3935
+ overflow: hidden;
3936
+ position: absolute;
3937
+ text-overflow: ellipsis;
3938
+ top: 8px;
3939
+ left: 46px;
3940
+ right: 28px;
3941
+ user-select: none;
3942
+ white-space: nowrap;
3943
+ display: inline-block;
3944
+ pointer-events: none;
3945
+ }
3946
+ @media (max-width: 1025px) {
3947
+ .ContentEditable__placeholder {
3948
+ left: 8px;
3949
+ right: 8px;
3950
+ }
3951
+ }
3952
+
3953
+ /* src/ui/Dialog.css */
3954
+ .DialogActions {
3955
+ display: flex;
3956
+ flex-direction: row;
3957
+ justify-content: right;
3958
+ margin-top: 20px;
3959
+ }
3960
+ .DialogButtonsList {
3961
+ display: flex;
3962
+ flex-direction: column;
3963
+ justify-content: right;
3964
+ margin-top: 20px;
3965
+ }
3966
+ .DialogButtonsList button {
3967
+ margin-bottom: 20px;
3968
+ }
3969
+
3970
+ /* src/ui/EquationEditor.css */
3971
+ .EquationEditor_inlineEditor {
3972
+ padding: 0;
3973
+ margin: 0;
3974
+ border: 0;
3975
+ outline: 0;
3976
+ color: #8421a2;
3977
+ background-color: inherit;
3978
+ resize: none;
3979
+ }
3980
+ .EquationEditor_blockEditor {
3981
+ padding: 0;
3982
+ margin: 0;
3983
+ border: 0;
3984
+ outline: 0;
3985
+ color: #8421a2;
3986
+ background-color: inherit;
3987
+ resize: none;
3988
+ width: 100%;
3989
+ }
3990
+ .EquationEditor_inputBackground {
3991
+ background-color: #eee;
3992
+ }
3993
+ .EquationEditor_dollarSign {
3994
+ text-align: left;
3995
+ color: #b0b0b0;
3996
+ }
3997
+
3998
+ /* src/ui/ExcalidrawModal.css */
3999
+ .ExcalidrawModal__overlay {
4000
+ display: flex;
4001
+ align-items: center;
4002
+ position: fixed;
4003
+ flex-direction: column;
4004
+ top: 0px;
4005
+ bottom: 0px;
4006
+ left: 0px;
4007
+ right: 0px;
4008
+ flex-grow: 0px;
4009
+ flex-shrink: 1px;
4010
+ z-index: 10000;
4011
+ background-color: rgba(40, 40, 40, 0.6);
4012
+ pointer-events: auto;
4013
+ }
4014
+ .ExcalidrawModal__actions {
4015
+ text-align: end;
4016
+ position: absolute;
4017
+ right: 5px;
4018
+ top: 5px;
4019
+ z-index: 1;
4020
+ }
4021
+ .ExcalidrawModal__actions button {
4022
+ background-color: #fff;
4023
+ border-radius: 5px;
4024
+ }
4025
+ .ExcalidrawModal__row {
4026
+ position: relative;
4027
+ padding: 40px 5px 5px;
4028
+ width: 90vw;
4029
+ height: 80vh;
4030
+ border-radius: 8px;
4031
+ box-shadow:
4032
+ 0 12px 28px 0 rgba(0, 0, 0, 0.2),
4033
+ 0 2px 4px 0 rgba(0, 0, 0, 0.1),
4034
+ inset 0 0 0 1px rgba(255, 255, 255, 0.5);
4035
+ }
4036
+ .ExcalidrawModal__row > div {
4037
+ border-radius: 5px;
4038
+ }
4039
+ .ExcalidrawModal__modal {
4040
+ position: relative;
4041
+ top: 50px;
4042
+ width: auto;
4043
+ left: 0;
4044
+ display: flex;
4045
+ justify-content: center;
4046
+ align-items: center;
4047
+ border-radius: 8px;
4048
+ background-color: #eee;
4049
+ }
4050
+ .ExcalidrawModal__discardModal {
4051
+ margin-top: 60px;
4052
+ text-align: center;
4053
+ }
4054
+ .excalidraw-modal-container {
4055
+ position: fixed !important;
4056
+ z-index: 10001 !important;
4057
+ inset: 0;
4058
+ overflow: auto !important;
4059
+ pointer-events: auto !important;
4060
+ }
4061
+ .excalidraw-modal-container .Modal {
4062
+ pointer-events: auto !important;
4063
+ }
4064
+
4065
+ /* src/ui/FlashMessage.css */
4066
+ .FlashMessage__overlay {
4067
+ display: flex;
4068
+ justify-content: center;
4069
+ align-items: center;
4070
+ position: fixed;
4071
+ pointer-events: none;
4072
+ top: 0px;
4073
+ bottom: 0px;
4074
+ left: 0px;
4075
+ right: 0px;
4076
+ }
4077
+ .FlashMessage__alert {
4078
+ background-color: rgba(0, 0, 0, 0.8);
4079
+ color: white;
4080
+ padding: 20px;
4081
+ font-size: 1.5rem;
4082
+ border-radius: 1em;
4083
+ padding: 0.5em 1.5em;
4084
+ }
4085
+
4086
+ /* src/ui/Input.css */
4087
+ .Input__wrapper {
4088
+ display: flex;
4089
+ flex-direction: row;
4090
+ align-items: center;
4091
+ margin-bottom: 10px;
4092
+ }
4093
+ .Input__label {
4094
+ display: flex;
4095
+ flex: 1;
4096
+ color: #666;
4097
+ }
4098
+ .Input__input {
4099
+ display: flex;
4100
+ flex: 2;
4101
+ border: 1px solid #999;
4102
+ padding-top: 7px;
4103
+ padding-bottom: 7px;
4104
+ padding-left: 10px;
4105
+ padding-right: 10px;
4106
+ font-size: 16px;
4107
+ border-radius: 5px;
4108
+ min-width: 0;
4109
+ }
4110
+
4111
+ /* src/ui/KatexEquationAlterer.css */
4112
+ .KatexEquationAlterer_defaultRow {
4113
+ display: flex;
4114
+ flex-direction: row;
4115
+ margin-top: 10px;
4116
+ margin-bottom: 10px;
4117
+ justify-content: space-between;
4118
+ overflow: hidden;
4119
+ }
4120
+ .KatexEquationAlterer_dialogActions {
4121
+ display: flex;
4122
+ flex-direction: row;
4123
+ overflow: hidden;
4124
+ margin-top: 20px;
4125
+ margin-bottom: 0;
4126
+ justify-content: right;
4127
+ }
4128
+ .KatexEquationAlterer_centerRow {
4129
+ display: flex;
4130
+ flex-direction: "row";
4131
+ margin-top: 10px;
4132
+ margin-bottom: 10px;
4133
+ justify-content: center;
4134
+ overflow: hidden;
4135
+ }
4136
+ .KatexEquationAlterer_textArea {
4137
+ width: 100%;
4138
+ resize: none;
4139
+ padding: 7px;
4140
+ }
4141
+
4142
+ /* src/ui/Modal.css */
4143
+ .Modal__overlay {
4144
+ display: flex;
4145
+ justify-content: center;
4146
+ align-items: center;
4147
+ position: fixed;
4148
+ flex-direction: column;
4149
+ top: 0px;
4150
+ bottom: 0px;
4151
+ left: 0px;
4152
+ right: 0px;
4153
+ background-color: rgba(40, 40, 40, 0.6);
4154
+ flex-grow: 0px;
4155
+ pointer-events: auto;
4156
+ flex-shrink: 1px;
4157
+ z-index: 10000;
4158
+ }
4159
+ .Modal__modal {
4160
+ padding: 20px;
4161
+ min-height: 100px;
4162
+ min-width: 300px;
4163
+ display: flex;
4164
+ flex-grow: 0px;
4165
+ background-color: #fff;
4166
+ flex-direction: column;
4167
+ position: relative;
4168
+ box-shadow: 0 0 20px 0 #444;
4169
+ border-radius: 10px;
4170
+ }
4171
+ .Modal__title {
4172
+ color: #444;
4173
+ margin: 0px;
4174
+ padding-bottom: 10px;
4175
+ border-bottom: 1px solid #ccc;
4176
+ }
4177
+ .Modal__closeButton {
4178
+ border: 0px;
4179
+ position: absolute;
4180
+ right: 20px;
4181
+ border-radius: 20px;
4182
+ justify-content: center;
4183
+ align-items: center;
4184
+ display: flex;
4185
+ width: 30px;
4186
+ height: 30px;
4187
+ text-align: center;
4188
+ cursor: pointer;
4189
+ background-color: #eee;
4190
+ }
4191
+ .Modal__closeButton:hover {
4192
+ background-color: #ddd;
4193
+ }
4194
+ .Modal__content {
4195
+ padding-top: 20px;
4196
+ }
4197
+
4198
+ /* src/ui/Select.css */
4199
+ select {
4200
+ appearance: none;
4201
+ -webkit-appearance: none;
4202
+ -moz-appearance: none;
4203
+ background-color: transparent;
4204
+ border: none;
4205
+ padding: 0 1em 0 0;
4206
+ margin: 0;
4207
+ font-family: inherit;
4208
+ font-size: inherit;
4209
+ cursor: inherit;
4210
+ line-height: inherit;
4211
+ z-index: 1;
4212
+ outline: none;
4213
+ }
4214
+ :root {
4215
+ --select-border: #393939;
4216
+ --select-focus: #101484;
4217
+ --select-arrow: var(--select-border);
4218
+ }
4219
+ .select {
4220
+ min-width: 160px;
4221
+ max-width: 290px;
4222
+ border: 1px solid var(--select-border);
4223
+ border-radius: 0.25em;
4224
+ padding: 0.25em 0.5em;
4225
+ font-size: 1rem;
4226
+ cursor: pointer;
4227
+ line-height: 1.4;
4228
+ background:
4229
+ linear-gradient(
4230
+ to bottom,
4231
+ #ffffff 0%,
4232
+ #e5e5e5 100%);
4233
+ }
4234
+ /*# sourceMappingURL=index.css.map */