@squiz/formatted-text-editor 1.12.0-alpha.40 → 1.12.0-alpha.43

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 (43) hide show
  1. package/jest.config.ts +2 -0
  2. package/lib/EditorToolbar/EditorToolbar.js +3 -1
  3. package/lib/EditorToolbar/Tools/Link/Form/LinkForm.d.ts +3 -0
  4. package/lib/EditorToolbar/Tools/Link/Form/LinkForm.js +29 -0
  5. package/lib/EditorToolbar/Tools/Link/LinkButton.d.ts +7 -0
  6. package/lib/EditorToolbar/Tools/Link/LinkButton.js +8 -0
  7. package/lib/EditorToolbar/Tools/Link/Trigger/TriggerLinkModal.d.ts +3 -0
  8. package/lib/EditorToolbar/Tools/Link/Trigger/TriggerLinkModal.js +12 -0
  9. package/lib/index.css +401 -3744
  10. package/lib/ui/Inputs/Select/Select.d.ts +12 -0
  11. package/lib/ui/Inputs/Select/Select.js +19 -0
  12. package/lib/ui/Inputs/Text/TextInput.d.ts +8 -0
  13. package/lib/ui/Inputs/Text/TextInput.js +6 -0
  14. package/lib/ui/Modal/Modal.d.ts +9 -0
  15. package/lib/ui/Modal/Modal.js +30 -0
  16. package/lib/ui/ToolbarButton/ToolbarButton.js +1 -1
  17. package/package.json +10 -7
  18. package/src/Editor/_editor.scss +16 -9
  19. package/src/EditorToolbar/EditorToolbar.tsx +2 -0
  20. package/src/EditorToolbar/Tools/Bold/BoldButton.spec.tsx +1 -1
  21. package/src/EditorToolbar/Tools/Italic/ItalicButton.spec.tsx +1 -1
  22. package/src/EditorToolbar/Tools/Link/Form/LinkForm.spec.tsx +21 -0
  23. package/src/EditorToolbar/Tools/Link/Form/LinkForm.tsx +41 -0
  24. package/src/EditorToolbar/Tools/Link/LinkButton.spec.tsx +26 -0
  25. package/src/EditorToolbar/Tools/Link/LinkButton.tsx +25 -0
  26. package/src/EditorToolbar/Tools/Link/Trigger/TriggerLinkModal.spec.tsx +41 -0
  27. package/src/EditorToolbar/Tools/Link/Trigger/TriggerLinkModal.tsx +21 -0
  28. package/src/EditorToolbar/Tools/Underline/Underline.spec.tsx +1 -1
  29. package/src/EditorToolbar/_editor-toolbar.scss +1 -1
  30. package/src/index.scss +5 -2
  31. package/src/ui/DropdownButton/_dropdown-button.scss +3 -2
  32. package/src/ui/Inputs/Select/Select.spec.tsx +24 -0
  33. package/src/ui/Inputs/Select/Select.tsx +67 -0
  34. package/src/ui/Inputs/Text/TextInput.spec.tsx +43 -0
  35. package/src/ui/Inputs/Text/TextInput.tsx +20 -0
  36. package/src/ui/Modal/Modal.spec.tsx +75 -0
  37. package/src/ui/Modal/Modal.tsx +70 -0
  38. package/src/ui/Modal/_modal.scss +24 -0
  39. package/src/ui/ToolbarButton/ToolbarButton.tsx +1 -1
  40. package/src/ui/ToolbarButton/_toolbar-button.scss +5 -25
  41. package/src/ui/_buttons.scss +19 -0
  42. package/src/ui/_forms.scss +16 -0
  43. package/tailwind.config.cjs +23 -0
