@squiz/formatted-text-editor 1.5.1-alpha.6 → 1.12.0-alpha.14

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 (77) hide show
  1. package/.eslintrc.json +6 -1
  2. package/CHANGELOG.md +41 -1
  3. package/README.md +29 -4
  4. package/build.js +11 -0
  5. package/cypress/e2e/bold.spec.cy.ts +18 -0
  6. package/cypress/global.d.ts +9 -0
  7. package/cypress/support/commands.ts +130 -0
  8. package/cypress/support/e2e.ts +20 -0
  9. package/cypress/tsconfig.json +8 -0
  10. package/cypress.config.ts +7 -0
  11. package/{src → demo}/App.tsx +1 -1
  12. package/{index.html → demo/index.html} +1 -1
  13. package/demo/index.scss +11 -0
  14. package/demo/main.tsx +10 -0
  15. package/{lib → demo/public}/favicon-dxp.svg +0 -0
  16. package/{src → demo}/vite-env.d.ts +0 -0
  17. package/file-transformer.js +1 -0
  18. package/jest.config.ts +27 -0
  19. package/lib/Editor/Editor.d.ts +6 -0
  20. package/lib/Editor/Editor.js +26 -0
  21. package/lib/EditorToolbar/EditorToolbar.d.ts +7 -0
  22. package/lib/EditorToolbar/EditorToolbar.js +21 -0
  23. package/lib/EditorToolbar/Tools/Bold/BoldButton.d.ts +2 -0
  24. package/lib/EditorToolbar/Tools/Bold/BoldButton.js +17 -0
  25. package/lib/EditorToolbar/Tools/Italic/ItalicButton.d.ts +2 -0
  26. package/lib/EditorToolbar/Tools/Italic/ItalicButton.js +17 -0
  27. package/lib/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.d.ts +2 -0
  28. package/lib/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.js +17 -0
  29. package/lib/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.d.ts +2 -0
  30. package/lib/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.js +17 -0
  31. package/lib/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.d.ts +2 -0
  32. package/lib/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.js +17 -0
  33. package/lib/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.d.ts +2 -0
  34. package/lib/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.js +17 -0
  35. package/lib/EditorToolbar/Tools/TextAlign/TextAlignButtons.d.ts +2 -0
  36. package/lib/EditorToolbar/Tools/TextAlign/TextAlignButtons.js +16 -0
  37. package/lib/EditorToolbar/Tools/Underline/UnderlineButton.d.ts +2 -0
  38. package/lib/EditorToolbar/Tools/Underline/UnderlineButton.js +17 -0
  39. package/lib/FormattedTextEditor.d.ts +2 -0
  40. package/lib/FormattedTextEditor.js +7 -0
  41. package/lib/index.css +3849 -0
  42. package/lib/index.d.ts +2 -0
  43. package/lib/index.js +2 -36344
  44. package/lib/ui/ToolbarButton/ToolbarButton.d.ts +10 -0
  45. package/lib/ui/ToolbarButton/ToolbarButton.js +5 -0
  46. package/package.json +47 -30
  47. package/src/Editor/Editor.spec.tsx +88 -0
  48. package/src/Editor/Editor.tsx +44 -0
  49. package/src/Editor/editor.scss +36 -0
  50. package/src/EditorToolbar/EditorToolbar.tsx +40 -0
  51. package/src/EditorToolbar/Tools/Bold/BoldButton.spec.tsx +19 -0
  52. package/src/EditorToolbar/Tools/Bold/BoldButton.tsx +30 -0
  53. package/src/EditorToolbar/Tools/Italic/ItalicButton.spec.tsx +19 -0
  54. package/src/EditorToolbar/Tools/Italic/ItalicButton.tsx +30 -0
  55. package/src/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.tsx +31 -0
  56. package/src/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.tsx +31 -0
  57. package/src/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.tsx +31 -0
  58. package/src/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.tsx +31 -0
  59. package/src/EditorToolbar/Tools/TextAlign/TextAlignButtons.tsx +21 -0
  60. package/src/EditorToolbar/Tools/Underline/Underline.spec.tsx +19 -0
  61. package/src/EditorToolbar/Tools/Underline/UnderlineButton.tsx +30 -0
  62. package/src/EditorToolbar/editor-toolbar.scss +26 -0
  63. package/src/FormattedTextEditor.tsx +4 -17
  64. package/src/index.scss +4 -0
  65. package/src/index.ts +3 -0
  66. package/src/ui/ToolbarButton/ToolbarButton.tsx +25 -0
  67. package/src/ui/ToolbarButton/toolbar-button.scss +40 -0
  68. package/tsconfig.json +5 -5
  69. package/vite.config.ts +3 -9
  70. package/lib/style.css +0 -1
  71. package/public/favicon-dxp.svg +0 -3
  72. package/src/Menu.tsx +0 -19
  73. package/src/Toolbar.tsx +0 -10
  74. package/src/index.css +0 -3
  75. package/src/main.tsx +0 -13
  76. package/src/toolbar.css +0 -9
  77. package/tsconfig.node.json +0 -9