package/lib/index.css CHANGED
@@ -1,3700 +1,3 @@
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-]::selection,
867
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] ::selection,
868
- .remirror-base16-ateliersulphurpool-light code[class*=language-]::selection,
869
- .remirror-base16-ateliersulphurpool-light code[class*=language-] ::selection {
870
- text-shadow: none;
871
- background: #dfe2f1;
872
- }
873
- .remirror-base16-ateliersulphurpool-light pre[class*=language-] {
874
- padding: 1em;
875
- margin: 0.5em 0;
876
- overflow: auto;
877
- }
878
- .remirror-base16-ateliersulphurpool-light :not(pre) > code[class*=language-] {
879
- padding: 0.1em;
880
- border-radius: 0.3em;
881
- }
882
- .remirror-base16-ateliersulphurpool-light .token.comment,
883
- .remirror-base16-ateliersulphurpool-light .token.prolog,
884
- .remirror-base16-ateliersulphurpool-light .token.doctype,
885
- .remirror-base16-ateliersulphurpool-light .token.cdata {
886
- color: #898ea4;
887
- }
888
- .remirror-base16-ateliersulphurpool-light .token.punctuation,
889
- .remirror-base16-ateliersulphurpool-light .token.punctuation.important {
890
- color: #5e6687;
891
- }
892
- .remirror-base16-ateliersulphurpool-light .token.namespace {
893
- opacity: 0.7;
894
- }
895
- .remirror-base16-ateliersulphurpool-light .token.operator,
896
- .remirror-base16-ateliersulphurpool-light .token.boolean,
897
- .remirror-base16-ateliersulphurpool-light .token.number {
898
- color: #c76b29;
899
- }
900
- .remirror-base16-ateliersulphurpool-light .token.property {
901
- color: #c08b30;
902
- }
903
- .remirror-base16-ateliersulphurpool-light .token.tag {
904
- color: #3d8fd1;
905
- }
906
- .remirror-base16-ateliersulphurpool-light .token.string {
907
- color: #22a2c9;
908
- }
909
- .remirror-base16-ateliersulphurpool-light .token.selector {
910
- color: #6679cc;
911
- }
912
- .remirror-base16-ateliersulphurpool-light .token.attr-name {
913
- color: #c76b29;
914
- }
915
- .remirror-base16-ateliersulphurpool-light .token.entity,
916
- .remirror-base16-ateliersulphurpool-light .token.url,
917
- .remirror-base16-ateliersulphurpool-light .language-css .token.string,
918
- .remirror-base16-ateliersulphurpool-light .style .token.string {
919
- color: #22a2c9;
920
- }
921
- .remirror-base16-ateliersulphurpool-light .token.attr-value,
922
- .remirror-base16-ateliersulphurpool-light .token.keyword,
923
- .remirror-base16-ateliersulphurpool-light .token.control,
924
- .remirror-base16-ateliersulphurpool-light .token.directive,
925
- .remirror-base16-ateliersulphurpool-light .token.unit {
926
- color: #ac9739;
927
- }
928
- .remirror-base16-ateliersulphurpool-light .token.statement,
929
- .remirror-base16-ateliersulphurpool-light .token.regex,
930
- .remirror-base16-ateliersulphurpool-light .token.atrule {
931
- color: #22a2c9;
932
- }
933
- .remirror-base16-ateliersulphurpool-light .token.placeholder,
934
- .remirror-base16-ateliersulphurpool-light .token.variable {
935
- color: #3d8fd1;
936
- }
937
- .remirror-base16-ateliersulphurpool-light .token.deleted {
938
- text-decoration: line-through;
939
- }
940
- .remirror-base16-ateliersulphurpool-light .token.inserted {
941
- border-bottom: 1px dotted #202746;
942
- text-decoration: none;
943
- }
944
- .remirror-base16-ateliersulphurpool-light .token.italic {
945
- font-style: italic;
946
- }
947
- .remirror-base16-ateliersulphurpool-light .token.important,
948
- .remirror-base16-ateliersulphurpool-light .token.bold {
949
- font-weight: bold;
950
- }
951
- .remirror-base16-ateliersulphurpool-light .token.important {
952
- color: #c94922;
953
- }
954
- .remirror-base16-ateliersulphurpool-light .token.entity {
955
- cursor: help;
956
- }
957
- .remirror-base16-ateliersulphurpool-light pre > code.highlight {
958
- outline: 0.4em solid #c94922;
959
- outline-offset: 0.4em;
960
- }
961
- .remirror-base16-ateliersulphurpool-light .line-numbers .line-numbers-rows {
962
- border-right-color: #dfe2f1;
963
- }
964
- .remirror-base16-ateliersulphurpool-light .line-numbers-rows > span:before {
965
- color: #979db4;
966
- }
967
- .remirror-base16-ateliersulphurpool-light .line-highlight {
968
- background: rgba(107, 115, 148, 0.2);
969
- background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
970
- }
971
- .remirror-cb code[class*=language-],
972
- .remirror-cb pre[class*=language-] {
973
- color: #fff;
974
- text-shadow: 0 1px 1px #000;
975
- font-family:
976
- Menlo,
977
- Monaco,
978
- "Courier New",
979
- monospace;
980
- direction: ltr;
981
- text-align: left;
982
- word-spacing: normal;
983
- white-space: pre;
984
- word-wrap: normal;
985
- line-height: 1.4;
986
- background: none;
987
- border: 0;
988
- -moz-tab-size: 4;
989
- tab-size: 4;
990
- -webkit-hyphens: none;
991
- -ms-hyphens: none;
992
- hyphens: none;
993
- }
994
- .remirror-cb pre[class*=language-] code {
995
- float: left;
996
- padding: 0 15px 0 0;
997
- }
998
- .remirror-cb pre[class*=language-],
999
- .remirror-cb :not(pre) > code[class*=language-] {
1000
- background: #222;
1001
- }
1002
- .remirror-cb pre[class*=language-] {
1003
- padding: 15px;
1004
- margin: 1em 0;
1005
- overflow: auto;
1006
- border-radius: 8px;
1007
- }
1008
- .remirror-cb :not(pre) > code[class*=language-] {
1009
- padding: 5px 10px;
1010
- line-height: 1;
1011
- border-radius: 3px;
1012
- }
1013
- .remirror-cb .token.comment,
1014
- .remirror-cb .token.prolog,
1015
- .remirror-cb .token.doctype,
1016
- .remirror-cb .token.cdata {
1017
- color: #797979;
1018
- }
1019
- .remirror-cb .token.selector,
1020
- .remirror-cb .token.operator,
1021
- .remirror-cb .token.punctuation,
1022
- .remirror-cb .token.punctuation.important {
1023
- color: #fff;
1024
- }
1025
- .remirror-cb .token.namespace {
1026
- opacity: 0.7;
1027
- }
1028
- .remirror-cb .token.tag,
1029
- .remirror-cb .token.boolean {
1030
- color: #ffd893;
1031
- }
1032
- .remirror-cb .token.atrule,
1033
- .remirror-cb .token.attr-value,
1034
- .remirror-cb .token.hex,
1035
- .remirror-cb .token.string {
1036
- color: #b0c975;
1037
- }
1038
- .remirror-cb .token.property,
1039
- .remirror-cb .token.entity,
1040
- .remirror-cb .token.url,
1041
- .remirror-cb .token.attr-name,
1042
- .remirror-cb .token.keyword {
1043
- color: #c27628;
1044
- }
1045
- .remirror-cb .token.regex {
1046
- color: #9b71c6;
1047
- }
1048
- .remirror-cb .token.entity {
1049
- cursor: help;
1050
- }
1051
- .remirror-cb .token.function,
1052
- .remirror-cb .token.constant {
1053
- color: #e5a638;
1054
- }
1055
- .remirror-cb .token.variable {
1056
- color: #fdfba8;
1057
- }
1058
- .remirror-cb .token.number {
1059
- color: #8799b0;
1060
- }
1061
- .remirror-cb .token.important,
1062
- .remirror-cb .token.deliminator {
1063
- color: #e45734;
1064
- }
1065
- .remirror-cb pre[data-line] {
1066
- position: relative;
1067
- padding: 1em 0 1em 3em;
1068
- }
1069
- .remirror-cb .line-highlight {
1070
- position: absolute;
1071
- left: 0;
1072
- right: 0;
1073
- margin-top: 1em;
1074
- background: rgba(255, 255, 255, 0.2);
1075
- pointer-events: none;
1076
- line-height: inherit;
1077
- white-space: pre;
1078
- }
1079
- .remirror-cb .line-highlight:before,
1080
- .remirror-cb .line-highlight[data-end]:after {
1081
- content: attr(data-start);
1082
- position: absolute;
1083
- top: 0.3em;
1084
- left: 0.6em;
1085
- min-width: 1em;
1086
- padding: 0 0.5em;
1087
- background-color: rgba(255, 255, 255, 0.3);
1088
- color: #fff;
1089
- font: bold 65%/1.5 sans-serif;
1090
- text-align: center;
1091
- border-radius: 8px;
1092
- text-shadow: none;
1093
- }
1094
- .remirror-cb .line-highlight[data-end]:after {
1095
- content: attr(data-end);
1096
- top: auto;
1097
- bottom: 0.4em;
1098
- }
1099
- .remirror-cb .line-numbers-rows {
1100
- margin: 0;
1101
- }
1102
- .remirror-cb .line-numbers-rows span {
1103
- padding-right: 10px;
1104
- border-right: 3px #d9d336 solid;
1105
- }
1106
- .remirror-darcula code[class*=language-],
1107
- .remirror-darcula pre[class*=language-] {
1108
- color: #a9b7c6;
1109
- font-family:
1110
- Consolas,
1111
- Monaco,
1112
- "Andale Mono",
1113
- monospace;
1114
- direction: ltr;
1115
- text-align: left;
1116
- white-space: pre;
1117
- word-spacing: normal;
1118
- word-break: normal;
1119
- line-height: 1.5;
1120
- -moz-tab-size: 4;
1121
- tab-size: 4;
1122
- -webkit-hyphens: none;
1123
- -ms-hyphens: none;
1124
- hyphens: none;
1125
- }
1126
- .remirror-darcula pre[class*=language-]::-moz-selection,
1127
- .remirror-darcula pre[class*=language-] ::-moz-selection,
1128
- .remirror-darcula code[class*=language-]::-moz-selection,
1129
- .remirror-darcula code[class*=language-] ::-moz-selection {
1130
- color: inherit;
1131
- background: rgba(33, 66, 131, 0.85);
1132
- }
1133
- .remirror-darcula pre[class*=language-]::selection,
1134
- .remirror-darcula pre[class*=language-] ::selection,
1135
- .remirror-darcula code[class*=language-]::selection,
1136
- .remirror-darcula code[class*=language-] ::selection {
1137
- color: inherit;
1138
- background: rgba(33, 66, 131, 0.85);
1139
- }
1140
- .remirror-darcula pre[class*=language-] {
1141
- padding: 1em;
1142
- margin: 0.5em 0;
1143
- overflow: auto;
1144
- }
1145
- .remirror-darcula :not(pre) > code[class*=language-],
1146
- .remirror-darcula pre[class*=language-] {
1147
- background: #2b2b2b;
1148
- }
1149
- .remirror-darcula :not(pre) > code[class*=language-] {
1150
- padding: 0.1em;
1151
- border-radius: 0.3em;
1152
- }
1153
- .remirror-darcula .token.comment,
1154
- .remirror-darcula .token.prolog,
1155
- .remirror-darcula .token.cdata {
1156
- color: #808080;
1157
- }
1158
- .remirror-darcula .token.delimiter,
1159
- .remirror-darcula .token.boolean,
1160
- .remirror-darcula .token.keyword,
1161
- .remirror-darcula .token.selector,
1162
- .remirror-darcula .token.important,
1163
- .remirror-darcula .token.atrule {
1164
- color: #cc7832;
1165
- }
1166
- .remirror-darcula .token.operator,
1167
- .remirror-darcula .token.punctuation,
1168
- .remirror-darcula .token.attr-name {
1169
- color: #a9b7c6;
1170
- }
1171
- .remirror-darcula .token.tag,
1172
- .remirror-darcula .token.tag .punctuation,
1173
- .remirror-darcula .token.doctype,
1174
- .remirror-darcula .token.builtin {
1175
- color: #e8bf6a;
1176
- }
1177
- .remirror-darcula .token.entity,
1178
- .remirror-darcula .token.number,
1179
- .remirror-darcula .token.symbol {
1180
- color: #6897bb;
1181
- }
1182
- .remirror-darcula .token.property,
1183
- .remirror-darcula .token.constant,
1184
- .remirror-darcula .token.variable {
1185
- color: #9876aa;
1186
- }
1187
- .remirror-darcula .token.string,
1188
- .remirror-darcula .token.char {
1189
- color: #6a8759;
1190
- }
1191
- .remirror-darcula .token.attr-value,
1192
- .remirror-darcula .token.attr-value .punctuation {
1193
- color: #a5c261;
1194
- }
1195
- .remirror-darcula .token.attr-value .punctuation:first-of-type {
1196
- color: #a9b7c6;
1197
- }
1198
- .remirror-darcula .token.url {
1199
- color: #287bde;
1200
- text-decoration: underline;
1201
- }
1202
- .remirror-darcula .token.function {
1203
- color: #ffc66d;
1204
- }
1205
- .remirror-darcula .token.regex {
1206
- background: #364135;
1207
- }
1208
- .remirror-darcula .token.bold {
1209
- font-weight: bold;
1210
- }
1211
- .remirror-darcula .token.italic {
1212
- font-style: italic;
1213
- }
1214
- .remirror-darcula .token.inserted {
1215
- background: #294436;
1216
- }
1217
- .remirror-darcula .token.deleted {
1218
- background: #484a4a;
1219
- }
1220
- .remirror-darcula code.language-css .token.property,
1221
- .remirror-darcula code.language-css .token.property + .token.punctuation,
1222
- .remirror-darcula .token.punctuation.important {
1223
- color: #a9b7c6;
1224
- }
1225
- .remirror-darcula code.language-css .token.id {
1226
- color: #ffc66d;
1227
- }
1228
- .remirror-darcula code.language-css .token.selector > .token.class,
1229
- .remirror-darcula code.language-css .token.selector > .token.attribute,
1230
- .remirror-darcula code.language-css .token.selector > .token.pseudo-class,
1231
- .remirror-darcula code.language-css .token.selector > .token.pseudo-element {
1232
- color: #ffc66d;
1233
- }
1234
- .remirror-dracula code[class*=language-],
1235
- .remirror-dracula pre[class*=language-] {
1236
- color: #f8f8f2;
1237
- background: none;
1238
- text-shadow: 0 1px rgba(0, 0, 0, 0.3);
1239
- font-family:
1240
- Consolas,
1241
- Monaco,
1242
- "Andale Mono",
1243
- "Ubuntu Mono",
1244
- monospace;
1245
- text-align: left;
1246
- white-space: pre;
1247
- word-spacing: normal;
1248
- word-break: normal;
1249
- word-wrap: normal;
1250
- line-height: 1.5;
1251
- -moz-tab-size: 4;
1252
- tab-size: 4;
1253
- -webkit-hyphens: none;
1254
- -ms-hyphens: none;
1255
- hyphens: none;
1256
- }
1257
- .remirror-dracula pre[class*=language-] {
1258
- padding: 1em;
1259
- margin: 0.5em 0;
1260
- overflow: auto;
1261
- border-radius: 0.3em;
1262
- }
1263
- .remirror-dracula :not(pre) > code[class*=language-],
1264
- .remirror-dracula pre[class*=language-] {
1265
- background: #282a36;
1266
- }
1267
- .remirror-dracula :not(pre) > code[class*=language-] {
1268
- padding: 0.1em;
1269
- border-radius: 0.3em;
1270
- white-space: normal;
1271
- }
1272
- .remirror-dracula .token.comment,
1273
- .remirror-dracula .token.prolog,
1274
- .remirror-dracula .token.doctype,
1275
- .remirror-dracula .token.cdata {
1276
- color: #6272a4;
1277
- }
1278
- .remirror-dracula .token.punctuation,
1279
- .remirror-dracula .token.punctuation.important {
1280
- color: #f8f8f2;
1281
- }
1282
- .remirror-dracula .namespace {
1283
- opacity: 0.7;
1284
- }
1285
- .remirror-dracula .token.property,
1286
- .remirror-dracula .token.tag,
1287
- .remirror-dracula .token.constant,
1288
- .remirror-dracula .token.symbol,
1289
- .remirror-dracula .token.deleted {
1290
- color: #ff79c6;
1291
- }
1292
- .remirror-dracula .token.boolean,
1293
- .remirror-dracula .token.number {
1294
- color: #bd93f9;
1295
- }
1296
- .remirror-dracula .token.selector,
1297
- .remirror-dracula .token.attr-name,
1298
- .remirror-dracula .token.string,
1299
- .remirror-dracula .token.char,
1300
- .remirror-dracula .token.builtin,
1301
- .remirror-dracula .token.inserted {
1302
- color: #50fa7b;
1303
- }
1304
- .remirror-dracula .token.operator,
1305
- .remirror-dracula .token.entity,
1306
- .remirror-dracula .token.url,
1307
- .remirror-dracula .language-css .token.string,
1308
- .remirror-dracula .style .token.string,
1309
- .remirror-dracula .token.variable {
1310
- color: #f8f8f2;
1311
- }
1312
- .remirror-dracula .token.atrule,
1313
- .remirror-dracula .token.attr-value,
1314
- .remirror-dracula .token.function,
1315
- .remirror-dracula .token.class-name {
1316
- color: #f1fa8c;
1317
- }
1318
- .remirror-dracula .token.keyword {
1319
- color: #8be9fd;
1320
- }
1321
- .remirror-dracula .token.regex,
1322
- .remirror-dracula .token.important {
1323
- color: #ffb86c;
1324
- }
1325
- .remirror-dracula .token.important,
1326
- .remirror-dracula .token.bold {
1327
- font-weight: bold;
1328
- }
1329
- .remirror-dracula .token.italic {
1330
- font-style: italic;
1331
- }
1332
- .remirror-dracula .token.entity {
1333
- cursor: help;
1334
- }
1335
- .remirror-duotone-dark code[class*=language-],
1336
- .remirror-duotone-dark pre[class*=language-] {
1337
- font-family:
1338
- Consolas,
1339
- Menlo,
1340
- Monaco,
1341
- "Andale Mono WT",
1342
- "Andale Mono",
1343
- "Lucida Console",
1344
- "Lucida Sans Typewriter",
1345
- "DejaVu Sans Mono",
1346
- "Bitstream Vera Sans Mono",
1347
- "Liberation Mono",
1348
- "Nimbus Mono L",
1349
- "Courier New",
1350
- Courier,
1351
- monospace;
1352
- font-size: 14px;
1353
- line-height: 1.375;
1354
- direction: ltr;
1355
- text-align: left;
1356
- white-space: pre;
1357
- word-spacing: normal;
1358
- word-break: normal;
1359
- -moz-tab-size: 4;
1360
- tab-size: 4;
1361
- -webkit-hyphens: none;
1362
- -ms-hyphens: none;
1363
- hyphens: none;
1364
- background: #2a2734;
1365
- color: #9a86fd;
1366
- }
1367
- .remirror-duotone-dark pre[class*=language-]::-moz-selection,
1368
- .remirror-duotone-dark pre[class*=language-] ::-moz-selection,
1369
- .remirror-duotone-dark code[class*=language-]::-moz-selection,
1370
- .remirror-duotone-dark code[class*=language-] ::-moz-selection {
1371
- text-shadow: none;
1372
- background: #6a51e6;
1373
- }
1374
- .remirror-duotone-dark pre[class*=language-]::selection,
1375
- .remirror-duotone-dark pre[class*=language-] ::selection,
1376
- .remirror-duotone-dark code[class*=language-]::selection,
1377
- .remirror-duotone-dark code[class*=language-] ::selection {
1378
- text-shadow: none;
1379
- background: #6a51e6;
1380
- }
1381
- .remirror-duotone-dark pre[class*=language-] {
1382
- padding: 1em;
1383
- margin: 0.5em 0;
1384
- overflow: auto;
1385
- }
1386
- .remirror-duotone-dark :not(pre) > code[class*=language-] {
1387
- padding: 0.1em;
1388
- border-radius: 0.3em;
1389
- }
1390
- .remirror-duotone-dark .token.comment,
1391
- .remirror-duotone-dark .token.prolog,
1392
- .remirror-duotone-dark .token.doctype,
1393
- .remirror-duotone-dark .token.cdata {
1394
- color: #6c6783;
1395
- }
1396
- .remirror-duotone-dark .token.punctuation,
1397
- .remirror-duotone-dark .token.punctuation.important {
1398
- color: #6c6783;
1399
- }
1400
- .remirror-duotone-dark .token.namespace {
1401
- opacity: 0.7;
1402
- }
1403
- .remirror-duotone-dark .token.tag,
1404
- .remirror-duotone-dark .token.operator,
1405
- .remirror-duotone-dark .token.number {
1406
- color: #e09142;
1407
- }
1408
- .remirror-duotone-dark .token.property,
1409
- .remirror-duotone-dark .token.function {
1410
- color: #9a86fd;
1411
- }
1412
- .remirror-duotone-dark .token.tag-id,
1413
- .remirror-duotone-dark .token.selector,
1414
- .remirror-duotone-dark .token.atrule-id {
1415
- color: #eeebff;
1416
- }
1417
- .remirror-duotone-dark code.language-javascript,
1418
- .remirror-duotone-dark .token.attr-name {
1419
- color: #c4b9fe;
1420
- }
1421
- .remirror-duotone-dark code.language-css,
1422
- .remirror-duotone-dark code.language-scss,
1423
- .remirror-duotone-dark .token.boolean,
1424
- .remirror-duotone-dark .token.string,
1425
- .remirror-duotone-dark .token.entity,
1426
- .remirror-duotone-dark .token.url,
1427
- .remirror-duotone-dark .language-css .token.string,
1428
- .remirror-duotone-dark .language-scss .token.string,
1429
- .remirror-duotone-dark .style .token.string,
1430
- .remirror-duotone-dark .token.attr-value,
1431
- .remirror-duotone-dark .token.keyword,
1432
- .remirror-duotone-dark .token.control,
1433
- .remirror-duotone-dark .token.directive,
1434
- .remirror-duotone-dark .token.unit,
1435
- .remirror-duotone-dark .token.statement,
1436
- .remirror-duotone-dark .token.regex,
1437
- .remirror-duotone-dark .token.atrule {
1438
- color: #ffcc99;
1439
- }
1440
- .remirror-duotone-dark .token.placeholder,
1441
- .remirror-duotone-dark .token.variable {
1442
- color: #ffcc99;
1443
- }
1444
- .remirror-duotone-dark .token.deleted {
1445
- text-decoration: line-through;
1446
- }
1447
- .remirror-duotone-dark .token.inserted {
1448
- border-bottom: 1px dotted #eeebff;
1449
- text-decoration: none;
1450
- }
1451
- .remirror-duotone-dark .token.italic {
1452
- font-style: italic;
1453
- }
1454
- .remirror-duotone-dark .token.important,
1455
- .remirror-duotone-dark .token.bold {
1456
- font-weight: bold;
1457
- }
1458
- .remirror-duotone-dark .token.important {
1459
- color: #c4b9fe;
1460
- }
1461
- .remirror-duotone-dark .token.entity {
1462
- cursor: help;
1463
- }
1464
- .remirror-duotone-dark pre > code.highlight {
1465
- outline: 0.4em solid #8a75f5;
1466
- outline-offset: 0.4em;
1467
- }
1468
- .remirror-duotone-dark .line-numbers .line-numbers-rows {
1469
- border-right-color: #2c2937;
1470
- }
1471
- .remirror-duotone-dark .line-numbers-rows > span:before {
1472
- color: #3c3949;
1473
- }
1474
- .remirror-duotone-dark .line-highlight {
1475
- background: rgba(224, 145, 66, 0.2);
1476
- background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
1477
- }
1478
- .remirror-duotone-earth code[class*=language-],
1479
- .remirror-duotone-earth pre[class*=language-] {
1480
- font-family:
1481
- Consolas,
1482
- Menlo,
1483
- Monaco,
1484
- "Andale Mono WT",
1485
- "Andale Mono",
1486
- "Lucida Console",
1487
- "Lucida Sans Typewriter",
1488
- "DejaVu Sans Mono",
1489
- "Bitstream Vera Sans Mono",
1490
- "Liberation Mono",
1491
- "Nimbus Mono L",
1492
- "Courier New",
1493
- Courier,
1494
- monospace;
1495
- font-size: 14px;
1496
- line-height: 1.375;
1497
- direction: ltr;
1498
- text-align: left;
1499
- white-space: pre;
1500
- word-spacing: normal;
1501
- word-break: normal;
1502
- -moz-tab-size: 4;
1503
- tab-size: 4;
1504
- -webkit-hyphens: none;
1505
- -ms-hyphens: none;
1506
- hyphens: none;
1507
- background: #322d29;
1508
- color: #88786d;
1509
- }
1510
- .remirror-duotone-earth pre[class*=language-]::-moz-selection,
1511
- .remirror-duotone-earth pre[class*=language-] ::-moz-selection,
1512
- .remirror-duotone-earth code[class*=language-]::-moz-selection,
1513
- .remirror-duotone-earth code[class*=language-] ::-moz-selection {
1514
- text-shadow: none;
1515
- background: #6f5849;
1516
- }
1517
- .remirror-duotone-earth pre[class*=language-]::selection,
1518
- .remirror-duotone-earth pre[class*=language-] ::selection,
1519
- .remirror-duotone-earth code[class*=language-]::selection,
1520
- .remirror-duotone-earth code[class*=language-] ::selection {
1521
- text-shadow: none;
1522
- background: #6f5849;
1523
- }
1524
- .remirror-duotone-earth pre[class*=language-] {
1525
- padding: 1em;
1526
- margin: 0.5em 0;
1527
- overflow: auto;
1528
- }
1529
- .remirror-duotone-earth :not(pre) > code[class*=language-] {
1530
- padding: 0.1em;
1531
- border-radius: 0.3em;
1532
- }
1533
- .remirror-duotone-earth .token.comment,
1534
- .remirror-duotone-earth .token.prolog,
1535
- .remirror-duotone-earth .token.doctype,
1536
- .remirror-duotone-earth .token.cdata {
1537
- color: #6a5f58;
1538
- }
1539
- .remirror-duotone-earth .token.punctuation,
1540
- .remirror-duotone-earth .token.punctuation.important {
1541
- color: #6a5f58;
1542
- }
1543
- .remirror-duotone-earth .token.namespace {
1544
- opacity: 0.7;
1545
- }
1546
- .remirror-duotone-earth .token.tag,
1547
- .remirror-duotone-earth .token.operator,
1548
- .remirror-duotone-earth .token.number {
1549
- color: #bfa05a;
1550
- }
1551
- .remirror-duotone-earth .token.property,
1552
- .remirror-duotone-earth .token.function {
1553
- color: #88786d;
1554
- }
1555
- .remirror-duotone-earth .token.tag-id,
1556
- .remirror-duotone-earth .token.selector,
1557
- .remirror-duotone-earth .token.atrule-id {
1558
- color: #fff3eb;
1559
- }
1560
- .remirror-duotone-earth code.language-javascript,
1561
- .remirror-duotone-earth .token.attr-name {
1562
- color: #a48774;
1563
- }
1564
- .remirror-duotone-earth code.language-css,
1565
- .remirror-duotone-earth code.language-scss,
1566
- .remirror-duotone-earth .token.boolean,
1567
- .remirror-duotone-earth .token.string,
1568
- .remirror-duotone-earth .token.entity,
1569
- .remirror-duotone-earth .token.url,
1570
- .remirror-duotone-earth .language-css .token.string,
1571
- .remirror-duotone-earth .language-scss .token.string,
1572
- .remirror-duotone-earth .style .token.string,
1573
- .remirror-duotone-earth .token.attr-value,
1574
- .remirror-duotone-earth .token.keyword,
1575
- .remirror-duotone-earth .token.control,
1576
- .remirror-duotone-earth .token.directive,
1577
- .remirror-duotone-earth .token.unit,
1578
- .remirror-duotone-earth .token.statement,
1579
- .remirror-duotone-earth .token.regex,
1580
- .remirror-duotone-earth .token.atrule {
1581
- color: #fcc440;
1582
- }
1583
- .remirror-duotone-earth .token.placeholder,
1584
- .remirror-duotone-earth .token.variable {
1585
- color: #fcc440;
1586
- }
1587
- .remirror-duotone-earth .token.deleted {
1588
- text-decoration: line-through;
1589
- }
1590
- .remirror-duotone-earth .token.inserted {
1591
- border-bottom: 1px dotted #fff3eb;
1592
- text-decoration: none;
1593
- }
1594
- .remirror-duotone-earth .token.italic {
1595
- font-style: italic;
1596
- }
1597
- .remirror-duotone-earth .token.important,
1598
- .remirror-duotone-earth .token.bold {
1599
- font-weight: bold;
1600
- }
1601
- .remirror-duotone-earth .token.important {
1602
- color: #a48774;
1603
- }
1604
- .remirror-duotone-earth .token.entity {
1605
- cursor: help;
1606
- }
1607
- .remirror-duotone-earth pre > code.highlight {
1608
- outline: 0.4em solid #816d5f;
1609
- outline-offset: 0.4em;
1610
- }
1611
- .remirror-duotone-earth .line-numbers .line-numbers-rows {
1612
- border-right-color: #35302b;
1613
- }
1614
- .remirror-duotone-earth .line-numbers-rows > span:before {
1615
- color: #46403d;
1616
- }
1617
- .remirror-duotone-earth .line-highlight {
1618
- background: rgba(191, 160, 90, 0.2);
1619
- background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
1620
- }
1621
- .remirror-duotone-forest code[class*=language-],
1622
- .remirror-duotone-forest pre[class*=language-] {
1623
- font-family:
1624
- Consolas,
1625
- Menlo,
1626
- Monaco,
1627
- "Andale Mono WT",
1628
- "Andale Mono",
1629
- "Lucida Console",
1630
- "Lucida Sans Typewriter",
1631
- "DejaVu Sans Mono",
1632
- "Bitstream Vera Sans Mono",
1633
- "Liberation Mono",
1634
- "Nimbus Mono L",
1635
- "Courier New",
1636
- Courier,
1637
- monospace;
1638
- font-size: 14px;
1639
- line-height: 1.375;
1640
- direction: ltr;
1641
- text-align: left;
1642
- white-space: pre;
1643
- word-spacing: normal;
1644
- word-break: normal;
1645
- -moz-tab-size: 4;
1646
- tab-size: 4;
1647
- -webkit-hyphens: none;
1648
- -ms-hyphens: none;
1649
- hyphens: none;
1650
- background: #2a2d2a;
1651
- color: #687d68;
1652
- }
1653
- .remirror-duotone-forest pre[class*=language-]::-moz-selection,
1654
- .remirror-duotone-forest pre[class*=language-] ::-moz-selection,
1655
- .remirror-duotone-forest code[class*=language-]::-moz-selection,
1656
- .remirror-duotone-forest code[class*=language-] ::-moz-selection {
1657
- text-shadow: none;
1658
- background: #435643;
1659
- }
1660
- .remirror-duotone-forest pre[class*=language-]::selection,
1661
- .remirror-duotone-forest pre[class*=language-] ::selection,
1662
- .remirror-duotone-forest code[class*=language-]::selection,
1663
- .remirror-duotone-forest code[class*=language-] ::selection {
1664
- text-shadow: none;
1665
- background: #435643;
1666
- }
1667
- .remirror-duotone-forest pre[class*=language-] {
1668
- padding: 1em;
1669
- margin: 0.5em 0;
1670
- overflow: auto;
1671
- }
1672
- .remirror-duotone-forest :not(pre) > code[class*=language-] {
1673
- padding: 0.1em;
1674
- border-radius: 0.3em;
1675
- }
1676
- .remirror-duotone-forest .token.comment,
1677
- .remirror-duotone-forest .token.prolog,
1678
- .remirror-duotone-forest .token.doctype,
1679
- .remirror-duotone-forest .token.cdata {
1680
- color: #535f53;
1681
- }
1682
- .remirror-duotone-forest .token.punctuation,
1683
- .remirror-duotone-forest .token.punctuation.important {
1684
- color: #535f53;
1685
- }
1686
- .remirror-duotone-forest .token.namespace {
1687
- opacity: 0.7;
1688
- }
1689
- .remirror-duotone-forest .token.tag,
1690
- .remirror-duotone-forest .token.operator,
1691
- .remirror-duotone-forest .token.number {
1692
- color: #a2b34d;
1693
- }
1694
- .remirror-duotone-forest .token.property,
1695
- .remirror-duotone-forest .token.function {
1696
- color: #687d68;
1697
- }
1698
- .remirror-duotone-forest .token.tag-id,
1699
- .remirror-duotone-forest .token.selector,
1700
- .remirror-duotone-forest .token.atrule-id {
1701
- color: #f0fff0;
1702
- }
1703
- .remirror-duotone-forest code.language-javascript,
1704
- .remirror-duotone-forest .token.attr-name {
1705
- color: #b3d6b3;
1706
- }
1707
- .remirror-duotone-forest code.language-css,
1708
- .remirror-duotone-forest code.language-scss,
1709
- .remirror-duotone-forest .token.boolean,
1710
- .remirror-duotone-forest .token.string,
1711
- .remirror-duotone-forest .token.entity,
1712
- .remirror-duotone-forest .token.url,
1713
- .remirror-duotone-forest .language-css .token.string,
1714
- .remirror-duotone-forest .language-scss .token.string,
1715
- .remirror-duotone-forest .style .token.string,
1716
- .remirror-duotone-forest .token.attr-value,
1717
- .remirror-duotone-forest .token.keyword,
1718
- .remirror-duotone-forest .token.control,
1719
- .remirror-duotone-forest .token.directive,
1720
- .remirror-duotone-forest .token.unit,
1721
- .remirror-duotone-forest .token.statement,
1722
- .remirror-duotone-forest .token.regex,
1723
- .remirror-duotone-forest .token.atrule {
1724
- color: #e5fb79;
1725
- }
1726
- .remirror-duotone-forest .token.placeholder,
1727
- .remirror-duotone-forest .token.variable {
1728
- color: #e5fb79;
1729
- }
1730
- .remirror-duotone-forest .token.deleted {
1731
- text-decoration: line-through;
1732
- }
1733
- .remirror-duotone-forest .token.inserted {
1734
- border-bottom: 1px dotted #f0fff0;
1735
- text-decoration: none;
1736
- }
1737
- .remirror-duotone-forest .token.italic {
1738
- font-style: italic;
1739
- }
1740
- .remirror-duotone-forest .token.important,
1741
- .remirror-duotone-forest .token.bold {
1742
- font-weight: bold;
1743
- }
1744
- .remirror-duotone-forest .token.important {
1745
- color: #b3d6b3;
1746
- }
1747
- .remirror-duotone-forest .token.entity {
1748
- cursor: help;
1749
- }
1750
- .remirror-duotone-forest pre > code.highlight {
1751
- outline: 0.4em solid #5c705c;
1752
- outline-offset: 0.4em;
1753
- }
1754
- .remirror-duotone-forest .line-numbers .line-numbers-rows {
1755
- border-right-color: #2c302c;
1756
- }
1757
- .remirror-duotone-forest .line-numbers-rows > span:before {
1758
- color: #3b423b;
1759
- }
1760
- .remirror-duotone-forest .line-highlight {
1761
- background: rgba(162, 179, 77, 0.2);
1762
- background: linear-gradient(to right, rgba(162, 179, 77, 0.2) 70%, rgba(162, 179, 77, 0));
1763
- }
1764
- .remirror-duotone-light code[class*=language-],
1765
- .remirror-duotone-light pre[class*=language-] {
1766
- font-family:
1767
- Consolas,
1768
- Menlo,
1769
- Monaco,
1770
- "Andale Mono WT",
1771
- "Andale Mono",
1772
- "Lucida Console",
1773
- "Lucida Sans Typewriter",
1774
- "DejaVu Sans Mono",
1775
- "Bitstream Vera Sans Mono",
1776
- "Liberation Mono",
1777
- "Nimbus Mono L",
1778
- "Courier New",
1779
- Courier,
1780
- monospace;
1781
- font-size: 14px;
1782
- line-height: 1.375;
1783
- direction: ltr;
1784
- text-align: left;
1785
- white-space: pre;
1786
- word-spacing: normal;
1787
- word-break: normal;
1788
- -moz-tab-size: 4;
1789
- tab-size: 4;
1790
- -webkit-hyphens: none;
1791
- -ms-hyphens: none;
1792
- hyphens: none;
1793
- background: #faf8f5;
1794
- color: #728fcb;
1795
- }
1796
- .remirror-duotone-light pre[class*=language-]::-moz-selection,
1797
- .remirror-duotone-light pre[class*=language-] ::-moz-selection,
1798
- .remirror-duotone-light code[class*=language-]::-moz-selection,
1799
- .remirror-duotone-light code[class*=language-] ::-moz-selection {
1800
- text-shadow: none;
1801
- background: #faf8f5;
1802
- }
1803
- .remirror-duotone-light pre[class*=language-]::selection,
1804
- .remirror-duotone-light pre[class*=language-] ::selection,
1805
- .remirror-duotone-light code[class*=language-]::selection,
1806
- .remirror-duotone-light code[class*=language-] ::selection {
1807
- text-shadow: none;
1808
- background: #faf8f5;
1809
- }
1810
- .remirror-duotone-light pre[class*=language-] {
1811
- padding: 1em;
1812
- margin: 0.5em 0;
1813
- overflow: auto;
1814
- }
1815
- .remirror-duotone-light :not(pre) > code[class*=language-] {
1816
- padding: 0.1em;
1817
- border-radius: 0.3em;
1818
- }
1819
- .remirror-duotone-light .token.comment,
1820
- .remirror-duotone-light .token.prolog,
1821
- .remirror-duotone-light .token.doctype,
1822
- .remirror-duotone-light .token.cdata {
1823
- color: #b6ad9a;
1824
- }
1825
- .remirror-duotone-light .token.punctuation,
1826
- .remirror-duotone-light .token.punctuation.important {
1827
- color: #b6ad9a;
1828
- }
1829
- .remirror-duotone-light .token.namespace {
1830
- opacity: 0.7;
1831
- }
1832
- .remirror-duotone-light .token.tag,
1833
- .remirror-duotone-light .token.operator,
1834
- .remirror-duotone-light .token.number {
1835
- color: #063289;
1836
- }
1837
- .remirror-duotone-light .token.property,
1838
- .remirror-duotone-light .token.function {
1839
- color: #b29762;
1840
- }
1841
- .remirror-duotone-light .token.tag-id,
1842
- .remirror-duotone-light .token.selector,
1843
- .remirror-duotone-light .token.atrule-id {
1844
- color: #2d2006;
1845
- }
1846
- .remirror-duotone-light code.language-javascript,
1847
- .remirror-duotone-light .token.attr-name {
1848
- color: #896724;
1849
- }
1850
- .remirror-duotone-light code.language-css,
1851
- .remirror-duotone-light code.language-scss,
1852
- .remirror-duotone-light .token.boolean,
1853
- .remirror-duotone-light .token.string,
1854
- .remirror-duotone-light .token.entity,
1855
- .remirror-duotone-light .token.url,
1856
- .remirror-duotone-light .language-css .token.string,
1857
- .remirror-duotone-light .language-scss .token.string,
1858
- .remirror-duotone-light .style .token.string,
1859
- .remirror-duotone-light .token.attr-value,
1860
- .remirror-duotone-light .token.keyword,
1861
- .remirror-duotone-light .token.control,
1862
- .remirror-duotone-light .token.directive,
1863
- .remirror-duotone-light .token.unit,
1864
- .remirror-duotone-light .token.statement,
1865
- .remirror-duotone-light .token.regex,
1866
- .remirror-duotone-light .token.atrule {
1867
- color: #728fcb;
1868
- }
1869
- .remirror-duotone-light .token.placeholder,
1870
- .remirror-duotone-light .token.variable {
1871
- color: #93abdc;
1872
- }
1873
- .remirror-duotone-light .token.deleted {
1874
- text-decoration: line-through;
1875
- }
1876
- .remirror-duotone-light .token.inserted {
1877
- border-bottom: 1px dotted #2d2006;
1878
- text-decoration: none;
1879
- }
1880
- .remirror-duotone-light .token.italic {
1881
- font-style: italic;
1882
- }
1883
- .remirror-duotone-light .token.important,
1884
- .remirror-duotone-light .token.bold {
1885
- font-weight: bold;
1886
- }
1887
- .remirror-duotone-light .token.important {
1888
- color: #896724;
1889
- }
1890
- .remirror-duotone-light .token.entity {
1891
- cursor: help;
1892
- }
1893
- .remirror-duotone-light pre > code.highlight {
1894
- outline: 0.4em solid #896724;
1895
- outline-offset: 0.4em;
1896
- }
1897
- .remirror-duotone-light .line-numbers .line-numbers-rows {
1898
- border-right-color: #ece8de;
1899
- }
1900
- .remirror-duotone-light .line-numbers-rows > span:before {
1901
- color: #cdc4b1;
1902
- }
1903
- .remirror-duotone-light .line-highlight {
1904
- background: rgba(45, 32, 6, 0.2);
1905
- background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
1906
- }
1907
- .remirror-duotone-sea code[class*=language-],
1908
- .remirror-duotone-sea pre[class*=language-] {
1909
- font-family:
1910
- Consolas,
1911
- Menlo,
1912
- Monaco,
1913
- "Andale Mono WT",
1914
- "Andale Mono",
1915
- "Lucida Console",
1916
- "Lucida Sans Typewriter",
1917
- "DejaVu Sans Mono",
1918
- "Bitstream Vera Sans Mono",
1919
- "Liberation Mono",
1920
- "Nimbus Mono L",
1921
- "Courier New",
1922
- Courier,
1923
- monospace;
1924
- font-size: 14px;
1925
- line-height: 1.375;
1926
- direction: ltr;
1927
- text-align: left;
1928
- white-space: pre;
1929
- word-spacing: normal;
1930
- word-break: normal;
1931
- -moz-tab-size: 4;
1932
- tab-size: 4;
1933
- -webkit-hyphens: none;
1934
- -ms-hyphens: none;
1935
- hyphens: none;
1936
- background: #1d262f;
1937
- color: #57718e;
1938
- }
1939
- .remirror-duotone-sea pre[class*=language-]::-moz-selection,
1940
- .remirror-duotone-sea pre[class*=language-] ::-moz-selection,
1941
- .remirror-duotone-sea code[class*=language-]::-moz-selection,
1942
- .remirror-duotone-sea code[class*=language-] ::-moz-selection {
1943
- text-shadow: none;
1944
- background: #004a9e;
1945
- }
1946
- .remirror-duotone-sea pre[class*=language-]::selection,
1947
- .remirror-duotone-sea pre[class*=language-] ::selection,
1948
- .remirror-duotone-sea code[class*=language-]::selection,
1949
- .remirror-duotone-sea code[class*=language-] ::selection {
1950
- text-shadow: none;
1951
- background: #004a9e;
1952
- }
1953
- .remirror-duotone-sea pre[class*=language-] {
1954
- padding: 1em;
1955
- margin: 0.5em 0;
1956
- overflow: auto;
1957
- }
1958
- .remirror-duotone-sea :not(pre) > code[class*=language-] {
1959
- padding: 0.1em;
1960
- border-radius: 0.3em;
1961
- }
1962
- .remirror-duotone-sea .token.comment,
1963
- .remirror-duotone-sea .token.prolog,
1964
- .remirror-duotone-sea .token.doctype,
1965
- .remirror-duotone-sea .token.cdata {
1966
- color: #4a5f78;
1967
- }
1968
- .remirror-duotone-sea .token.punctuation,
1969
- .remirror-duotone-sea .token.punctuation.important {
1970
- color: #4a5f78;
1971
- }
1972
- .remirror-duotone-sea .token.namespace {
1973
- opacity: 0.7;
1974
- }
1975
- .remirror-duotone-sea .token.tag,
1976
- .remirror-duotone-sea .token.operator,
1977
- .remirror-duotone-sea .token.number {
1978
- color: #0aa370;
1979
- }
1980
- .remirror-duotone-sea .token.property,
1981
- .remirror-duotone-sea .token.function {
1982
- color: #57718e;
1983
- }
1984
- .remirror-duotone-sea .token.tag-id,
1985
- .remirror-duotone-sea .token.selector,
1986
- .remirror-duotone-sea .token.atrule-id {
1987
- color: #ebf4ff;
1988
- }
1989
- .remirror-duotone-sea code.language-javascript,
1990
- .remirror-duotone-sea .token.attr-name {
1991
- color: #7eb6f6;
1992
- }
1993
- .remirror-duotone-sea code.language-css,
1994
- .remirror-duotone-sea code.language-scss,
1995
- .remirror-duotone-sea .token.boolean,
1996
- .remirror-duotone-sea .token.string,
1997
- .remirror-duotone-sea .token.entity,
1998
- .remirror-duotone-sea .token.url,
1999
- .remirror-duotone-sea .language-css .token.string,
2000
- .remirror-duotone-sea .language-scss .token.string,
2001
- .remirror-duotone-sea .style .token.string,
2002
- .remirror-duotone-sea .token.attr-value,
2003
- .remirror-duotone-sea .token.keyword,
2004
- .remirror-duotone-sea .token.control,
2005
- .remirror-duotone-sea .token.directive,
2006
- .remirror-duotone-sea .token.unit,
2007
- .remirror-duotone-sea .token.statement,
2008
- .remirror-duotone-sea .token.regex,
2009
- .remirror-duotone-sea .token.atrule {
2010
- color: #47ebb4;
2011
- }
2012
- .remirror-duotone-sea .token.placeholder,
2013
- .remirror-duotone-sea .token.variable {
2014
- color: #47ebb4;
2015
- }
2016
- .remirror-duotone-sea .token.deleted {
2017
- text-decoration: line-through;
2018
- }
2019
- .remirror-duotone-sea .token.inserted {
2020
- border-bottom: 1px dotted #ebf4ff;
2021
- text-decoration: none;
2022
- }
2023
- .remirror-duotone-sea .token.italic {
2024
- font-style: italic;
2025
- }
2026
- .remirror-duotone-sea .token.important,
2027
- .remirror-duotone-sea .token.bold {
2028
- font-weight: bold;
2029
- }
2030
- .remirror-duotone-sea .token.important {
2031
- color: #7eb6f6;
2032
- }
2033
- .remirror-duotone-sea .token.entity {
2034
- cursor: help;
2035
- }
2036
- .remirror-duotone-sea pre > code.highlight {
2037
- outline: 0.4em solid #34659d;
2038
- outline-offset: 0.4em;
2039
- }
2040
- .remirror-duotone-sea .line-numbers .line-numbers-rows {
2041
- border-right-color: #1f2932;
2042
- }
2043
- .remirror-duotone-sea .line-numbers-rows > span:before {
2044
- color: #2c3847;
2045
- }
2046
- .remirror-duotone-sea .line-highlight {
2047
- background: rgba(10, 163, 112, 0.2);
2048
- background: linear-gradient(to right, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0));
2049
- }
2050
- .remirror-duotone-space code[class*=language-],
2051
- .remirror-duotone-space pre[class*=language-] {
2052
- font-family:
2053
- Consolas,
2054
- Menlo,
2055
- Monaco,
2056
- "Andale Mono WT",
2057
- "Andale Mono",
2058
- "Lucida Console",
2059
- "Lucida Sans Typewriter",
2060
- "DejaVu Sans Mono",
2061
- "Bitstream Vera Sans Mono",
2062
- "Liberation Mono",
2063
- "Nimbus Mono L",
2064
- "Courier New",
2065
- Courier,
2066
- monospace;
2067
- font-size: 14px;
2068
- line-height: 1.375;
2069
- direction: ltr;
2070
- text-align: left;
2071
- white-space: pre;
2072
- word-spacing: normal;
2073
- word-break: normal;
2074
- -moz-tab-size: 4;
2075
- tab-size: 4;
2076
- -webkit-hyphens: none;
2077
- -ms-hyphens: none;
2078
- hyphens: none;
2079
- background: #24242e;
2080
- color: #767693;
2081
- }
2082
- .remirror-duotone-space pre[class*=language-]::-moz-selection,
2083
- .remirror-duotone-space pre[class*=language-] ::-moz-selection,
2084
- .remirror-duotone-space code[class*=language-]::-moz-selection,
2085
- .remirror-duotone-space code[class*=language-] ::-moz-selection {
2086
- text-shadow: none;
2087
- background: #5151e6;
2088
- }
2089
- .remirror-duotone-space pre[class*=language-]::selection,
2090
- .remirror-duotone-space pre[class*=language-] ::selection,
2091
- .remirror-duotone-space code[class*=language-]::selection,
2092
- .remirror-duotone-space code[class*=language-] ::selection {
2093
- text-shadow: none;
2094
- background: #5151e6;
2095
- }
2096
- .remirror-duotone-space pre[class*=language-] {
2097
- padding: 1em;
2098
- margin: 0.5em 0;
2099
- overflow: auto;
2100
- }
2101
- .remirror-duotone-space :not(pre) > code[class*=language-] {
2102
- padding: 0.1em;
2103
- border-radius: 0.3em;
2104
- }
2105
- .remirror-duotone-space .token.comment,
2106
- .remirror-duotone-space .token.prolog,
2107
- .remirror-duotone-space .token.doctype,
2108
- .remirror-duotone-space .token.cdata {
2109
- color: #5b5b76;
2110
- }
2111
- .remirror-duotone-space .token.punctuation,
2112
- .remirror-duotone-space .token.punctuation.important {
2113
- color: #5b5b76;
2114
- }
2115
- .remirror-duotone-space .token.namespace {
2116
- opacity: 0.7;
2117
- }
2118
- .remirror-duotone-space .token.tag,
2119
- .remirror-duotone-space .token.operator,
2120
- .remirror-duotone-space .token.number {
2121
- color: #dd672c;
2122
- }
2123
- .remirror-duotone-space .token.property,
2124
- .remirror-duotone-space .token.function {
2125
- color: #767693;
2126
- }
2127
- .remirror-duotone-space .token.tag-id,
2128
- .remirror-duotone-space .token.selector,
2129
- .remirror-duotone-space .token.atrule-id {
2130
- color: #ebebff;
2131
- }
2132
- .remirror-duotone-space code.language-javascript,
2133
- .remirror-duotone-space .token.attr-name {
2134
- color: #aaaaca;
2135
- }
2136
- .remirror-duotone-space code.language-css,
2137
- .remirror-duotone-space code.language-scss,
2138
- .remirror-duotone-space .token.boolean,
2139
- .remirror-duotone-space .token.string,
2140
- .remirror-duotone-space .token.entity,
2141
- .remirror-duotone-space .token.url,
2142
- .remirror-duotone-space .language-css .token.string,
2143
- .remirror-duotone-space .language-scss .token.string,
2144
- .remirror-duotone-space .style .token.string,
2145
- .remirror-duotone-space .token.attr-value,
2146
- .remirror-duotone-space .token.keyword,
2147
- .remirror-duotone-space .token.control,
2148
- .remirror-duotone-space .token.directive,
2149
- .remirror-duotone-space .token.unit,
2150
- .remirror-duotone-space .token.statement,
2151
- .remirror-duotone-space .token.regex,
2152
- .remirror-duotone-space .token.atrule {
2153
- color: #fe8c52;
2154
- }
2155
- .remirror-duotone-space .token.placeholder,
2156
- .remirror-duotone-space .token.variable {
2157
- color: #fe8c52;
2158
- }
2159
- .remirror-duotone-space .token.deleted {
2160
- text-decoration: line-through;
2161
- }
2162
- .remirror-duotone-space .token.inserted {
2163
- border-bottom: 1px dotted #ebebff;
2164
- text-decoration: none;
2165
- }
2166
- .remirror-duotone-space .token.italic {
2167
- font-style: italic;
2168
- }
2169
- .remirror-duotone-space .token.important,
2170
- .remirror-duotone-space .token.bold {
2171
- font-weight: bold;
2172
- }
2173
- .remirror-duotone-space .token.important {
2174
- color: #aaaaca;
2175
- }
2176
- .remirror-duotone-space .token.entity {
2177
- cursor: help;
2178
- }
2179
- .remirror-duotone-space pre > code.highlight {
2180
- outline: 0.4em solid #7676f4;
2181
- outline-offset: 0.4em;
2182
- }
2183
- .remirror-duotone-space .line-numbers .line-numbers-rows {
2184
- border-right-color: #262631;
2185
- }
2186
- .remirror-duotone-space .line-numbers-rows > span:before {
2187
- color: #393949;
2188
- }
2189
- .remirror-duotone-space .line-highlight {
2190
- background: rgba(221, 103, 44, 0.2);
2191
- background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
2192
- }
2193
- .remirror-gh-colors code[class*=language-],
2194
- .remirror-gh-colors pre[class*=language-] {
2195
- color: #393a34;
2196
- font-family:
2197
- "Consolas",
2198
- "Bitstream Vera Sans Mono",
2199
- "Courier New",
2200
- Courier,
2201
- monospace;
2202
- direction: ltr;
2203
- text-align: left;
2204
- white-space: pre;
2205
- word-spacing: normal;
2206
- word-break: normal;
2207
- font-size: 0.95em;
2208
- line-height: 1.2em;
2209
- -moz-tab-size: 4;
2210
- tab-size: 4;
2211
- -webkit-hyphens: none;
2212
- -ms-hyphens: none;
2213
- hyphens: none;
2214
- }
2215
- .remirror-gh-colors pre[class*=language-]::-moz-selection,
2216
- .remirror-gh-colors pre[class*=language-] ::-moz-selection,
2217
- .remirror-gh-colors code[class*=language-]::-moz-selection,
2218
- .remirror-gh-colors code[class*=language-] ::-moz-selection {
2219
- background: #b3d4fc;
2220
- }
2221
- .remirror-gh-colors pre[class*=language-]::selection,
2222
- .remirror-gh-colors pre[class*=language-] ::selection,
2223
- .remirror-gh-colors code[class*=language-]::selection,
2224
- .remirror-gh-colors code[class*=language-] ::selection {
2225
- background: #b3d4fc;
2226
- }
2227
- .remirror-gh-colors pre[class*=language-] {
2228
- padding: 1em;
2229
- margin: 0.5em 0;
2230
- overflow: auto;
2231
- border: 1px solid #dddddd;
2232
- background-color: white;
2233
- }
2234
- .remirror-gh-colors :not(pre) > code[class*=language-],
2235
- .remirror-gh-colors pre[class*=language-] {
2236
- }
2237
- .remirror-gh-colors :not(pre) > code[class*=language-] {
2238
- padding: 0.2em;
2239
- padding-top: 1px;
2240
- padding-bottom: 1px;
2241
- background: #f8f8f8;
2242
- border: 1px solid #dddddd;
2243
- }
2244
- .remirror-gh-colors .token.comment,
2245
- .remirror-gh-colors .token.prolog,
2246
- .remirror-gh-colors .token.doctype,
2247
- .remirror-gh-colors .token.cdata {
2248
- color: #999988;
2249
- font-style: italic;
2250
- }
2251
- .remirror-gh-colors .token.namespace {
2252
- opacity: 0.7;
2253
- }
2254
- .remirror-gh-colors .token.string,
2255
- .remirror-gh-colors .token.attr-value {
2256
- color: #e3116c;
2257
- }
2258
- .remirror-gh-colors .token.punctuation,
2259
- .remirror-gh-colors .token.operator {
2260
- color: #393a34;
2261
- }
2262
- .remirror-gh-colors .token.entity,
2263
- .remirror-gh-colors .token.url,
2264
- .remirror-gh-colors .token.symbol,
2265
- .remirror-gh-colors .token.number,
2266
- .remirror-gh-colors .token.boolean,
2267
- .remirror-gh-colors .token.variable,
2268
- .remirror-gh-colors .token.constant,
2269
- .remirror-gh-colors .token.property,
2270
- .remirror-gh-colors .token.regex,
2271
- .remirror-gh-colors .token.inserted {
2272
- color: #36acaa;
2273
- }
2274
- .remirror-gh-colors .token.atrule,
2275
- .remirror-gh-colors .token.keyword,
2276
- .remirror-gh-colors .token.attr-name,
2277
- .remirror-gh-colors .language-autohotkey .token.selector {
2278
- color: #00a4db;
2279
- }
2280
- .remirror-gh-colors .token.function,
2281
- .remirror-gh-colors .token.deleted,
2282
- .remirror-gh-colors .language-autohotkey .token.tag {
2283
- color: #9a050f;
2284
- }
2285
- .remirror-gh-colors .token.tag,
2286
- .remirror-gh-colors .token.selector,
2287
- .remirror-gh-colors .language-autohotkey .token.keyword {
2288
- color: #00009f;
2289
- }
2290
- .remirror-gh-colors .token.important,
2291
- .remirror-gh-colors .token.function,
2292
- .remirror-gh-colors .token.bold {
2293
- font-weight: bold;
2294
- }
2295
- .remirror-gh-colors .token.italic {
2296
- font-style: italic;
2297
- }
2298
- .remirror-hopscotch code[class*=language-],
2299
- .remirror-hopscotch pre[class*=language-] {
2300
- color: #ffffff;
2301
- font-family:
2302
- "Fira Mono",
2303
- Menlo,
2304
- Monaco,
2305
- "Lucida Console",
2306
- "Courier New",
2307
- Courier,
2308
- monospace;
2309
- font-size: 16px;
2310
- line-height: 1.375;
2311
- direction: ltr;
2312
- text-align: left;
2313
- word-spacing: normal;
2314
- -moz-tab-size: 4;
2315
- tab-size: 4;
2316
- -webkit-hyphens: none;
2317
- -ms-hyphens: none;
2318
- hyphens: none;
2319
- white-space: pre;
2320
- white-space: pre-wrap;
2321
- word-break: break-all;
2322
- word-wrap: break-word;
2323
- background: #322931;
2324
- color: #b9b5b8;
2325
- }
2326
- .remirror-hopscotch pre[class*=language-] {
2327
- padding: 1em;
2328
- margin: 0.5em 0;
2329
- overflow: auto;
2330
- }
2331
- .remirror-hopscotch :not(pre) > code[class*=language-] {
2332
- padding: 0.1em;
2333
- border-radius: 0.3em;
2334
- }
2335
- .remirror-hopscotch .token.comment,
2336
- .remirror-hopscotch .token.prolog,
2337
- .remirror-hopscotch .token.doctype,
2338
- .remirror-hopscotch .token.cdata {
2339
- color: #797379;
2340
- }
2341
- .remirror-hopscotch .token.punctuation,
2342
- .remirror-hopscotch .token.punctuation.important {
2343
- color: #b9b5b8;
2344
- }
2345
- .remirror-hopscotch .namespace {
2346
- opacity: 0.7;
2347
- }
2348
- .remirror-hopscotch .token.null,
2349
- .remirror-hopscotch .token.operator,
2350
- .remirror-hopscotch .token.boolean,
2351
- .remirror-hopscotch .token.number {
2352
- color: #fd8b19;
2353
- }
2354
- .remirror-hopscotch .token.property {
2355
- color: #fdcc59;
2356
- }
2357
- .remirror-hopscotch .token.tag {
2358
- color: #1290bf;
2359
- }
2360
- .remirror-hopscotch .token.string {
2361
- color: #149b93;
2362
- }
2363
- .remirror-hopscotch .token.selector {
2364
- color: #c85e7c;
2365
- }
2366
- .remirror-hopscotch .token.attr-name {
2367
- color: #fd8b19;
2368
- }
2369
- .remirror-hopscotch .token.entity,
2370
- .remirror-hopscotch .token.url,
2371
- .remirror-hopscotch .language-css .token.string,
2372
- .remirror-hopscotch .style .token.string {
2373
- color: #149b93;
2374
- }
2375
- .remirror-hopscotch .token.attr-value,
2376
- .remirror-hopscotch .token.keyword,
2377
- .remirror-hopscotch .token.control,
2378
- .remirror-hopscotch .token.directive,
2379
- .remirror-hopscotch .token.unit {
2380
- color: #8fc13e;
2381
- }
2382
- .remirror-hopscotch .token.statement,
2383
- .remirror-hopscotch .token.regex,
2384
- .remirror-hopscotch .token.atrule {
2385
- color: #149b93;
2386
- }
2387
- .remirror-hopscotch .token.placeholder,
2388
- .remirror-hopscotch .token.variable {
2389
- color: #1290bf;
2390
- }
2391
- .remirror-hopscotch .token.important {
2392
- color: #dd464c;
2393
- font-weight: bold;
2394
- }
2395
- .remirror-hopscotch .token.entity {
2396
- cursor: help;
2397
- }
2398
- .remirror-hopscotch pre > code.highlight {
2399
- outline: 0.4em solid red;
2400
- outline-offset: 0.4em;
2401
- }
2402
- .remirror-pojoaque code[class*=language-],
2403
- .remirror-pojoaque pre[class*=language-] {
2404
- -moz-tab-size: 4;
2405
- tab-size: 4;
2406
- -webkit-hyphens: none;
2407
- -ms-hyphens: none;
2408
- hyphens: none;
2409
- white-space: pre;
2410
- white-space: pre-wrap;
2411
- word-break: break-all;
2412
- word-wrap: break-word;
2413
- font-family:
2414
- Menlo,
2415
- Monaco,
2416
- "Courier New",
2417
- monospace;
2418
- font-size: 15px;
2419
- line-height: 1.5;
2420
- color: #dccf8f;
2421
- text-shadow: 0;
2422
- }
2423
- .remirror-pojoaque pre[class*=language-],
2424
- .remirror-pojoaque :not(pre) > code[class*=language-] {
2425
- border-radius: 5px;
2426
- border: 1px solid #000;
2427
- color: #dccf8f;
2428
- 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;
2429
- }
2430
- .remirror-pojoaque pre[class*=language-] {
2431
- padding: 12px;
2432
- overflow: auto;
2433
- }
2434
- .remirror-pojoaque :not(pre) > code[class*=language-] {
2435
- padding: 2px 6px;
2436
- }
2437
- .remirror-pojoaque .token.namespace {
2438
- opacity: 0.7;
2439
- }
2440
- .remirror-pojoaque .token.comment,
2441
- .remirror-pojoaque .token.prolog,
2442
- .remirror-pojoaque .token.doctype,
2443
- .remirror-pojoaque .token.cdata {
2444
- color: #586e75;
2445
- font-style: italic;
2446
- }
2447
- .remirror-pojoaque .token.number,
2448
- .remirror-pojoaque .token.string,
2449
- .remirror-pojoaque .token.char,
2450
- .remirror-pojoaque .token.builtin,
2451
- .remirror-pojoaque .token.inserted {
2452
- color: #468966;
2453
- }
2454
- .remirror-pojoaque .token.attr-name {
2455
- color: #b89859;
2456
- }
2457
- .remirror-pojoaque .token.operator,
2458
- .remirror-pojoaque .token.entity,
2459
- .remirror-pojoaque .token.url,
2460
- .remirror-pojoaque .language-css .token.string,
2461
- .remirror-pojoaque .style .token.string {
2462
- color: #dccf8f;
2463
- }
2464
- .remirror-pojoaque .token.selector,
2465
- .remirror-pojoaque .token.regex {
2466
- color: #859900;
2467
- }
2468
- .remirror-pojoaque .token.atrule,
2469
- .remirror-pojoaque .token.keyword {
2470
- color: #cb4b16;
2471
- }
2472
- .remirror-pojoaque .token.attr-value {
2473
- color: #468966;
2474
- }
2475
- .remirror-pojoaque .token.function,
2476
- .remirror-pojoaque .token.variable,
2477
- .remirror-pojoaque .token.placeholder {
2478
- color: #b58900;
2479
- }
2480
- .remirror-pojoaque .token.property,
2481
- .remirror-pojoaque .token.tag,
2482
- .remirror-pojoaque .token.boolean,
2483
- .remirror-pojoaque .token.number,
2484
- .remirror-pojoaque .token.constant,
2485
- .remirror-pojoaque .token.symbol {
2486
- color: #b89859;
2487
- }
2488
- .remirror-pojoaque .token.tag {
2489
- color: #ffb03b;
2490
- }
2491
- .remirror-pojoaque .token.important,
2492
- .remirror-pojoaque .token.statement,
2493
- .remirror-pojoaque .token.deleted {
2494
- color: #dc322f;
2495
- }
2496
- .remirror-pojoaque .token.punctuation,
2497
- .remirror-pojoaque .token.punctuation.important {
2498
- color: #dccf8f;
2499
- }
2500
- .remirror-pojoaque .token.entity {
2501
- cursor: help;
2502
- }
2503
- .remirror-pojoaque .token.bold {
2504
- font-weight: bold;
2505
- }
2506
- .remirror-pojoaque .token.italic {
2507
- font-style: italic;
2508
- }
2509
- .remirror-vs code[class*=language-],
2510
- .remirror-vs pre[class*=language-] {
2511
- color: #393a34;
2512
- font-family:
2513
- "Consolas",
2514
- "Bitstream Vera Sans Mono",
2515
- "Courier New",
2516
- Courier,
2517
- monospace;
2518
- direction: ltr;
2519
- text-align: left;
2520
- white-space: pre;
2521
- word-spacing: normal;
2522
- word-break: normal;
2523
- font-size: 0.95em;
2524
- line-height: 1.2em;
2525
- -moz-tab-size: 4;
2526
- tab-size: 4;
2527
- -webkit-hyphens: none;
2528
- -ms-hyphens: none;
2529
- hyphens: none;
2530
- }
2531
- .remirror-vs pre[class*=language-]::-moz-selection,
2532
- .remirror-vs pre[class*=language-] ::-moz-selection,
2533
- .remirror-vs code[class*=language-]::-moz-selection,
2534
- .remirror-vs code[class*=language-] ::-moz-selection {
2535
- background: #c1def1;
2536
- }
2537
- .remirror-vs pre[class*=language-]::selection,
2538
- .remirror-vs pre[class*=language-] ::selection,
2539
- .remirror-vs code[class*=language-]::selection,
2540
- .remirror-vs code[class*=language-] ::selection {
2541
- background: #c1def1;
2542
- }
2543
- .remirror-vs pre[class*=language-] {
2544
- padding: 1em;
2545
- margin: 0.5em 0;
2546
- overflow: auto;
2547
- border: 1px solid #dddddd;
2548
- background-color: white;
2549
- }
2550
- .remirror-vs :not(pre) > code[class*=language-] {
2551
- padding: 0.2em;
2552
- padding-top: 1px;
2553
- padding-bottom: 1px;
2554
- background: #f8f8f8;
2555
- border: 1px solid #dddddd;
2556
- }
2557
- .remirror-vs .token.comment,
2558
- .remirror-vs .token.prolog,
2559
- .remirror-vs .token.doctype,
2560
- .remirror-vs .token.cdata {
2561
- color: #008000;
2562
- font-style: italic;
2563
- }
2564
- .remirror-vs .token.namespace {
2565
- opacity: 0.7;
2566
- }
2567
- .remirror-vs .token.string {
2568
- color: #a31515;
2569
- }
2570
- .remirror-vs .token.punctuation,
2571
- .remirror-vs .token.operator {
2572
- color: #393a34;
2573
- }
2574
- .remirror-vs .token.url,
2575
- .remirror-vs .token.symbol,
2576
- .remirror-vs .token.number,
2577
- .remirror-vs .token.boolean,
2578
- .remirror-vs .token.variable,
2579
- .remirror-vs .token.constant,
2580
- .remirror-vs .token.inserted {
2581
- color: #36acaa;
2582
- }
2583
- .remirror-vs .token.atrule,
2584
- .remirror-vs .token.keyword,
2585
- .remirror-vs .token.attr-value,
2586
- .remirror-vs .language-autohotkey .token.selector,
2587
- .remirror-vs .language-json .token.boolean,
2588
- .remirror-vs .language-json .token.number,
2589
- .remirror-vs code[class*=language-css] {
2590
- color: #0000ff;
2591
- }
2592
- .remirror-vs .token.function {
2593
- color: #393a34;
2594
- }
2595
- .remirror-vs .token.deleted,
2596
- .remirror-vs .language-autohotkey .token.tag {
2597
- color: #9a050f;
2598
- }
2599
- .remirror-vs .token.selector,
2600
- .remirror-vs .language-autohotkey .token.keyword {
2601
- color: #00009f;
2602
- }
2603
- .remirror-vs .token.important,
2604
- .remirror-vs .token.bold {
2605
- font-weight: bold;
2606
- }
2607
- .remirror-vs .token.italic {
2608
- font-style: italic;
2609
- }
2610
- .remirror-vs .token.class-name,
2611
- .remirror-vs .language-json .token.property {
2612
- color: #2b91af;
2613
- }
2614
- .remirror-vs .token.tag,
2615
- .remirror-vs .token.selector {
2616
- color: #800000;
2617
- }
2618
- .remirror-vs .token.attr-name,
2619
- .remirror-vs .token.property,
2620
- .remirror-vs .token.regex,
2621
- .remirror-vs .token.entity {
2622
- color: #ff0000;
2623
- }
2624
- .remirror-vs .token.directive.tag .tag {
2625
- background: #ffff00;
2626
- color: #393a34;
2627
- }
2628
- .remirror-vs .line-numbers .line-numbers-rows {
2629
- border-right-color: #a5a5a5;
2630
- }
2631
- .remirror-vs .line-numbers-rows > span:before {
2632
- color: #2b91af;
2633
- }
2634
- .remirror-vs .line-highlight {
2635
- background: rgba(193, 222, 241, 0.2);
2636
- background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
2637
- }
2638
- .remirror-xonokai code[class*=language-],
2639
- .remirror-xonokai pre[class*=language-] {
2640
- -moz-tab-size: 2;
2641
- tab-size: 2;
2642
- -webkit-hyphens: none;
2643
- -ms-hyphens: none;
2644
- hyphens: none;
2645
- white-space: pre;
2646
- white-space: pre-wrap;
2647
- word-wrap: normal;
2648
- font-family:
2649
- Menlo,
2650
- Monaco,
2651
- "Courier New",
2652
- monospace;
2653
- font-size: 14px;
2654
- color: #76d9e6;
2655
- text-shadow: none;
2656
- }
2657
- .remirror-xonokai pre[class*=language-],
2658
- .remirror-xonokai :not(pre) > code[class*=language-] {
2659
- background: #2a2a2a;
2660
- }
2661
- .remirror-xonokai pre[class*=language-] {
2662
- padding: 15px;
2663
- border-radius: 4px;
2664
- border: 1px solid #e1e1e8;
2665
- overflow: auto;
2666
- position: relative;
2667
- }
2668
- .remirror-xonokai pre[class*=language-] code {
2669
- white-space: pre;
2670
- display: block;
2671
- }
2672
- .remirror-xonokai :not(pre) > code[class*=language-] {
2673
- padding: 0.15em 0.2em 0.05em;
2674
- border-radius: 0.3em;
2675
- border: 0.13em solid #7a6652;
2676
- box-shadow: 1px 1px 0.3em -0.1em #000 inset;
2677
- }
2678
- .remirror-xonokai .token.namespace {
2679
- opacity: 0.7;
2680
- }
2681
- .remirror-xonokai .token.comment,
2682
- .remirror-xonokai .token.prolog,
2683
- .remirror-xonokai .token.doctype,
2684
- .remirror-xonokai .token.cdata {
2685
- color: #6f705e;
2686
- }
2687
- .remirror-xonokai .token.operator,
2688
- .remirror-xonokai .token.boolean,
2689
- .remirror-xonokai .token.number {
2690
- color: #a77afe;
2691
- }
2692
- .remirror-xonokai .token.attr-name,
2693
- .remirror-xonokai .token.string {
2694
- color: #e6d06c;
2695
- }
2696
- .remirror-xonokai .token.entity,
2697
- .remirror-xonokai .token.url,
2698
- .remirror-xonokai .language-css .token.string,
2699
- .remirror-xonokai .style .token.string {
2700
- color: #e6d06c;
2701
- }
2702
- .remirror-xonokai .token.selector,
2703
- .remirror-xonokai .token.inserted {
2704
- color: #a6e22d;
2705
- }
2706
- .remirror-xonokai .token.atrule,
2707
- .remirror-xonokai .token.attr-value,
2708
- .remirror-xonokai .token.keyword,
2709
- .remirror-xonokai .token.important,
2710
- .remirror-xonokai .token.deleted {
2711
- color: #ef3b7d;
2712
- }
2713
- .remirror-xonokai .token.regex,
2714
- .remirror-xonokai .token.statement {
2715
- color: #76d9e6;
2716
- }
2717
- .remirror-xonokai .token.placeholder,
2718
- .remirror-xonokai .token.variable {
2719
- color: #fff;
2720
- }
2721
- .remirror-xonokai .token.important,
2722
- .remirror-xonokai .token.statement,
2723
- .remirror-xonokai .token.bold {
2724
- font-weight: bold;
2725
- }
2726
- .remirror-xonokai .token.punctuation,
2727
- .remirror-xonokai .token.punctuation.important {
2728
- color: #bebec5;
2729
- }
2730
- .remirror-xonokai .token.entity {
2731
- cursor: help;
2732
- }
2733
- .remirror-xonokai .token.italic {
2734
- font-style: italic;
2735
- }
2736
- .remirror-xonokai code.language-markup {
2737
- color: #f9f9f9;
2738
- }
2739
- .remirror-xonokai code.language-markup .token.tag {
2740
- color: #ef3b7d;
2741
- }
2742
- .remirror-xonokai code.language-markup .token.attr-name {
2743
- color: #a6e22d;
2744
- }
2745
- .remirror-xonokai code.language-markup .token.attr-value {
2746
- color: #e6d06c;
2747
- }
2748
- .remirror-xonokai code.language-markup .token.style,
2749
- .remirror-xonokai code.language-markup .token.script {
2750
- color: #76d9e6;
2751
- }
2752
- .remirror-xonokai code.language-markup .token.script .token.keyword {
2753
- color: #76d9e6;
2754
- }
2755
- .remirror-xonokai pre[class*=language-][data-line] {
2756
- position: relative;
2757
- padding: 1em 0 1em 3em;
2758
- }
2759
- .remirror-xonokai pre[data-line] .line-highlight {
2760
- position: absolute;
2761
- left: 0;
2762
- right: 0;
2763
- padding: 0;
2764
- margin-top: 1em;
2765
- background: rgba(255, 255, 255, 0.08);
2766
- pointer-events: none;
2767
- line-height: inherit;
2768
- white-space: pre;
2769
- }
2770
- .remirror-xonokai pre[data-line] .line-highlight:before,
2771
- .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
2772
- content: attr(data-start);
2773
- position: absolute;
2774
- top: 0.4em;
2775
- left: 0.6em;
2776
- min-width: 1em;
2777
- padding: 0.2em 0.5em;
2778
- background-color: rgba(255, 255, 255, 0.4);
2779
- color: black;
2780
- font: bold 65%/1 sans-serif;
2781
- height: 1em;
2782
- line-height: 1em;
2783
- text-align: center;
2784
- border-radius: 999px;
2785
- text-shadow: none;
2786
- box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
2787
- }
2788
- .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
2789
- content: attr(data-end);
2790
- top: auto;
2791
- bottom: 0.4em;
2792
- }
2793
- .remirror-editor span.remirror-max-count-exceeded {
2794
- background-color: var(--rmr-hue-red-4);
2795
- }
2796
- .remirror-emoji-image {
2797
- object-fit: contain;
2798
- width: 1.375em;
2799
- height: 1.375em;
2800
- vertical-align: bottom;
2801
- }
2802
- .remirror-emoji-wrapper {
2803
- text-indent: -99999px;
2804
- }
2805
- .remirror-emoji-popup-item {
2806
- padding: 8px;
2807
- text-overflow: ellipsis;
2808
- max-width: 250px;
2809
- width: 250px;
2810
- overflow: hidden;
2811
- white-space: nowrap;
2812
- color: white;
2813
- }
2814
- .remirror-emoji-popup-hovered {
2815
- background-color: var(--rmr-hue-gray-2);
2816
- }
2817
- .remirror-emoji-popup-highlight {
2818
- background-color: var(--rmr-hue-gray-3);
2819
- }
2820
- .remirror-emoji-popup-wrapper {
2821
- position: absolute;
2822
- width: -webkit-max-content;
2823
- width: -moz-max-content;
2824
- width: max-content;
2825
- padding-top: 8px;
2826
- padding-bottom: 8px;
2827
- margin: 0 auto;
2828
- border-radius: 8px;
2829
- box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
2830
- background-color: white;
2831
- z-index: 10;
2832
- max-height: 250px;
2833
- overflow-y: scroll;
2834
- }
2835
- .remirror-emoji-popup-name {
2836
- color: rgb(121, 129, 134);
2837
- }
2838
- .remirror-emoji-popup-char {
2839
- font-size: 1.25em;
2840
- padding-right: 5px;
2841
- }
2842
- .remirror-file-root {
2843
- border-radius: 4px;
2844
- padding: 8px 12px;
2845
- background-color: #e8ecf1;
2846
- color: #000;
2847
- margin: 8px auto;
2848
- min-height: 32px;
2849
- width: 100%;
2850
- max-width: 600px;
2851
- display: flex;
2852
- align-items: center;
2853
- }
2854
- .remirror-file-name {
2855
- font-size: 1rem;
2856
- margin-left: 8px;
2857
- white-space: nowrap;
2858
- overflow: hidden;
2859
- text-overflow: ellipsis;
2860
- }
2861
- .remirror-file-size {
2862
- font-size: 0.8rem;
2863
- margin-left: 8px;
2864
- color: gray;
2865
- white-space: nowrap;
2866
- }
2867
- .remirror-file-upload-progress {
2868
- font-size: 0.8rem;
2869
- margin-left: 8px;
2870
- margin-right: 8px;
2871
- color: gray;
2872
- font-family:
2873
- Menlo,
2874
- Monaco,
2875
- "Courier New",
2876
- monospace;
2877
- }
2878
- .remirror-file-error {
2879
- font-size: 0.8rem;
2880
- color: red;
2881
- }
2882
- .remirror-file-icon-button {
2883
- display: flex;
2884
- justify-content: center;
2885
- align-items: center;
2886
- color: #000;
2887
- }
2888
- .remirror-editor.ProseMirror .ProseMirror-gapcursor {
2889
- display: none;
2890
- pointer-events: none;
2891
- position: absolute;
2892
- }
2893
- .remirror-editor.ProseMirror .ProseMirror-gapcursor:after {
2894
- content: "";
2895
- display: block;
2896
- position: absolute;
2897
- top: -2px;
2898
- width: 20px;
2899
- border-top: 1px solid black;
2900
- -webkit-animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
2901
- animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
2902
- }
2903
- @-webkit-keyframes ProseMirror-cursor-blink {
2904
- to {
2905
- visibility: hidden;
2906
- }
2907
- }
2908
- @keyframes ProseMirror-cursor-blink {
2909
- to {
2910
- visibility: hidden;
2911
- }
2912
- }
2913
- .remirror-editor.ProseMirror .ProseMirror-focused .ProseMirror-gapcursor,
2914
- .remirror-editor.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
2915
- display: block;
2916
- }
2917
- .remirror-image-loader {
2918
- border: 16px solid #f3f3f3;
2919
- border-radius: 50%;
2920
- border-top: 16px solid #3498db;
2921
- width: 120px;
2922
- height: 120px;
2923
- -webkit-animation: spin 2s linear infinite;
2924
- animation: spin 2s linear infinite;
2925
- }
2926
- @-webkit-keyframes spin {
2927
- 0% {
2928
- transform: rotate(0deg);
2929
- }
2930
- 100% {
2931
- transform: rotate(360deg);
2932
- }
2933
- }
2934
- @keyframes spin {
2935
- 0% {
2936
- transform: rotate(0deg);
2937
- }
2938
- 100% {
2939
- transform: rotate(360deg);
2940
- }
2941
- }
2942
- .remirror-editor ol > li > .remirror-list-item-marker-container {
2943
- display: none;
2944
- }
2945
- .remirror-editor ul > li.remirror-list-item-with-custom-mark {
2946
- list-style: none;
2947
- }
2948
- .remirror-editor .remirror-ul-list-content > li.remirror-list-item-with-custom-mark {
2949
- list-style: none;
2950
- }
2951
- .remirror-editor ul ul + ul {
2952
- -webkit-margin-before: 1em;
2953
- margin-block-start: 1em;
2954
- }
2955
- .remirror-list-item-marker-container {
2956
- position: absolute;
2957
- left: -32px;
2958
- width: 24px;
2959
- display: inline-block;
2960
- text-align: center;
2961
- -webkit-user-select: none;
2962
- -moz-user-select: none;
2963
- -ms-user-select: none;
2964
- user-select: none;
2965
- }
2966
- .remirror-list-item-checkbox {
2967
- -webkit-filter: hue-rotate(60deg);
2968
- filter: hue-rotate(60deg);
2969
- }
2970
- .remirror-collapsible-list-item-closed li {
2971
- display: none;
2972
- }
2973
- .remirror-collapsible-list-item-closed .remirror-collapsible-list-item-button {
2974
- background-color: var(--rmr-hue-gray-6);
2975
- }
2976
- .remirror-collapsible-list-item-button {
2977
- width: 8px;
2978
- height: 8px;
2979
- border-radius: 50%;
2980
- cursor: pointer;
2981
- display: inline-block;
2982
- vertical-align: middle;
2983
- -webkit-user-select: none;
2984
- -moz-user-select: none;
2985
- -ms-user-select: none;
2986
- user-select: none;
2987
- transition: background-color 0.25s ease;
2988
- background-color: var(--rmr-color-border);
2989
- }
2990
- .remirror-collapsible-list-item-button:hover {
2991
- background-color: var(--rmr-color-primary);
2992
- }
2993
- .remirror-collapsible-list-item-button.disabled,
2994
- .remirror-collapsible-list-item-button.disabled:hover {
2995
- background-color: var(--rmr-color-border);
2996
- cursor: default;
2997
- }
2998
- .remirror-list-spine {
2999
- position: absolute;
3000
- top: 4px;
3001
- bottom: 0px;
3002
- left: -20px;
3003
- width: 16px;
3004
- cursor: pointer;
3005
- -webkit-user-select: none;
3006
- -moz-user-select: none;
3007
- -ms-user-select: none;
3008
- user-select: none;
3009
- transition: border-left-color 0.25s ease;
3010
- border-left-color: var(--rmr-color-border);
3011
- border-left-style: solid;
3012
- border-left-width: 1px;
3013
- }
3014
- .remirror-list-spine:hover {
3015
- border-left-color: var(--rmr-color-primary);
3016
- }
3017
- .remirror-mention-atom {
3018
- background: var(--rmr-hue-gray-2);
3019
- font-weight: bold;
3020
- font-size: 0.9em;
3021
- font-style: normal;
3022
- border-radius: var(--rmr-radius-border);
3023
- padding: 0.2rem 0.5rem;
3024
- white-space: nowrap;
3025
- color: var(--rmr-color-primary);
3026
- }
3027
- .remirror-suggest-atom {
3028
- color: rgba(0, 0, 0, 0.6);
3029
- }
3030
- .remirror-mention-atom-popup-item {
3031
- padding: 8px;
3032
- text-overflow: ellipsis;
3033
- max-width: 250px;
3034
- width: 250px;
3035
- overflow: hidden;
3036
- white-space: nowrap;
3037
- color: white;
3038
- }
3039
- .remirror-mention-atom-popup-hovered {
3040
- background-color: var(--rmr-hue-gray-2);
3041
- }
3042
- .remirror-mention-atom-popup-highlight {
3043
- background-color: var(--rmr-hue-gray-3);
3044
- }
3045
- .remirror-mention-atom-popup-wrapper {
3046
- width: -webkit-max-content;
3047
- width: -moz-max-content;
3048
- width: max-content;
3049
- padding-top: 8px;
3050
- padding-bottom: 8px;
3051
- margin: 0 auto;
3052
- border-radius: 8px;
3053
- box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
3054
- background-color: white;
3055
- z-index: 10;
3056
- max-height: 250px;
3057
- overflow-y: scroll;
3058
- }
3059
- .remirror-mention-atom-popup-name {
3060
- color: rgb(121, 129, 134);
3061
- }
3062
- .remirror-mention-atom-zero-items {
3063
- color: rgb(121, 129, 134);
3064
- }
3065
- .remirror-mention-atom-popup-char {
3066
- font-size: 1.25em;
3067
- padding-right: 5px;
3068
- }
3069
- .remirror-editor.ProseMirror {
3070
- }
3071
- .remirror-is-empty:first-of-type::before {
3072
- position: absolute;
3073
- color: #aaa;
3074
- pointer-events: none;
3075
- height: 0;
3076
- font-style: italic;
3077
- content: attr(data-placeholder);
3078
- }
3079
- .remirror-editor.ProseMirror {
3080
- position: relative;
3081
- }
3082
- .remirror-positioner {
3083
- position: absolute;
3084
- min-width: 1px;
3085
- min-height: 1px;
3086
- pointer-events: none;
3087
- -webkit-user-select: none;
3088
- -moz-user-select: none;
3089
- -ms-user-select: none;
3090
- user-select: none;
3091
- cursor: none;
3092
- z-index: -1;
3093
- }
3094
- .remirror-positioner-widget {
3095
- width: 0;
3096
- height: 0;
3097
- position: absolute;
3098
- }
3099
- .remirror-editor.ProseMirror {
3100
- }
3101
- .remirror-editor.ProseMirror .tableWrapper {
3102
- overflow-x: auto;
3103
- }
3104
- .remirror-editor.ProseMirror table {
3105
- border-collapse: collapse;
3106
- table-layout: fixed;
3107
- width: 100%;
3108
- overflow: hidden;
3109
- }
3110
- .remirror-editor.ProseMirror td,
3111
- .remirror-editor.ProseMirror th {
3112
- vertical-align: top;
3113
- box-sizing: border-box;
3114
- position: relative;
3115
- border-width: 1px;
3116
- border-style: solid;
3117
- border-color: var(--rmr-color-table-default-border);
3118
- }
3119
- .remirror-editor.ProseMirror .column-resize-handle {
3120
- position: absolute;
3121
- right: -2px;
3122
- top: 0;
3123
- bottom: 0;
3124
- width: 4px;
3125
- z-index: 40;
3126
- background-color: var(--rmr-hue-blue-7);
3127
- pointer-events: none;
3128
- }
3129
- .remirror-editor.ProseMirror.resize-cursor {
3130
- cursor: ew-resize;
3131
- cursor: col-resize;
3132
- }
3133
- .remirror-editor.ProseMirror th.selectedCell,
3134
- .remirror-editor.ProseMirror td.selectedCell {
3135
- border-style: double;
3136
- border-color: var(--rmr-color-table-selected-border);
3137
- background-color: var(--rmr-color-table-selected-cell);
3138
- }
3139
- .remirror-table-colgroup > col:first-of-type {
3140
- width: 13px;
3141
- overflow: visible;
3142
- }
3143
- .remirror-controllers-toggle {
3144
- visibility: hidden;
3145
- }
3146
- .remirror-table-show-controllers .remirror-controllers-toggle {
3147
- visibility: visible;
3148
- }
3149
- .remirror-table-insert-button {
3150
- position: absolute;
3151
- width: 18px;
3152
- height: 18px;
3153
- z-index: 25;
3154
- cursor: pointer;
3155
- border-radius: 4px;
3156
- transition: background-color 150ms ease;
3157
- background-color: #dcdcdc;
3158
- }
3159
- .remirror-table-insert-button svg {
3160
- fill: #ffffff;
3161
- }
3162
- .remirror-table-insert-button:hover {
3163
- background-color: #136bda;
3164
- }
3165
- .remirror-table-insert-button:hover svg {
3166
- fill: #ffffff;
3167
- }
3168
- .remirror-table-delete-inner-button {
3169
- border: none;
3170
- padding: 0;
3171
- width: 18px;
3172
- height: 18px;
3173
- position: absolute;
3174
- z-index: 30;
3175
- cursor: pointer;
3176
- border-radius: 4px;
3177
- background-color: #cecece;
3178
- transition: background-color 150ms ease;
3179
- }
3180
- .remirror-table-delete-inner-button:hover {
3181
- background-color: #ff7884;
3182
- }
3183
- .remirror-table-delete-table-inner-button {
3184
- top: calc(var(--remirror-table-delete-button-y) - 9px);
3185
- left: calc(var(--remirror-table-delete-button-x) - 9px);
3186
- }
3187
- .remirror-table-delete-row-column-inner-button {
3188
- top: calc(var(--remirror-table-delete-row-column-button-y) - 9px);
3189
- left: calc(var(--remirror-table-delete-row-column-button-x) - 9px);
3190
- }
3191
- .remirror-table-with-controllers {
3192
- margin-top: 40px;
3193
- margin-bottom: 40px;
3194
- height: 1px;
3195
- }
3196
- .ProseMirror table.remirror-table-with-controllers {
3197
- overflow: visible;
3198
- }
3199
- .remirror-table-waitting-controllers {
3200
- display: none;
3201
- }
3202
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) {
3203
- height: 12px;
3204
- overflow: visible;
3205
- }
3206
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) {
3207
- overflow: visible;
3208
- padding: 0;
3209
- cursor: pointer;
3210
- z-index: 15;
3211
- position: relative;
3212
- height: 12px;
3213
- width: 12px;
3214
- }
3215
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-wrapper {
3216
- overflow: visible;
3217
- display: flex;
3218
- justify-content: flex-end;
3219
- align-items: flex-end;
3220
- width: 12px;
3221
- height: 12px;
3222
- }
3223
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-trigger-area {
3224
- flex: 1;
3225
- position: relative;
3226
- z-index: 10;
3227
- display: none;
3228
- }
3229
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-mark-row-corner {
3230
- bottom: -2px;
3231
- left: -12px;
3232
- position: absolute;
3233
- width: 0px;
3234
- height: 0px;
3235
- border-radius: 50%;
3236
- border-style: solid;
3237
- border-color: var(--rmr-color-table-mark);
3238
- border-width: 2px;
3239
- }
3240
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) div.remirror-table-controller-mark-column-corner {
3241
- position: absolute;
3242
- width: 0px;
3243
- height: 0px;
3244
- border-radius: 50%;
3245
- border-style: solid;
3246
- border-color: var(--rmr-color-table-mark);
3247
- border-width: 2px;
3248
- right: -2px;
3249
- top: -12px;
3250
- }
3251
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) {
3252
- overflow: visible;
3253
- padding: 0;
3254
- cursor: pointer;
3255
- z-index: 15;
3256
- position: relative;
3257
- height: 12px;
3258
- }
3259
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-wrapper {
3260
- overflow: visible;
3261
- display: flex;
3262
- justify-content: flex-end;
3263
- align-items: flex-end;
3264
- width: 100%;
3265
- height: 12px;
3266
- flex-direction: row;
3267
- }
3268
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-trigger-area {
3269
- flex: 1;
3270
- position: relative;
3271
- z-index: 10;
3272
- height: 36px;
3273
- }
3274
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-mark-row-corner {
3275
- display: none;
3276
- }
3277
- .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) div.remirror-table-controller-mark-column-corner {
3278
- position: absolute;
3279
- width: 0px;
3280
- height: 0px;
3281
- border-radius: 50%;
3282
- border-style: solid;
3283
- border-color: var(--rmr-color-table-mark);
3284
- border-width: 2px;
3285
- right: -2px;
3286
- top: -12px;
3287
- }
3288
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
3289
- overflow: visible;
3290
- padding: 0;
3291
- cursor: pointer;
3292
- z-index: 15;
3293
- position: relative;
3294
- width: 12px;
3295
- }
3296
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-wrapper {
3297
- overflow: visible;
3298
- display: flex;
3299
- justify-content: flex-end;
3300
- align-items: flex-end;
3301
- height: 100%;
3302
- width: 12px;
3303
- flex-direction: column;
3304
- }
3305
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-trigger-area {
3306
- flex: 1;
3307
- position: relative;
3308
- z-index: 10;
3309
- width: 36px;
3310
- }
3311
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-row-corner {
3312
- bottom: -2px;
3313
- left: -12px;
3314
- position: absolute;
3315
- width: 0px;
3316
- height: 0px;
3317
- border-radius: 50%;
3318
- border-style: solid;
3319
- border-color: var(--rmr-color-table-mark);
3320
- border-width: 2px;
3321
- }
3322
- .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th div.remirror-table-controller-mark-column-corner {
3323
- display: none;
3324
- }
3325
- .remirror-table-tbody-with-controllers th.remirror-table-controller {
3326
- background-color: var(--rmr-color-table-default-controller);
3327
- }
3328
- .remirror-table-tbody-with-controllers th.selectedCell.remirror-table-controller {
3329
- background-color: var(--rmr-color-table-selected-controller);
3330
- }
3331
- .remirror-table-preselect-all {
3332
- }
3333
- .remirror-table-show-predelete th.selectedCell.remirror-table-controller,
3334
- .remirror-table-show-predelete td.selectedCell {
3335
- border-color: var(--rmr-color-table-predelete-border) !important;
3336
- background-color: var(--rmr-color-table-predelete-cell) !important;
3337
- }
3338
- .remirror-table-show-predelete th.selectedCell.remirror-table-controller {
3339
- background-color: var(--rmr-color-table-predelete-controller) !important;
3340
- }
3341
- .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller,
3342
- .remirror-table-show-predelete.remirror-table-preselect-all td {
3343
- border-color: var(--rmr-color-table-predelete-border) !important;
3344
- background-color: var(--rmr-color-table-predelete-cell) !important;
3345
- }
3346
- .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
3347
- background-color: var(--rmr-color-table-predelete-controller) !important;
3348
- }
3349
- .remirror-editor.ProseMirror .whitespace {
3350
- pointer-events: none;
3351
- -webkit-user-select: none;
3352
- -moz-user-select: none;
3353
- -ms-user-select: none;
3354
- user-select: none;
3355
- }
3356
- .remirror-editor.ProseMirror .whitespace:before {
3357
- caret-color: inherit;
3358
- color: gray;
3359
- display: inline-block;
3360
- font-weight: 400;
3361
- font-style: normal;
3362
- line-height: 1em;
3363
- width: 0;
3364
- }
3365
- .remirror-editor.ProseMirror .whitespace--s:before {
3366
- content: "\b7";
3367
- }
3368
- .remirror-editor.ProseMirror .whitespace--br:before {
3369
- content: "\ac";
3370
- }
3371
- .remirror-editor.ProseMirror .whitespace--p:before {
3372
- content: "\b6";
3373
- }
3374
- .remirror-editor.ProseMirror .ProseMirror-yjs-cursor {
3375
- position: absolute;
3376
- border-left: black;
3377
- border-left-style: solid;
3378
- border-left-width: 2px;
3379
- border-color: orange;
3380
- height: 1em;
3381
- word-break: normal;
3382
- pointer-events: none;
3383
- }
3384
- .remirror-editor.ProseMirror .ProseMirror-yjs-cursor > div {
3385
- position: relative;
3386
- top: -1.05em;
3387
- font-size: 13px;
3388
- background-color: rgb(250, 129, 0);
3389
- font-family: serif;
3390
- font-style: normal;
3391
- font-weight: normal;
3392
- line-height: normal;
3393
- -webkit-user-select: none;
3394
- -moz-user-select: none;
3395
- -ms-user-select: none;
3396
- user-select: none;
3397
- color: white;
3398
- padding-left: 2px;
3399
- padding-right: 2px;
3400
- }
3401
- .remirror-editor.ProseMirror > .ProseMirror-yjs-cursor:first-child {
3402
- margin-top: 16px;
3403
- }
3404
- .remirror-editor #y-functions {
3405
- position: absolute;
3406
- top: 20px;
3407
- right: 20px;
3408
- }
3409
- .remirror-editor #y-functions > * {
3410
- display: inline-block;
3411
- }
3412
- .remirror-theme {
3413
- box-sizing: border-box;
3414
- }
3415
- .remirror-theme *,
3416
- .remirror-theme *:before,
3417
- .remirror-theme *:after {
3418
- box-sizing: inherit;
3419
- }
3420
- .remirror-theme {
3421
- --rmr-color-background: #ffffff;
3422
- --rmr-color-border: rgba(0, 0, 0, 0.25);
3423
- --rmr-color-foreground: #000000;
3424
- --rmr-color-muted: #f1f3f5;
3425
- --rmr-color-primary: #7963d2;
3426
- --rmr-color-secondary: #bcd263;
3427
- --rmr-color-primary-text: #fff;
3428
- --rmr-color-secondary-text: #fff;
3429
- --rmr-color-text: #252103;
3430
- --rmr-color-faded: hsla(0, 0%, 13%, 0.9);
3431
- --rmr-color-active-background: hsla(0, 0%, 85%, 1);
3432
- --rmr-color-active-border: hsla(0, 0%, 0%, 0.25);
3433
- --rmr-color-active-foreground: hsla(0, 0%, 0%, 1);
3434
- --rmr-color-active-muted: hsla(210, 17%, 80%, 1);
3435
- --rmr-color-active-primary: hsla(252, 55%, 46%, 1);
3436
- --rmr-color-active-secondary: hsla(72, 55%, 46%, 1);
3437
- --rmr-color-active-primary-text: #fff;
3438
- --rmr-color-active-secondary-text: #000;
3439
- --rmr-color-active-text: #000;
3440
- --rmr-color-active-faded: hsla(0, 0%, 13%, 0.9);
3441
- --rmr-color-hover-background: hsla(0, 0%, 93%, 1);
3442
- --rmr-color-hover-border: hsla(0, 0%, 0%, 0.25);
3443
- --rmr-color-hover-foreground: hsla(0, 0%, 0%, 1);
3444
- --rmr-color-hover-muted: hsla(210, 17%, 88%, 1);
3445
- --rmr-color-hover-primary: hsla(252, 55%, 53%, 1);
3446
- --rmr-color-hover-secondary: hsla(72, 55%, 53%, 1);
3447
- --rmr-color-hover-primary-text: #fff;
3448
- --rmr-color-hover-secondary-text: #000;
3449
- --rmr-color-hover-text: #000;
3450
- --rmr-color-hover-faded: hsla(0, 0%, 13%, 0.9);
3451
- --rmr-color-shadow-1: rgba(10, 31, 68, 0.08);
3452
- --rmr-color-shadow-2: rgba(10, 31, 68, 0.1);
3453
- --rmr-color-shadow-3: rgba(10, 31, 68, 0.12);
3454
- --rmr-color-backdrop: rgba(0, 0, 0, 0.9);
3455
- --rmr-color-outline: rgba(121, 99, 210, 0.4);
3456
- --rmr-color-table-default-border: hsla(0, 0%, 80%, 1);
3457
- --rmr-color-table-default-cell: hsla(0, 0%, 40%, 1);
3458
- --rmr-color-table-default-controller: #dee2e6;
3459
- --rmr-color-table-selected-border: #1c7ed6;
3460
- --rmr-color-table-selected-cell: #d0ebff;
3461
- --rmr-color-table-selected-controller: #339af0;
3462
- --rmr-color-table-preselect-border: #1c7ed6;
3463
- --rmr-color-table-preselect-cell: hsla(0, 0%, 40%, 1);
3464
- --rmr-color-table-preselect-controller: #339af0;
3465
- --rmr-color-table-predelete-border: #f03e3e;
3466
- --rmr-color-table-predelete-cell: #ffe3e3;
3467
- --rmr-color-table-predelete-controller: #ff6b6b;
3468
- --rmr-color-table-mark: #91919196;
3469
- --rmr-hue-gray-0: #f8f9fa;
3470
- --rmr-hue-gray-1: #f1f3f5;
3471
- --rmr-hue-gray-2: #e9ecef;
3472
- --rmr-hue-gray-3: #dee2e6;
3473
- --rmr-hue-gray-4: #ced4da;
3474
- --rmr-hue-gray-5: #adb5bd;
3475
- --rmr-hue-gray-6: #868e96;
3476
- --rmr-hue-gray-7: #495057;
3477
- --rmr-hue-gray-8: #343a40;
3478
- --rmr-hue-gray-9: #212529;
3479
- --rmr-hue-red-0: #fff5f5;
3480
- --rmr-hue-red-1: #ffe3e3;
3481
- --rmr-hue-red-2: #ffc9c9;
3482
- --rmr-hue-red-3: #ffa8a8;
3483
- --rmr-hue-red-4: #ff8787;
3484
- --rmr-hue-red-5: #ff6b6b;
3485
- --rmr-hue-red-6: #fa5252;
3486
- --rmr-hue-red-7: #f03e3e;
3487
- --rmr-hue-red-8: #e03131;
3488
- --rmr-hue-red-9: #c92a2a;
3489
- --rmr-hue-pink-0: #fff0f6;
3490
- --rmr-hue-pink-1: #ffdeeb;
3491
- --rmr-hue-pink-2: #fcc2d7;
3492
- --rmr-hue-pink-3: #faa2c1;
3493
- --rmr-hue-pink-4: #f783ac;
3494
- --rmr-hue-pink-5: #f06595;
3495
- --rmr-hue-pink-6: #e64980;
3496
- --rmr-hue-pink-7: #d6336c;
3497
- --rmr-hue-pink-8: #c2255c;
3498
- --rmr-hue-pink-9: #a61e4d;
3499
- --rmr-hue-grape-0: #f8f0fc;
3500
- --rmr-hue-grape-1: #f3d9fa;
3501
- --rmr-hue-grape-2: #eebefa;
3502
- --rmr-hue-grape-3: #e599f7;
3503
- --rmr-hue-grape-4: #da77f2;
3504
- --rmr-hue-grape-5: #cc5de8;
3505
- --rmr-hue-grape-6: #be4bdb;
3506
- --rmr-hue-grape-7: #ae3ec9;
3507
- --rmr-hue-grape-8: #9c36b5;
3508
- --rmr-hue-grape-9: #862e9c;
3509
- --rmr-hue-violet-0: #f3f0ff;
3510
- --rmr-hue-violet-1: #e5dbff;
3511
- --rmr-hue-violet-2: #d0bfff;
3512
- --rmr-hue-violet-3: #b197fc;
3513
- --rmr-hue-violet-4: #9775fa;
3514
- --rmr-hue-violet-5: #845ef7;
3515
- --rmr-hue-violet-6: #7950f2;
3516
- --rmr-hue-violet-7: #7048e8;
3517
- --rmr-hue-violet-8: #6741d9;
3518
- --rmr-hue-violet-9: #5f3dc4;
3519
- --rmr-hue-indigo-0: #edf2ff;
3520
- --rmr-hue-indigo-1: #dbe4ff;
3521
- --rmr-hue-indigo-2: #bac8ff;
3522
- --rmr-hue-indigo-3: #91a7ff;
3523
- --rmr-hue-indigo-4: #748ffc;
3524
- --rmr-hue-indigo-5: #5c7cfa;
3525
- --rmr-hue-indigo-6: #4c6ef5;
3526
- --rmr-hue-indigo-7: #4263eb;
3527
- --rmr-hue-indigo-8: #3b5bdb;
3528
- --rmr-hue-indigo-9: #364fc7;
3529
- --rmr-hue-blue-0: #e7f5ff;
3530
- --rmr-hue-blue-1: #d0ebff;
3531
- --rmr-hue-blue-2: #a5d8ff;
3532
- --rmr-hue-blue-3: #74c0fc;
3533
- --rmr-hue-blue-4: #4dabf7;
3534
- --rmr-hue-blue-5: #339af0;
3535
- --rmr-hue-blue-6: #228be6;
3536
- --rmr-hue-blue-7: #1c7ed6;
3537
- --rmr-hue-blue-8: #1971c2;
3538
- --rmr-hue-blue-9: #1864ab;
3539
- --rmr-hue-cyan-0: #e3fafc;
3540
- --rmr-hue-cyan-1: #c5f6fa;
3541
- --rmr-hue-cyan-2: #99e9f2;
3542
- --rmr-hue-cyan-3: #66d9e8;
3543
- --rmr-hue-cyan-4: #3bc9db;
3544
- --rmr-hue-cyan-5: #22b8cf;
3545
- --rmr-hue-cyan-6: #15aabf;
3546
- --rmr-hue-cyan-7: #1098ad;
3547
- --rmr-hue-cyan-8: #0c8599;
3548
- --rmr-hue-cyan-9: #0b7285;
3549
- --rmr-hue-teal-0: #e6fcf5;
3550
- --rmr-hue-teal-1: #c3fae8;
3551
- --rmr-hue-teal-2: #96f2d7;
3552
- --rmr-hue-teal-3: #63e6be;
3553
- --rmr-hue-teal-4: #38d9a9;
3554
- --rmr-hue-teal-5: #20c997;
3555
- --rmr-hue-teal-6: #12b886;
3556
- --rmr-hue-teal-7: #0ca678;
3557
- --rmr-hue-teal-8: #099268;
3558
- --rmr-hue-teal-9: #087f5b;
3559
- --rmr-hue-green-0: #ebfbee;
3560
- --rmr-hue-green-1: #d3f9d8;
3561
- --rmr-hue-green-2: #b2f2bb;
3562
- --rmr-hue-green-3: #8ce99a;
3563
- --rmr-hue-green-4: #69db7c;
3564
- --rmr-hue-green-5: #51cf66;
3565
- --rmr-hue-green-6: #40c057;
3566
- --rmr-hue-green-7: #37b24d;
3567
- --rmr-hue-green-8: #2f9e44;
3568
- --rmr-hue-green-9: #2b8a3e;
3569
- --rmr-hue-lime-0: #f4fce3;
3570
- --rmr-hue-lime-1: #e9fac8;
3571
- --rmr-hue-lime-2: #d8f5a2;
3572
- --rmr-hue-lime-3: #c0eb75;
3573
- --rmr-hue-lime-4: #a9e34b;
3574
- --rmr-hue-lime-5: #94d82d;
3575
- --rmr-hue-lime-6: #82c91e;
3576
- --rmr-hue-lime-7: #74b816;
3577
- --rmr-hue-lime-8: #66a80f;
3578
- --rmr-hue-lime-9: #5c940d;
3579
- --rmr-hue-yellow-0: #fff9db;
3580
- --rmr-hue-yellow-1: #fff3bf;
3581
- --rmr-hue-yellow-2: #ffec99;
3582
- --rmr-hue-yellow-3: #ffe066;
3583
- --rmr-hue-yellow-4: #ffd43b;
3584
- --rmr-hue-yellow-5: #fcc419;
3585
- --rmr-hue-yellow-6: #fab005;
3586
- --rmr-hue-yellow-7: #f59f00;
3587
- --rmr-hue-yellow-8: #f08c00;
3588
- --rmr-hue-yellow-9: #e67700;
3589
- --rmr-hue-orange-0: #fff4e6;
3590
- --rmr-hue-orange-1: #ffe8cc;
3591
- --rmr-hue-orange-2: #ffd8a8;
3592
- --rmr-hue-orange-3: #ffc078;
3593
- --rmr-hue-orange-4: #ffa94d;
3594
- --rmr-hue-orange-5: #ff922b;
3595
- --rmr-hue-orange-6: #fd7e14;
3596
- --rmr-hue-orange-7: #f76707;
3597
- --rmr-hue-orange-8: #e8590c;
3598
- --rmr-hue-orange-9: #d9480f;
3599
- --rmr-radius-border: 0.25rem;
3600
- --rmr-radius-extra: 0.5rem;
3601
- --rmr-radius-circle: 50%;
3602
- --rmr-font-family-default:
3603
- system-ui,
3604
- -apple-system,
3605
- BlinkMacSystemFont,
3606
- "Segoe UI",
3607
- Roboto,
3608
- "Helvetica Neue",
3609
- sans-serif;
3610
- --rmr-font-family-heading: inherit;
3611
- --rmr-font-family-mono: Menlo, monospace;
3612
- --rmr-font-size-0: 12px;
3613
- --rmr-font-size-1: 14px;
3614
- --rmr-font-size-2: 16px;
3615
- --rmr-font-size-3: 20px;
3616
- --rmr-font-size-4: 24px;
3617
- --rmr-font-size-5: 32px;
3618
- --rmr-font-size-6: 48px;
3619
- --rmr-font-size-7: 64px;
3620
- --rmr-font-size-8: 96px;
3621
- --rmr-font-size-default: 16px;
3622
- --rmr-space-1: 4px;
3623
- --rmr-space-2: 8px;
3624
- --rmr-space-3: 16px;
3625
- --rmr-space-4: 32px;
3626
- --rmr-space-5: 64px;
3627
- --rmr-space-6: 128px;
3628
- --rmr-space-7: 256px;
3629
- --rmr-space-8: 512px;
3630
- --rmr-font-weight-bold: 700;
3631
- --rmr-font-weight-default: 400;
3632
- --rmr-font-weight-heading: 700;
3633
- --rmr-letter-spacing-tight: -1px;
3634
- --rmr-letter-spacing-default: normal;
3635
- --rmr-letter-spacing-loose: 1px;
3636
- --rmr-letter-spacing-wide: 3px;
3637
- --rmr-line-height-heading: 1.25em;
3638
- --rmr-line-height-default: 1.5em;
3639
- --rmr-box-shadow-1: 0 1px 1px rgba(10, 31, 68, 0.08);
3640
- --rmr-box-shadow-2: 0 1px 1px rgba(10, 31, 68, 0.1);
3641
- --rmr-box-shadow-3: 0 1px 1px rgba(10, 31, 68, 0.12);
3642
- font-family: var(--rmr-font-family-default);
3643
- line-height: var(--rmr-line-height-default);
3644
- font-weight: var(--rmr-font-weight-default);
3645
- }
3646
- .remirror-theme h1,
3647
- .remirror-theme h2,
3648
- .remirror-theme h3,
3649
- .remirror-theme h4,
3650
- .remirror-theme h5,
3651
- .remirror-theme h6 {
3652
- color: var(--rmr-color-text);
3653
- font-family: var(--rmr-font-family-heading);
3654
- line-height: var(--rmr-line-height-heading);
3655
- font-weight: var(--rmr-font-weight-heading);
3656
- }
3657
- .remirror-theme h1 {
3658
- font-size: var(--rmr-font-size-5);
3659
- }
3660
- .remirror-theme h2 {
3661
- font-size: var(--rmr-font-size-4);
3662
- }
3663
- .remirror-theme h3 {
3664
- font-size: var(--rmr-font-size-3);
3665
- }
3666
- .remirror-theme h4 {
3667
- font-size: var(--rmr-font-size-2);
3668
- }
3669
- .remirror-theme h5 {
3670
- font-size: var(--rmr-font-size-1);
3671
- }
3672
- .remirror-theme h6 {
3673
- font-size: var(--rmr-font-size-0);
3674
- }
3675
- .remirror-theme .ProseMirror {
3676
- min-height: var(--rmr-space-6);
3677
- box-shadow: var(--rmr-color-border) 0px 0px 0px 0.1em;
3678
- padding: var(--rmr-space-3);
3679
- border-radius: var(--rmr-radius-border);
3680
- outline: none;
3681
- }
3682
- .remirror-theme .ProseMirror:active,
3683
- .remirror-theme .ProseMirror:focus {
3684
- box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
3685
- }
3686
- .remirror-theme .ProseMirror p,
3687
- .remirror-theme .ProseMirror h1,
3688
- .remirror-theme .ProseMirror h2,
3689
- .remirror-theme .ProseMirror h3,
3690
- .remirror-theme .ProseMirror h4,
3691
- .remirror-theme .ProseMirror h4,
3692
- .remirror-theme .ProseMirror h5,
3693
- .remirror-theme .ProseMirror h6,
3694
- .remirror-theme .ProseMirror span {
3695
- margin: 0;
3696
- }
3697
-
3698
1
  /* src/index.scss */