package/lib/index.css ADDED
@@ -0,0 +1,3849 @@
1
+ /* ../../node_modules/remirror/styles/all.css */
2
+ .remirror-editor-wrapper {
3
+ padding-top: var(--rmr-space-3);
4
+ }
5
+ .remirror-button-active {
6
+ color: var(--rmr-color-primary-text) !important;
7
+ background-color: var(--rmr-color-primary) !important;
8
+ }
9
+ .remirror-button {
10
+ display: inline-flex;
11
+ font-weight: 400;
12
+ align-items: center;
13
+ justify-content: center;
14
+ -webkit-user-select: none;
15
+ -moz-user-select: none;
16
+ -ms-user-select: none;
17
+ user-select: none;
18
+ padding: 0.375em 0.75em;
19
+ line-height: 1.5;
20
+ border-radius: var(--rmr-radius-border);
21
+ text-decoration: none;
22
+ border: 1px solid var(--rmr-color-border);
23
+ cursor: pointer;
24
+ white-space: nowrap;
25
+ color: var(--rmr-color-text);
26
+ background-color: var(--rmr-color-background);
27
+ transition:
28
+ color 0.15s ease-in-out,
29
+ background-color 0.15s ease-in-out,
30
+ border-color 0.15s ease-in-out,
31
+ box-shadow 0.15s ease-in-out;
32
+ font-size: 100%;
33
+ }
34
+ .remirror-button[aria-disabled=true] {
35
+ cursor: auto;
36
+ }
37
+ .remirror-button:not([aria-disabled="true"]):hover {
38
+ color: var(--rmr-color-hover-primary-text);
39
+ border-color: var(--rmr-color-hover-border);
40
+ background-color: var(--rmr-color-hover-primary);
41
+ }
42
+ .remirror-button:not([aria-disabled="true"]):active,
43
+ .remirror-button:not([aria-disabled="true"])[data-active],
44
+ .remirror-button:not([aria-disabled="true"])[aria-expanded=true] {
45
+ color: var(--rmr-color-active-primary-text);
46
+ border-color: var(--rmr-color-active-border);
47
+ background-color: var(--rmr-color-active-primary);
48
+ }
49
+ @media screen and (-ms-high-contrast: active) {
50
+ .remirror-button {
51
+ border: 2px solid currentcolor;
52
+ }
53
+ }
54
+ .remirror-composite {
55
+ align-items: center;
56
+ justify-content: center;
57
+ padding: 0.375em 0.75em;
58
+ font-size: 100%;
59
+ border: 0;
60
+ color: inherit;
61
+ background-color: inherit;
62
+ }
63
+ .remirror-composite:not([aria-selected="true"]) {
64
+ color: inherit;
65
+ background-color: inherit;
66
+ }
67
+ [aria-activedescendant="*"]:focus .remirror-composite[aria-selected=true],
68
+ [aria-activedescendant="*"]:focus ~ * .remirror-composite[aria-selected=true] {
69
+ color: var(--rmr-color-text);
70
+ background-color: var(--rmr-color-background);
71
+ }
72
+ .remirror-dialog {
73
+ position: fixed;
74
+ top: 28px;
75
+ left: 50%;
76
+ transform: translateX(-50%);
77
+ border-radius: var(--rmr-radius-border);
78
+ padding: 1em;
79
+ max-height: calc(100vh - 56px);
80
+ outline: 0;
81
+ border: 1px solid var(--rmr-color-border);
82
+ color: var(--rmr-color-text);
83
+ z-index: 999;
84
+ }
85
+ .remirror-dialog:focus {
86
+ box-shadow: 0 0 0 0.2em var(--rmr-color-shadow-1);
87
+ }
88
+ .remirror-dialog-backdrop {
89
+ background-color: var(--rmr-color-backdrop);
90
+ position: fixed;
91
+ top: 0;
92
+ right: 0;
93
+ bottom: 0;
94
+ left: 0;
95
+ z-index: 999;
96
+ }
97
+ .remirror-form > *:not(:first-child) {
98
+ margin-top: 1rem;
99
+ }
100
+ .remirror-form-message {
101
+ font-size: 0.8em;
102
+ margin-top: 0.5rem !important;
103
+ }
104
+ .remirror-form-label {
105
+ display: block;
106
+ margin: 0 0 0.5rem 0 !important;
107
+ }
108
+ input[type=checkbox] + .remirror-form-label,
109
+ input[type=radio] + .remirror-form-label {
110
+ display: inline-block;
111
+ margin: 0 0 0 0.5rem !important;
112
+ }
113
+ .remirror-form-group {
114
+ display: block;
115
+ color: var(--rmr-color-text);
116
+ border: 1px solid var(--rmr-color-border);
117
+ border-radius: var(--rmr-radius-border);
118
+ padding: 0.5rem 1rem 1rem;
119
+ }
120
+ .remirror-form-group > * {
121
+ display: block;
122
+ }
123
+ .remirror-group {
124
+ display: flex;
125
+ }
126
+ .remirror-group > :not(:first-child) {
127
+ margin-left: -1px;
128
+ }
129
+ .remirror-group > :not(:first-child):not(:last-child):not(.first-child):not(.last-child) {
130
+ border-radius: 0;
131
+ }
132
+ .remirror-group > :first-child:not(:last-child),
133
+ .remirror-group > .first-child {
134
+ border-top-right-radius: 0;
135
+ border-bottom-right-radius: 0;
136
+ }
137
+ .remirror-group > :last-child:not(:first-child),
138
+ .remirror-group > .last-child {
139
+ border-top-left-radius: 0;
140
+ border-bottom-left-radius: 0;
141
+ }
142
+ .remirror-input {
143
+ display: block;
144
+ width: 100%;
145
+ border-radius: var(--rmr-radius-border);
146
+ padding: 0.5em 0.75em;
147
+ font-size: 100%;
148
+ border: 1px solid var(--rmr-hue-gray-2);
149
+ color: var(--rmr-hue-gray-5);
150
+ margin: 0 !important;
151
+ }
152
+ .remirror-input:focus {
153
+ border-color: var(--rmr-hue-gray-3);
154
+ }
155
+ .remirror-menu {
156
+ display: flex;
157
+ border-radius: 0;
158
+ }
159
+ .remirror-menu-pane {
160
+ position: relative;
161
+ display: flex;
162
+ justify-content: center;
163
+ align-items: flex-start;
164
+ padding-top: var(--rmr-space-1);
165
+ padding-bottom: var(--rmr-space-1);
166
+ padding-right: var(--rmr-space-2);
167
+ }
168
+ .remirror-menu-pane-active {
169
+ color: var(--rmr-color-primary-text);
170
+ background-color: var(--rmr-color-primary);
171
+ }
172
+ .remirror-menu-dropdown-label {
173
+ padding: 0 var(--rmr-space-2);
174
+ }
175
+ .remirror-menu-pane-icon {
176
+ position: absolute;
177
+ left: 8px;
178
+ width: 20px;
179
+ color: var(--rmr-hue-gray-7);
180
+ }
181
+ button:hover .remirror-menu-pane-icon,
182
+ button:active .remirror-menu-pane-icon,
183
+ [aria-checked=true] .remirror-menu-pane-icon {
184
+ color: var(--rmr-hue-gray-1);
185
+ }
186
+ .remirror-menu-pane-label {
187
+ white-space: nowrap;
188
+ overflow: hidden;
189
+ text-overflow: ellipsis;
190
+ padding-right: var(--rmr-space-3);
191
+ }
192
+ .remirror-menu-pane-shortcut {
193
+ align-self: flex-end;
194
+ color: var(--rmr-hue-gray-6);
195
+ }
196
+ button:hover .remirror-menu-pane-shortcut,
197
+ button:active .remirror-menu-pane-shortcut,
198
+ [aria-checked=true] .remirror-menu-pane-shortcut {
199
+ color: var(--rmr-hue-gray-1);
200
+ }
201
+ [role=menu] > .remirror-menu-button-left {
202
+ left: var(--rmr-space-2);
203
+ }
204
+ [role=menu] > .remirror-menu-button-right {
205
+ right: var(--rmr-space-2);
206
+ }
207
+ .remirror-menu-button-nested-left svg {
208
+ margin-right: var(--rmr-space-2);
209
+ }
210
+ [role=menu] > .remirror-menu-button-nested-right {
211
+ padding-right: 2em !important;
212
+ }
213
+ .remirror-menu-button-nested-right svg {
214
+ margin-left: var(--rmr-space-2);
215
+ }
216
+ .remirror-menu-button {
217
+ position: relative;
218
+ }
219
+ .remirror-menu-button svg {
220
+ fill: currentColor;
221
+ width: 0.65em;
222
+ height: 0.65em;
223
+ }
224
+ [role=menu] > .remirror-menu-button svg {
225
+ position: absolute;
226
+ top: 50%;
227
+ transform: translateY(-50%);
228
+ }
229
+ [role=menubar] > .remirror-menu-button svg {
230
+ display: none;
231
+ }
232
+ .remirror-menu-bar {
233
+ position: relative;
234
+ display: flex;
235
+ white-space: nowrap;
236
+ box-shadow: none !important;
237
+ }
238
+ .remirror-menu-bar[aria-orientation=vertical] {
239
+ padding: 0.25em 0;
240
+ }
241
+ .remirror-menu-bar[aria-orientation=horizontal] {
242
+ padding: 0;
243
+ }
244
+ .remirror-flex-column {
245
+ flex-direction: column;
246
+ }
247
+ .remirror-flex-row {
248
+ flex-direction: row;
249
+ }
250
+ .remirror-menu-item {
251
+ line-height: 1.5;
252
+ text-align: left;
253
+ justify-content: flex-start;
254
+ border: 0;
255
+ border-radius: 0;
256
+ font-size: 100%;
257
+ background: transparent;
258
+ color: var(--rmr-color-foreground);
259
+ margin: 0;
260
+ -webkit-user-select: none;
261
+ -moz-user-select: none;
262
+ -ms-user-select: none;
263
+ user-select: none;
264
+ cursor: default;
265
+ text-decoration: none;
266
+ }
267
+ .remirror-menu-item:focus,
268
+ .remirror-menu-item[aria-expanded=true] {
269
+ background-color: var(--rmr-color-primary);
270
+ color: var(--rmr-color-primary-text);
271
+ box-shadow: none !important;
272
+ }
273
+ .remirror-menu-item:active,
274
+ .remirror-menu-item[data-active] {
275
+ background-color: var(--rmr-color-active-primary) !important;
276
+ color: var(--rmr-color-active-primary-text) !important;
277
+ }
278
+ .remirror-menu-item:disabled {
279
+ opacity: 0.5;
280
+ }
281
+ .remirror-menu-item-row {
282
+ padding: 0 var(--rmr-space-2);
283
+ }
284
+ .remirror-menu-item-column {
285
+ padding: 0 var(--rmr-space-4);
286
+ }
287
+ .remirror-menu-item-checkbox {
288
+ position: relative;
289
+ outline: 0;
290
+ }
291
+ .remirror-menu-item-checkbox[aria-checked=true]:before {
292
+ content: "\2713";
293
+ position: absolute;
294
+ top: 0;
295
+ left: 0.4em;
296
+ width: 1em;
297
+ height: 1em;
298
+ }
299
+ .remirror-menu-item-radio {
300
+ position: relative;
301
+ outline: 0;
302
+ }
303
+ .remirror-menu-item-radio[aria-checked=true]:before {
304
+ content: "\2022";
305
+ position: absolute;
306
+ font-size: 1.4em;
307
+ top: -0.25em;
308
+ left: 0.35em;
309
+ width: 0.7142857143em;
310
+ height: 0.7142857143em;
311
+ }
312
+ .remirror-menu-group {
313
+ display: inherit;
314
+ flex-direction: inherit;
315
+ }
316
+ .remirror-floating-popover {
317
+ padding: 0;
318
+ border: none;
319
+ max-height: calc(100vh - 56px);
320
+ }
321
+ .remirror-popover [data-arrow] {
322
+ background-color: transparent;
323
+ }
324
+ .remirror-popover [data-arrow] .stroke {
325
+ fill: var(--rmr-color-border);
326
+ }
327
+ .remirror-popover [data-arrow] .fill {
328
+ fill: var(--rmr-color-background);
329
+ }
330
+ .remirror-animated-popover {
331
+ transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
332
+ opacity: 0;
333
+ transform-origin: top center;
334
+ transform: translate3d(0, -20px, 0);
335
+ }
336
+ [data-enter] .remirror-animated-popover {
337
+ opacity: 1;
338
+ transform: translate3d(0, 0, 0);
339
+ }
340
+ .remirror-role {
341
+ box-sizing: border-box;
342
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
343
+ font-family: var(--rmr-font-family-default);
344
+ color: var(--rmr-color-text);
345
+ background-color: var(--rmr-color-background);
346
+ }
347
+ .remirror-separator {
348
+ border: 1px solid var(--rmr-color-border);
349
+ border-width: 0 1px 0 0;
350
+ margin: 0 0.5em;
351
+ padding: 0;
352
+ width: 0;
353
+ height: auto;
354
+ }
355
+ .remirror-separator[aria-orientation=horizontal] {
356
+ border-width: 0 0 1px 0;
357
+ margin: 0.5em 0;
358
+ width: auto;
359
+ height: 0;
360
+ }
361
+ .remirror-tab {
362
+ background-color: transparent;
363
+ border: 1px solid transparent;
364
+ border-width: 1px 1px 0 1px;
365
+ border-radius: var(--rmr-radius-border) var(--rmr-radius-border) 0 0;
366
+ font-size: 100%;
367
+ padding: 0.5em 1em;
368
+ margin: 0 0 -1px 0;
369
+ }
370
+ .remirror-tab[aria-selected=true] {
371
+ background-color: var(--rmr-color-background);
372
+ border-color: var(--rmr-color-border);
373
+ }
374
+ [aria-orientation=vertical] .remirror-tab {
375
+ border-width: 1px 0 1px 1px;
376
+ border-radius: 0.2em 0 0 0.2em;
377
+ margin: 0 -1px 0 0;
378
+ }
379
+ .remirror-tab-list {
380
+ display: flex;
381
+ flex-direction: row;
382
+ border: 1px solid var(--rmr-color-border);
383
+ border-width: 0 0 1px 0;
384
+ margin: 0 0 1em 0;
385
+ }
386
+ .remirror-tab-list[aria-orientation=vertical] {
387
+ flex-direction: column;
388
+ border-width: 0 1px 0 0;
389
+ margin: 0 1em 0 0;
390
+ }
391
+ .remirror-tabbable:not([type="checkbox"]):not([type="radio"]) {
392
+ outline: 0;
393
+ }
394
+ .remirror-tabbable:not([type="checkbox"]):not([type="radio"]):focus {
395
+ box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
396
+ position: relative;
397
+ z-index: 2;
398
+ }
399
+ .remirror-tabbable:not([type="checkbox"]):not([type="radio"]):hover {
400
+ z-index: 2;
401
+ }
402
+ .remirror-tabbable[aria-disabled=true] {
403
+ opacity: 0.5;
404
+ }
405
+ .remirror-toolbar {
406
+ display: flex;
407
+ flex-direction: row;
408
+ overflow-y: auto;
409
+ }
410
+ .remirror-toolbar > *:not(:first-child) {
411
+ margin: 0 0 0 0.5em;
412
+ }
413
+ .remirror-toolbar[aria-orientation=vertical] {
414
+ display: inline-flex;
415
+ flex-direction: column;
416
+ }
417
+ .remirror-toolbar[aria-orientation=vertical] > *:not(:first-child) {
418
+ margin: 0.5em 0 0;
419
+ }
420
+ .remirror-tooltip {
421
+ background-color: var(--rmr-color-faded);
422
+ color: white;
423
+ font-size: 0.8em;
424
+ padding: 0.5rem;
425
+ border-radius: var(--rmr-radius-border);
426
+ z-index: 999;
427
+ }
428
+ .remirror-tooltip [data-arrow] {
429
+ background-color: transparent;
430
+ }
431
+ .remirror-tooltip [data-arrow] .stroke {
432
+ fill: transparent;
433
+ }
434
+ .remirror-tooltip [data-arrow] .fill {
435
+ fill: var(--rmr-hue-gray-8);
436
+ }
437
+ .remirror-table-size-editor {
438
+ background: var(--rmr-color-background);
439
+ box-shadow: var(--rmr-color-shadow-1);
440
+ font-family: var(--rmr-font-family-default);
441
+ font-size: var(--rmr-font-size-1);
442
+ }
443
+ .remirror-table-size-editor-body {
444
+ position: relative;
445
+ }
446
+ .remirror-table-size-editor-body::after {
447
+ background: rgba(0, 0, 0, 0);
448
+ bottom: -50px;
449
+ content: "";
450
+ left: 0;
451
+ position: absolute;
452
+ right: -50px;
453
+ top: -50px;
454
+ }
455
+ .remirror-table-size-editor-cell {
456
+ border: var(--rmr-color-border);
457
+ position: absolute;
458
+ z-index: 2;
459
+ }
460
+ .remirror-table-size-editor-cell-selected {
461
+ background: var(--rmr-color-table-selected-border);
462
+ border-color: var(--rmr-color-border);
463
+ }
464
+ .remirror-table-size-editor-footer {
465
+ padding-bottom: var(--rmr-space-1);
466
+ text-align: center;
467
+ }
468
+ .remirror-color-picker {
469
+ background: var(--rmr-color-background);
470
+ box-shadow: var(--rmr-box-shadow-1);
471
+ font-family: var(--rmr-font-family-default);
472
+ font-size: var(--rmr-font-size-1);
473
+ padding: var(--rmr-space-2) var(--rmr-space-3);
474
+ }
475
+ .remirror-color-picker-cell {
476
+ }
477
+ .remirror-color-picker-cell-selected {
478
+ }
479
+ .remirror-editor.ProseMirror {
480
+ word-wrap: break-word;
481
+ white-space: pre-wrap;
482
+ white-space: break-spaces;
483
+ position: relative;
484
+ font-variant-ligatures: none;
485
+ font-feature-settings: "liga" 0;
486
+ overflow-y: scroll;
487
+ }
488
+ .remirror-editor.ProseMirror pre {
489
+ white-space: pre-wrap;
490
+ }
491
+ .remirror-editor.ProseMirror li {
492
+ position: relative;
493
+ }
494
+ .remirror-editor.ProseMirror hr {
495
+ border-color: #2e2e2e;
496
+ }
497
+ .remirror-editor.ProseMirror img.ProseMirror-separator {
498
+ display: inline !important;
499
+ border: none !important;
500
+ margin: 0 !important;
501
+ }
502
+ .remirror-editor.ProseMirror-hideselection *::-moz-selection {
503
+ background: transparent;
504
+ color: inherit;
505
+ }
506
+ .remirror-editor.ProseMirror-hideselection *::selection {
507
+ background: transparent;
508
+ color: inherit;
509
+ }
510
+ .remirror-editor.ProseMirror-hideselection *::-moz-selection {
511
+ background: transparent;
512
+ color: inherit;
513
+ }
514
+ .remirror-editor.ProseMirror-hideselection {
515
+ caret-color: transparent;
516
+ }
517
+ .remirror-editor .ProseMirror-selectednode {
518
+ outline: 2px solid #8cf;
519
+ }
520
+ .remirror-editor li.ProseMirror-selectednode {
521
+ outline: none;
522
+ }
523
+ .remirror-editor li.ProseMirror-selectednode:after {
524
+ content: "";
525
+ position: absolute;
526
+ left: -32px;
527
+ right: -2px;
528
+ top: -2px;
529
+ bottom: -2px;
530
+ border: 2px solid #8cf;
531
+ pointer-events: none;
532
+ }
533
+ .remirror-editor.ProseMirror blockquote {
534
+ border-left: 3px solid var(--rmr-hue-gray-3);
535
+ margin-left: 0;
536
+ margin-right: 0;
537
+ padding-left: 10px;
538
+ font-style: italic;
539
+ }
540
+ .remirror-editor.ProseMirror blockquote p {
541
+ color: #888;
542
+ }
543
+ .remirror-editor div[data-callout-type] {
544
+ display: flex;
545
+ margin-left: 0;
546
+ margin-right: 0;
547
+ padding: 10px;
548
+ border-left: 2px solid transparent;
549
+ }
550
+ .remirror-editor div[data-callout-type] > :not(.remirror-callout-emoji-wrapper) {
551
+ margin-left: 8px;
552
+ flex-grow: 1;
553
+ }
554
+ .remirror-editor div[data-callout-type=info] {
555
+ background: #eef6fc;
556
+ border-left-color: #3298dc;
557
+ }
558
+ .remirror-editor div[data-callout-type=warning] {
559
+ background: #fffbeb;
560
+ border-left-color: #ffdd57;
561
+ }
562
+ .remirror-editor div[data-callout-type=error] {
563
+ background: #feecf0;
564
+ border-left-color: #f14668;
565
+ }
566
+ .remirror-editor div[data-callout-type=success] {
567
+ background: #effaf3;
568
+ border-left-color: #48c774;
569
+ }
570
+ .remirror-editor div[data-callout-type=blank] {
571
+ background: #f8f8f8;
572
+ }
573
+ .remirror-wrap {
574
+ white-space: pre-wrap !important;
575
+ }
576
+ .remirror-a11y-dark code[class*=language-],
577
+ .remirror-a11y-dark pre[class*=language-] {
578
+ color: #f8f8f2;
579
+ background: none;
580
+ font-family:
581
+ Consolas,
582
+ Monaco,
583
+ "Andale Mono",
584
+ "Ubuntu Mono",
585
+ monospace;
586
+ text-align: left;
587
+ white-space: pre;
588
+ word-spacing: normal;
589
+ word-break: normal;
590
+ word-wrap: normal;
591
+ line-height: 1.5;
592
+ -moz-tab-size: 4;
593
+ tab-size: 4;
594
+ -webkit-hyphens: none;
595
+ -ms-hyphens: none;
596
+ hyphens: none;
597
+ }
598
+ .remirror-a11y-dark pre[class*=language-] {
599
+ padding: 1em;
600
+ margin: 0.5em 0;
601
+ overflow: auto;
602
+ border-radius: 0.3em;
603
+ }
604
+ .remirror-a11y-dark :not(pre) > code[class*=language-],
605
+ .remirror-a11y-dark pre[class*=language-] {
606
+ background: #2b2b2b;
607
+ }
608
+ .remirror-a11y-dark :not(pre) > code[class*=language-] {
609
+ padding: 0.1em;
610
+ border-radius: 0.3em;
611
+ white-space: normal;
612
+ }
613
+ .remirror-a11y-dark .token.comment,
614
+ .remirror-a11y-dark .token.prolog,
615
+ .remirror-a11y-dark .token.doctype,
616
+ .remirror-a11y-dark .token.cdata {
617
+ color: #d4d0ab;
618
+ }
619
+ .remirror-a11y-dark .token.punctuation,
620
+ .remirror-a11y-dark .token.punctuation.important {
621
+ color: #fefefe;
622
+ }
623
+ .remirror-a11y-dark .token.property,
624
+ .remirror-a11y-dark .token.tag,
625
+ .remirror-a11y-dark .token.constant,
626
+ .remirror-a11y-dark .token.symbol,
627
+ .remirror-a11y-dark .token.deleted {
628
+ color: #ffa07a;
629
+ }
630
+ .remirror-a11y-dark .token.boolean,
631
+ .remirror-a11y-dark .token.number {
632
+ color: #00e0e0;
633
+ }
634
+ .remirror-a11y-dark .token.selector,
635
+ .remirror-a11y-dark .token.attr-name,
636
+ .remirror-a11y-dark .token.string,
637
+ .remirror-a11y-dark .token.char,
638
+ .remirror-a11y-dark .token.builtin,
639
+ .remirror-a11y-dark .token.inserted {
640
+ color: #abe338;
641
+ }
642
+ .remirror-a11y-dark .token.operator,
643
+ .remirror-a11y-dark .token.entity,
644
+ .remirror-a11y-dark .token.url,
645
+ .remirror-a11y-dark .language-css .token.string,
646
+ .remirror-a11y-dark .style .token.string,
647
+ .remirror-a11y-dark .token.variable {
648
+ color: #00e0e0;
649
+ }
650
+ .remirror-a11y-dark .token.atrule,
651
+ .remirror-a11y-dark .token.attr-value,
652
+ .remirror-a11y-dark .token.function {
653
+ color: #ffd700;
654
+ }
655
+ .remirror-a11y-dark .token.keyword {
656
+ color: #00e0e0;
657
+ }
658
+ .remirror-a11y-dark .token.regex,
659
+ .remirror-a11y-dark .token.important {
660
+ color: #ffd700;
661
+ }
662
+ .remirror-a11y-dark .token.important,
663
+ .remirror-a11y-dark .token.bold {
664
+ font-weight: bold;
665
+ }
666
+ .remirror-a11y-dark .token.italic {
667
+ font-style: italic;
668
+ }
669
+ .remirror-a11y-dark .token.entity {
670
+ cursor: help;
671
+ }
672
+ @media screen and (-ms-high-contrast: active) {
673
+ .remirror-a11y-dark code[class*=language-],
674
+ .remirror-a11y-dark pre[class*=language-] {
675
+ color: windowText;
676
+ background: window;
677
+ }
678
+ .remirror-a11y-dark :not(pre) > code[class*=language-],
679
+ .remirror-a11y-dark pre[class*=language-] {
680
+ background: window;
681
+ }
682
+ .remirror-a11y-dark .token.important {
683
+ background: highlight;
684
+ color: window;
685
+ font-weight: normal;
686
+ }
687
+ .remirror-a11y-dark .token.atrule,
688
+ .remirror-a11y-dark .token.attr-value,
689
+ .remirror-a11y-dark .token.function,
690
+ .remirror-a11y-dark .token.keyword,
691
+ .remirror-a11y-dark .token.operator,
692
+ .remirror-a11y-dark .token.selector {
693
+ font-weight: bold;
694
+ }
695
+ .remirror-a11y-dark .token.attr-value,
696
+ .remirror-a11y-dark .token.comment,
697
+ .remirror-a11y-dark .token.doctype,
698
+ .remirror-a11y-dark .token.function,
699
+ .remirror-a11y-dark .token.keyword,
700
+ .remirror-a11y-dark .token.operator,
701
+ .remirror-a11y-dark .token.property,
702
+ .remirror-a11y-dark .token.string {
703
+ color: highlight;
704
+ }
705
+ .remirror-a11y-dark .token.attr-value,
706
+ .remirror-a11y-dark .token.url {
707
+ font-weight: normal;
708
+ }
709
+ }
710
+ .remirror-atom-dark code[class*=language-],
711
+ .remirror-atom-dark pre[class*=language-] {
712
+ color: #c5c8c6;
713
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
714
+ font-family:
715
+ Inconsolata,
716
+ Monaco,
717
+ Consolas,
718
+ "Courier New",
719
+ Courier,
720
+ monospace;
721
+ direction: ltr;
722
+ text-align: left;
723
+ white-space: pre;
724
+ word-spacing: normal;
725
+ word-break: normal;
726
+ line-height: 1.5;
727
+ -moz-tab-size: 4;
728
+ tab-size: 4;
729
+ -webkit-hyphens: none;
730
+ -ms-hyphens: none;
731
+ hyphens: none;
732
+ }
733
+ .remirror-atom-dark pre[class*=language-] {
734
+ padding: 1em;
735
+ margin: 0.5em 0;
736
+ overflow: auto;
737
+ border-radius: 0.3em;
738
+ }
739
+ .remirror-atom-dark :not(pre) > code[class*=language-],
740
+ .remirror-atom-dark pre[class*=language-] {
741
+ background: #1d1f21;
742
+ }
743
+ .remirror-atom-dark :not(pre) > code[class*=language-] {
744
+ padding: 0.1em;
745
+ border-radius: 0.3em;
746
+ }
747
+ .remirror-atom-dark .token.comment,
748
+ .remirror-atom-dark .token.prolog,
749
+ .remirror-atom-dark .token.doctype,
750
+ .remirror-atom-dark .token.cdata {
751
+ color: #7c7c7c;
752
+ }
753
+ .remirror-atom-dark .token.punctuation,
754
+ .remirror-atom-dark .token.punctuation.important {
755
+ color: #c5c8c6;
756
+ }
757
+ .remirror-atom-dark .namespace {
758
+ opacity: 0.7;
759
+ }
760
+ .remirror-atom-dark .token.property,
761
+ .remirror-atom-dark .token.keyword,
762
+ .remirror-atom-dark .token.tag {
763
+ color: #96cbfe;
764
+ }
765
+ .remirror-atom-dark .token.class-name {
766
+ color: #ffffb6;
767
+ text-decoration: underline;
768
+ }
769
+ .remirror-atom-dark .token.boolean,
770
+ .remirror-atom-dark .token.constant {
771
+ color: #99cc99;
772
+ }
773
+ .remirror-atom-dark .token.symbol,
774
+ .remirror-atom-dark .token.deleted {
775
+ color: #f92672;
776
+ }
777
+ .remirror-atom-dark .token.number {
778
+ color: #ff73fd;
779
+ }
780
+ .remirror-atom-dark .token.selector,
781
+ .remirror-atom-dark .token.attr-name,
782
+ .remirror-atom-dark .token.string,
783
+ .remirror-atom-dark .token.char,
784
+ .remirror-atom-dark .token.builtin,
785
+ .remirror-atom-dark .token.inserted {
786
+ color: #a8ff60;
787
+ }
788
+ .remirror-atom-dark .token.variable {
789
+ color: #c6c5fe;
790
+ }
791
+ .remirror-atom-dark .token.operator {
792
+ color: #ededed;
793
+ }
794
+ .remirror-atom-dark .token.entity {
795
+ color: #ffffb6;
796
+ }
797
+ .remirror-atom-dark .token.url {
798
+ color: #96cbfe;
799
+ }
800
+ .remirror-atom-dark .language-css .token.string,
801
+ .remirror-atom-dark .style .token.string {
802
+ color: #87c38a;
803
+ }
804
+ .remirror-atom-dark .token.atrule,
805
+ .remirror-atom-dark .token.attr-value {
806
+ color: #f9ee98;
807
+ }
808
+ .remirror-atom-dark .token.function {
809
+ color: #dad085;
810
+ }
811
+ .remirror-atom-dark .token.regex {
812
+ color: #e9c062;
813
+ }
814
+ .remirror-atom-dark .token.important {
815
+ color: #fd971f;
816
+ }
817
+ .remirror-atom-dark .token.important,
818
+ .remirror-atom-dark .token.bold {
819
+ font-weight: bold;
820
+ }
821
+ .remirror-atom-dark .token.italic {
822
+ font-style: italic;
823
+ }
824
+ .remirror-atom-dark .token.entity {
825
+ cursor: help;
826
+ }
827
+ .remirror-base16-ateliersulphurpool-light code[class*=language-],
828
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-] {
829
+ font-family:
830
+ Consolas,
831
+ Menlo,
832
+ Monaco,
833
+ "Andale Mono WT",
834
+ "Andale Mono",
835
+ "Lucida Console",
836
+ "Lucida Sans Typewriter",
837
+ "DejaVu Sans Mono",
838
+ "Bitstream Vera Sans Mono",
839
+ "Liberation Mono",
840
+ "Nimbus Mono L",
841
+ "Courier New",
842
+ Courier,
843
+ monospace;
844
+ font-size: 14px;
845
+ line-height: 1.375;
846
+ direction: ltr;
847
+ text-align: left;
848
+ white-space: pre;
849
+ word-spacing: normal;
850
+ word-break: normal;
851
+ -moz-tab-size: 4;
852
+ tab-size: 4;
853
+ -webkit-hyphens: none;
854
+ -ms-hyphens: none;
855
+ hyphens: none;
856
+ background: #f5f7ff;
857
+ color: #5e6687;
858
+ }
859
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-]::-moz-selection,
860
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::-moz-selection,
861
+ .remirror-base16-ateliersulphurpool-light code[class*=language-]::-moz-selection,
862
+ .remirror-base16-ateliersulphurpool-light code[class*=language-] ::-moz-selection {
863
+ text-shadow: none;
864
+ background: #dfe2f1;
865
+ }
866
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-]::-moz-selection,
867
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::-moz-selection,
868
+ .remirror-base16-ateliersulphurpool-light code[class*=language-]::-moz-selection,
869
+ .remirror-base16-ateliersulphurpool-light code[class*=language-] ::-moz-selection {
870
+ text-shadow: none;
871
+ background: #dfe2f1;
872
+ }
873
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-]::selection,
874
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::selection,
875
+ .remirror-base16-ateliersulphurpool-light code[class*=language-]::selection,
876
+ .remirror-base16-ateliersulphurpool-light code[class*=language-] ::selection {
877
+ text-shadow: none;
878
+ background: #dfe2f1;
879
+ }
880
+ .remirror-base16-ateliersulphurpool-light pre[class*=language-] {
881
+ padding: 1em;
882
+ margin: 0.5em 0;
883
+ overflow: auto;
884
+ }
885
+ .remirror-base16-ateliersulphurpool-light :not(pre) > code[class*=language-] {
886
+ padding: 0.1em;
887
+ border-radius: 0.3em;
888
+ }
889
+ .remirror-base16-ateliersulphurpool-light .token.comment,
890
+ .remirror-base16-ateliersulphurpool-light .token.prolog,
891
+ .remirror-base16-ateliersulphurpool-light .token.doctype,
892
+ .remirror-base16-ateliersulphurpool-light .token.cdata {
893
+ color: #898ea4;
894
+ }
895
+ .remirror-base16-ateliersulphurpool-light .token.punctuation,
896
+ .remirror-base16-ateliersulphurpool-light .token.punctuation.important {
897
+ color: #5e6687;
898
+ }
899
+ .remirror-base16-ateliersulphurpool-light .token.namespace {
900
+ opacity: 0.7;
901
+ }
902
+ .remirror-base16-ateliersulphurpool-light .token.operator,
903
+ .remirror-base16-ateliersulphurpool-light .token.boolean,
904
+ .remirror-base16-ateliersulphurpool-light .token.number {
905
+ color: #c76b29;
906
+ }
907
+ .remirror-base16-ateliersulphurpool-light .token.property {
908
+ color: #c08b30;
909
+ }
910
+ .remirror-base16-ateliersulphurpool-light .token.tag {
911
+ color: #3d8fd1;
912
+ }
913
+ .remirror-base16-ateliersulphurpool-light .token.string {
914
+ color: #22a2c9;
915
+ }
916
+ .remirror-base16-ateliersulphurpool-light .token.selector {
917
+ color: #6679cc;
918
+ }
919
+ .remirror-base16-ateliersulphurpool-light .token.attr-name {
920
+ color: #c76b29;
921
+ }
922
+ .remirror-base16-ateliersulphurpool-light .token.entity,
923
+ .remirror-base16-ateliersulphurpool-light .token.url,
924
+ .remirror-base16-ateliersulphurpool-light .language-css .token.string,
925
+ .remirror-base16-ateliersulphurpool-light .style .token.string {
926
+ color: #22a2c9;
927
+ }
928
+ .remirror-base16-ateliersulphurpool-light .token.attr-value,
929
+ .remirror-base16-ateliersulphurpool-light .token.keyword,
930
+ .remirror-base16-ateliersulphurpool-light .token.control,
931
+ .remirror-base16-ateliersulphurpool-light .token.directive,
932
+ .remirror-base16-ateliersulphurpool-light .token.unit {
933
+ color: #ac9739;
934
+ }
935
+ .remirror-base16-ateliersulphurpool-light .token.statement,
936
+ .remirror-base16-ateliersulphurpool-light .token.regex,
937
+ .remirror-base16-ateliersulphurpool-light .token.atrule {
938
+ color: #22a2c9;
939
+ }
940
+ .remirror-base16-ateliersulphurpool-light .token.placeholder,
941
+ .remirror-base16-ateliersulphurpool-light .token.variable {
942
+ color: #3d8fd1;
943
+ }
944
+ .remirror-base16-ateliersulphurpool-light .token.deleted {
945
+ text-decoration: line-through;
946
+ }
947
+ .remirror-base16-ateliersulphurpool-light .token.inserted {
948
+ border-bottom: 1px dotted #202746;
949
+ text-decoration: none;
950
+ }
951
+ .remirror-base16-ateliersulphurpool-light .token.italic {
952
+ font-style: italic;
953
+ }
954
+ .remirror-base16-ateliersulphurpool-light .token.important,
955
+ .remirror-base16-ateliersulphurpool-light .token.bold {
956
+ font-weight: bold;
957
+ }
958
+ .remirror-base16-ateliersulphurpool-light .token.important {
959
+ color: #c94922;
960
+ }
961
+ .remirror-base16-ateliersulphurpool-light .token.entity {
962
+ cursor: help;
963
+ }
964
+ .remirror-base16-ateliersulphurpool-light pre > code.highlight {
965
+ outline: 0.4em solid #c94922;
966
+ outline-offset: 0.4em;
967
+ }
968
+ .remirror-base16-ateliersulphurpool-light .line-numbers .line-numbers-rows {
969
+ border-right-color: #dfe2f1;
970
+ }
971
+ .remirror-base16-ateliersulphurpool-light .line-numbers-rows > span:before {
972
+ color: #979db4;
973
+ }
974
+ .remirror-base16-ateliersulphurpool-light .line-highlight {
975
+ background: rgba(107, 115, 148, 0.2);
976
+ background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
977
+ }
978
+ .remirror-cb code[class*=language-],
979
+ .remirror-cb pre[class*=language-] {
980
+ color: #fff;
981
+ text-shadow: 0 1px 1px #000;
982
+ font-family:
983
+ Menlo,
984
+ Monaco,
985
+ "Courier New",
986
+ monospace;
987
+ direction: ltr;
988
+ text-align: left;
989
+ word-spacing: normal;
990
+ white-space: pre;
991
+ word-wrap: normal;
992
+ line-height: 1.4;
993
+ background: none;
994
+ border: 0;
995
+ -moz-tab-size: 4;
996
+ tab-size: 4;
997
+ -webkit-hyphens: none;
998
+ -ms-hyphens: none;
999
+ hyphens: none;
1000
+ }
1001
+ .remirror-cb pre[class*=language-] code {
1002
+ float: left;
1003
+ padding: 0 15px 0 0;
1004
+ }
1005
+ .remirror-cb pre[class*=language-],
1006
+ .remirror-cb :not(pre) > code[class*=language-] {
1007
+ background: #222;
1008
+ }
1009
+ .remirror-cb pre[class*=language-] {
1010
+ padding: 15px;
1011
+ margin: 1em 0;
1012
+ overflow: auto;
1013
+ border-radius: 8px;
1014
+ }
1015
+ .remirror-cb :not(pre) > code[class*=language-] {
1016
+ padding: 5px 10px;
1017
+ line-height: 1;
1018
+ border-radius: 3px;
1019
+ }
1020
+ .remirror-cb .token.comment,
1021
+ .remirror-cb .token.prolog,
1022
+ .remirror-cb .token.doctype,
1023
+ .remirror-cb .token.cdata {
1024
+ color: #797979;
1025
+ }
1026
+ .remirror-cb .token.selector,
1027
+ .remirror-cb .token.operator,
1028
+ .remirror-cb .token.punctuation,
1029
+ .remirror-cb .token.punctuation.important {
1030
+ color: #fff;
1031
+ }
1032
+ .remirror-cb .token.namespace {
1033
+ opacity: 0.7;
1034
+ }
1035
+ .remirror-cb .token.tag,
1036
+ .remirror-cb .token.boolean {
1037
+ color: #ffd893;
1038
+ }
1039
+ .remirror-cb .token.atrule,
1040
+ .remirror-cb .token.attr-value,
1041
+ .remirror-cb .token.hex,
1042
+ .remirror-cb .token.string {
1043
+ color: #b0c975;
1044
+ }
1045
+ .remirror-cb .token.property,
1046
+ .remirror-cb .token.entity,
1047
+ .remirror-cb .token.url,
1048
+ .remirror-cb .token.attr-name,
1049
+ .remirror-cb .token.keyword {
1050
+ color: #c27628;
1051
+ }
1052
+ .remirror-cb .token.regex {
1053
+ color: #9b71c6;
1054
+ }
1055
+ .remirror-cb .token.entity {
1056
+ cursor: help;
1057
+ }
1058
+ .remirror-cb .token.function,
1059
+ .remirror-cb .token.constant {
1060
+ color: #e5a638;
1061
+ }
1062
+ .remirror-cb .token.variable {
1063
+ color: #fdfba8;
1064
+ }
1065
+ .remirror-cb .token.number {
1066
+ color: #8799b0;
1067
+ }
1068
+ .remirror-cb .token.important,
1069
+ .remirror-cb .token.deliminator {
1070
+ color: #e45734;
1071
+ }
1072
+ .remirror-cb pre[data-line] {
1073
+ position: relative;
1074
+ padding: 1em 0 1em 3em;
1075
+ }
1076
+ .remirror-cb .line-highlight {
1077
+ position: absolute;
1078
+ left: 0;
1079
+ right: 0;
1080
+ margin-top: 1em;
1081
+ background: rgba(255, 255, 255, 0.2);
1082
+ pointer-events: none;
1083
+ line-height: inherit;
1084
+ white-space: pre;
1085
+ }
1086
+ .remirror-cb .line-highlight:before,
1087
+ .remirror-cb .line-highlight[data-end]:after {
1088
+ content: attr(data-start);
1089
+ position: absolute;
1090
+ top: 0.3em;
1091
+ left: 0.6em;
1092
+ min-width: 1em;
1093
+ padding: 0 0.5em;
1094
+ background-color: rgba(255, 255, 255, 0.3);
1095
+ color: #fff;
1096
+ font: bold 65%/1.5 sans-serif;
1097
+ text-align: center;
1098
+ border-radius: 8px;
1099
+ text-shadow: none;
1100
+ }
1101
+ .remirror-cb .line-highlight[data-end]:after {
1102
+ content: attr(data-end);
1103
+ top: auto;
1104
+ bottom: 0.4em;
1105
+ }
1106
+ .remirror-cb .line-numbers-rows {
1107
+ margin: 0;
1108
+ }
1109
+ .remirror-cb .line-numbers-rows span {
1110
+ padding-right: 10px;
1111
+ border-right: 3px #d9d336 solid;
1112
+ }
1113
+ .remirror-darcula code[class*=language-],
1114
+ .remirror-darcula pre[class*=language-] {
1115
+ color: #a9b7c6;
1116
+ font-family:
1117
+ Consolas,
1118
+ Monaco,
1119
+ "Andale Mono",
1120
+ monospace;
1121
+ direction: ltr;
1122
+ text-align: left;
1123
+ white-space: pre;
1124
+ word-spacing: normal;
1125
+ word-break: normal;
1126
+ line-height: 1.5;
1127
+ -moz-tab-size: 4;
1128
+ tab-size: 4;
1129
+ -webkit-hyphens: none;
1130
+ -ms-hyphens: none;
1131
+ hyphens: none;
1132
+ }
1133
+ .remirror-darcula pre[class*=language-]::-moz-selection,
1134
+ .remirror-darcula pre[class*=language-] ::-moz-selection,
1135
+ .remirror-darcula code[class*=language-]::-moz-selection,
1136
+ .remirror-darcula code[class*=language-] ::-moz-selection {
1137
+ color: inherit;
1138
+ background: rgba(33, 66, 131, 0.85);
1139
+ }
1140
+ .remirror-darcula pre[class*=language-]::-moz-selection,
1141
+ .remirror-darcula pre[class*=language-] ::-moz-selection,
1142
+ .remirror-darcula code[class*=language-]::-moz-selection,
1143
+ .remirror-darcula code[class*=language-] ::-moz-selection {
1144
+ color: inherit;
1145
+ background: rgba(33, 66, 131, 0.85);
1146
+ }
1147
+ .remirror-darcula pre[class*=language-]::selection,
1148
+ .remirror-darcula pre[class*=language-] ::selection,
1149
+ .remirror-darcula code[class*=language-]::selection,
1150
+ .remirror-darcula code[class*=language-] ::selection {
1151
+ color: inherit;
1152
+ background: rgba(33, 66, 131, 0.85);
1153
+ }
1154
+ .remirror-darcula pre[class*=language-] {
1155
+ padding: 1em;
1156
+ margin: 0.5em 0;
1157
+ overflow: auto;
1158
+ }
1159
+ .remirror-darcula :not(pre) > code[class*=language-],
1160
+ .remirror-darcula pre[class*=language-] {
1161
+ background: #2b2b2b;
1162
+ }
1163
+ .remirror-darcula :not(pre) > code[class*=language-] {
1164
+ padding: 0.1em;
1165
+ border-radius: 0.3em;
1166
+ }
1167
+ .remirror-darcula .token.comment,
1168
+ .remirror-darcula .token.prolog,
1169
+ .remirror-darcula .token.cdata {
1170
+ color: #808080;
1171
+ }
1172
+ .remirror-darcula .token.delimiter,
1173
+ .remirror-darcula .token.boolean,
1174
+ .remirror-darcula .token.keyword,
1175
+ .remirror-darcula .token.selector,
1176
+ .remirror-darcula .token.important,
1177
+ .remirror-darcula .token.atrule {
1178
+ color: #cc7832;
1179
+ }
1180
+ .remirror-darcula .token.operator,
1181
+ .remirror-darcula .token.punctuation,
1182
+ .remirror-darcula .token.attr-name {
1183
+ color: #a9b7c6;
1184
+ }
1185
+ .remirror-darcula .token.tag,
1186
+ .remirror-darcula .token.tag .punctuation,
1187
+ .remirror-darcula .token.doctype,
1188
+ .remirror-darcula .token.builtin {
1189
+ color: #e8bf6a;
1190
+ }
1191
+ .remirror-darcula .token.entity,
1192
+ .remirror-darcula .token.number,
1193
+ .remirror-darcula .token.symbol {
1194
+ color: #6897bb;
1195
+ }
1196
+ .remirror-darcula .token.property,
1197
+ .remirror-darcula .token.constant,
1198
+ .remirror-darcula .token.variable {
1199
+ color: #9876aa;
1200
+ }
1201
+ .remirror-darcula .token.string,
1202
+ .remirror-darcula .token.char {
1203
+ color: #6a8759;
1204
+ }
1205
+ .remirror-darcula .token.attr-value,
1206
+ .remirror-darcula .token.attr-value .punctuation {
1207
+ color: #a5c261;
1208
+ }
1209
+ .remirror-darcula .token.attr-value .punctuation:first-of-type {
1210
+ color: #a9b7c6;
1211
+ }
1212
+ .remirror-darcula .token.url {
1213
+ color: #287bde;
1214
+ text-decoration: underline;
1215
+ }
1216
+ .remirror-darcula .token.function {
1217
+ color: #ffc66d;
1218
+ }
1219
+ .remirror-darcula .token.regex {
1220
+ background: #364135;
1221
+ }
1222
+ .remirror-darcula .token.bold {
1223
+ font-weight: bold;
1224
+ }
1225
+ .remirror-darcula .token.italic {
1226
+ font-style: italic;
1227
+ }
1228
+ .remirror-darcula .token.inserted {
1229
+ background: #294436;
1230
+ }
1231
+ .remirror-darcula .token.deleted {
1232
+ background: #484a4a;
1233
+ }
1234
+ .remirror-darcula code.language-css .token.property,
1235
+ .remirror-darcula code.language-css .token.property + .token.punctuation,
1236
+ .remirror-darcula .token.punctuation.important {
1237
+ color: #a9b7c6;
1238
+ }
1239
+ .remirror-darcula code.language-css .token.id {
1240
+ color: #ffc66d;
1241
+ }
1242
+ .remirror-darcula code.language-css .token.selector > .token.class,
1243
+ .remirror-darcula code.language-css .token.selector > .token.attribute,
1244
+ .remirror-darcula code.language-css .token.selector > .token.pseudo-class,
1245
+ .remirror-darcula code.language-css .token.selector > .token.pseudo-element {
1246
+ color: #ffc66d;
1247
+ }
1248
+ .remirror-dracula code[class*=language-],
1249
+ .remirror-dracula pre[class*=language-] {
1250
+ color: #f8f8f2;
1251
+ background: none;
1252
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
1253
+ font-family:
1254
+ Consolas,
1255
+ Monaco,
1256
+ "Andale Mono",
1257
+ "Ubuntu Mono",
1258
+ monospace;
1259
+ text-align: left;
1260
+ white-space: pre;
1261
+ word-spacing: normal;
1262
+ word-break: normal;
1263
+ word-wrap: normal;
1264
+ line-height: 1.5;
1265
+ -moz-tab-size: 4;
1266
+ tab-size: 4;
1267
+ -webkit-hyphens: none;
1268
+ -ms-hyphens: none;
1269
+ hyphens: none;
1270
+ }
1271
+ .remirror-dracula pre[class*=language-] {
1272
+ padding: 1em;
1273
+ margin: 0.5em 0;
1274
+ overflow: auto;
1275
+ border-radius: 0.3em;
1276
+ }
1277
+ .remirror-dracula :not(pre) > code[class*=language-],
1278
+ .remirror-dracula pre[class*=language-] {
1279
+ background: #282a36;
1280
+ }
1281
+ .remirror-dracula :not(pre) > code[class*=language-] {
1282
+ padding: 0.1em;
1283
+ border-radius: 0.3em;
1284
+ white-space: normal;
1285
+ }
1286
+ .remirror-dracula .token.comment,
1287
+ .remirror-dracula .token.prolog,
1288
+ .remirror-dracula .token.doctype,
1289
+ .remirror-dracula .token.cdata {
1290
+ color: #6272a4;
1291
+ }
1292
+ .remirror-dracula .token.punctuation,
1293
+ .remirror-dracula .token.punctuation.important {
1294
+ color: #f8f8f2;
1295
+ }
1296
+ .remirror-dracula .namespace {
1297
+ opacity: 0.7;
1298
+ }
1299
+ .remirror-dracula .token.property,
1300
+ .remirror-dracula .token.tag,
1301
+ .remirror-dracula .token.constant,
1302
+ .remirror-dracula .token.symbol,
1303
+ .remirror-dracula .token.deleted {
1304
+ color: #ff79c6;
1305
+ }
1306
+ .remirror-dracula .token.boolean,
1307
+ .remirror-dracula .token.number {
1308
+ color: #bd93f9;
1309
+ }
1310
+ .remirror-dracula .token.selector,
1311
+ .remirror-dracula .token.attr-name,
1312
+ .remirror-dracula .token.string,
1313
+ .remirror-dracula .token.char,
1314
+ .remirror-dracula .token.builtin,
1315
+ .remirror-dracula .token.inserted {
1316
+ color: #50fa7b;
1317
+ }
1318
+ .remirror-dracula .token.operator,
1319
+ .remirror-dracula .token.entity,
1320
+ .remirror-dracula .token.url,
1321
+ .remirror-dracula .language-css .token.string,
1322
+ .remirror-dracula .style .token.string,
1323
+ .remirror-dracula .token.variable {
1324
+ color: #f8f8f2;
1325
+ }
1326
+ .remirror-dracula .token.atrule,
1327
+ .remirror-dracula .token.attr-value,
1328
+ .remirror-dracula .token.function,
1329
+ .remirror-dracula .token.class-name {
1330
+ color: #f1fa8c;
1331
+ }
1332
+ .remirror-dracula .token.keyword {
1333
+ color: #8be9fd;
1334
+ }
1335
+ .remirror-dracula .token.regex,
1336
+ .remirror-dracula .token.important {
1337
+ color: #ffb86c;
1338
+ }
1339
+ .remirror-dracula .token.important,
1340
+ .remirror-dracula .token.bold {
1341
+ font-weight: bold;
1342
+ }
1343
+ .remirror-dracula .token.italic {
1344
+ font-style: italic;
1345
+ }
1346
+ .remirror-dracula .token.entity {
1347
+ cursor: help;
1348
+ }
1349
+ .remirror-duotone-dark code[class*=language-],
1350
+ .remirror-duotone-dark pre[class*=language-] {
1351
+ font-family:
1352
+ Consolas,
1353
+ Menlo,
1354
+ Monaco,
1355
+ "Andale Mono WT",
1356
+ "Andale Mono",
1357
+ "Lucida Console",
1358
+ "Lucida Sans Typewriter",
1359
+ "DejaVu Sans Mono",
1360
+ "Bitstream Vera Sans Mono",
1361
+ "Liberation Mono",
1362
+ "Nimbus Mono L",
1363
+ "Courier New",
1364
+ Courier,
1365
+ monospace;
1366
+ font-size: 14px;
1367
+ line-height: 1.375;
1368
+ direction: ltr;
1369
+ text-align: left;
1370
+ white-space: pre;
1371
+ word-spacing: normal;
1372
+ word-break: normal;
1373
+ -moz-tab-size: 4;
1374
+ tab-size: 4;
1375
+ -webkit-hyphens: none;
1376
+ -ms-hyphens: none;
1377
+ hyphens: none;
1378
+ background: #2a2734;
1379
+ color: #9a86fd;
1380
+ }
1381
+ .remirror-duotone-dark pre[class*=language-]::-moz-selection,
1382
+ .remirror-duotone-dark pre[class*=language-] ::-moz-selection,
1383
+ .remirror-duotone-dark code[class*=language-]::-moz-selection,
1384
+ .remirror-duotone-dark code[class*=language-] ::-moz-selection {
1385
+ text-shadow: none;
1386
+ background: #6a51e6;
1387
+ }
1388
+ .remirror-duotone-dark pre[class*=language-]::-moz-selection,
1389
+ .remirror-duotone-dark pre[class*=language-] ::-moz-selection,
1390
+ .remirror-duotone-dark code[class*=language-]::-moz-selection,
1391
+ .remirror-duotone-dark code[class*=language-] ::-moz-selection {
1392
+ text-shadow: none;
1393
+ background: #6a51e6;
1394
+ }
1395
+ .remirror-duotone-dark pre[class*=language-]::selection,
1396
+ .remirror-duotone-dark pre[class*=language-] ::selection,
1397
+ .remirror-duotone-dark code[class*=language-]::selection,
1398
+ .remirror-duotone-dark code[class*=language-] ::selection {
1399
+ text-shadow: none;
1400
+ background: #6a51e6;
1401
+ }
1402
+ .remirror-duotone-dark pre[class*=language-] {
1403
+ padding: 1em;
1404
+ margin: 0.5em 0;
1405
+ overflow: auto;
1406
+ }
1407
+ .remirror-duotone-dark :not(pre) > code[class*=language-] {
1408
+ padding: 0.1em;
1409
+ border-radius: 0.3em;
1410
+ }
1411
+ .remirror-duotone-dark .token.comment,
1412
+ .remirror-duotone-dark .token.prolog,
1413
+ .remirror-duotone-dark .token.doctype,
1414
+ .remirror-duotone-dark .token.cdata {
1415
+ color: #6c6783;
1416
+ }
1417
+ .remirror-duotone-dark .token.punctuation,
1418
+ .remirror-duotone-dark .token.punctuation.important {
1419
+ color: #6c6783;
1420
+ }
1421
+ .remirror-duotone-dark .token.namespace {
1422
+ opacity: 0.7;
1423
+ }
1424
+ .remirror-duotone-dark .token.tag,
1425
+ .remirror-duotone-dark .token.operator,
1426
+ .remirror-duotone-dark .token.number {
1427
+ color: #e09142;
1428
+ }
1429
+ .remirror-duotone-dark .token.property,
1430
+ .remirror-duotone-dark .token.function {
1431
+ color: #9a86fd;
1432
+ }
1433
+ .remirror-duotone-dark .token.tag-id,
1434
+ .remirror-duotone-dark .token.selector,
1435
+ .remirror-duotone-dark .token.atrule-id {
1436
+ color: #eeebff;
1437
+ }
1438
+ .remirror-duotone-dark code.language-javascript,
1439
+ .remirror-duotone-dark .token.attr-name {
1440
+ color: #c4b9fe;
1441
+ }
1442
+ .remirror-duotone-dark code.language-css,
1443
+ .remirror-duotone-dark code.language-scss,
1444
+ .remirror-duotone-dark .token.boolean,
1445
+ .remirror-duotone-dark .token.string,
1446
+ .remirror-duotone-dark .token.entity,
1447
+ .remirror-duotone-dark .token.url,
1448
+ .remirror-duotone-dark .language-css .token.string,
1449
+ .remirror-duotone-dark .language-scss .token.string,
1450
+ .remirror-duotone-dark .style .token.string,
1451
+ .remirror-duotone-dark .token.attr-value,
1452
+ .remirror-duotone-dark .token.keyword,
1453
+ .remirror-duotone-dark .token.control,
1454
+ .remirror-duotone-dark .token.directive,
1455
+ .remirror-duotone-dark .token.unit,
1456
+ .remirror-duotone-dark .token.statement,
1457
+ .remirror-duotone-dark .token.regex,
1458
+ .remirror-duotone-dark .token.atrule {
1459
+ color: #ffcc99;
1460
+ }
1461
+ .remirror-duotone-dark .token.placeholder,
1462
+ .remirror-duotone-dark .token.variable {
1463
+ color: #ffcc99;
1464
+ }
1465
+ .remirror-duotone-dark .token.deleted {
1466
+ text-decoration: line-through;
1467
+ }
1468
+ .remirror-duotone-dark .token.inserted {
1469
+ border-bottom: 1px dotted #eeebff;
1470
+ text-decoration: none;
1471
+ }
1472
+ .remirror-duotone-dark .token.italic {
1473
+ font-style: italic;
1474
+ }
1475
+ .remirror-duotone-dark .token.important,
1476
+ .remirror-duotone-dark .token.bold {
1477
+ font-weight: bold;
1478
+ }
1479
+ .remirror-duotone-dark .token.important {
1480
+ color: #c4b9fe;
1481
+ }
1482
+ .remirror-duotone-dark .token.entity {
1483
+ cursor: help;
1484
+ }
1485
+ .remirror-duotone-dark pre > code.highlight {
1486
+ outline: 0.4em solid #8a75f5;
1487
+ outline-offset: 0.4em;
1488
+ }
1489
+ .remirror-duotone-dark .line-numbers .line-numbers-rows {
1490
+ border-right-color: #2c2937;
1491
+ }
1492
+ .remirror-duotone-dark .line-numbers-rows > span:before {
1493
+ color: #3c3949;
1494
+ }
1495
+ .remirror-duotone-dark .line-highlight {
1496
+ background: rgba(224, 145, 66, 0.2);
1497
+ background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
1498
+ }
1499
+ .remirror-duotone-earth code[class*=language-],
1500
+ .remirror-duotone-earth pre[class*=language-] {
1501
+ font-family:
1502
+ Consolas,
1503
+ Menlo,
1504
+ Monaco,
1505
+ "Andale Mono WT",
1506
+ "Andale Mono",
1507
+ "Lucida Console",
1508
+ "Lucida Sans Typewriter",
1509
+ "DejaVu Sans Mono",
1510
+ "Bitstream Vera Sans Mono",
1511
+ "Liberation Mono",
1512
+ "Nimbus Mono L",
1513
+ "Courier New",
1514
+ Courier,
1515
+ monospace;
1516
+ font-size: 14px;
1517
+ line-height: 1.375;
1518
+ direction: ltr;
1519
+ text-align: left;
1520
+ white-space: pre;
1521
+ word-spacing: normal;
1522
+ word-break: normal;
1523
+ -moz-tab-size: 4;
1524
+ tab-size: 4;
1525
+ -webkit-hyphens: none;
1526
+ -ms-hyphens: none;
1527
+ hyphens: none;
1528
+ background: #322d29;
1529
+ color: #88786d;
1530
+ }
1531
+ .remirror-duotone-earth pre[class*=language-]::-moz-selection,
1532
+ .remirror-duotone-earth pre[class*=language-] ::-moz-selection,
1533
+ .remirror-duotone-earth code[class*=language-]::-moz-selection,
1534
+ .remirror-duotone-earth code[class*=language-] ::-moz-selection {
1535
+ text-shadow: none;
1536
+ background: #6f5849;
1537
+ }
1538
+ .remirror-duotone-earth pre[class*=language-]::-moz-selection,
1539
+ .remirror-duotone-earth pre[class*=language-] ::-moz-selection,
1540
+ .remirror-duotone-earth code[class*=language-]::-moz-selection,
1541
+ .remirror-duotone-earth code[class*=language-] ::-moz-selection {
1542
+ text-shadow: none;
1543
+ background: #6f5849;
1544
+ }
1545
+ .remirror-duotone-earth pre[class*=language-]::selection,
1546
+ .remirror-duotone-earth pre[class*=language-] ::selection,
1547
+ .remirror-duotone-earth code[class*=language-]::selection,
1548
+ .remirror-duotone-earth code[class*=language-] ::selection {
1549
+ text-shadow: none;
1550
+ background: #6f5849;
1551
+ }
1552
+ .remirror-duotone-earth pre[class*=language-] {
1553
+ padding: 1em;
1554
+ margin: 0.5em 0;
1555
+ overflow: auto;
1556
+ }
1557
+ .remirror-duotone-earth :not(pre) > code[class*=language-] {
1558
+ padding: 0.1em;
1559
+ border-radius: 0.3em;
1560
+ }
1561
+ .remirror-duotone-earth .token.comment,
1562
+ .remirror-duotone-earth .token.prolog,
1563
+ .remirror-duotone-earth .token.doctype,
1564
+ .remirror-duotone-earth .token.cdata {
1565
+ color: #6a5f58;
1566
+ }
1567
+ .remirror-duotone-earth .token.punctuation,
1568
+ .remirror-duotone-earth .token.punctuation.important {
1569
+ color: #6a5f58;
1570
+ }
1571
+ .remirror-duotone-earth .token.namespace {
1572
+ opacity: 0.7;
1573
+ }
1574
+ .remirror-duotone-earth .token.tag,
1575
+ .remirror-duotone-earth .token.operator,
1576
+ .remirror-duotone-earth .token.number {
1577
+ color: #bfa05a;
1578
+ }
1579
+ .remirror-duotone-earth .token.property,
1580
+ .remirror-duotone-earth .token.function {
1581
+ color: #88786d;
1582
+ }
1583
+ .remirror-duotone-earth .token.tag-id,
1584
+ .remirror-duotone-earth .token.selector,
1585
+ .remirror-duotone-earth .token.atrule-id {
1586
+ color: #fff3eb;
1587
+ }
1588
+ .remirror-duotone-earth code.language-javascript,
1589
+ .remirror-duotone-earth .token.attr-name {
1590
+ color: #a48774;
1591
+ }
1592
+ .remirror-duotone-earth code.language-css,
1593
+ .remirror-duotone-earth code.language-scss,
1594
+ .remirror-duotone-earth .token.boolean,
1595
+ .remirror-duotone-earth .token.string,
1596
+ .remirror-duotone-earth .token.entity,
1597
+ .remirror-duotone-earth .token.url,
1598
+ .remirror-duotone-earth .language-css .token.string,
1599
+ .remirror-duotone-earth .language-scss .token.string,
1600
+ .remirror-duotone-earth .style .token.string,
1601
+ .remirror-duotone-earth .token.attr-value,
1602
+ .remirror-duotone-earth .token.keyword,
1603
+ .remirror-duotone-earth .token.control,
1604
+ .remirror-duotone-earth .token.directive,
1605
+ .remirror-duotone-earth .token.unit,
1606
+ .remirror-duotone-earth .token.statement,
1607
+ .remirror-duotone-earth .token.regex,
1608
+ .remirror-duotone-earth .token.atrule {
1609
+ color: #fcc440;
1610
+ }
1611
+ .remirror-duotone-earth .token.placeholder,
1612
+ .remirror-duotone-earth .token.variable {
1613
+ color: #fcc440;
1614
+ }
1615
+ .remirror-duotone-earth .token.deleted {
1616
+ text-decoration: line-through;
1617
+ }
1618
+ .remirror-duotone-earth .token.inserted {
1619
+ border-bottom: 1px dotted #fff3eb;
1620
+ text-decoration: none;
1621
+ }
1622
+ .remirror-duotone-earth .token.italic {
1623
+ font-style: italic;
1624
+ }
1625
+ .remirror-duotone-earth .token.important,
1626
+ .remirror-duotone-earth .token.bold {
1627
+ font-weight: bold;
1628
+ }
1629
+ .remirror-duotone-earth .token.important {
1630
+ color: #a48774;
1631
+ }
1632
+ .remirror-duotone-earth .token.entity {
1633
+ cursor: help;
1634
+ }
1635
+ .remirror-duotone-earth pre > code.highlight {
1636
+ outline: 0.4em solid #816d5f;
1637
+ outline-offset: 0.4em;
1638
+ }
1639
+ .remirror-duotone-earth .line-numbers .line-numbers-rows {
1640
+ border-right-color: #35302b;
1641
+ }
1642
+ .remirror-duotone-earth .line-numbers-rows > span:before {
1643
+ color: #46403d;
1644
+ }
1645
+ .remirror-duotone-earth .line-highlight {
1646
+ background: rgba(191, 160, 90, 0.2);
1647
+ background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
1648
+ }
1649
+ .remirror-duotone-forest code[class*=language-],
1650
+ .remirror-duotone-forest pre[class*=language-] {
1651
+ font-family:
1652
+ Consolas,
1653
+ Menlo,
1654
+ Monaco,
1655
+ "Andale Mono WT",
1656
+ "Andale Mono",
1657
+ "Lucida Console",
1658
+ "Lucida Sans Typewriter",
1659
+ "DejaVu Sans Mono",
1660
+ "Bitstream Vera Sans Mono",
1661
+ "Liberation Mono",
1662
+ "Nimbus Mono L",
1663
+ "Courier New",
1664
+ Courier,
1665
+ monospace;
1666
+ font-size: 14px;
1667
+ line-height: 1.375;
1668
+ direction: ltr;
1669
+ text-align: left;
1670
+ white-space: pre;
1671
+ word-spacing: normal;
1672
+ word-break: normal;
1673
+ -moz-tab-size: 4;
1674
+ tab-size: 4;
1675
+ -webkit-hyphens: none;
1676
+ -ms-hyphens: none;
1677
+ hyphens: none;
1678
+ background: #2a2d2a;
1679
+ color: #687d68;
1680
+ }
1681
+ .remirror-duotone-forest pre[class*=language-]::-moz-selection,
1682
+ .remirror-duotone-forest pre[class*=language-] ::-moz-selection,
1683
+ .remirror-duotone-forest code[class*=language-]::-moz-selection,
1684
+ .remirror-duotone-forest code[class*=language-] ::-moz-selection {
1685
+ text-shadow: none;
1686
+ background: #435643;
1687
+ }
1688
+ .remirror-duotone-forest pre[class*=language-]::-moz-selection,
1689
+ .remirror-duotone-forest pre[class*=language-] ::-moz-selection,
1690
+ .remirror-duotone-forest code[class*=language-]::-moz-selection,
1691
+ .remirror-duotone-forest code[class*=language-] ::-moz-selection {
1692
+ text-shadow: none;
1693
+ background: #435643;
1694
+ }
1695
+ .remirror-duotone-forest pre[class*=language-]::selection,
1696
+ .remirror-duotone-forest pre[class*=language-] ::selection,
1697
+ .remirror-duotone-forest code[class*=language-]::selection,
1698
+ .remirror-duotone-forest code[class*=language-] ::selection {
1699
+ text-shadow: none;
1700
+ background: #435643;
1701
+ }
1702
+ .remirror-duotone-forest pre[class*=language-] {
1703
+ padding: 1em;
1704
+ margin: 0.5em 0;
1705
+ overflow: auto;
1706
+ }
1707
+ .remirror-duotone-forest :not(pre) > code[class*=language-] {
1708
+ padding: 0.1em;
1709
+ border-radius: 0.3em;
1710
+ }
1711
+ .remirror-duotone-forest .token.comment,
1712
+ .remirror-duotone-forest .token.prolog,
1713
+ .remirror-duotone-forest .token.doctype,
1714
+ .remirror-duotone-forest .token.cdata {
1715
+ color: #535f53;
1716
+ }
1717
+ .remirror-duotone-forest .token.punctuation,
1718
+ .remirror-duotone-forest .token.punctuation.important {
1719
+ color: #535f53;
1720
+ }
1721
+ .remirror-duotone-forest .token.namespace {
1722
+ opacity: 0.7;
1723
+ }
1724
+ .remirror-duotone-forest .token.tag,
1725
+ .remirror-duotone-forest .token.operator,
1726
+ .remirror-duotone-forest .token.number {
1727
+ color: #a2b34d;
1728
+ }
1729
+ .remirror-duotone-forest .token.property,
1730
+ .remirror-duotone-forest .token.function {
1731
+ color: #687d68;
1732
+ }
1733
+ .remirror-duotone-forest .token.tag-id,
1734
+ .remirror-duotone-forest .token.selector,
1735
+ .remirror-duotone-forest .token.atrule-id {
1736
+ color: #f0fff0;
1737
+ }
1738
+ .remirror-duotone-forest code.language-javascript,
1739
+ .remirror-duotone-forest .token.attr-name {
1740
+ color: #b3d6b3;
1741
+ }
1742
+ .remirror-duotone-forest code.language-css,
1743
+ .remirror-duotone-forest code.language-scss,
1744
+ .remirror-duotone-forest .token.boolean,
1745
+ .remirror-duotone-forest .token.string,
1746
+ .remirror-duotone-forest .token.entity,
1747
+ .remirror-duotone-forest .token.url,
1748
+ .remirror-duotone-forest .language-css .token.string,
1749
+ .remirror-duotone-forest .language-scss .token.string,
1750
+ .remirror-duotone-forest .style .token.string,
1751
+ .remirror-duotone-forest .token.attr-value,
1752
+ .remirror-duotone-forest .token.keyword,
1753
+ .remirror-duotone-forest .token.control,
1754
+ .remirror-duotone-forest .token.directive,
1755
+ .remirror-duotone-forest .token.unit,
1756
+ .remirror-duotone-forest .token.statement,
1757
+ .remirror-duotone-forest .token.regex,
1758
+ .remirror-duotone-forest .token.atrule {
1759
+ color: #e5fb79;
1760
+ }
1761
+ .remirror-duotone-forest .token.placeholder,
1762
+ .remirror-duotone-forest .token.variable {
1763
+ color: #e5fb79;
1764
+ }
1765
+ .remirror-duotone-forest .token.deleted {
1766
+ text-decoration: line-through;
1767
+ }
1768
+ .remirror-duotone-forest .token.inserted {
1769
+ border-bottom: 1px dotted #f0fff0;
1770
+ text-decoration: none;
1771
+ }
1772
+ .remirror-duotone-forest .token.italic {
1773
+ font-style: italic;
1774
+ }
1775
+ .remirror-duotone-forest .token.important,
1776
+ .remirror-duotone-forest .token.bold {
1777
+ font-weight: bold;
1778
+ }
1779
+ .remirror-duotone-forest .token.important {
1780
+ color: #b3d6b3;
1781
+ }
1782
+ .remirror-duotone-forest .token.entity {
1783
+ cursor: help;
1784
+ }
1785
+ .remirror-duotone-forest pre > code.highlight {
1786
+ outline: 0.4em solid #5c705c;
1787
+ outline-offset: 0.4em;
1788
+ }
1789
+ .remirror-duotone-forest .line-numbers .line-numbers-rows {
1790
+ border-right-color: #2c302c;
1791
+ }
1792
+ .remirror-duotone-forest .line-numbers-rows > span:before {
1793
+ color: #3b423b;
1794
+ }
1795
+ .remirror-duotone-forest .line-highlight {
1796
+ background: rgba(162, 179, 77, 0.2);
1797
+ background: linear-gradient(to right, rgba(162, 179, 77, 0.2) 70%, rgba(162, 179, 77, 0));
1798
+ }
1799
+ .remirror-duotone-light code[class*=language-],
1800
+ .remirror-duotone-light pre[class*=language-] {
1801
+ font-family:
1802
+ Consolas,
1803
+ Menlo,
1804
+ Monaco,
1805
+ "Andale Mono WT",
1806
+ "Andale Mono",
1807
+ "Lucida Console",
1808
+ "Lucida Sans Typewriter",
1809
+ "DejaVu Sans Mono",
1810
+ "Bitstream Vera Sans Mono",
1811
+ "Liberation Mono",
1812
+ "Nimbus Mono L",
1813
+ "Courier New",
1814
+ Courier,
1815
+ monospace;
1816
+ font-size: 14px;
1817
+ line-height: 1.375;
1818
+ direction: ltr;
1819
+ text-align: left;
1820
+ white-space: pre;
1821
+ word-spacing: normal;
1822
+ word-break: normal;
1823
+ -moz-tab-size: 4;
1824
+ tab-size: 4;
1825
+ -webkit-hyphens: none;
1826
+ -ms-hyphens: none;
1827
+ hyphens: none;
1828
+ background: #faf8f5;
1829
+ color: #728fcb;
1830
+ }
1831
+ .remirror-duotone-light pre[class*=language-]::-moz-selection,
1832
+ .remirror-duotone-light pre[class*=language-] ::-moz-selection,
1833
+ .remirror-duotone-light code[class*=language-]::-moz-selection,
1834
+ .remirror-duotone-light code[class*=language-] ::-moz-selection {
1835
+ text-shadow: none;
1836
+ background: #faf8f5;
1837
+ }
1838
+ .remirror-duotone-light pre[class*=language-]::-moz-selection,
1839
+ .remirror-duotone-light pre[class*=language-] ::-moz-selection,
1840
+ .remirror-duotone-light code[class*=language-]::-moz-selection,
1841
+ .remirror-duotone-light code[class*=language-] ::-moz-selection {
1842
+ text-shadow: none;
1843
+ background: #faf8f5;
1844
+ }
1845
+ .remirror-duotone-light pre[class*=language-]::selection,
1846
+ .remirror-duotone-light pre[class*=language-] ::selection,
1847
+ .remirror-duotone-light code[class*=language-]::selection,
1848
+ .remirror-duotone-light code[class*=language-] ::selection {
1849
+ text-shadow: none;
1850
+ background: #faf8f5;
1851
+ }
1852
+ .remirror-duotone-light pre[class*=language-] {
1853
+ padding: 1em;
1854
+ margin: 0.5em 0;
1855
+ overflow: auto;
1856
+ }
1857
+ .remirror-duotone-light :not(pre) > code[class*=language-] {
1858
+ padding: 0.1em;
1859
+ border-radius: 0.3em;
1860
+ }
1861
+ .remirror-duotone-light .token.comment,
1862
+ .remirror-duotone-light .token.prolog,
1863
+ .remirror-duotone-light .token.doctype,
1864
+ .remirror-duotone-light .token.cdata {
1865
+ color: #b6ad9a;
1866
+ }
1867
+ .remirror-duotone-light .token.punctuation,
1868
+ .remirror-duotone-light .token.punctuation.important {
1869
+ color: #b6ad9a;
1870
+ }
1871
+ .remirror-duotone-light .token.namespace {
1872
+ opacity: 0.7;
1873
+ }
1874
+ .remirror-duotone-light .token.tag,
1875
+ .remirror-duotone-light .token.operator,
1876
+ .remirror-duotone-light .token.number {
1877
+ color: #063289;
1878
+ }
1879
+ .remirror-duotone-light .token.property,
1880
+ .remirror-duotone-light .token.function {
1881
+ color: #b29762;
1882
+ }
1883
+ .remirror-duotone-light .token.tag-id,
1884
+ .remirror-duotone-light .token.selector,
1885
+ .remirror-duotone-light .token.atrule-id {
1886
+ color: #2d2006;
1887
+ }
1888
+ .remirror-duotone-light code.language-javascript,
1889
+ .remirror-duotone-light .token.attr-name {
1890
+ color: #896724;
1891
+ }
1892
+ .remirror-duotone-light code.language-css,
1893
+ .remirror-duotone-light code.language-scss,
1894
+ .remirror-duotone-light .token.boolean,
1895
+ .remirror-duotone-light .token.string,
1896
+ .remirror-duotone-light .token.entity,
1897
+ .remirror-duotone-light .token.url,
1898
+ .remirror-duotone-light .language-css .token.string,
1899
+ .remirror-duotone-light .language-scss .token.string,
1900
+ .remirror-duotone-light .style .token.string,
1901
+ .remirror-duotone-light .token.attr-value,
1902
+ .remirror-duotone-light .token.keyword,
1903
+ .remirror-duotone-light .token.control,
1904
+ .remirror-duotone-light .token.directive,
1905
+ .remirror-duotone-light .token.unit,
1906
+ .remirror-duotone-light .token.statement,
1907
+ .remirror-duotone-light .token.regex,
1908
+ .remirror-duotone-light .token.atrule {
1909
+ color: #728fcb;
1910
+ }
1911
+ .remirror-duotone-light .token.placeholder,
1912
+ .remirror-duotone-light .token.variable {
1913
+ color: #93abdc;
1914
+ }
1915
+ .remirror-duotone-light .token.deleted {
1916
+ text-decoration: line-through;
1917
+ }
1918
+ .remirror-duotone-light .token.inserted {
1919
+ border-bottom: 1px dotted #2d2006;
1920
+ text-decoration: none;
1921
+ }
1922
+ .remirror-duotone-light .token.italic {
1923
+ font-style: italic;
1924
+ }
1925
+ .remirror-duotone-light .token.important,
1926
+ .remirror-duotone-light .token.bold {
1927
+ font-weight: bold;
1928
+ }
1929
+ .remirror-duotone-light .token.important {
1930
+ color: #896724;
1931
+ }
1932
+ .remirror-duotone-light .token.entity {
1933
+ cursor: help;
1934
+ }
1935
+ .remirror-duotone-light pre > code.highlight {
1936
+ outline: 0.4em solid #896724;
1937
+ outline-offset: 0.4em;
1938
+ }
1939
+ .remirror-duotone-light .line-numbers .line-numbers-rows {
1940
+ border-right-color: #ece8de;
1941
+ }
1942
+ .remirror-duotone-light .line-numbers-rows > span:before {
1943
+ color: #cdc4b1;
1944
+ }
1945
+ .remirror-duotone-light .line-highlight {
1946
+ background: rgba(45, 32, 6, 0.2);
1947
+ background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
1948
+ }
1949
+ .remirror-duotone-sea code[class*=language-],
1950
+ .remirror-duotone-sea pre[class*=language-] {
1951
+ font-family:
1952
+ Consolas,
1953
+ Menlo,
1954
+ Monaco,
1955
+ "Andale Mono WT",
1956
+ "Andale Mono",
1957
+ "Lucida Console",
1958
+ "Lucida Sans Typewriter",
1959
+ "DejaVu Sans Mono",
1960
+ "Bitstream Vera Sans Mono",
1961
+ "Liberation Mono",
1962
+ "Nimbus Mono L",
1963
+ "Courier New",
1964
+ Courier,
1965
+ monospace;
1966
+ font-size: 14px;
1967
+ line-height: 1.375;
1968
+ direction: ltr;
1969
+ text-align: left;
1970
+ white-space: pre;
1971
+ word-spacing: normal;
1972
+ word-break: normal;
1973
+ -moz-tab-size: 4;
1974
+ tab-size: 4;
1975
+ -webkit-hyphens: none;
1976
+ -ms-hyphens: none;
1977
+ hyphens: none;
1978
+ background: #1d262f;
1979
+ color: #57718e;
1980
+ }
1981
+ .remirror-duotone-sea pre[class*=language-]::-moz-selection,
1982
+ .remirror-duotone-sea pre[class*=language-] ::-moz-selection,
1983
+ .remirror-duotone-sea code[class*=language-]::-moz-selection,
1984
+ .remirror-duotone-sea code[class*=language-] ::-moz-selection {
1985
+ text-shadow: none;
1986
+ background: #004a9e;
1987
+ }
1988
+ .remirror-duotone-sea pre[class*=language-]::-moz-selection,
1989
+ .remirror-duotone-sea pre[class*=language-] ::-moz-selection,
1990
+ .remirror-duotone-sea code[class*=language-]::-moz-selection,
1991
+ .remirror-duotone-sea code[class*=language-] ::-moz-selection {
1992
+ text-shadow: none;
1993
+ background: #004a9e;
1994
+ }
1995
+ .remirror-duotone-sea pre[class*=language-]::selection,
1996
+ .remirror-duotone-sea pre[class*=language-] ::selection,
1997
+ .remirror-duotone-sea code[class*=language-]::selection,
1998
+ .remirror-duotone-sea code[class*=language-] ::selection {
1999
+ text-shadow: none;
2000
+ background: #004a9e;
2001
+ }
2002
+ .remirror-duotone-sea pre[class*=language-] {
2003
+ padding: 1em;
2004
+ margin: 0.5em 0;
2005
+ overflow: auto;
2006
+ }
2007
+ .remirror-duotone-sea :not(pre) > code[class*=language-] {
2008
+ padding: 0.1em;
2009
+ border-radius: 0.3em;
2010
+ }
2011
+ .remirror-duotone-sea .token.comment,
2012
+ .remirror-duotone-sea .token.prolog,
2013
+ .remirror-duotone-sea .token.doctype,
2014
+ .remirror-duotone-sea .token.cdata {
2015
+ color: #4a5f78;
2016
+ }
2017
+ .remirror-duotone-sea .token.punctuation,
2018
+ .remirror-duotone-sea .token.punctuation.important {
2019
+ color: #4a5f78;
2020
+ }
2021
+ .remirror-duotone-sea .token.namespace {
2022
+ opacity: 0.7;
2023
+ }
2024
+ .remirror-duotone-sea .token.tag,
2025
+ .remirror-duotone-sea .token.operator,
2026
+ .remirror-duotone-sea .token.number {
2027
+ color: #0aa370;
2028
+ }
2029
+ .remirror-duotone-sea .token.property,
2030
+ .remirror-duotone-sea .token.function {
2031
+ color: #57718e;
2032
+ }
2033
+ .remirror-duotone-sea .token.tag-id,
2034
+ .remirror-duotone-sea .token.selector,
2035
+ .remirror-duotone-sea .token.atrule-id {
2036
+ color: #ebf4ff;
2037
+ }
2038
+ .remirror-duotone-sea code.language-javascript,
2039
+ .remirror-duotone-sea .token.attr-name {
2040
+ color: #7eb6f6;
2041
+ }
2042
+ .remirror-duotone-sea code.language-css,
2043
+ .remirror-duotone-sea code.language-scss,
2044
+ .remirror-duotone-sea .token.boolean,
2045
+ .remirror-duotone-sea .token.string,
2046
+ .remirror-duotone-sea .token.entity,
2047
+ .remirror-duotone-sea .token.url,
2048
+ .remirror-duotone-sea .language-css .token.string,
2049
+ .remirror-duotone-sea .language-scss .token.string,
2050
+ .remirror-duotone-sea .style .token.string,
2051
+ .remirror-duotone-sea .token.attr-value,
2052
+ .remirror-duotone-sea .token.keyword,
2053
+ .remirror-duotone-sea .token.control,
2054
+ .remirror-duotone-sea .token.directive,
2055
+ .remirror-duotone-sea .token.unit,
2056
+ .remirror-duotone-sea .token.statement,
2057
+ .remirror-duotone-sea .token.regex,
2058
+ .remirror-duotone-sea .token.atrule {
2059
+ color: #47ebb4;
2060
+ }
2061
+ .remirror-duotone-sea .token.placeholder,
2062
+ .remirror-duotone-sea .token.variable {
2063
+ color: #47ebb4;
2064
+ }
2065
+ .remirror-duotone-sea .token.deleted {
2066
+ text-decoration: line-through;
2067
+ }
2068
+ .remirror-duotone-sea .token.inserted {
2069
+ border-bottom: 1px dotted #ebf4ff;
2070
+ text-decoration: none;
2071
+ }
2072
+ .remirror-duotone-sea .token.italic {
2073
+ font-style: italic;
2074
+ }
2075
+ .remirror-duotone-sea .token.important,
2076
+ .remirror-duotone-sea .token.bold {
2077
+ font-weight: bold;
2078
+ }
2079
+ .remirror-duotone-sea .token.important {
2080
+ color: #7eb6f6;
2081
+ }
2082
+ .remirror-duotone-sea .token.entity {
2083
+ cursor: help;
2084
+ }
2085
+ .remirror-duotone-sea pre > code.highlight {
2086
+ outline: 0.4em solid #34659d;
2087
+ outline-offset: 0.4em;
2088
+ }
2089
+ .remirror-duotone-sea .line-numbers .line-numbers-rows {
2090
+ border-right-color: #1f2932;
2091
+ }
2092
+ .remirror-duotone-sea .line-numbers-rows > span:before {
2093
+ color: #2c3847;
2094
+ }
2095
+ .remirror-duotone-sea .line-highlight {
2096
+ background: rgba(10, 163, 112, 0.2);
2097
+ background: linear-gradient(to right, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0));
2098
+ }
2099
+ .remirror-duotone-space code[class*=language-],
2100
+ .remirror-duotone-space pre[class*=language-] {
2101
+ font-family:
2102
+ Consolas,
2103
+ Menlo,
2104
+ Monaco,
2105
+ "Andale Mono WT",
2106
+ "Andale Mono",
2107
+ "Lucida Console",
2108
+ "Lucida Sans Typewriter",
2109
+ "DejaVu Sans Mono",
2110
+ "Bitstream Vera Sans Mono",
2111
+ "Liberation Mono",
2112
+ "Nimbus Mono L",
2113
+ "Courier New",
2114
+ Courier,
2115
+ monospace;
2116
+ font-size: 14px;
2117
+ line-height: 1.375;
2118
+ direction: ltr;
2119
+ text-align: left;
2120
+ white-space: pre;
2121
+ word-spacing: normal;
2122
+ word-break: normal;
2123
+ -moz-tab-size: 4;
2124
+ tab-size: 4;
2125
+ -webkit-hyphens: none;
2126
+ -ms-hyphens: none;
2127
+ hyphens: none;
2128
+ background: #24242e;
2129
+ color: #767693;
2130
+ }
2131
+ .remirror-duotone-space pre[class*=language-]::-moz-selection,
2132
+ .remirror-duotone-space pre[class*=language-] ::-moz-selection,
2133
+ .remirror-duotone-space code[class*=language-]::-moz-selection,
2134
+ .remirror-duotone-space code[class*=language-] ::-moz-selection {
2135
+ text-shadow: none;
2136
+ background: #5151e6;
2137
+ }
2138
+ .remirror-duotone-space pre[class*=language-]::-moz-selection,
2139
+ .remirror-duotone-space pre[class*=language-] ::-moz-selection,
2140
+ .remirror-duotone-space code[class*=language-]::-moz-selection,
2141
+ .remirror-duotone-space code[class*=language-] ::-moz-selection {
2142
+ text-shadow: none;
2143
+ background: #5151e6;
2144
+ }
2145
+ .remirror-duotone-space pre[class*=language-]::selection,
2146
+ .remirror-duotone-space pre[class*=language-] ::selection,
2147
+ .remirror-duotone-space code[class*=language-]::selection,
2148
+ .remirror-duotone-space code[class*=language-] ::selection {
2149
+ text-shadow: none;
2150
+ background: #5151e6;
2151
+ }
2152
+ .remirror-duotone-space pre[class*=language-] {
2153
+ padding: 1em;
2154
+ margin: 0.5em 0;
2155
+ overflow: auto;
2156
+ }
2157
+ .remirror-duotone-space :not(pre) > code[class*=language-] {
2158
+ padding: 0.1em;
2159
+ border-radius: 0.3em;
2160
+ }
2161
+ .remirror-duotone-space .token.comment,
2162
+ .remirror-duotone-space .token.prolog,
2163
+ .remirror-duotone-space .token.doctype,
2164
+ .remirror-duotone-space .token.cdata {
2165
+ color: #5b5b76;
2166
+ }
2167
+ .remirror-duotone-space .token.punctuation,
2168
+ .remirror-duotone-space .token.punctuation.important {
2169
+ color: #5b5b76;
2170
+ }
2171
+ .remirror-duotone-space .token.namespace {
2172
+ opacity: 0.7;
2173
+ }
2174
+ .remirror-duotone-space .token.tag,
2175
+ .remirror-duotone-space .token.operator,
2176
+ .remirror-duotone-space .token.number {
2177
+ color: #dd672c;
2178
+ }
2179
+ .remirror-duotone-space .token.property,
2180
+ .remirror-duotone-space .token.function {
2181
+ color: #767693;
2182
+ }
2183
+ .remirror-duotone-space .token.tag-id,
2184
+ .remirror-duotone-space .token.selector,
2185
+ .remirror-duotone-space .token.atrule-id {
2186
+ color: #ebebff;
2187
+ }
2188
+ .remirror-duotone-space code.language-javascript,
2189
+ .remirror-duotone-space .token.attr-name {
2190
+ color: #aaaaca;
2191
+ }
2192
+ .remirror-duotone-space code.language-css,
2193
+ .remirror-duotone-space code.language-scss,
2194
+ .remirror-duotone-space .token.boolean,
2195
+ .remirror-duotone-space .token.string,
2196
+ .remirror-duotone-space .token.entity,
2197
+ .remirror-duotone-space .token.url,
2198
+ .remirror-duotone-space .language-css .token.string,
2199
+ .remirror-duotone-space .language-scss .token.string,
2200
+ .remirror-duotone-space .style .token.string,
2201
+ .remirror-duotone-space .token.attr-value,
2202
+ .remirror-duotone-space .token.keyword,
2203
+ .remirror-duotone-space .token.control,
2204
+ .remirror-duotone-space .token.directive,
2205
+ .remirror-duotone-space .token.unit,
2206
+ .remirror-duotone-space .token.statement,
2207
+ .remirror-duotone-space .token.regex,
2208
+ .remirror-duotone-space .token.atrule {
2209
+ color: #fe8c52;
2210
+ }
2211
+ .remirror-duotone-space .token.placeholder,
2212
+ .remirror-duotone-space .token.variable {
2213
+ color: #fe8c52;
2214
+ }
2215
+ .remirror-duotone-space .token.deleted {
2216
+ text-decoration: line-through;
2217
+ }
2218
+ .remirror-duotone-space .token.inserted {
2219
+ border-bottom: 1px dotted #ebebff;
2220
+ text-decoration: none;
2221
+ }
2222
+ .remirror-duotone-space .token.italic {
2223
+ font-style: italic;
2224
+ }
2225
+ .remirror-duotone-space .token.important,
2226
+ .remirror-duotone-space .token.bold {
2227
+ font-weight: bold;
2228
+ }
2229
+ .remirror-duotone-space .token.important {
2230
+ color: #aaaaca;
2231
+ }
2232
+ .remirror-duotone-space .token.entity {
2233
+ cursor: help;
2234
+ }
2235
+ .remirror-duotone-space pre > code.highlight {
2236
+ outline: 0.4em solid #7676f4;
2237
+ outline-offset: 0.4em;
2238
+ }
2239
+ .remirror-duotone-space .line-numbers .line-numbers-rows {
2240
+ border-right-color: #262631;
2241
+ }
2242
+ .remirror-duotone-space .line-numbers-rows > span:before {
2243
+ color: #393949;
2244
+ }
2245
+ .remirror-duotone-space .line-highlight {
2246
+ background: rgba(221, 103, 44, 0.2);
2247
+ background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
2248
+ }
2249
+ .remirror-gh-colors code[class*=language-],
2250
+ .remirror-gh-colors pre[class*=language-] {
2251
+ color: #393a34;
2252
+ font-family:
2253
+ "Consolas",
2254
+ "Bitstream Vera Sans Mono",
2255
+ "Courier New",
2256
+ Courier,
2257
+ monospace;
2258
+ direction: ltr;
2259
+ text-align: left;
2260
+ white-space: pre;
2261
+ word-spacing: normal;
2262
+ word-break: normal;
2263
+ font-size: 0.95em;
2264
+ line-height: 1.2em;
2265
+ -moz-tab-size: 4;
2266
+ tab-size: 4;
2267
+ -webkit-hyphens: none;
2268
+ -ms-hyphens: none;
2269
+ hyphens: none;
2270
+ }
2271
+ .remirror-gh-colors pre[class*=language-]::-moz-selection,
2272
+ .remirror-gh-colors pre[class*=language-] ::-moz-selection,
2273
+ .remirror-gh-colors code[class*=language-]::-moz-selection,
2274
+ .remirror-gh-colors code[class*=language-] ::-moz-selection {
2275
+ background: #b3d4fc;
2276
+ }
2277
+ .remirror-gh-colors pre[class*=language-]::-moz-selection,
2278
+ .remirror-gh-colors pre[class*=language-] ::-moz-selection,
2279
+ .remirror-gh-colors code[class*=language-]::-moz-selection,
2280
+ .remirror-gh-colors code[class*=language-] ::-moz-selection {
2281
+ background: #b3d4fc;
2282
+ }
2283
+ .remirror-gh-colors pre[class*=language-]::selection,
2284
+ .remirror-gh-colors pre[class*=language-] ::selection,
2285
+ .remirror-gh-colors code[class*=language-]::selection,
2286
+ .remirror-gh-colors code[class*=language-] ::selection {
2287
+ background: #b3d4fc;
2288
+ }
2289
+ .remirror-gh-colors pre[class*=language-] {
2290
+ padding: 1em;
2291
+ margin: 0.5em 0;
2292
+ overflow: auto;
2293
+ border: 1px solid #dddddd;
2294
+ background-color: white;
2295
+ }
2296
+ .remirror-gh-colors :not(pre) > code[class*=language-],
2297
+ .remirror-gh-colors pre[class*=language-] {
2298
+ }
2299
+ .remirror-gh-colors :not(pre) > code[class*=language-] {
2300
+ padding: 0.2em;
2301
+ padding-top: 1px;
2302
+ padding-bottom: 1px;
2303
+ background: #f8f8f8;
2304
+ border: 1px solid #dddddd;
2305
+ }
2306
+ .remirror-gh-colors .token.comment,
2307
+ .remirror-gh-colors .token.prolog,
2308
+ .remirror-gh-colors .token.doctype,
2309
+ .remirror-gh-colors .token.cdata {
2310
+ color: #999988;
2311
+ font-style: italic;
2312
+ }
2313
+ .remirror-gh-colors .token.namespace {
2314
+ opacity: 0.7;
2315
+ }
2316
+ .remirror-gh-colors .token.string,
2317
+ .remirror-gh-colors .token.attr-value {
2318
+ color: #e3116c;
2319
+ }
2320
+ .remirror-gh-colors .token.punctuation,
2321
+ .remirror-gh-colors .token.operator {
2322
+ color: #393a34;
2323
+ }
2324
+ .remirror-gh-colors .token.entity,
2325
+ .remirror-gh-colors .token.url,
2326
+ .remirror-gh-colors .token.symbol,
2327
+ .remirror-gh-colors .token.number,
2328
+ .remirror-gh-colors .token.boolean,
2329
+ .remirror-gh-colors .token.variable,
2330
+ .remirror-gh-colors .token.constant,
2331
+ .remirror-gh-colors .token.property,
2332
+ .remirror-gh-colors .token.regex,
2333
+ .remirror-gh-colors .token.inserted {
2334
+ color: #36acaa;
2335
+ }
2336
+ .remirror-gh-colors .token.atrule,
2337
+ .remirror-gh-colors .token.keyword,
2338
+ .remirror-gh-colors .token.attr-name,
2339
+ .remirror-gh-colors .language-autohotkey .token.selector {
2340
+ color: #00a4db;
2341
+ }
2342
+ .remirror-gh-colors .token.function,
2343
+ .remirror-gh-colors .token.deleted,
2344
+ .remirror-gh-colors .language-autohotkey .token.tag {
2345
+ color: #9a050f;
2346
+ }
2347
+ .remirror-gh-colors .token.tag,
2348
+ .remirror-gh-colors .token.selector,
2349
+ .remirror-gh-colors .language-autohotkey .token.keyword {
2350
+ color: #00009f;
2351
+ }
2352
+ .remirror-gh-colors .token.important,
2353
+ .remirror-gh-colors .token.function,
2354
+ .remirror-gh-colors .token.bold {
2355
+ font-weight: bold;
2356
+ }
2357
+ .remirror-gh-colors .token.italic {
2358
+ font-style: italic;
2359
+ }
2360
+ .remirror-hopscotch code[class*=language-],
2361
+ .remirror-hopscotch pre[class*=language-] {
2362
+ color: #ffffff;
2363
+ font-family:
2364
+ "Fira Mono",
2365
+ Menlo,
2366
+ Monaco,
2367
+ "Lucida Console",
2368
+ "Courier New",
2369
+ Courier,
2370
+ monospace;
2371
+ font-size: 16px;
2372
+ line-height: 1.375;
2373
+ direction: ltr;
2374
+ text-align: left;
2375
+ word-spacing: normal;
2376
+ -moz-tab-size: 4;
2377
+ tab-size: 4;
2378
+ -webkit-hyphens: none;
2379
+ -ms-hyphens: none;
2380
+ hyphens: none;
2381
+ white-space: pre;
2382
+ white-space: pre-wrap;
2383
+ word-break: break-all;
2384
+ word-wrap: break-word;
2385
+ background: #322931;
2386
+ color: #b9b5b8;
2387
+ }
2388
+ .remirror-hopscotch pre[class*=language-] {
2389
+ padding: 1em;
2390
+ margin: 0.5em 0;
2391
+ overflow: auto;
2392
+ }
2393
+ .remirror-hopscotch :not(pre) > code[class*=language-] {
2394
+ padding: 0.1em;
2395
+ border-radius: 0.3em;
2396
+ }
2397
+ .remirror-hopscotch .token.comment,
2398
+ .remirror-hopscotch .token.prolog,
2399
+ .remirror-hopscotch .token.doctype,
2400
+ .remirror-hopscotch .token.cdata {
2401
+ color: #797379;
2402
+ }
2403
+ .remirror-hopscotch .token.punctuation,
2404
+ .remirror-hopscotch .token.punctuation.important {
2405
+ color: #b9b5b8;
2406
+ }
2407
+ .remirror-hopscotch .namespace {
2408
+ opacity: 0.7;
2409
+ }
2410
+ .remirror-hopscotch .token.null,
2411
+ .remirror-hopscotch .token.operator,
2412
+ .remirror-hopscotch .token.boolean,
2413
+ .remirror-hopscotch .token.number {
2414
+ color: #fd8b19;
2415
+ }
2416
+ .remirror-hopscotch .token.property {
2417
+ color: #fdcc59;
2418
+ }
2419
+ .remirror-hopscotch .token.tag {
2420
+ color: #1290bf;
2421
+ }
2422
+ .remirror-hopscotch .token.string {
2423
+ color: #149b93;
2424
+ }
2425
+ .remirror-hopscotch .token.selector {
2426
+ color: #c85e7c;
2427
+ }
2428
+ .remirror-hopscotch .token.attr-name {
2429
+ color: #fd8b19;
2430
+ }
2431
+ .remirror-hopscotch .token.entity,
2432
+ .remirror-hopscotch .token.url,
2433
+ .remirror-hopscotch .language-css .token.string,
2434
+ .remirror-hopscotch .style .token.string {
2435
+ color: #149b93;
2436
+ }
2437
+ .remirror-hopscotch .token.attr-value,
2438
+ .remirror-hopscotch .token.keyword,
2439
+ .remirror-hopscotch .token.control,
2440
+ .remirror-hopscotch .token.directive,
2441
+ .remirror-hopscotch .token.unit {
2442
+ color: #8fc13e;
2443
+ }
2444
+ .remirror-hopscotch .token.statement,
2445
+ .remirror-hopscotch .token.regex,
2446
+ .remirror-hopscotch .token.atrule {
2447
+ color: #149b93;
2448
+ }
2449
+ .remirror-hopscotch .token.placeholder,
2450
+ .remirror-hopscotch .token.variable {
2451
+ color: #1290bf;
2452
+ }
2453
+ .remirror-hopscotch .token.important {
2454
+ color: #dd464c;
2455
+ font-weight: bold;
2456
+ }
2457
+ .remirror-hopscotch .token.entity {
2458
+ cursor: help;
2459
+ }
2460
+ .remirror-hopscotch pre > code.highlight {
2461
+ outline: 0.4em solid red;
2462
+ outline-offset: 0.4em;
2463
+ }
2464
+ .remirror-pojoaque code[class*=language-],
2465
+ .remirror-pojoaque pre[class*=language-] {
2466
+ -moz-tab-size: 4;
2467
+ tab-size: 4;
2468
+ -webkit-hyphens: none;
2469
+ -ms-hyphens: none;
2470
+ hyphens: none;
2471
+ white-space: pre;
2472
+ white-space: pre-wrap;
2473
+ word-break: break-all;
2474
+ word-wrap: break-word;
2475
+ font-family:
2476
+ Menlo,
2477
+ Monaco,
2478
+ "Courier New",
2479
+ monospace;
2480
+ font-size: 15px;
2481
+ line-height: 1.5;
2482
+ color: #dccf8f;
2483
+ text-shadow: 0;
2484
+ }
2485
+ .remirror-pojoaque pre[class*=language-],
2486
+ .remirror-pojoaque :not(pre) > code[class*=language-] {
2487
+ border-radius: 5px;
2488
+ border: 1px solid #000;
2489
+ color: #dccf8f;
2490
+ background: #181914 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==) repeat left top;
2491
+ }
2492
+ .remirror-pojoaque pre[class*=language-] {
2493
+ padding: 12px;
2494
+ overflow: auto;
2495
+ }
2496
+ .remirror-pojoaque :not(pre) > code[class*=language-] {
2497
+ padding: 2px 6px;
2498
+ }
2499
+ .remirror-pojoaque .token.namespace {
2500
+ opacity: 0.7;
2501
+ }
2502
+ .remirror-pojoaque .token.comment,
2503
+ .remirror-pojoaque .token.prolog,
2504
+ .remirror-pojoaque .token.doctype,
2505
+ .remirror-pojoaque .token.cdata {
2506
+ color: #586e75;
2507
+ font-style: italic;
2508
+ }
2509
+ .remirror-pojoaque .token.number,
2510
+ .remirror-pojoaque .token.string,
2511
+ .remirror-pojoaque .token.char,
2512
+ .remirror-pojoaque .token.builtin,
2513
+ .remirror-pojoaque .token.inserted {
2514
+ color: #468966;
2515
+ }
2516
+ .remirror-pojoaque .token.attr-name {
2517
+ color: #b89859;
2518
+ }
2519
+ .remirror-pojoaque .token.operator,
2520
+ .remirror-pojoaque .token.entity,
2521
+ .remirror-pojoaque .token.url,
2522
+ .remirror-pojoaque .language-css .token.string,
2523
+ .remirror-pojoaque .style .token.string {
2524
+ color: #dccf8f;
2525
+ }
2526
+ .remirror-pojoaque .token.selector,
2527
+ .remirror-pojoaque .token.regex {
2528
+ color: #859900;
2529
+ }
2530
+ .remirror-pojoaque .token.atrule,
2531
+ .remirror-pojoaque .token.keyword {
2532
+ color: #cb4b16;
2533
+ }
2534
+ .remirror-pojoaque .token.attr-value {
2535
+ color: #468966;
2536
+ }
2537
+ .remirror-pojoaque .token.function,
2538
+ .remirror-pojoaque .token.variable,
2539
+ .remirror-pojoaque .token.placeholder {
2540
+ color: #b58900;
2541
+ }
2542
+ .remirror-pojoaque .token.property,
2543
+ .remirror-pojoaque .token.tag,
2544
+ .remirror-pojoaque .token.boolean,
2545
+ .remirror-pojoaque .token.number,
2546
+ .remirror-pojoaque .token.constant,
2547
+ .remirror-pojoaque .token.symbol {
2548
+ color: #b89859;
2549
+ }
2550
+ .remirror-pojoaque .token.tag {
2551
+ color: #ffb03b;
2552
+ }
2553
+ .remirror-pojoaque .token.important,
2554
+ .remirror-pojoaque .token.statement,
2555
+ .remirror-pojoaque .token.deleted {
2556
+ color: #dc322f;
2557
+ }
2558
+ .remirror-pojoaque .token.punctuation,
2559
+ .remirror-pojoaque .token.punctuation.important {
2560
+ color: #dccf8f;
2561
+ }
2562
+ .remirror-pojoaque .token.entity {
2563
+ cursor: help;
2564
+ }
2565
+ .remirror-pojoaque .token.bold {
2566
+ font-weight: bold;
2567
+ }
2568
+ .remirror-pojoaque .token.italic {
2569
+ font-style: italic;
2570
+ }
2571
+ .remirror-vs code[class*=language-],
2572
+ .remirror-vs pre[class*=language-] {
2573
+ color: #393a34;
2574
+ font-family:
2575
+ "Consolas",
2576
+ "Bitstream Vera Sans Mono",
2577
+ "Courier New",
2578
+ Courier,
2579
+ monospace;
2580
+ direction: ltr;
2581
+ text-align: left;
2582
+ white-space: pre;
2583
+ word-spacing: normal;
2584
+ word-break: normal;
2585
+ font-size: 0.95em;
2586
+ line-height: 1.2em;
2587
+ -moz-tab-size: 4;
2588
+ tab-size: 4;
2589
+ -webkit-hyphens: none;
2590
+ -ms-hyphens: none;
2591
+ hyphens: none;
2592
+ }
2593
+ .remirror-vs pre[class*=language-]::-moz-selection,
2594
+ .remirror-vs pre[class*=language-] ::-moz-selection,
2595
+ .remirror-vs code[class*=language-]::-moz-selection,
2596
+ .remirror-vs code[class*=language-] ::-moz-selection {
2597
+ background: #c1def1;
2598
+ }
2599
+ .remirror-vs pre[class*=language-]::-moz-selection,
2600
+ .remirror-vs pre[class*=language-] ::-moz-selection,
2601
+ .remirror-vs code[class*=language-]::-moz-selection,
2602
+ .remirror-vs code[class*=language-] ::-moz-selection {
2603
+ background: #c1def1;
2604
+ }
2605
+ .remirror-vs pre[class*=language-]::selection,
2606
+ .remirror-vs pre[class*=language-] ::selection,
2607
+ .remirror-vs code[class*=language-]::selection,
2608
+ .remirror-vs code[class*=language-] ::selection {
2609
+ background: #c1def1;
2610
+ }
2611
+ .remirror-vs pre[class*=language-] {
2612
+ padding: 1em;
2613
+ margin: 0.5em 0;
2614
+ overflow: auto;
2615
+ border: 1px solid #dddddd;
2616
+ background-color: white;
2617
+ }
2618
+ .remirror-vs :not(pre) > code[class*=language-] {
2619
+ padding: 0.2em;
2620
+ padding-top: 1px;
2621
+ padding-bottom: 1px;
2622
+ background: #f8f8f8;
2623
+ border: 1px solid #dddddd;
2624
+ }
2625
+ .remirror-vs .token.comment,
2626
+ .remirror-vs .token.prolog,
2627
+ .remirror-vs .token.doctype,
2628
+ .remirror-vs .token.cdata {
2629
+ color: #008000;
2630
+ font-style: italic;
2631
+ }
2632
+ .remirror-vs .token.namespace {
2633
+ opacity: 0.7;
2634
+ }
2635
+ .remirror-vs .token.string {
2636
+ color: #a31515;
2637
+ }
2638
+ .remirror-vs .token.punctuation,
2639
+ .remirror-vs .token.operator {
2640
+ color: #393a34;
2641
+ }
2642
+ .remirror-vs .token.url,
2643
+ .remirror-vs .token.symbol,
2644
+ .remirror-vs .token.number,
2645
+ .remirror-vs .token.boolean,
2646
+ .remirror-vs .token.variable,
2647
+ .remirror-vs .token.constant,
2648
+ .remirror-vs .token.inserted {
2649
+ color: #36acaa;
2650
+ }
2651
+ .remirror-vs .token.atrule,
2652
+ .remirror-vs .token.keyword,
2653
+ .remirror-vs .token.attr-value,
2654
+ .remirror-vs .language-autohotkey .token.selector,
2655
+ .remirror-vs .language-json .token.boolean,
2656
+ .remirror-vs .language-json .token.number,
2657
+ .remirror-vs code[class*=language-css] {
2658
+ color: #0000ff;
2659
+ }
2660
+ .remirror-vs .token.function {
2661
+ color: #393a34;
2662
+ }
2663
+ .remirror-vs .token.deleted,
2664
+ .remirror-vs .language-autohotkey .token.tag {
2665
+ color: #9a050f;
2666
+ }
2667
+ .remirror-vs .token.selector,
2668
+ .remirror-vs .language-autohotkey .token.keyword {
2669
+ color: #00009f;
2670
+ }
2671
+ .remirror-vs .token.important,
2672
+ .remirror-vs .token.bold {
2673
+ font-weight: bold;
2674
+ }
2675
+ .remirror-vs .token.italic {
2676
+ font-style: italic;
2677
+ }
2678
+ .remirror-vs .token.class-name,
2679
+ .remirror-vs .language-json .token.property {
2680
+ color: #2b91af;
2681
+ }
2682
+ .remirror-vs .token.tag,
2683
+ .remirror-vs .token.selector {
2684
+ color: #800000;
2685
+ }
2686
+ .remirror-vs .token.attr-name,
2687
+ .remirror-vs .token.property,
2688
+ .remirror-vs .token.regex,
2689
+ .remirror-vs .token.entity {
2690
+ color: #ff0000;
2691
+ }
2692
+ .remirror-vs .token.directive.tag .tag {
2693
+ background: #ffff00;
2694
+ color: #393a34;
2695
+ }
2696
+ .remirror-vs .line-numbers .line-numbers-rows {
2697
+ border-right-color: #a5a5a5;
2698
+ }
2699
+ .remirror-vs .line-numbers-rows > span:before {
2700
+ color: #2b91af;
2701
+ }
2702
+ .remirror-vs .line-highlight {
2703
+ background: rgba(193, 222, 241, 0.2);
2704
+ background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
2705
+ }
2706
+ .remirror-xonokai code[class*=language-],
2707
+ .remirror-xonokai pre[class*=language-] {
2708
+ -moz-tab-size: 2;
2709
+ tab-size: 2;
2710
+ -webkit-hyphens: none;
2711
+ -ms-hyphens: none;
2712
+ hyphens: none;
2713
+ white-space: pre;
2714
+ white-space: pre-wrap;
2715
+ word-wrap: normal;
2716
+ font-family:
2717
+ Menlo,
2718
+ Monaco,
2719
+ "Courier New",
2720
+ monospace;
2721
+ font-size: 14px;
2722
+ color: #76d9e6;
2723
+ text-shadow: none;
2724
+ }
2725
+ .remirror-xonokai pre[class*=language-],
2726
+ .remirror-xonokai :not(pre) > code[class*=language-] {
2727
+ background: #2a2a2a;
2728
+ }
2729
+ .remirror-xonokai pre[class*=language-] {
2730
+ padding: 15px;
2731
+ border-radius: 4px;
2732
+ border: 1px solid #e1e1e8;
2733
+ overflow: auto;
2734
+ }
2735
+ .remirror-xonokai pre[class*=language-] {
2736
+ position: relative;
2737
+ }
2738
+ .remirror-xonokai pre[class*=language-] code {
2739
+ white-space: pre;
2740
+ display: block;
2741
+ }
2742
+ .remirror-xonokai :not(pre) > code[class*=language-] {
2743
+ padding: 0.15em 0.2em 0.05em;
2744
+ border-radius: 0.3em;
2745
+ border: 0.13em solid #7a6652;
2746
+ box-shadow: 1px 1px 0.3em -0.1em #000 inset;
2747
+ }
2748
+ .remirror-xonokai .token.namespace {
2749
+ opacity: 0.7;
2750
+ }
2751
+ .remirror-xonokai .token.comment,
2752
+ .remirror-xonokai .token.prolog,
2753
+ .remirror-xonokai .token.doctype,
2754
+ .remirror-xonokai .token.cdata {
2755
+ color: #6f705e;
2756
+ }
2757
+ .remirror-xonokai .token.operator,
2758
+ .remirror-xonokai .token.boolean,
2759
+ .remirror-xonokai .token.number {
2760
+ color: #a77afe;
2761
+ }
2762
+ .remirror-xonokai .token.attr-name,
2763
+ .remirror-xonokai .token.string {
2764
+ color: #e6d06c;
2765
+ }
2766
+ .remirror-xonokai .token.entity,
2767
+ .remirror-xonokai .token.url,
2768
+ .remirror-xonokai .language-css .token.string,
2769
+ .remirror-xonokai .style .token.string {
2770
+ color: #e6d06c;
2771
+ }
2772
+ .remirror-xonokai .token.selector,
2773
+ .remirror-xonokai .token.inserted {
2774
+ color: #a6e22d;
2775
+ }
2776
+ .remirror-xonokai .token.atrule,
2777
+ .remirror-xonokai .token.attr-value,
2778
+ .remirror-xonokai .token.keyword,
2779
+ .remirror-xonokai .token.important,
2780
+ .remirror-xonokai .token.deleted {
2781
+ color: #ef3b7d;
2782
+ }
2783
+ .remirror-xonokai .token.regex,
2784
+ .remirror-xonokai .token.statement {
2785
+ color: #76d9e6;
2786
+ }
2787
+ .remirror-xonokai .token.placeholder,
2788
+ .remirror-xonokai .token.variable {
2789
+ color: #fff;
2790
+ }
2791
+ .remirror-xonokai .token.important,
2792
+ .remirror-xonokai .token.statement,
2793
+ .remirror-xonokai .token.bold {
2794
+ font-weight: bold;
2795
+ }
2796
+ .remirror-xonokai .token.punctuation,
2797
+ .remirror-xonokai .token.punctuation.important {
2798
+ color: #bebec5;
2799
+ }
2800
+ .remirror-xonokai .token.entity {
2801
+ cursor: help;
2802
+ }
2803
+ .remirror-xonokai .token.italic {
2804
+ font-style: italic;
2805
+ }
2806
+ .remirror-xonokai code.language-markup {
2807
+ color: #f9f9f9;
2808
+ }
2809
+ .remirror-xonokai code.language-markup .token.tag {
2810
+ color: #ef3b7d;
2811
+ }
2812
+ .remirror-xonokai code.language-markup .token.attr-name {
2813
+ color: #a6e22d;
2814
+ }
2815
+ .remirror-xonokai code.language-markup .token.attr-value {
2816
+ color: #e6d06c;
2817
+ }
2818
+ .remirror-xonokai code.language-markup .token.style,
2819
+ .remirror-xonokai code.language-markup .token.script {
2820
+ color: #76d9e6;
2821
+ }
2822
+ .remirror-xonokai code.language-markup .token.script .token.keyword {
2823
+ color: #76d9e6;
2824
+ }
2825
+ .remirror-xonokai pre[class*=language-][data-line] {
2826
+ position: relative;
2827
+ padding: 1em 0 1em 3em;
2828
+ }
2829
+ .remirror-xonokai pre[data-line] .line-highlight {
2830
+ position: absolute;
2831
+ left: 0;
2832
+ right: 0;
2833
+ padding: 0;
2834
+ margin-top: 1em;
2835
+ background: rgba(255, 255, 255, 0.08);
2836
+ pointer-events: none;
2837
+ line-height: inherit;
2838
+ white-space: pre;
2839
+ }
2840
+ .remirror-xonokai pre[data-line] .line-highlight:before,
2841
+ .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
2842
+ content: attr(data-start);
2843
+ position: absolute;
2844
+ top: 0.4em;
2845
+ left: 0.6em;
2846
+ min-width: 1em;
2847
+ padding: 0.2em 0.5em;
2848
+ background-color: rgba(255, 255, 255, 0.4);
2849
+ color: black;
2850
+ font: bold 65%/1 sans-serif;
2851
+ height: 1em;
2852
+ line-height: 1em;
2853
+ text-align: center;
2854
+ border-radius: 999px;
2855
+ text-shadow: none;
2856
+ box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
2857
+ }
2858
+ .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
2859
+ content: attr(data-end);
2860
+ top: auto;
2861
+ bottom: 0.4em;
2862
+ }
2863
+ .remirror-editor span.remirror-max-count-exceeded {
2864
+ background-color: var(--rmr-hue-red-4);
2865
+ }
2866
+ .remirror-emoji-image {
2867
+ object-fit: contain;
2868
+ width: 1.375em;
2869
+ height: 1.375em;
2870
+ vertical-align: bottom;
2871
+ }
2872
+ .remirror-emoji-wrapper {
2873
+ text-indent: -99999px;
2874
+ }
2875
+ .remirror-emoji-popup-item {
2876
+ padding: 8px;
2877
+ text-overflow: ellipsis;
2878
+ max-width: 250px;
2879
+ width: 250px;
2880
+ overflow: hidden;
2881
+ white-space: nowrap;
2882
+ color: white;
2883
+ }
2884
+ .remirror-emoji-popup-hovered {
2885
+ background-color: var(--rmr-hue-gray-2);
2886
+ }
2887
+ .remirror-emoji-popup-highlight {
2888
+ background-color: var(--rmr-hue-gray-3);
2889
+ }
2890
+ .remirror-emoji-popup-wrapper {
2891
+ position: absolute;
2892
+ width: -webkit-max-content;
2893
+ width: -moz-max-content;
2894
+ width: max-content;
2895
+ padding-top: 8px;
2896
+ padding-bottom: 8px;
2897
+ margin: 0 auto;
2898
+ border-radius: 8px;
2899
+ box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
2900
+ background-color: white;
2901
+ z-index: 10;
2902
+ max-height: 250px;
2903
+ overflow-y: scroll;
2904
+ }
2905
+ .remirror-emoji-popup-name {
2906
+ color: rgb(121, 129, 134);
2907
+ }
2908
+ .remirror-emoji-popup-char {
2909
+ font-size: 1.25em;
2910
+ padding-right: 5px;
2911
+ }
2912
+ .remirror-file-root {
2913
+ border-radius: 4px;
2914
+ padding: 8px 12px;
2915
+ background-color: #e8ecf1;
2916
+ color: #000;
2917
+ margin: 8px auto;
2918
+ min-height: 32px;
2919
+ width: 100%;
2920
+ max-width: 600px;
2921
+ display: flex;
2922
+ align-items: center;
2923
+ }
2924
+ .remirror-file-name {
2925
+ font-size: 1rem;
2926
+ margin-left: 8px;
2927
+ white-space: nowrap;
2928
+ overflow: hidden;
2929
+ text-overflow: ellipsis;
2930
+ }
2931
+ .remirror-file-size {
2932
+ font-size: 0.8rem;
2933
+ margin-left: 8px;
2934
+ color: gray;
2935
+ white-space: nowrap;
2936
+ }
2937
+ .remirror-file-upload-progress {
2938
+ font-size: 0.8rem;
2939
+ margin-left: 8px;
2940
+ margin-right: 8px;
2941
+ color: gray;
2942
+ font-family:
2943
+ Menlo,
2944
+ Monaco,
2945
+ "Courier New",
2946
+ monospace;
2947
+ }
2948
+ .remirror-file-error {
2949
+ font-size: 0.8rem;
2950
+ color: red;
2951
+ }
2952
+ .remirror-file-icon-button {
2953
+ display: flex;
2954
+ justify-content: center;
2955
+ align-items: center;
2956
+ color: #000;
2957
+ }
2958
+ .remirror-editor.ProseMirror .ProseMirror-gapcursor {
2959
+ display: none;
2960
+ pointer-events: none;
2961
+ position: absolute;
2962
+ }
2963
+ .remirror-editor.ProseMirror .ProseMirror-gapcursor:after {
2964
+ content: "";
2965
+ display: block;
2966
+ position: absolute;
2967
+ top: -2px;
2968
+ width: 20px;
2969
+ border-top: 1px solid black;
2970
+ -webkit-animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
2971
+ animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
2972
+ }
2973
+ @-webkit-keyframes ProseMirror-cursor-blink {
2974
+ to {
2975
+ visibility: hidden;
2976
+ }
2977
+ }
2978
+ @keyframes ProseMirror-cursor-blink {
2979
+ to {
2980
+ visibility: hidden;
2981
+ }
2982
+ }
2983
+ .remirror-editor.ProseMirror .ProseMirror-focused .ProseMirror-gapcursor,
2984
+ .remirror-editor.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
2985
+ display: block;
2986
+ }
2987
+ .remirror-image-loader {
2988
+ border: 16px solid #f3f3f3;
2989
+ border-radius: 50%;
2990
+ border-top: 16px solid #3498db;
2991
+ width: 120px;
2992
+ height: 120px;
2993
+ -webkit-animation: spin 2s linear infinite;
2994
+ animation: spin 2s linear infinite;
2995
+ }
2996
+ @-webkit-keyframes spin {
2997
+ 0% {
2998
+ transform: rotate(0deg);
2999
+ }
3000
+ 100% {
3001
+ transform: rotate(360deg);
3002
+ }
3003
+ }
3004
+ @keyframes spin {
3005
+ 0% {
3006
+ transform: rotate(0deg);
3007
+ }
3008
+ 100% {
3009
+ transform: rotate(360deg);
3010
+ }
3011
+ }
3012
+ .remirror-editor ol > li > .remirror-list-item-marker-container {
3013
+ display: none;
3014
+ }
3015
+ .remirror-editor ul > li.remirror-list-item-with-custom-mark {
3016
+ list-style: none;
3017
+ }
3018
+ .remirror-editor .remirror-ul-list-content > li.remirror-list-item-with-custom-mark {
3019
+ list-style: none;
3020
+ }
3021
+ .remirror-editor ul ul + ul {
3022
+ -webkit-margin-before: 1em;
3023
+ margin-block-start: 1em;
3024
+ }
3025
+ .remirror-list-item-marker-container {
3026
+ position: absolute;
3027
+ left: -32px;
3028
+ width: 24px;
3029
+ display: inline-block;
3030
+ text-align: center;
3031
+ -webkit-user-select: none;
3032
+ -moz-user-select: none;
3033
+ -ms-user-select: none;
3034
+ user-select: none;
3035
+ }
3036
+ .remirror-list-item-checkbox {
3037
+ -webkit-filter: hue-rotate(60deg);
3038
+ filter: hue-rotate(60deg);
3039
+ }
3040
+ .remirror-collapsible-list-item-closed li {
3041
+ display: none;
3042
+ }
3043
+ .remirror-collapsible-list-item-closed .remirror-collapsible-list-item-button {
3044
+ background-color: var(--rmr-hue-gray-6);
3045
+ }
3046
+ .remirror-collapsible-list-item-button {
3047
+ width: 8px;
3048
+ height: 8px;
3049
+ border-radius: 50%;
3050
+ cursor: pointer;
3051
+ display: inline-block;
3052
+ vertical-align: middle;
3053
+ -webkit-user-select: none;
3054
+ -moz-user-select: none;
3055
+ -ms-user-select: none;
3056
+ user-select: none;
3057
+ transition: background-color 0.25s ease;
3058
+ background-color: var(--rmr-color-border);
3059
+ }
3060
+ .remirror-collapsible-list-item-button:hover {
3061
+ background-color: var(--rmr-color-primary);
3062
+ }
3063
+ .remirror-collapsible-list-item-button.disabled,
3064
+ .remirror-collapsible-list-item-button.disabled:hover {
3065
+ background-color: var(--rmr-color-border);
3066
+ cursor: default;
3067
+ }
3068
+ .remirror-list-spine {
3069
+ position: absolute;
3070
+ top: 4px;
3071
+ bottom: 0px;
3072
+ left: -20px;
3073
+ width: 16px;
3074
+ cursor: pointer;
3075
+ -webkit-user-select: none;
3076
+ -moz-user-select: none;
3077
+ -ms-user-select: none;
3078
+ user-select: none;
3079
+ transition: border-left-color 0.25s ease;
3080
+ border-left-color: var(--rmr-color-border);
3081
+ border-left-style: solid;
3082
+ border-left-width: 1px;
3083
+ }
3084
+ .remirror-list-spine:hover {
3085
+ border-left-color: var(--rmr-color-primary);
3086
+ }
3087
+ .remirror-mention-atom {
3088
+ background: var(--rmr-hue-gray-2);
3089
+ font-weight: bold;
3090
+ font-size: 0.9em;
3091
+ font-style: normal;
3092
+ border-radius: var(--rmr-radius-border);
3093
+ padding: 0.2rem 0.5rem;
3094
+ white-space: nowrap;
3095
+ color: var(--rmr-color-primary);
3096
+ }
3097
+ .remirror-suggest-atom {
3098
+ color: rgba(0, 0, 0, 0.6);
3099
+ }
3100
+ .remirror-mention-atom-popup-item {
3101
+ padding: 8px;
3102
+ text-overflow: ellipsis;
3103
+ max-width: 250px;
3104
+ width: 250px;
3105
+ overflow: hidden;
3106
+ white-space: nowrap;
3107
+ color: white;
3108
+ }
3109
+ .remirror-mention-atom-popup-hovered {
3110
+ background-color: var(--rmr-hue-gray-2);
3111
+ }
3112
+ .remirror-mention-atom-popup-highlight {
3113
+ background-color: var(--rmr-hue-gray-3);
3114
+ }
3115
+ .remirror-mention-atom-popup-wrapper {
3116
+ width: -webkit-max-content;
3117
+ width: -moz-max-content;
3118
+ width: max-content;
3119
+ padding-top: 8px;
3120
+ padding-bottom: 8px;
3121
+ margin: 0 auto;
3122
+ border-radius: 8px;
3123
+ box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
3124
+ background-color: white;
3125
+ z-index: 10;
3126
+ max-height: 250px;
3127
+ overflow-y: scroll;
3128
+ }
3129
+ .remirror-mention-atom-popup-name {
3130
+ color: rgb(121, 129, 134);
3131
+ }
3132
+ .remirror-mention-atom-zero-items {
3133
+ color: rgb(121, 129, 134);
3134
+ }
3135
+ .remirror-mention-atom-popup-char {
3136
+ font-size: 1.25em;
3137
+ padding-right: 5px;
3138
+ }
3139
+ .remirror-editor.ProseMirror {
3140
+ }
3141
+ .remirror-is-empty:first-of-type::before {
3142
+ position: absolute;
3143
+ color: #aaa;
3144
+ pointer-events: none;
3145
+ height: 0;
3146
+ font-style: italic;
3147
+ content: attr(data-placeholder);
3148
+ }
3149
+ .remirror-editor.ProseMirror {
3150
+ position: relative;
3151
+ }
3152
+ .remirror-positioner {
3153
+ position: absolute;
3154
+ min-width: 1px;
3155
+ min-height: 1px;
3156
+ pointer-events: none;
3157
+ -webkit-user-select: none;
3158
+ -moz-user-select: none;
3159
+ -ms-user-select: none;
3160
+ user-select: none;
3161
+ cursor: none;
3162
+ z-index: -1;
3163
+ }
3164
+ .remirror-positioner-widget {
3165
+ width: 0;
3166
+ height: 0;
3167
+ position: absolute;
3168
+ }
3169
+ .remirror-editor.ProseMirror {
3170
+ }
3171
+ .remirror-editor.ProseMirror .tableWrapper {
3172
+ overflow-x: auto;
3173
+ }
3174
+ .remirror-editor.ProseMirror table {
3175
+ border-collapse: collapse;
3176
+ table-layout: fixed;
3177
+ width: 100%;
3178
+ overflow: hidden;
3179
+ }
3180
+ .remirror-editor.ProseMirror td,
3181
+ .remirror-editor.ProseMirror th {
3182
+ vertical-align: top;
3183
+ box-sizing: border-box;
3184
+ position: relative;
3185
+ border-width: 1px;
3186
+ border-style: solid;
3187
+ border-color: var(--rmr-color-table-default-border);
3188
+ }
3189
+ .remirror-editor.ProseMirror .column-resize-handle {
3190
+ position: absolute;
3191
+ right: -2px;
3192
+ top: 0;
3193
+ bottom: 0;
3194
+ width: 4px;
3195
+ z-index: 40;
3196
+ background-color: var(--rmr-hue-blue-7);
3197
+ pointer-events: none;
3198
+ }
3199
+ .remirror-editor.ProseMirror.resize-cursor {
3200
+ cursor: ew-resize;
3201
+ cursor: col-resize;
3202
+ }
3203
+ .remirror-editor.ProseMirror th.selectedCell,
3204
+ .remirror-editor.ProseMirror td.selectedCell {
3205
+ border-style: double;
3206
+ border-color: var(--rmr-color-table-selected-border);
3207
+ background-color: var(--rmr-color-table-selected-cell);
3208
+ }
3209
+ .remirror-table-colgroup > col:first-of-type {
3210
+ width: 13px;
3211
+ overflow: visible;
3212
+ }
3213
+ .remirror-controllers-toggle {
3214
+ visibility: hidden;
3215
+ }
3216
+ .remirror-table-show-controllers .remirror-controllers-toggle {
3217
+ visibility: visible;
3218
+ }
3219
+ .remirror-table-insert-button {
3220
+ position: absolute;
3221
+ width: 18px;
3222
+ height: 18px;
3223
+ z-index: 25;
3224
+ cursor: pointer;
3225
+ border-radius: 4px;
3226
+ transition: background-color 150ms ease;
3227
+ background-color: #dcdcdc;
3228
+ }
3229
+ .remirror-table-insert-button svg {
3230
+ fill: #ffffff;
3231
+ }
3232
+ .remirror-table-insert-button:hover {
3233
+ background-color: #136bda;
3234
+ }
3235
+ .remirror-table-insert-button:hover svg {
3236
+ fill: #ffffff;
3237
+ }
3238
+ .remirror-table-delete-inner-button {
3239
+ border: none;
3240
+ padding: 0;
3241
+ width: 18px;
3242
+ height: 18px;
3243
+ position: absolute;
3244
+ z-index: 30;
3245
+ cursor: pointer;
3246
+ border-radius: 4px;
3247
+ background-color: #cecece;
3248
+ transition: background-color 150ms ease;
3249
+ }
3250
+ .remirror-table-delete-inner-button:hover {
3251
+ background-color: #ff7884;
3252
+ }
3253
+ .remirror-table-delete-table-inner-button {
3254
+ top: calc(var(--remirror-table-delete-button-y) - 9px);
3255
+ left: calc(var(--remirror-table-delete-button-x) - 9px);
3256
+ }
3257
+ .remirror-table-delete-row-column-inner-button {
3258
+ top: calc(var(--remirror-table-delete-row-column-button-y) - 9px);
3259
+ left: calc(var(--remirror-table-delete-row-column-button-x) - 9px);
3260
+ }
3261
+ .remirror-table-with-controllers {
3262
+ margin-top: 40px;
3263
+ margin-bottom: 40px;
3264
+ height: 1px;
3265
+ }
3266
+ .ProseMirror table.remirror-table-with-controllers {
3267
+ overflow: visible;
3268
+ }
3269
+ .remirror-table-waitting-controllers {
3270
+ display: none;
3271
+ }
3272
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) {
3273
+ height: 12px;
3274
+ overflow: visible;
3275
+ }
3276
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) {
3277
+ overflow: visible;
3278
+ padding: 0;
3279
+ cursor: pointer;
3280
+ z-index: 15;
3281
+ position: relative;
3282
+ height: 12px;
3283
+ width: 12px;
3284
+ }
3285
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-wrapper {
3286
+ overflow: visible;
3287
+ display: flex;
3288
+ justify-content: flex-end;
3289
+ align-items: flex-end;
3290
+ width: 12px;
3291
+ height: 12px;
3292
+ }
3293
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-trigger-area {
3294
+ flex: 1;
3295
+ position: relative;
3296
+ z-index: 10;
3297
+ display: none;
3298
+ }
3299
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-mark-row-corner {
3300
+ bottom: -2px;
3301
+ left: -12px;
3302
+ position: absolute;
3303
+ width: 0px;
3304
+ height: 0px;
3305
+ border-radius: 50%;
3306
+ border-style: solid;
3307
+ border-color: var(--rmr-color-table-mark);
3308
+ border-width: 2px;
3309
+ }
3310
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-mark-column-corner {
3311
+ position: absolute;
3312
+ width: 0px;
3313
+ height: 0px;
3314
+ border-radius: 50%;
3315
+ border-style: solid;
3316
+ border-color: var(--rmr-color-table-mark);
3317
+ border-width: 2px;
3318
+ right: -2px;
3319
+ top: -12px;
3320
+ }
3321
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) {
3322
+ overflow: visible;
3323
+ padding: 0;
3324
+ cursor: pointer;
3325
+ z-index: 15;
3326
+ position: relative;
3327
+ height: 12px;
3328
+ }
3329
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-wrapper {
3330
+ overflow: visible;
3331
+ display: flex;
3332
+ justify-content: flex-end;
3333
+ align-items: flex-end;
3334
+ width: 100%;
3335
+ height: 12px;
3336
+ flex-direction: row;
3337
+ }
3338
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-trigger-area {
3339
+ flex: 1;
3340
+ position: relative;
3341
+ z-index: 10;
3342
+ height: 36px;
3343
+ }
3344
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-mark-row-corner {
3345
+ display: none;
3346
+ }
3347
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-mark-column-corner {
3348
+ position: absolute;
3349
+ width: 0px;
3350
+ height: 0px;
3351
+ border-radius: 50%;
3352
+ border-style: solid;
3353
+ border-color: var(--rmr-color-table-mark);
3354
+ border-width: 2px;
3355
+ right: -2px;
3356
+ top: -12px;
3357
+ }
3358
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
3359
+ overflow: visible;
3360
+ padding: 0;
3361
+ cursor: pointer;
3362
+ z-index: 15;
3363
+ position: relative;
3364
+ width: 12px;
3365
+ }
3366
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-wrapper {
3367
+ overflow: visible;
3368
+ display: flex;
3369
+ justify-content: flex-end;
3370
+ align-items: flex-end;
3371
+ height: 100%;
3372
+ width: 12px;
3373
+ flex-direction: column;
3374
+ }
3375
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-trigger-area {
3376
+ flex: 1;
3377
+ position: relative;
3378
+ z-index: 10;
3379
+ width: 36px;
3380
+ }
3381
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-row-corner {
3382
+ bottom: -2px;
3383
+ left: -12px;
3384
+ position: absolute;
3385
+ width: 0px;
3386
+ height: 0px;
3387
+ border-radius: 50%;
3388
+ border-style: solid;
3389
+ border-color: var(--rmr-color-table-mark);
3390
+ border-width: 2px;
3391
+ }
3392
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-column-corner {
3393
+ display: none;
3394
+ }
3395
+ .remirror-table-tbody-with-controllers th.remirror-table-controller {
3396
+ background-color: var(--rmr-color-table-default-controller);
3397
+ }
3398
+ .remirror-table-tbody-with-controllers th.selectedCell.remirror-table-controller {
3399
+ background-color: var(--rmr-color-table-selected-controller);
3400
+ }
3401
+ .remirror-table-preselect-all {
3402
+ }
3403
+ .remirror-table-show-predelete th.selectedCell.remirror-table-controller,
3404
+ .remirror-table-show-predelete td.selectedCell {
3405
+ border-color: var(--rmr-color-table-predelete-border) !important;
3406
+ background-color: var(--rmr-color-table-predelete-cell) !important;
3407
+ }
3408
+ .remirror-table-show-predelete th.selectedCell.remirror-table-controller {
3409
+ background-color: var(--rmr-color-table-predelete-controller) !important;
3410
+ }
3411
+ .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller,
3412
+ .remirror-table-show-predelete.remirror-table-preselect-all td {
3413
+ border-color: var(--rmr-color-table-predelete-border) !important;
3414
+ background-color: var(--rmr-color-table-predelete-cell) !important;
3415
+ }
3416
+ .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
3417
+ background-color: var(--rmr-color-table-predelete-controller) !important;
3418
+ }
3419
+ .remirror-editor.ProseMirror .whitespace {
3420
+ pointer-events: none;
3421
+ -webkit-user-select: none;
3422
+ -moz-user-select: none;
3423
+ -ms-user-select: none;
3424
+ user-select: none;
3425
+ }
3426
+ .remirror-editor.ProseMirror .whitespace:before {
3427
+ caret-color: inherit;
3428
+ color: gray;
3429
+ display: inline-block;
3430
+ font-weight: 400;
3431
+ font-style: normal;
3432
+ line-height: 1em;
3433
+ width: 0;
3434
+ }
3435
+ .remirror-editor.ProseMirror .whitespace--s:before {
3436
+ content: "\b7";
3437
+ }
3438
+ .remirror-editor.ProseMirror .whitespace--br:before {
3439
+ content: "\ac";
3440
+ }
3441
+ .remirror-editor.ProseMirror .whitespace--p:before {
3442
+ content: "\b6";
3443
+ }
3444
+ .remirror-editor.ProseMirror .ProseMirror-yjs-cursor {
3445
+ position: absolute;
3446
+ border-left: black;
3447
+ border-left-style: solid;
3448
+ border-left-width: 2px;
3449
+ border-color: orange;
3450
+ height: 1em;
3451
+ word-break: normal;
3452
+ pointer-events: none;
3453
+ }
3454
+ .remirror-editor.ProseMirror .ProseMirror-yjs-cursor > div {
3455
+ position: relative;
3456
+ top: -1.05em;
3457
+ font-size: 13px;
3458
+ background-color: rgb(250, 129, 0);
3459
+ font-family: serif;
3460
+ font-style: normal;
3461
+ font-weight: normal;
3462
+ line-height: normal;
3463
+ -webkit-user-select: none;
3464
+ -moz-user-select: none;
3465
+ -ms-user-select: none;
3466
+ user-select: none;
3467
+ color: white;
3468
+ padding-left: 2px;
3469
+ padding-right: 2px;
3470
+ }
3471
+ .remirror-editor.ProseMirror > .ProseMirror-yjs-cursor:first-child {
3472
+ margin-top: 16px;
3473
+ }
3474
+ .remirror-editor #y-functions {
3475
+ position: absolute;
3476
+ top: 20px;
3477
+ right: 20px;
3478
+ }
3479
+ .remirror-editor #y-functions > * {
3480
+ display: inline-block;
3481
+ }
3482
+ .remirror-theme {
3483
+ box-sizing: border-box;
3484
+ }
3485
+ .remirror-theme *,
3486
+ .remirror-theme *:before,
3487
+ .remirror-theme *:after {
3488
+ box-sizing: inherit;
3489
+ }
3490
+ .remirror-theme {
3491
+ --rmr-color-background: #ffffff;
3492
+ --rmr-color-border: rgba(0, 0, 0, 0.25);
3493
+ --rmr-color-foreground: #000000;
3494
+ --rmr-color-muted: #f1f3f5;
3495
+ --rmr-color-primary: #7963d2;
3496
+ --rmr-color-secondary: #bcd263;
3497
+ --rmr-color-primary-text: #fff;
3498
+ --rmr-color-secondary-text: #fff;
3499
+ --rmr-color-text: #252103;
3500
+ --rmr-color-faded: hsla(0, 0%, 13%, 0.9);
3501
+ --rmr-color-active-background: hsla(0, 0%, 85%, 1);
3502
+ --rmr-color-active-border: hsla(0, 0%, 0%, 0.25);
3503
+ --rmr-color-active-foreground: hsla(0, 0%, 0%, 1);
3504
+ --rmr-color-active-muted: hsla(210, 17%, 80%, 1);
3505
+ --rmr-color-active-primary: hsla(252, 55%, 46%, 1);
3506
+ --rmr-color-active-secondary: hsla(72, 55%, 46%, 1);
3507
+ --rmr-color-active-primary-text: #fff;
3508
+ --rmr-color-active-secondary-text: #000;
3509
+ --rmr-color-active-text: #000;
3510
+ --rmr-color-active-faded: hsla(0, 0%, 13%, 0.9);
3511
+ --rmr-color-hover-background: hsla(0, 0%, 93%, 1);
3512
+ --rmr-color-hover-border: hsla(0, 0%, 0%, 0.25);
3513
+ --rmr-color-hover-foreground: hsla(0, 0%, 0%, 1);
3514
+ --rmr-color-hover-muted: hsla(210, 17%, 88%, 1);
3515
+ --rmr-color-hover-primary: hsla(252, 55%, 53%, 1);
3516
+ --rmr-color-hover-secondary: hsla(72, 55%, 53%, 1);
3517
+ --rmr-color-hover-primary-text: #fff;
3518
+ --rmr-color-hover-secondary-text: #000;
3519
+ --rmr-color-hover-text: #000;
3520
+ --rmr-color-hover-faded: hsla(0, 0%, 13%, 0.9);
3521
+ --rmr-color-shadow-1: rgba(10, 31, 68, 0.08);
3522
+ --rmr-color-shadow-2: rgba(10, 31, 68, 0.1);
3523
+ --rmr-color-shadow-3: rgba(10, 31, 68, 0.12);
3524
+ --rmr-color-backdrop: rgba(0, 0, 0, 0.9);
3525
+ --rmr-color-outline: rgba(121, 99, 210, 0.4);
3526
+ --rmr-color-table-default-border: hsla(0, 0%, 80%, 1);
3527
+ --rmr-color-table-default-cell: hsla(0, 0%, 40%, 1);
3528
+ --rmr-color-table-default-controller: #dee2e6;
3529
+ --rmr-color-table-selected-border: #1c7ed6;
3530
+ --rmr-color-table-selected-cell: #d0ebff;
3531
+ --rmr-color-table-selected-controller: #339af0;
3532
+ --rmr-color-table-preselect-border: #1c7ed6;
3533
+ --rmr-color-table-preselect-cell: hsla(0, 0%, 40%, 1);
3534
+ --rmr-color-table-preselect-controller: #339af0;
3535
+ --rmr-color-table-predelete-border: #f03e3e;
3536
+ --rmr-color-table-predelete-cell: #ffe3e3;
3537
+ --rmr-color-table-predelete-controller: #ff6b6b;
3538
+ --rmr-color-table-mark: #91919196;
3539
+ --rmr-hue-gray-0: #f8f9fa;
3540
+ --rmr-hue-gray-1: #f1f3f5;
3541
+ --rmr-hue-gray-2: #e9ecef;
3542
+ --rmr-hue-gray-3: #dee2e6;
3543
+ --rmr-hue-gray-4: #ced4da;
3544
+ --rmr-hue-gray-5: #adb5bd;
3545
+ --rmr-hue-gray-6: #868e96;
3546
+ --rmr-hue-gray-7: #495057;
3547
+ --rmr-hue-gray-8: #343a40;
3548
+ --rmr-hue-gray-9: #212529;
3549
+ --rmr-hue-red-0: #fff5f5;
3550
+ --rmr-hue-red-1: #ffe3e3;
3551
+ --rmr-hue-red-2: #ffc9c9;
3552
+ --rmr-hue-red-3: #ffa8a8;
3553
+ --rmr-hue-red-4: #ff8787;
3554
+ --rmr-hue-red-5: #ff6b6b;
3555
+ --rmr-hue-red-6: #fa5252;
3556
+ --rmr-hue-red-7: #f03e3e;
3557
+ --rmr-hue-red-8: #e03131;
3558
+ --rmr-hue-red-9: #c92a2a;
3559
+ --rmr-hue-pink-0: #fff0f6;
3560
+ --rmr-hue-pink-1: #ffdeeb;
3561
+ --rmr-hue-pink-2: #fcc2d7;
3562
+ --rmr-hue-pink-3: #faa2c1;
3563
+ --rmr-hue-pink-4: #f783ac;
3564
+ --rmr-hue-pink-5: #f06595;
3565
+ --rmr-hue-pink-6: #e64980;
3566
+ --rmr-hue-pink-7: #d6336c;
3567
+ --rmr-hue-pink-8: #c2255c;
3568
+ --rmr-hue-pink-9: #a61e4d;
3569
+ --rmr-hue-grape-0: #f8f0fc;
3570
+ --rmr-hue-grape-1: #f3d9fa;
3571
+ --rmr-hue-grape-2: #eebefa;
3572
+ --rmr-hue-grape-3: #e599f7;
3573
+ --rmr-hue-grape-4: #da77f2;
3574
+ --rmr-hue-grape-5: #cc5de8;
3575
+ --rmr-hue-grape-6: #be4bdb;
3576
+ --rmr-hue-grape-7: #ae3ec9;
3577
+ --rmr-hue-grape-8: #9c36b5;
3578
+ --rmr-hue-grape-9: #862e9c;
3579
+ --rmr-hue-violet-0: #f3f0ff;
3580
+ --rmr-hue-violet-1: #e5dbff;
3581
+ --rmr-hue-violet-2: #d0bfff;
3582
+ --rmr-hue-violet-3: #b197fc;
3583
+ --rmr-hue-violet-4: #9775fa;
3584
+ --rmr-hue-violet-5: #845ef7;
3585
+ --rmr-hue-violet-6: #7950f2;
3586
+ --rmr-hue-violet-7: #7048e8;
3587
+ --rmr-hue-violet-8: #6741d9;
3588
+ --rmr-hue-violet-9: #5f3dc4;
3589
+ --rmr-hue-indigo-0: #edf2ff;
3590
+ --rmr-hue-indigo-1: #dbe4ff;
3591
+ --rmr-hue-indigo-2: #bac8ff;
3592
+ --rmr-hue-indigo-3: #91a7ff;
3593
+ --rmr-hue-indigo-4: #748ffc;
3594
+ --rmr-hue-indigo-5: #5c7cfa;
3595
+ --rmr-hue-indigo-6: #4c6ef5;
3596
+ --rmr-hue-indigo-7: #4263eb;
3597
+ --rmr-hue-indigo-8: #3b5bdb;
3598
+ --rmr-hue-indigo-9: #364fc7;
3599
+ --rmr-hue-blue-0: #e7f5ff;
3600
+ --rmr-hue-blue-1: #d0ebff;
3601
+ --rmr-hue-blue-2: #a5d8ff;
3602
+ --rmr-hue-blue-3: #74c0fc;
3603
+ --rmr-hue-blue-4: #4dabf7;
3604
+ --rmr-hue-blue-5: #339af0;
3605
+ --rmr-hue-blue-6: #228be6;
3606
+ --rmr-hue-blue-7: #1c7ed6;
3607
+ --rmr-hue-blue-8: #1971c2;
3608
+ --rmr-hue-blue-9: #1864ab;
3609
+ --rmr-hue-cyan-0: #e3fafc;
3610
+ --rmr-hue-cyan-1: #c5f6fa;
3611
+ --rmr-hue-cyan-2: #99e9f2;
3612
+ --rmr-hue-cyan-3: #66d9e8;
3613
+ --rmr-hue-cyan-4: #3bc9db;
3614
+ --rmr-hue-cyan-5: #22b8cf;
3615
+ --rmr-hue-cyan-6: #15aabf;
3616
+ --rmr-hue-cyan-7: #1098ad;
3617
+ --rmr-hue-cyan-8: #0c8599;
3618
+ --rmr-hue-cyan-9: #0b7285;
3619
+ --rmr-hue-teal-0: #e6fcf5;
3620
+ --rmr-hue-teal-1: #c3fae8;
3621
+ --rmr-hue-teal-2: #96f2d7;
3622
+ --rmr-hue-teal-3: #63e6be;
3623
+ --rmr-hue-teal-4: #38d9a9;
3624
+ --rmr-hue-teal-5: #20c997;
3625
+ --rmr-hue-teal-6: #12b886;
3626
+ --rmr-hue-teal-7: #0ca678;
3627
+ --rmr-hue-teal-8: #099268;
3628
+ --rmr-hue-teal-9: #087f5b;
3629
+ --rmr-hue-green-0: #ebfbee;
3630
+ --rmr-hue-green-1: #d3f9d8;
3631
+ --rmr-hue-green-2: #b2f2bb;
3632
+ --rmr-hue-green-3: #8ce99a;
3633
+ --rmr-hue-green-4: #69db7c;
3634
+ --rmr-hue-green-5: #51cf66;
3635
+ --rmr-hue-green-6: #40c057;
3636
+ --rmr-hue-green-7: #37b24d;
3637
+ --rmr-hue-green-8: #2f9e44;
3638
+ --rmr-hue-green-9: #2b8a3e;
3639
+ --rmr-hue-lime-0: #f4fce3;
3640
+ --rmr-hue-lime-1: #e9fac8;
3641
+ --rmr-hue-lime-2: #d8f5a2;
3642
+ --rmr-hue-lime-3: #c0eb75;
3643
+ --rmr-hue-lime-4: #a9e34b;
3644
+ --rmr-hue-lime-5: #94d82d;
3645
+ --rmr-hue-lime-6: #82c91e;
3646
+ --rmr-hue-lime-7: #74b816;
3647
+ --rmr-hue-lime-8: #66a80f;
3648
+ --rmr-hue-lime-9: #5c940d;
3649
+ --rmr-hue-yellow-0: #fff9db;
3650
+ --rmr-hue-yellow-1: #fff3bf;
3651
+ --rmr-hue-yellow-2: #ffec99;
3652
+ --rmr-hue-yellow-3: #ffe066;
3653
+ --rmr-hue-yellow-4: #ffd43b;
3654
+ --rmr-hue-yellow-5: #fcc419;
3655
+ --rmr-hue-yellow-6: #fab005;
3656
+ --rmr-hue-yellow-7: #f59f00;
3657
+ --rmr-hue-yellow-8: #f08c00;
3658
+ --rmr-hue-yellow-9: #e67700;
3659
+ --rmr-hue-orange-0: #fff4e6;
3660
+ --rmr-hue-orange-1: #ffe8cc;
3661
+ --rmr-hue-orange-2: #ffd8a8;
3662
+ --rmr-hue-orange-3: #ffc078;
3663
+ --rmr-hue-orange-4: #ffa94d;
3664
+ --rmr-hue-orange-5: #ff922b;
3665
+ --rmr-hue-orange-6: #fd7e14;
3666
+ --rmr-hue-orange-7: #f76707;
3667
+ --rmr-hue-orange-8: #e8590c;
3668
+ --rmr-hue-orange-9: #d9480f;
3669
+ --rmr-radius-border: 0.25rem;
3670
+ --rmr-radius-extra: 0.5rem;
3671
+ --rmr-radius-circle: 50%;
3672
+ --rmr-font-family-default:
3673
+ system-ui,
3674
+ -apple-system,
3675
+ BlinkMacSystemFont,
3676
+ "Segoe UI",
3677
+ Roboto,
3678
+ "Helvetica Neue",
3679
+ sans-serif;
3680
+ --rmr-font-family-heading: inherit;
3681
+ --rmr-font-family-mono: Menlo, monospace;
3682
+ --rmr-font-size-0: 12px;
3683
+ --rmr-font-size-1: 14px;
3684
+ --rmr-font-size-2: 16px;
3685
+ --rmr-font-size-3: 20px;
3686
+ --rmr-font-size-4: 24px;
3687
+ --rmr-font-size-5: 32px;
3688
+ --rmr-font-size-6: 48px;
3689
+ --rmr-font-size-7: 64px;
3690
+ --rmr-font-size-8: 96px;
3691
+ --rmr-font-size-default: 16px;
3692
+ --rmr-space-1: 4px;
3693
+ --rmr-space-2: 8px;
3694
+ --rmr-space-3: 16px;
3695
+ --rmr-space-4: 32px;
3696
+ --rmr-space-5: 64px;
3697
+ --rmr-space-6: 128px;
3698
+ --rmr-space-7: 256px;
3699
+ --rmr-space-8: 512px;
3700
+ --rmr-font-weight-bold: 700;
3701
+ --rmr-font-weight-default: 400;
3702
+ --rmr-font-weight-heading: 700;
3703
+ --rmr-letter-spacing-tight: -1px;
3704
+ --rmr-letter-spacing-default: normal;
3705
+ --rmr-letter-spacing-loose: 1px;
3706
+ --rmr-letter-spacing-wide: 3px;
3707
+ --rmr-line-height-heading: 1.25em;
3708
+ --rmr-line-height-default: 1.5em;
3709
+ --rmr-box-shadow-1: 0 1px 1px rgba(10, 31, 68, 0.08);
3710
+ --rmr-box-shadow-2: 0 1px 1px rgba(10, 31, 68, 0.1);
3711
+ --rmr-box-shadow-3: 0 1px 1px rgba(10, 31, 68, 0.12);
3712
+ font-family: var(--rmr-font-family-default);
3713
+ line-height: var(--rmr-line-height-default);
3714
+ font-weight: var(--rmr-font-weight-default);
3715
+ }
3716
+ .remirror-theme h1,
3717
+ .remirror-theme h2,
3718
+ .remirror-theme h3,
3719
+ .remirror-theme h4,
3720
+ .remirror-theme h5,
3721
+ .remirror-theme h6 {
3722
+ color: var(--rmr-color-text);
3723
+ font-family: var(--rmr-font-family-heading);
3724
+ line-height: var(--rmr-line-height-heading);
3725
+ font-weight: var(--rmr-font-weight-heading);
3726
+ }
3727
+ .remirror-theme h1 {
3728
+ font-size: var(--rmr-font-size-5);
3729
+ }
3730
+ .remirror-theme h2 {
3731
+ font-size: var(--rmr-font-size-4);
3732
+ }
3733
+ .remirror-theme h3 {
3734
+ font-size: var(--rmr-font-size-3);
3735
+ }
3736
+ .remirror-theme h4 {
3737
+ font-size: var(--rmr-font-size-2);
3738
+ }
3739
+ .remirror-theme h5 {
3740
+ font-size: var(--rmr-font-size-1);
3741
+ }
3742
+ .remirror-theme h6 {
3743
+ font-size: var(--rmr-font-size-0);
3744
+ }
3745
+ .remirror-theme .ProseMirror {
3746
+ min-height: var(--rmr-space-6);
3747
+ box-shadow: var(--rmr-color-border) 0px 0px 0px 0.1em;
3748
+ padding: var(--rmr-space-3);
3749
+ border-radius: var(--rmr-radius-border);
3750
+ outline: none;
3751
+ }
3752
+ .remirror-theme .ProseMirror:active,
3753
+ .remirror-theme .ProseMirror:focus {
3754
+ box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
3755
+ }
3756
+ .remirror-theme .ProseMirror p,
3757
+ .remirror-theme .ProseMirror h1,
3758
+ .remirror-theme .ProseMirror h2,
3759
+ .remirror-theme .ProseMirror h3,
3760
+ .remirror-theme .ProseMirror h4,
3761
+ .remirror-theme .ProseMirror h4,
3762
+ .remirror-theme .ProseMirror h5,
3763
+ .remirror-theme .ProseMirror h6,
3764
+ .remirror-theme .ProseMirror span {
3765
+ margin: 0;
3766
+ }
3767
+
3768
+ /* src/index.scss */
3769
+ .formatted-text-editor.editor-wrapper {
3770
+ background: white;
3771
+ border: 2px solid var(--grey-300);
3772
+ border-radius: 4px;
3773
+ }
3774
+ .formatted-text-editor .remirror-editor-wrapper {
3775
+ padding-top: 0;
3776
+ color: var(--grey-600);
3777
+ }
3778
+ .formatted-text-editor .remirror-editor {
3779
+ box-shadow: none;
3780
+ background: white;
3781
+ border-radius: 0 0 4px 4px;
3782
+ }
3783
+ .formatted-text-editor .remirror-editor:active,
3784
+ .formatted-text-editor .remirror-editor :focus {
3785
+ }
3786
+ .formatted-text-editor .remirror-editor p {
3787
+ display: block;
3788
+ }
3789
+ .remirror-theme .ProseMirror:active,
3790
+ .remirror-theme .ProseMirror:focus {
3791
+ box-shadow: none;
3792
+ }
3793
+ .formatted-text-editor .editor-toolbar {
3794
+ border-bottom: 2px solid var(--grey-200);
3795
+ background-color: white;
3796
+ padding: 0.25rem;
3797
+ border-radius: 0.25rem;
3798
+ display: flex;
3799
+ justify-items: center;
3800
+ }
3801
+ .formatted-text-editor .editor-toolbar > *:not(:first-child) {
3802
+ margin: 0 0 0 2px;
3803
+ }
3804
+ .formatted-text-editor .editor-toolbar .editor-divider {
3805
+ margin: -4px 2px -4px 4px;
3806
+ border-width: 1px;
3807
+ }
3808
+ .remirror-floating-popover {
3809
+ padding: 4px;
3810
+ border: 1px var(--grey-200);
3811
+ border-radius: 6px;
3812
+ background-color: white;
3813
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 12px 4px rgba(0, 0, 0, 0.12);
3814
+ }
3815
+ .btn {
3816
+ display: flex;
3817
+ align-items: center;
3818
+ font-weight: 400;
3819
+ text-align: center;
3820
+ white-space: nowrap;
3821
+ vertical-align: middle;
3822
+ touch-action: manipulation;
3823
+ cursor: pointer;
3824
+ background-image: none;
3825
+ border: 1px solid transparent;
3826
+ border-radius: var(--border-radius);
3827
+ }
3828
+ .btn:active,
3829
+ .btn:hover,
3830
+ .btn:focus {
3831
+ background-color: rgba(0, 0, 0, 0.04);
3832
+ }
3833
+ .btn.disabled,
3834
+ .btn[disabled] {
3835
+ cursor: not-allowed;
3836
+ opacity: 0.5;
3837
+ }
3838
+ .toolbar-button {
3839
+ background-color: white;
3840
+ color: var(--grey-600);
3841
+ padding: 4px;
3842
+ }
3843
+ .toolbar-button ~ .toolbar-button {
3844
+ margin-left: 2px;
3845
+ }
3846
+ .toolbar-button.is-active {
3847
+ background-color: var(--blue-100);
3848
+ color: var(--blue-300);
3849
+ }