3699
2
  *,
3700
3
  ::before,
@@ -3882,7 +185,7 @@ textarea {
3882
185
  input::placeholder,
3883
186
  textarea::placeholder {
3884
187
  opacity: 1;
3885
- color: #9CA3AF;
188
+ color: #BABABA;
3886
189
  }
3887
190
  button,
3888
191
  [role=button] {
@@ -3927,7 +230,7 @@ textarea,
3927
230
  select {
3928
231
  appearance: none;
3929
232
  background-color: #fff;
3930
- border-color: #6B7280;
233
+ border-color: #949494;
3931
234
  border-width: 1px;
3932
235
  border-radius: 0px;
3933
236
  padding-top: 0.5rem;
@@ -3969,7 +272,7 @@ select:focus {
3969
272
  }
3970
273
  input::placeholder,
3971
274
  textarea::placeholder {
3972
- color: #6B7280;
275
+ color: #949494;
3973
276
  opacity: 1;
3974
277
  }
3975
278
  ::-webkit-datetime-edit-fields-wrapper {
@@ -3979,7 +282,7 @@ textarea::placeholder {
3979
282
  min-height: 1.5em;
3980
283
  }
3981
284
  select:not([size]) {
3982
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
285
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23949494' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
3983
286
  background-position: right 0.5rem center;
3984
287
  background-repeat: no-repeat;
3985
288
  background-size: 1.5em 1.5em;
@@ -4008,7 +311,7 @@ select:not([size]) {
4008
311
  width: 1rem;
4009
312
  color: #1C64F2;
4010
313
  background-color: #fff;
4011
- border-color: #6B7280;
314
+ border-color: #949494;
4012
315
  border-width: 1px;
4013
316
  --tw-shadow: 0 0 #0000;
4014
317
  }
@@ -4076,7 +379,7 @@ select:not([size]) {
4076
379
  }
4077
380
  input[type=file]::file-selector-button {
4078
381
  color: white;
4079
- background: #1F2937;
382
+ background: #3D3D3D;
4080
383
  border: 0;
4081
384
  font-weight: 500;
4082
385
  font-size: 0.8125rem;
@@ -4089,7 +392,7 @@ input[type=file]::file-selector-button {
4089
392
  margin-inline-end: 1rem;
4090
393
  }
4091
394
  input[type=file]::file-selector-button:hover {
4092
- background: #374151;
395
+ background: #4F4F4F;
4093
396
  }
4094
397
  input[type=range]::-webkit-slider-thumb {
4095
398
  height: 1.25rem;
@@ -4103,7 +406,7 @@ input[type=range]::-webkit-slider-thumb {
4103
406
  cursor: pointer;
4104
407
  }
4105
408
  input[type=range]:disabled::-webkit-slider-thumb {
4106
- background: #9CA3AF;
409
+ background: #BABABA;
4107
410
  }
4108
411
  input[type=range]:focus::-webkit-slider-thumb {
4109
412
  outline: 2px solid transparent;
@@ -4129,7 +432,7 @@ input[type=range]::-moz-range-thumb {
4129
432
  cursor: pointer;
4130
433
  }
4131
434
  input[type=range]:disabled::-moz-range-thumb {
4132
- background: #9CA3AF;
435
+ background: #BABABA;
4133
436
  }
4134
437
  input[type=range]::-moz-range-progress {
4135
438
  background: #3F83F8;
@@ -4307,21 +610,110 @@ input[type=range]::-ms-fill-lower {
4307
610
  --tw-backdrop-saturate: ;
4308
611
  --tw-backdrop-sepia: ;
4309
612
  }
613
+ .sr-only {
614
+ position: absolute;
615
+ width: 1px;
616
+ height: 1px;
617
+ padding: 0;
618
+ margin: -1px;
619
+ overflow: hidden;
620
+ clip: rect(0, 0, 0, 0);
621
+ white-space: nowrap;
622
+ border-width: 0;
623
+ }
624
+ .pointer-events-none {
625
+ pointer-events: none;
626
+ }
627
+ .fixed {
628
+ position: fixed;
629
+ }
630
+ .absolute {
631
+ position: absolute;
632
+ }
633
+ .relative {
634
+ position: relative;
635
+ }
636
+ .inset-0 {
637
+ top: 0px;
638
+ right: 0px;
639
+ bottom: 0px;
640
+ left: 0px;
641
+ }
642
+ .inset-y-0 {
643
+ top: 0px;
644
+ bottom: 0px;
645
+ }
646
+ .right-0 {
647
+ right: 0px;
648
+ }
4310
649
  .z-10 {
4311
650
  z-index: 10;
4312
651
  }
652
+ .z-40 {
653
+ z-index: 40;
654
+ }
655
+ .mx-auto {
656
+ margin-left: auto;
657
+ margin-right: auto;
658
+ }
659
+ .my-6 {
660
+ margin-top: 1.5rem;
661
+ margin-bottom: 1.5rem;
662
+ }
663
+ .-mr-3 {
664
+ margin-right: -0.75rem;
665
+ }
666
+ .-mt-3 {
667
+ margin-top: -0.75rem;
668
+ }
669
+ .mb-0 {
670
+ margin-bottom: 0px;
671
+ }
672
+ .mb-2 {
673
+ margin-bottom: 0.5rem;
674
+ }
675
+ .ml-3 {
676
+ margin-left: 0.75rem;
677
+ }
678
+ .ml-auto {
679
+ margin-left: auto;
680
+ }
681
+ .mr-2 {
682
+ margin-right: 0.5rem;
683
+ }
684
+ .mt-1 {
685
+ margin-top: 0.25rem;
686
+ }
4313
687
  .block {
4314
688
  display: block;
4315
689
  }
4316
690
  .inline {
4317
691
  display: inline;
4318
692
  }
693
+ .flex {
694
+ display: flex;
695
+ }
4319
696
  .hidden {
4320
697
  display: none;
4321
698
  }
4322
699
  .w-169 {
4323
700
  width: 169px;
4324
701
  }
702
+ .w-full {
703
+ width: 100%;
704
+ }
705
+ .w-modal-sm {
706
+ width: 25rem;
707
+ }
708
+ .cursor-default {
709
+ cursor: default;
710
+ }
711
+ .select-none {
712
+ user-select: none;
713
+ }
714
+ .items-center {
715
+ align-items: center;
716
+ }
4325
717
  .divide-y > :not([hidden]) ~ :not([hidden]) {
4326
718
  --tw-divide-y-reverse: 0;
4327
719
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -4329,21 +721,124 @@ input[type=range]::-ms-fill-lower {
4329
721
  }
4330
722
  .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
4331
723
  --tw-divide-opacity: 1;
4332
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
724
+ border-color: rgb(245 245 245 / var(--tw-divide-opacity));
725
+ }
726
+ .overflow-auto {
727
+ overflow: auto;
728
+ }
729
+ .truncate {
730
+ overflow: hidden;
731
+ text-overflow: ellipsis;
732
+ white-space: nowrap;
733
+ }
734
+ .rounded {
735
+ border-radius: 4px;
4333
736
  }
4334
737
  .rounded-lg {
4335
738
  border-radius: 0.5rem;
4336
739
  }
740
+ .border-0 {
741
+ border-width: 0px;
742
+ }
743
+ .border-2 {
744
+ border-width: 2px;
745
+ }
746
+ .border-gray-300 {
747
+ --tw-border-opacity: 1;
748
+ border-color: rgb(224 224 224 / var(--tw-border-opacity));
749
+ }
750
+ .bg-black {
751
+ --tw-bg-opacity: 1;
752
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
753
+ }
754
+ .bg-blue-300 {
755
+ --tw-bg-opacity: 1;
756
+ background-color: rgb(7 116 210 / var(--tw-bg-opacity));
757
+ }
758
+ .bg-gray-100 {
759
+ --tw-bg-opacity: 1;
760
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity));
761
+ }
762
+ .bg-gray-200 {
763
+ --tw-bg-opacity: 1;
764
+ background-color: rgb(237 237 237 / var(--tw-bg-opacity));
765
+ }
766
+ .bg-transparent {
767
+ background-color: transparent;
768
+ }
4337
769
  .bg-white {
4338
770
  --tw-bg-opacity: 1;
4339
771
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
4340
772
  }
773
+ .p-6 {
774
+ padding: 1.5rem;
775
+ }
776
+ .px-3 {
777
+ padding-left: 0.75rem;
778
+ padding-right: 0.75rem;
779
+ }
780
+ .py-2 {
781
+ padding-top: 0.5rem;
782
+ padding-bottom: 0.5rem;
783
+ }
784
+ .pb-2 {
785
+ padding-bottom: 0.5rem;
786
+ }
787
+ .pl-3 {
788
+ padding-left: 0.75rem;
789
+ }
790
+ .pr-10 {
791
+ padding-right: 2.5rem;
792
+ }
793
+ .pr-2 {
794
+ padding-right: 0.5rem;
795
+ }
796
+ .pt-3 {
797
+ padding-top: 0.75rem;
798
+ }
799
+ .text-heading-2 {
800
+ font-size: 1.25rem;
801
+ line-height: 1.5rem;
802
+ }
803
+ .text-md {
804
+ font-size: 0.875rem;
805
+ }
806
+ .font-semibold {
807
+ font-weight: 600;
808
+ }
4341
809
  .italic {
4342
810
  font-style: italic;
4343
811
  }
812
+ .text-gray-500 {
813
+ --tw-text-opacity: 1;
814
+ color: rgb(148 148 148 / var(--tw-text-opacity));
815
+ }
816
+ .text-gray-600 {
817
+ --tw-text-opacity: 1;
818
+ color: rgb(112 112 112 / var(--tw-text-opacity));
819
+ }
820
+ .text-gray-700 {
821
+ --tw-text-opacity: 1;
822
+ color: rgb(79 79 79 / var(--tw-text-opacity));
823
+ }
824
+ .text-gray-800 {
825
+ --tw-text-opacity: 1;
826
+ color: rgb(61 61 61 / var(--tw-text-opacity));
827
+ }
828
+ .text-gray-900 {
829
+ --tw-text-opacity: 1;
830
+ color: rgb(43 43 43 / var(--tw-text-opacity));
831
+ }
832
+ .text-white {
833
+ --tw-text-opacity: 1;
834
+ color: rgb(255 255 255 / var(--tw-text-opacity));
835
+ }
4344
836
  .underline {
4345
837
  text-decoration-line: underline;
4346
838
  }
839
+ .opacity-25 {
840
+ opacity: 0.25;
841
+ }
4347
842
  .shadow {
4348
843
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 12px 4px rgba(0,0,0,0.12);
4349
844
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 12px 4px var(--tw-shadow-color);
@@ -4352,6 +847,74 @@ input[type=range]::-ms-fill-lower {
4352
847
  var(--tw-ring-shadow, 0 0 #0000),
4353
848
  var(--tw-shadow);
4354
849
  }
850
+ .outline-none {
851
+ outline: 2px solid transparent;
852
+ outline-offset: 2px;
853
+ }
854
+ .sds-form-group {
855
+ display: flex;
856
+ flex-direction: column;
857
+ }
858
+ .sds-form-label {
859
+ margin-bottom: 0.25rem;
860
+ font-size: 0.875rem;
861
+ font-weight: 600;
862
+ --tw-text-opacity: 1;
863
+ color: rgb(112 112 112 / var(--tw-text-opacity));
864
+ }
865
+ .sds-form-control {
866
+ padding: 6px 12px;
867
+ position: relative;
868
+ width: 100%;
869
+ border-radius: 4px;
870
+ border-width: 2px;
871
+ --tw-border-opacity: 1;
872
+ border-color: rgb(224 224 224 / var(--tw-border-opacity));
873
+ --tw-bg-opacity: 1;
874
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
875
+ font-size: 0.875rem;
876
+ --tw-text-opacity: 1;
877
+ color: rgb(61 61 61 / var(--tw-text-opacity));
878
+ }
879
+ .sds-form-control::placeholder {
880
+ --tw-placeholder-opacity: 1;
881
+ color: rgb(203 213 225 / var(--tw-placeholder-opacity));
882
+ }
883
+ .sds-form-control {
884
+ outline-width: 0px;
885
+ }
886
+ .sds-form-control:focus {
887
+ --tw-border-opacity: 1;
888
+ border-color: rgb(7 116 210 / var(--tw-border-opacity));
889
+ outline-width: 0px;
890
+ }
891
+ .sds-form-control:focus,
892
+ .sds-form-control:active {
893
+ box-shadow: none;
894
+ }
895
+ .sds-btn {
896
+ border-radius: 4px;
897
+ font-weight: 400;
898
+ transition-property: all;
899
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
900
+ transition-duration: 150ms;
901
+ transition-timing-function: linear;
902
+ display: flex;
903
+ align-items: center;
904
+ text-align: center;
905
+ white-space: nowrap;
906
+ vertical-align: middle;
907
+ touch-action: manipulation;
908
+ cursor: pointer;
909
+ background-image: none;
910
+ border: 1px solid transparent;
911
+ padding: 6px 12px;
912
+ }
913
+ .sds-btn.disabled,
914
+ .sds-btn[disabled] {
915
+ cursor: not-allowed;
916
+ opacity: 0.5;
917
+ }
4355
918
  .formatted-text-editor {
4356
919
  font-family: "Open Sans" !important;
4357
920
  }
@@ -4374,27 +937,35 @@ input[type=range]::-ms-fill-lower {
4374
937
  border-bottom-left-radius: 4px;
4375
938
  --tw-bg-opacity: 1;
4376
939
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
940
+ padding: 0.75rem;
4377
941
  --tw-shadow: 0 0 #0000;
4378
942
  --tw-shadow-colored: 0 0 #0000;
4379
943
  box-shadow:
4380
944
  var(--tw-ring-offset-shadow, 0 0 #0000),
4381
945
  var(--tw-ring-shadow, 0 0 #0000),
4382
946
  var(--tw-shadow);
947
+ min-height: 6rem;
4383
948
  }
4384
949
  .formatted-text-editor .remirror-editor:active,
4385
- .formatted-text-editor .remirror-editor :focus {
950
+ .formatted-text-editor .remirror-editor:focus {
951
+ outline-width: 0px;
4386
952
  }
4387
953
  .formatted-text-editor .remirror-editor p {
4388
954
  display: block;
4389
955
  }
4390
- .remirror-theme .ProseMirror:active,
4391
- .remirror-theme .ProseMirror:focus {
4392
- --tw-shadow: 0 0 #0000;
4393
- --tw-shadow-colored: 0 0 #0000;
4394
- box-shadow:
4395
- var(--tw-ring-offset-shadow, 0 0 #0000),
4396
- var(--tw-ring-shadow, 0 0 #0000),
4397
- var(--tw-shadow);
956
+ .formatted-text-editor .remirror-is-empty:first-of-type::before {
957
+ position: absolute;
958
+ pointer-events: none;
959
+ height: 0;
960
+ font-style: italic;
961
+ content: attr(data-placeholder);
962
+ --tw-text-opacity: 1;
963
+ color: rgb(148 148 148 / var(--tw-text-opacity));
964
+ }
965
+ a {
966
+ --tw-text-opacity: 1;
967
+ color: rgb(7 116 210 / var(--tw-text-opacity));
968
+ text-decoration: underline;
4398
969
  }
4399
970
  .remirror-theme h1 {
4400
971
  font-size: 1.625rem;
@@ -4433,8 +1004,7 @@ input[type=range]::-ms-fill-lower {
4433
1004
  line-height: 1.25rem;
4434
1005
  }
4435
1006
  .formatted-text-editor .editor-toolbar {
4436
- border-radius: 4px;
4437
- border-width: 2px;
1007
+ border-bottom-width: 2px;
4438
1008
  border-style: solid;
4439
1009
  --tw-border-opacity: 1;
4440
1010
  border-color: rgb(237 237 237 / var(--tw-border-opacity));
@@ -4470,29 +1040,6 @@ input[type=range]::-ms-fill-lower {
4470
1040
  var(--tw-ring-shadow, 0 0 #0000),
4471
1041
  var(--tw-shadow);
4472
1042
  }
4473
- .btn {
4474
- border-radius: 4px;
4475
- font-weight: 400;
4476
- display: flex;
4477
- align-items: center;
4478
- text-align: center;
4479
- white-space: nowrap;
4480
- vertical-align: middle;
4481
- touch-action: manipulation;
4482
- cursor: pointer;
4483
- background-image: none;
4484
- border: 1px solid transparent;
4485
- }
4486
- .btn:active,
4487
- .btn:hover,
4488
- .btn:focus {
4489
- background-color: rgba(0, 0, 0, 0.04);
4490
- }
4491
- .btn.disabled,
4492
- .btn[disabled] {
4493
- cursor: not-allowed;
4494
- opacity: 0.5;
4495
- }
4496
1043
  .toolbar-button {
4497
1044
  --tw-bg-opacity: 1;
4498
1045
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -4503,6 +1050,10 @@ input[type=range]::-ms-fill-lower {
4503
1050
  .toolbar-button ~ .toolbar-button {
4504
1051
  margin-left: 2px;
4505
1052
  }
1053
+ .toolbar-button:hover,
1054
+ .toolbar-button:focus {
1055
+ background-color: rgba(0, 0, 0, 0.04);
1056
+ }
4506
1057
  .toolbar-button.is-active,
4507
1058
  .toolbar-button:active {
4508
1059
  --tw-bg-opacity: 1;
@@ -4540,13 +1091,119 @@ input[type=range]::-ms-fill-lower {
4540
1091
  inset: 0rem auto auto 1rem !important;
4541
1092
  }
4542
1093
  .dropdown-button {
4543
- padding: 4px 8px;
4544
- color: #707070;
4545
1094
  height: 40px;
4546
1095
  width: 100%;
4547
1096
  justify-content: space-between;
1097
+ align-items: center;
1098
+ display: flex;
1099
+ padding-left: 0.5rem;
1100
+ padding-right: 0.5rem;
1101
+ padding-top: 0.25rem;
1102
+ padding-bottom: 0.25rem;
1103
+ --tw-text-opacity: 1;
1104
+ color: rgb(112 112 112 / var(--tw-text-opacity));
1105
+ }
1106
+ .sds-modal {
1107
+ display: flex;
1108
+ width: 100%;
1109
+ flex-direction: column;
1110
+ border-width: 0px;
1111
+ --tw-bg-opacity: 1;
1112
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1113
+ font-family:
1114
+ Open Sans,
1115
+ Arial,
1116
+ sans-serif;
1117
+ --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 24px 12px rgba(0,0,0,0.12);
1118
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 24px 12px var(--tw-shadow-color);
1119
+ box-shadow:
1120
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1121
+ var(--tw-ring-shadow, 0 0 #0000),
1122
+ var(--tw-shadow);
1123
+ border-radius: 8px;
1124
+ }
1125
+ .sds-modal-wrapper {
1126
+ position: fixed;
1127
+ top: 0px;
1128
+ right: 0px;
1129
+ bottom: 0px;
1130
+ left: 0px;
1131
+ z-index: 50;
1132
+ display: flex;
1133
+ align-items: center;
1134
+ justify-content: center;
1135
+ overflow-y: auto;
1136
+ overflow-x: hidden;
1137
+ outline: 2px solid transparent;
1138
+ outline-offset: 2px;
1139
+ }
1140
+ .sds-modal-wrapper:focus {
1141
+ outline: 2px solid transparent;
1142
+ outline-offset: 2px;
1143
+ }
1144
+ .sds-modal-header {
1145
+ display: flex;
1146
+ align-items: flex-start;
1147
+ justify-content: space-between;
1148
+ }
1149
+ .sds-modal-content {
1150
+ position: relative;
1151
+ flex: 1 1 auto;
1152
+ padding-left: 1.5rem;
1153
+ padding-right: 1.5rem;
1154
+ }
1155
+ .sds-modal-footer {
1156
+ display: flex;
1157
+ align-items: center;
1158
+ justify-content: flex-end;
1159
+ border-bottom-right-radius: 4px;
1160
+ border-bottom-left-radius: 4px;
1161
+ }
1162
+ .sds-modal-footer__button {
1163
+ font-size: 0.875rem;
1164
+ border-radius: 4px;
1165
+ font-weight: 400;
1166
+ transition-property: all;
1167
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1168
+ transition-duration: 150ms;
1169
+ transition-timing-function: linear;
1170
+ display: flex;
1171
+ align-items: center;
1172
+ text-align: center;
1173
+ white-space: nowrap;
1174
+ vertical-align: middle;
1175
+ touch-action: manipulation;
1176
+ cursor: pointer;
1177
+ background-image: none;
1178
+ border: 1px solid transparent;
1179
+ padding: 6px 12px;
1180
+ }
1181
+ .sds-modal-footer__button.disabled,
1182
+ .sds-modal-footer__button[disabled] {
1183
+ cursor: not-allowed;
1184
+ opacity: 0.5;
1185
+ }
1186
+ .hover\:bg-blue-400:hover {
1187
+ --tw-bg-opacity: 1;
1188
+ background-color: rgb(4 73 133 / var(--tw-bg-opacity));
1189
+ }
1190
+ .hover\:bg-gray-100:hover {
1191
+ --tw-bg-opacity: 1;
1192
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity));
1193
+ }
1194
+ .hover\:bg-gray-300:hover {
1195
+ --tw-bg-opacity: 1;
1196
+ background-color: rgb(224 224 224 / var(--tw-bg-opacity));
1197
+ }
1198
+ .focus\:border-blue-300:focus {
1199
+ --tw-border-opacity: 1;
1200
+ border-color: rgb(7 116 210 / var(--tw-border-opacity));
1201
+ }
1202
+ .focus\:outline-none:focus {
1203
+ outline: 2px solid transparent;
1204
+ outline-offset: 2px;
4548
1205
  }
4549
1206
  .dark .dark\:bg-gray-700 {
4550
1207
  --tw-bg-opacity: 1;
4551
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1208
+ background-color: rgb(79 79 79 / var(--tw-bg-opacity));
4552
1209
  }