@windward/core 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/components/Content/Blocks/Accordion.vue +37 -0
  2. package/components/Content/Blocks/ClickableIcons.vue +107 -20
  3. package/components/Content/Blocks/Email.vue +9 -0
  4. package/components/Content/Blocks/Image.vue +47 -19
  5. package/components/Content/Blocks/Video.vue +80 -9
  6. package/components/Settings/AccordionSettings.vue +53 -0
  7. package/components/Settings/ClickableIconsSettings.vue +84 -7
  8. package/components/Settings/EmailSettings.vue +0 -9
  9. package/components/Settings/ImageSettings.vue +142 -39
  10. package/components/Settings/OpenResponseSettings.vue +1 -2
  11. package/components/Settings/VideoSettings.vue +100 -63
  12. package/components/utils/ContentViewer.vue +6 -1
  13. package/components/utils/MathExpressionEditor.vue +10 -5
  14. package/components/utils/TinyMCEWrapper.vue +114 -18
  15. package/components/utils/assets/tinymce/content/dark/content.scss +4 -0
  16. package/components/utils/assets/tinymce/{css/content.scss → content/global.scss} +38 -37
  17. package/components/utils/assets/tinymce/content/light/content.scss +4 -0
  18. package/components/utils/assets/tinymce/ui/dark/content.scss +803 -0
  19. package/components/utils/assets/tinymce/ui/dark/skin.scss +4727 -0
  20. package/components/utils/assets/tinymce/ui/global.scss +19 -0
  21. package/components/utils/assets/tinymce/ui/light/content.scss +822 -0
  22. package/components/utils/assets/tinymce/ui/light/skin.scss +4731 -0
  23. package/components/utils/glossary/CourseGlossary.vue +1 -1
  24. package/config/tinymce.config.ts +22 -14
  25. package/helpers/FillInBlankHelper.ts +34 -28
  26. package/helpers/GlossaryHelper.ts +90 -73
  27. package/helpers/MathHelper.ts +49 -28
  28. package/helpers/tinymce/plugin.ts +9 -7
  29. package/i18n/en-US/components/settings/clickable_icon.ts +2 -0
  30. package/i18n/en-US/components/settings/image.ts +6 -1
  31. package/i18n/en-US/shared/settings.ts +3 -0
  32. package/i18n/es-ES/components/settings/clickable_icon.ts +2 -0
  33. package/i18n/es-ES/components/settings/image.ts +8 -1
  34. package/i18n/es-ES/shared/settings.ts +3 -0
  35. package/i18n/sv-SE/components/settings/clickable_icon.ts +2 -0
  36. package/i18n/sv-SE/components/settings/image.ts +6 -1
  37. package/i18n/sv-SE/shared/settings.ts +3 -0
  38. package/package.json +4 -3
  39. package/test/Components/Settings/AccordionSettings.spec.js +16 -2
  40. package/test/__mocks__/contentBlockMock.js +6 -0
  41. package/test/__mocks__/contentSettingsMock.js +6 -0
  42. package/test/helpers/MathHelper.spec.js +22 -3
  43. package/tsconfig.json +1 -0
@@ -0,0 +1,4731 @@
1
+ .tox {
2
+ box-shadow: none;
3
+ box-sizing: content-box;
4
+ color: #222f3e;
5
+ cursor: auto;
6
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
7
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
8
+ font-size: 16px;
9
+ font-style: normal;
10
+ font-weight: normal;
11
+ line-height: normal;
12
+ -webkit-tap-highlight-color: transparent;
13
+ text-decoration: none;
14
+ text-shadow: none;
15
+ text-transform: none;
16
+ vertical-align: initial;
17
+ white-space: normal;
18
+ }
19
+ .tox *:not(svg):not(rect) {
20
+ box-sizing: inherit;
21
+ color: inherit;
22
+ cursor: inherit;
23
+ direction: inherit;
24
+ font-family: inherit;
25
+ font-size: inherit;
26
+ font-style: inherit;
27
+ font-weight: inherit;
28
+ line-height: inherit;
29
+ -webkit-tap-highlight-color: inherit;
30
+ text-align: inherit;
31
+ text-decoration: inherit;
32
+ text-shadow: inherit;
33
+ text-transform: inherit;
34
+ vertical-align: inherit;
35
+ white-space: inherit;
36
+ }
37
+ .tox *:not(svg):not(rect) {
38
+ /* stylelint-disable-line no-duplicate-selectors */
39
+ background: transparent;
40
+ border: 0;
41
+ box-shadow: none;
42
+ float: none;
43
+ height: auto;
44
+ margin: 0;
45
+ max-width: none;
46
+ outline: 0;
47
+ padding: 0;
48
+ position: static;
49
+ width: auto;
50
+ }
51
+ .tox:not([dir='rtl']) {
52
+ direction: ltr;
53
+ text-align: left;
54
+ }
55
+ .tox[dir='rtl'] {
56
+ direction: rtl;
57
+ text-align: right;
58
+ }
59
+ .tox-tinymce {
60
+ border: 2px solid #eeeeee;
61
+ border-radius: 10px;
62
+ box-shadow: none;
63
+ box-sizing: border-box;
64
+ display: flex;
65
+ flex-direction: column;
66
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
67
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
68
+ overflow: hidden;
69
+ position: relative;
70
+ visibility: inherit !important;
71
+ }
72
+ .tox.tox-tinymce-inline {
73
+ border: none;
74
+ box-shadow: none;
75
+ overflow: initial;
76
+ }
77
+ .tox.tox-tinymce-inline .tox-editor-container {
78
+ overflow: initial;
79
+ }
80
+ .tox.tox-tinymce-inline .tox-editor-header {
81
+ background-color: var(--v-background-base);
82
+ border: 2px solid #eeeeee;
83
+ border-radius: 10px;
84
+ box-shadow: none;
85
+ overflow: hidden;
86
+ }
87
+ .tox-tinymce-aux {
88
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
89
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
90
+ z-index: 1300;
91
+ }
92
+ .tox-tinymce *:focus,
93
+ .tox-tinymce-aux *:focus {
94
+ outline: none;
95
+ }
96
+ button::-moz-focus-inner {
97
+ border: 0;
98
+ }
99
+ .tox[dir='rtl'] .tox-icon--flip svg {
100
+ transform: rotateY(180deg);
101
+ }
102
+ .tox .accessibility-issue__header {
103
+ align-items: center;
104
+ display: flex;
105
+ margin-bottom: 4px;
106
+ }
107
+ .tox .accessibility-issue__description {
108
+ align-items: stretch;
109
+ border-radius: 6px;
110
+ display: flex;
111
+ justify-content: space-between;
112
+ }
113
+ .tox .accessibility-issue__description > div {
114
+ padding-bottom: 4px;
115
+ }
116
+ .tox .accessibility-issue__description > div > div {
117
+ align-items: center;
118
+ display: flex;
119
+ margin-bottom: 4px;
120
+ }
121
+ .tox .accessibility-issue__description > div > div .tox-icon svg {
122
+ display: block;
123
+ }
124
+ .tox .accessibility-issue__repair {
125
+ margin-top: 16px;
126
+ }
127
+ .tox
128
+ .tox-dialog__body-content
129
+ .accessibility-issue--info
130
+ .accessibility-issue__description {
131
+ background-color: rgba(0, 101, 216, 0.1);
132
+ color: #222f3e;
133
+ }
134
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
135
+ color: #006ce7;
136
+ }
137
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
138
+ fill: #006ce7;
139
+ }
140
+ .tox
141
+ .tox-dialog__body-content
142
+ .accessibility-issue--info
143
+ a.tox-button--naked.tox-button--icon {
144
+ background-color: var(--v-primary-base);
145
+ color: var(--theme--light-primary-base--text);
146
+ }
147
+ .tox
148
+ .tox-dialog__body-content
149
+ .accessibility-issue--info
150
+ a.tox-button--naked.tox-button--icon:hover,
151
+ .tox
152
+ .tox-dialog__body-content
153
+ .accessibility-issue--info
154
+ a.tox-button--naked.tox-button--icon:focus {
155
+ background-color: #0060ce;
156
+ }
157
+ .tox
158
+ .tox-dialog__body-content
159
+ .accessibility-issue--info
160
+ a.tox-button--naked.tox-button--icon:active {
161
+ background-color: #0054b4;
162
+ }
163
+ .tox .tox-dialog__body-content .accessibility-issue--warn {
164
+ /* stylelint-disable-next-line no-descending-specificity */
165
+ }
166
+ .tox
167
+ .tox-dialog__body-content
168
+ .accessibility-issue--warn
169
+ .accessibility-issue__description {
170
+ background-color: rgba(255, 165, 0, 0.08);
171
+ color: #222f3e;
172
+ }
173
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
174
+ color: #8f5d00;
175
+ }
176
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
177
+ fill: #8f5d00;
178
+ }
179
+ .tox
180
+ .tox-dialog__body-content
181
+ .accessibility-issue--warn
182
+ a.tox-button--naked.tox-button--icon {
183
+ background-color: #ffe89d;
184
+ color: #222f3e;
185
+ }
186
+ .tox
187
+ .tox-dialog__body-content
188
+ .accessibility-issue--warn
189
+ a.tox-button--naked.tox-button--icon:hover,
190
+ .tox
191
+ .tox-dialog__body-content
192
+ .accessibility-issue--warn
193
+ a.tox-button--naked.tox-button--icon:focus {
194
+ background-color: #f2d574;
195
+ color: #222f3e;
196
+ }
197
+ .tox
198
+ .tox-dialog__body-content
199
+ .accessibility-issue--warn
200
+ a.tox-button--naked.tox-button--icon:active {
201
+ background-color: #e8c657;
202
+ color: #222f3e;
203
+ }
204
+ .tox .tox-dialog__body-content .accessibility-issue--error {
205
+ /* stylelint-disable-next-line no-descending-specificity */
206
+ }
207
+ .tox
208
+ .tox-dialog__body-content
209
+ .accessibility-issue--error
210
+ .accessibility-issue__description {
211
+ background-color: rgba(204, 0, 0, 0.1);
212
+ color: #222f3e;
213
+ }
214
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
215
+ color: #c00;
216
+ }
217
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
218
+ fill: #c00;
219
+ }
220
+ .tox
221
+ .tox-dialog__body-content
222
+ .accessibility-issue--error
223
+ a.tox-button--naked.tox-button--icon {
224
+ background-color: #f2bfbf;
225
+ color: #222f3e;
226
+ }
227
+ .tox
228
+ .tox-dialog__body-content
229
+ .accessibility-issue--error
230
+ a.tox-button--naked.tox-button--icon:hover,
231
+ .tox
232
+ .tox-dialog__body-content
233
+ .accessibility-issue--error
234
+ a.tox-button--naked.tox-button--icon:focus {
235
+ background-color: #e9a4a4;
236
+ color: #222f3e;
237
+ }
238
+ .tox
239
+ .tox-dialog__body-content
240
+ .accessibility-issue--error
241
+ a.tox-button--naked.tox-button--icon:active {
242
+ background-color: #ee9494;
243
+ color: #222f3e;
244
+ }
245
+ .tox
246
+ .tox-dialog__body-content
247
+ .accessibility-issue--success
248
+ .accessibility-issue__description {
249
+ background-color: rgba(120, 171, 70, 0.1);
250
+ color: #222f3e;
251
+ }
252
+ .tox
253
+ .tox-dialog__body-content
254
+ .accessibility-issue--success
255
+ .accessibility-issue__description
256
+ > *:last-child {
257
+ display: none;
258
+ }
259
+ .tox
260
+ .tox-dialog__body-content
261
+ .accessibility-issue--success
262
+ .tox-form__group
263
+ h2 {
264
+ color: #527530;
265
+ }
266
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
267
+ fill: #527530;
268
+ }
269
+ .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
270
+ .tox
271
+ .tox-dialog__body-content
272
+ .tox-form__group
273
+ .accessibility-issue__description
274
+ h2 {
275
+ font-size: 14px;
276
+ margin-top: 0;
277
+ }
278
+ .tox:not([dir='rtl'])
279
+ .tox-dialog__body-content
280
+ .accessibility-issue__header
281
+ .tox-button {
282
+ margin-left: 4px;
283
+ }
284
+ .tox:not([dir='rtl'])
285
+ .tox-dialog__body-content
286
+ .accessibility-issue__header
287
+ > *:nth-last-child(2) {
288
+ margin-left: auto;
289
+ }
290
+ .tox:not([dir='rtl'])
291
+ .tox-dialog__body-content
292
+ .accessibility-issue__description {
293
+ padding: 4px 4px 4px 8px;
294
+ }
295
+ .tox[dir='rtl']
296
+ .tox-dialog__body-content
297
+ .accessibility-issue__header
298
+ .tox-button {
299
+ margin-right: 4px;
300
+ }
301
+ .tox[dir='rtl']
302
+ .tox-dialog__body-content
303
+ .accessibility-issue__header
304
+ > *:nth-last-child(2) {
305
+ margin-right: auto;
306
+ }
307
+ .tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
308
+ padding: 4px 8px 4px 4px;
309
+ }
310
+ .tox .mce-codemirror {
311
+ background: var(--v-background-base);
312
+ bottom: 0;
313
+ font-size: 13px;
314
+ left: 0;
315
+ position: absolute;
316
+ right: 0;
317
+ top: 0;
318
+ z-index: 1;
319
+ }
320
+ .tox .mce-codemirror.tox-inline-codemirror {
321
+ margin: 8px;
322
+ position: absolute;
323
+ }
324
+ .tox .tox-advtemplate .tox-form__grid {
325
+ flex: 1;
326
+ }
327
+ .tox .tox-advtemplate .tox-form__grid > div:first-child {
328
+ display: flex;
329
+ flex-direction: column;
330
+ width: 30%;
331
+ }
332
+ .tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
333
+ flex-basis: 0;
334
+ flex-grow: 1;
335
+ overflow: auto;
336
+ }
337
+ @media only screen and (max-width: 767px) {
338
+ body:not(.tox-force-desktop)
339
+ .tox
340
+ .tox-advtemplate
341
+ .tox-form__grid
342
+ > div:first-child {
343
+ width: 100%;
344
+ }
345
+ }
346
+ .tox .tox-advtemplate iframe {
347
+ border-color: #eeeeee;
348
+ border-radius: 10px;
349
+ border-style: solid;
350
+ border-width: 1px;
351
+ margin: 0 10px;
352
+ }
353
+ .tox .tox-anchorbar {
354
+ display: flex;
355
+ flex: 0 0 auto;
356
+ }
357
+ .tox .tox-bottom-anchorbar {
358
+ display: flex;
359
+ flex: 0 0 auto;
360
+ }
361
+ .tox .tox-bar {
362
+ display: flex;
363
+ flex: 0 0 auto;
364
+ }
365
+ .tox .tox-button {
366
+ background-color: inherit;
367
+ color: var(--v-primary-base);
368
+ background-image: none;
369
+ background-position: 0 0;
370
+ background-repeat: repeat;
371
+ border-radius: 6px;
372
+ border-style: solid;
373
+ border-width: 1px;
374
+ box-shadow: none;
375
+ box-sizing: border-box;
376
+ cursor: pointer;
377
+ display: inline-block;
378
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
379
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
380
+ font-size: 14px;
381
+ font-style: normal;
382
+ font-weight: bold;
383
+ letter-spacing: normal;
384
+ line-height: 24px;
385
+ margin: 0;
386
+ outline: none;
387
+ padding: 4px 16px;
388
+ position: relative;
389
+ text-align: center;
390
+ text-decoration: none;
391
+ text-transform: none;
392
+ white-space: nowrap;
393
+ }
394
+ .tox .tox-button::before {
395
+ border-radius: 6px;
396
+ bottom: -1px;
397
+ box-shadow: inset 0 0 0 1px var(--v-background-base), 0 0 0 2px #006ce7;
398
+ content: '';
399
+ left: -1px;
400
+ opacity: 0;
401
+ pointer-events: none;
402
+ position: absolute;
403
+ right: -1px;
404
+ top: -1px;
405
+ }
406
+ .tox .tox-button[disabled] {
407
+ background-color: inherit;
408
+ background-image: none;
409
+ border-color: var(--v-primary-base);
410
+ box-shadow: none;
411
+ color: rgba(255, 255, 255, 0.5);
412
+ cursor: not-allowed;
413
+ }
414
+ .tox .tox-button:focus:not(:disabled) {
415
+ background-color: inherit;
416
+ background-image: none;
417
+ border-color: var(--v-primary-base);
418
+ box-shadow: none;
419
+ color: var(--v-background-base);
420
+ }
421
+ .tox .tox-button:focus:not(:disabled)::before {
422
+ opacity: 1;
423
+ }
424
+ .tox .tox-button:hover:not(:disabled) {
425
+ background-color: inherit;
426
+ background-image: none;
427
+ border-color: var(--v-primary-base);
428
+ box-shadow: none;
429
+ color: var(--v-background-base);
430
+ }
431
+ .tox .tox-button:active:not(:disabled) {
432
+ background-color: inherit;
433
+ background-image: none;
434
+ border-color: var(--v-primary-base);
435
+ box-shadow: none;
436
+ color: var(--v-background-base);
437
+ }
438
+ .tox .tox-button.tox-button--enabled {
439
+ background-color: inherit;
440
+ background-image: none;
441
+ border-color: var(--v-primary-base);
442
+ box-shadow: none;
443
+ color: var(--v-background-base);
444
+ }
445
+ .tox .tox-button.tox-button--enabled[disabled] {
446
+ background-color: inherit;
447
+ background-image: none;
448
+ border-color: var(--v-primary-base);
449
+ box-shadow: none;
450
+ color: rgba(255, 255, 255, 0.5);
451
+ cursor: not-allowed;
452
+ }
453
+ .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
454
+ background-color: inherit;
455
+ background-image: none;
456
+ border-color: var(--v-primary-base);
457
+ box-shadow: none;
458
+ color: var(--v-background-base);
459
+ }
460
+ .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
461
+ background-color: inherit;
462
+ background-image: none;
463
+ border-color: var(--v-primary-base);
464
+ box-shadow: none;
465
+ color: var(--v-background-base);
466
+ }
467
+ .tox .tox-button.tox-button--enabled:active:not(:disabled) {
468
+ background-color: inherit;
469
+ background-image: none;
470
+ border-color: var(--v-primary-base);
471
+ box-shadow: none;
472
+ color: var(--v-background-base);
473
+ }
474
+ .tox .tox-button--icon-and-text,
475
+ .tox .tox-button.tox-button--icon-and-text,
476
+ .tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
477
+ display: flex;
478
+ padding: 5px 4px;
479
+ }
480
+ .tox .tox-button--icon-and-text .tox-icon svg,
481
+ .tox .tox-button.tox-button--icon-and-text .tox-icon svg,
482
+ .tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
483
+ display: block;
484
+ fill: currentColor;
485
+ }
486
+ .tox .tox-button--secondary {
487
+ background-color: #f0f0f0;
488
+ background-image: none;
489
+ background-position: 0 0;
490
+ background-repeat: repeat;
491
+ border-color: #f0f0f0;
492
+ border-radius: 6px;
493
+ border-style: solid;
494
+ border-width: 1px;
495
+ box-shadow: none;
496
+ color: #222f3e;
497
+ font-size: 14px;
498
+ font-style: normal;
499
+ font-weight: bold;
500
+ letter-spacing: normal;
501
+ outline: none;
502
+ padding: 4px 16px;
503
+ text-decoration: none;
504
+ text-transform: none;
505
+ }
506
+ .tox .tox-button--secondary[disabled] {
507
+ background-color: #f0f0f0;
508
+ background-image: none;
509
+ border-color: #f0f0f0;
510
+ box-shadow: none;
511
+ color: rgba(34, 47, 62, 0.5);
512
+ }
513
+ .tox .tox-button--secondary:focus:not(:disabled) {
514
+ background-color: #e3e3e3;
515
+ background-image: none;
516
+ border-color: #e3e3e3;
517
+ box-shadow: none;
518
+ color: #222f3e;
519
+ }
520
+ .tox .tox-button--secondary:hover:not(:disabled) {
521
+ background-color: #e3e3e3;
522
+ background-image: none;
523
+ border-color: #e3e3e3;
524
+ box-shadow: none;
525
+ color: #222f3e;
526
+ }
527
+ .tox .tox-button--secondary:active:not(:disabled) {
528
+ background-color: #d6d6d6;
529
+ background-image: none;
530
+ border-color: #d6d6d6;
531
+ box-shadow: none;
532
+ color: #222f3e;
533
+ }
534
+ .tox .tox-button--secondary.tox-button--enabled {
535
+ background-color: #a8c8ed;
536
+ background-image: none;
537
+ border-color: #a8c8ed;
538
+ box-shadow: none;
539
+ color: #222f3e;
540
+ }
541
+ .tox .tox-button--secondary.tox-button--enabled[disabled] {
542
+ background-color: #a8c8ed;
543
+ background-image: none;
544
+ border-color: #a8c8ed;
545
+ box-shadow: none;
546
+ color: rgba(34, 47, 62, 0.5);
547
+ }
548
+ .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
549
+ background-color: #93bbe9;
550
+ background-image: none;
551
+ border-color: #93bbe9;
552
+ box-shadow: none;
553
+ color: #222f3e;
554
+ }
555
+ .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
556
+ background-color: #93bbe9;
557
+ background-image: none;
558
+ border-color: #93bbe9;
559
+ box-shadow: none;
560
+ color: #222f3e;
561
+ }
562
+ .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
563
+ background-color: #7daee4;
564
+ background-image: none;
565
+ border-color: #7daee4;
566
+ box-shadow: none;
567
+ color: #222f3e;
568
+ }
569
+ .tox .tox-button--icon,
570
+ .tox .tox-button.tox-button--icon,
571
+ .tox .tox-button.tox-button--secondary.tox-button--icon {
572
+ padding: 4px;
573
+ }
574
+ .tox .tox-button--icon .tox-icon svg,
575
+ .tox .tox-button.tox-button--icon .tox-icon svg,
576
+ .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
577
+ display: block;
578
+ fill: currentColor;
579
+ }
580
+ .tox .tox-button-link {
581
+ background: 0;
582
+ border: none;
583
+ box-sizing: border-box;
584
+ cursor: pointer;
585
+ display: inline-block;
586
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
587
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
588
+ font-size: 16px;
589
+ font-weight: normal;
590
+ line-height: 1.3;
591
+ margin: 0;
592
+ padding: 0;
593
+ white-space: nowrap;
594
+ }
595
+ .tox .tox-button-link--sm {
596
+ font-size: 14px;
597
+ }
598
+ .tox .tox-button--naked {
599
+ background-color: transparent;
600
+ border-color: transparent;
601
+ box-shadow: unset;
602
+ color: #222f3e;
603
+ }
604
+ .tox .tox-button--naked[disabled] {
605
+ background-color: rgba(34, 47, 62, 0.12);
606
+ border-color: transparent;
607
+ box-shadow: unset;
608
+ color: rgba(34, 47, 62, 0.5);
609
+ }
610
+ .tox .tox-button--naked:hover:not(:disabled) {
611
+ background-color: rgba(34, 47, 62, 0.12);
612
+ border-color: transparent;
613
+ box-shadow: unset;
614
+ color: #222f3e;
615
+ }
616
+ .tox .tox-button--naked:focus:not(:disabled) {
617
+ background-color: rgba(34, 47, 62, 0.12);
618
+ border-color: transparent;
619
+ box-shadow: unset;
620
+ color: #222f3e;
621
+ }
622
+ .tox .tox-button--naked:active:not(:disabled) {
623
+ background-color: rgba(34, 47, 62, 0.18);
624
+ border-color: transparent;
625
+ box-shadow: unset;
626
+ color: #222f3e;
627
+ }
628
+ .tox .tox-button--naked .tox-icon svg {
629
+ fill: currentColor;
630
+ }
631
+ .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
632
+ color: #222f3e;
633
+ }
634
+ .tox .tox-checkbox {
635
+ align-items: center;
636
+ border-radius: 6px;
637
+ cursor: pointer;
638
+ display: flex;
639
+ height: 36px;
640
+ min-width: 36px;
641
+ }
642
+ .tox .tox-checkbox__input {
643
+ /* Hide from view but visible to screen readers */
644
+ height: 1px;
645
+ overflow: hidden;
646
+ position: absolute;
647
+ top: auto;
648
+ width: 1px;
649
+ }
650
+ .tox .tox-checkbox__icons {
651
+ align-items: center;
652
+ border-radius: 6px;
653
+ box-shadow: 0 0 0 2px transparent;
654
+ box-sizing: content-box;
655
+ display: flex;
656
+ height: 24px;
657
+ justify-content: center;
658
+ padding: calc(4px - 1px);
659
+ width: 24px;
660
+ }
661
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
662
+ display: block;
663
+ fill: rgba(34, 47, 62, 0.3);
664
+ }
665
+ @media (forced-colors: active) {
666
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
667
+ fill: currentColor !important;
668
+ }
669
+ }
670
+ .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
671
+ display: none;
672
+ fill: #006ce7;
673
+ }
674
+ .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
675
+ display: none;
676
+ fill: #006ce7;
677
+ }
678
+ .tox .tox-checkbox--disabled {
679
+ color: rgba(34, 47, 62, 0.5);
680
+ cursor: not-allowed;
681
+ }
682
+ .tox
683
+ .tox-checkbox--disabled
684
+ .tox-checkbox__icons
685
+ .tox-checkbox-icon__checked
686
+ svg {
687
+ fill: rgba(34, 47, 62, 0.5);
688
+ }
689
+ .tox
690
+ .tox-checkbox--disabled
691
+ .tox-checkbox__icons
692
+ .tox-checkbox-icon__unchecked
693
+ svg {
694
+ fill: rgba(34, 47, 62, 0.5);
695
+ }
696
+ .tox
697
+ .tox-checkbox--disabled
698
+ .tox-checkbox__icons
699
+ .tox-checkbox-icon__indeterminate
700
+ svg {
701
+ fill: rgba(34, 47, 62, 0.5);
702
+ }
703
+ .tox
704
+ input.tox-checkbox__input:checked
705
+ + .tox-checkbox__icons
706
+ .tox-checkbox-icon__unchecked
707
+ svg {
708
+ display: none;
709
+ }
710
+ .tox
711
+ input.tox-checkbox__input:checked
712
+ + .tox-checkbox__icons
713
+ .tox-checkbox-icon__checked
714
+ svg {
715
+ display: block;
716
+ }
717
+ .tox
718
+ input.tox-checkbox__input:indeterminate
719
+ + .tox-checkbox__icons
720
+ .tox-checkbox-icon__unchecked
721
+ svg {
722
+ display: none;
723
+ }
724
+ .tox
725
+ input.tox-checkbox__input:indeterminate
726
+ + .tox-checkbox__icons
727
+ .tox-checkbox-icon__indeterminate
728
+ svg {
729
+ display: block;
730
+ }
731
+ .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
732
+ border-radius: 6px;
733
+ box-shadow: inset 0 0 0 1px #006ce7;
734
+ padding: calc(4px - 1px);
735
+ }
736
+ .tox:not([dir='rtl']) .tox-checkbox__label {
737
+ margin-left: 4px;
738
+ }
739
+ .tox:not([dir='rtl']) .tox-checkbox__input {
740
+ left: -10000px;
741
+ }
742
+ .tox:not([dir='rtl']) .tox-bar .tox-checkbox {
743
+ margin-left: 4px;
744
+ }
745
+ .tox[dir='rtl'] .tox-checkbox__label {
746
+ margin-right: 4px;
747
+ }
748
+ .tox[dir='rtl'] .tox-checkbox__input {
749
+ right: -10000px;
750
+ }
751
+ .tox[dir='rtl'] .tox-bar .tox-checkbox {
752
+ margin-right: 4px;
753
+ }
754
+ .tox {
755
+ /* stylelint-disable-next-line no-descending-specificity */
756
+ }
757
+ .tox .tox-collection--toolbar .tox-collection__group {
758
+ display: flex;
759
+ padding: 0;
760
+ }
761
+ .tox .tox-collection--grid .tox-collection__group {
762
+ display: flex;
763
+ flex-wrap: wrap;
764
+ max-height: 208px;
765
+ overflow-x: hidden;
766
+ overflow-y: auto;
767
+ padding: 0;
768
+ }
769
+ .tox .tox-collection--list .tox-collection__group {
770
+ border-bottom-width: 0;
771
+ border-color: #e3e3e3;
772
+ border-left-width: 0;
773
+ border-right-width: 0;
774
+ border-style: solid;
775
+ border-top-width: 1px;
776
+ padding: 4px 0;
777
+ }
778
+ .tox .tox-collection--list .tox-collection__group:first-child {
779
+ border-top-width: 0;
780
+ }
781
+ .tox .tox-collection__group-heading {
782
+ background-color: #fcfcfc;
783
+ color: rgba(34, 47, 62, 0.7);
784
+ cursor: default;
785
+ font-size: 12px;
786
+ font-style: normal;
787
+ font-weight: normal;
788
+ margin-bottom: 4px;
789
+ margin-top: -4px;
790
+ padding: 4px 8px;
791
+ text-transform: none;
792
+ -webkit-touch-callout: none;
793
+ -webkit-user-select: none;
794
+ -moz-user-select: none;
795
+ user-select: none;
796
+ }
797
+ .tox .tox-collection__item {
798
+ align-items: center;
799
+ border-radius: 3px;
800
+ color: #222f3e;
801
+ display: flex;
802
+ -webkit-touch-callout: none;
803
+ -webkit-user-select: none;
804
+ -moz-user-select: none;
805
+ user-select: none;
806
+ }
807
+ .tox .tox-collection--list .tox-collection__item {
808
+ padding: 4px 8px;
809
+ }
810
+ .tox .tox-collection--toolbar .tox-collection__item {
811
+ border-radius: 3px;
812
+ padding: 4px;
813
+ }
814
+ .tox .tox-collection--grid .tox-collection__item {
815
+ border-radius: 3px;
816
+ padding: 4px;
817
+ }
818
+ .tox .tox-collection--list .tox-collection__item--enabled {
819
+ background-color: var(--v-background-base);
820
+ color: #222f3e;
821
+ }
822
+ .tox .tox-collection--list .tox-collection__item--active {
823
+ background-color: #006ce7;
824
+ }
825
+ .tox .tox-collection--toolbar .tox-collection__item--enabled,
826
+ .tox
827
+ .tox-collection--toolbar
828
+ .tox-collection__item--enabled.tox-collection__item--active,
829
+ .tox
830
+ .tox-collection--toolbar
831
+ .tox-collection__item--enabled.tox-collection__item--active:hover {
832
+ background-color: #a6ccf7;
833
+ color: #222f3e;
834
+ }
835
+ @media (forced-colors: active) {
836
+ .tox .tox-collection--toolbar .tox-collection__item--enabled,
837
+ .tox
838
+ .tox-collection--toolbar
839
+ .tox-collection__item--enabled.tox-collection__item--active,
840
+ .tox
841
+ .tox-collection--toolbar
842
+ .tox-collection__item--enabled.tox-collection__item--active:hover {
843
+ border-radius: 3px;
844
+ outline: solid 1px;
845
+ }
846
+ }
847
+ .tox .tox-collection--toolbar .tox-collection__item--active {
848
+ background-color: var(--v-background-base);
849
+ position: relative;
850
+ }
851
+ .tox .tox-collection--toolbar .tox-collection__item--active:hover {
852
+ background-color: #f0f0f0;
853
+ color: #222f3e;
854
+ }
855
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus {
856
+ background-color: #f0f0f0;
857
+ color: #222f3e;
858
+ }
859
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
860
+ border-radius: 3px;
861
+ bottom: 0;
862
+ box-shadow: 0 0 0 2px #006ce7;
863
+ content: '';
864
+ left: 0;
865
+ position: absolute;
866
+ right: 0;
867
+ top: 0;
868
+ }
869
+ @media (forced-colors: active) {
870
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
871
+ border: 2px solid highlight;
872
+ }
873
+ }
874
+ .tox .tox-collection--grid .tox-collection__item--enabled {
875
+ background-color: #a6ccf7;
876
+ color: #222f3e;
877
+ }
878
+ .tox
879
+ .tox-collection--grid
880
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
881
+ background-color: #f0f0f0;
882
+ color: #222f3e;
883
+ position: relative;
884
+ z-index: 1;
885
+ }
886
+ .tox
887
+ .tox-collection--grid
888
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
889
+ border-radius: 3px;
890
+ bottom: 0;
891
+ box-shadow: 0 0 0 2px #006ce7 'inset';
892
+ content: '';
893
+ left: 0;
894
+ position: absolute;
895
+ right: 0;
896
+ top: 0;
897
+ }
898
+ @media (forced-colors: active) {
899
+ .tox
900
+ .tox-collection--grid
901
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
902
+ border: 2px solid highlight;
903
+ }
904
+ }
905
+ .tox
906
+ .tox-collection--list
907
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
908
+ color: var(--v-background-base);
909
+ }
910
+ @media (forced-colors: active) {
911
+ .tox
912
+ .tox-collection--list
913
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
914
+ border: solid 1px;
915
+ }
916
+ }
917
+ .tox
918
+ .tox-collection--toolbar
919
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
920
+ color: #222f3e;
921
+ }
922
+ @media (forced-colors: active) {
923
+ .tox
924
+ .tox-collection--toolbar
925
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
926
+ border-radius: 3px;
927
+ outline: solid 1px;
928
+ }
929
+ }
930
+ .tox .tox-collection__item-icon,
931
+ .tox .tox-collection__item-checkmark {
932
+ align-items: center;
933
+ display: flex;
934
+ height: 24px;
935
+ justify-content: center;
936
+ width: 24px;
937
+ }
938
+ .tox .tox-collection__item-icon svg,
939
+ .tox .tox-collection__item-checkmark svg {
940
+ fill: currentColor;
941
+ }
942
+ .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
943
+ height: 48px;
944
+ width: 48px;
945
+ }
946
+ .tox .tox-collection__item-label {
947
+ color: currentColor;
948
+ display: inline-block;
949
+ flex: 1;
950
+ font-size: 14px;
951
+ font-style: normal;
952
+ font-weight: normal;
953
+ line-height: 24px;
954
+ max-width: 100%;
955
+ text-transform: none;
956
+ word-break: break-all;
957
+ }
958
+ .tox .tox-collection__item-accessory {
959
+ color: currentColor;
960
+ display: inline-block;
961
+ font-size: 14px;
962
+ height: 24px;
963
+ line-height: 24px;
964
+ text-transform: none;
965
+ }
966
+ .tox .tox-collection__item-caret {
967
+ align-items: center;
968
+ display: flex;
969
+ min-height: 24px;
970
+ }
971
+ .tox .tox-collection__item-caret::after {
972
+ content: '';
973
+ font-size: 0;
974
+ min-height: inherit;
975
+ }
976
+ .tox .tox-collection__item-caret svg {
977
+ fill: currentColor;
978
+ }
979
+ .tox .tox-collection__item--state-disabled {
980
+ background-color: transparent;
981
+ color: rgba(34, 47, 62, 0.5);
982
+ cursor: not-allowed;
983
+ }
984
+ .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
985
+ fill: rgba(34, 47, 62, 0.5);
986
+ }
987
+ .tox
988
+ .tox-collection--list
989
+ .tox-collection__item:not(.tox-collection__item--enabled)
990
+ .tox-collection__item-checkmark
991
+ svg {
992
+ display: none;
993
+ }
994
+ .tox
995
+ .tox-collection--list
996
+ .tox-collection__item:not(.tox-collection__item--enabled)
997
+ .tox-collection__item-accessory
998
+ + .tox-collection__item-checkmark {
999
+ display: none;
1000
+ }
1001
+ .tox .tox-collection--horizontal {
1002
+ background-color: var(--v-background-base);
1003
+ border: 1px solid #e3e3e3;
1004
+ border-radius: 6px;
1005
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
1006
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
1007
+ display: flex;
1008
+ flex: 0 0 auto;
1009
+ flex-shrink: 0;
1010
+ flex-wrap: nowrap;
1011
+ margin-bottom: 0;
1012
+ overflow-x: auto;
1013
+ padding: 0;
1014
+ }
1015
+ .tox .tox-collection--horizontal .tox-collection__group {
1016
+ align-items: center;
1017
+ display: flex;
1018
+ flex-wrap: nowrap;
1019
+ margin: 0;
1020
+ padding: 0 4px;
1021
+ }
1022
+ .tox .tox-collection--horizontal .tox-collection__item {
1023
+ height: 28px;
1024
+ margin: 6px 1px 5px 0;
1025
+ padding: 0 4px;
1026
+ }
1027
+ .tox .tox-collection--horizontal .tox-collection__item-label {
1028
+ white-space: nowrap;
1029
+ }
1030
+ .tox .tox-collection--horizontal .tox-collection__item-caret {
1031
+ margin-left: 4px;
1032
+ }
1033
+ .tox .tox-collection__item-container {
1034
+ display: flex;
1035
+ }
1036
+ .tox .tox-collection__item-container--row {
1037
+ align-items: center;
1038
+ flex: 1 1 auto;
1039
+ flex-direction: row;
1040
+ }
1041
+ .tox
1042
+ .tox-collection__item-container--row.tox-collection__item-container--align-left {
1043
+ margin-right: auto;
1044
+ }
1045
+ .tox
1046
+ .tox-collection__item-container--row.tox-collection__item-container--align-right {
1047
+ justify-content: flex-end;
1048
+ margin-left: auto;
1049
+ }
1050
+ .tox
1051
+ .tox-collection__item-container--row.tox-collection__item-container--valign-top {
1052
+ align-items: flex-start;
1053
+ margin-bottom: auto;
1054
+ }
1055
+ .tox
1056
+ .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
1057
+ align-items: center;
1058
+ }
1059
+ .tox
1060
+ .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
1061
+ align-items: flex-end;
1062
+ margin-top: auto;
1063
+ }
1064
+ .tox .tox-collection__item-container--column {
1065
+ align-self: center;
1066
+ flex: 1 1 auto;
1067
+ flex-direction: column;
1068
+ }
1069
+ .tox
1070
+ .tox-collection__item-container--column.tox-collection__item-container--align-left {
1071
+ align-items: flex-start;
1072
+ }
1073
+ .tox
1074
+ .tox-collection__item-container--column.tox-collection__item-container--align-right {
1075
+ align-items: flex-end;
1076
+ }
1077
+ .tox
1078
+ .tox-collection__item-container--column.tox-collection__item-container--valign-top {
1079
+ align-self: flex-start;
1080
+ }
1081
+ .tox
1082
+ .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
1083
+ align-self: center;
1084
+ }
1085
+ .tox
1086
+ .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
1087
+ align-self: flex-end;
1088
+ }
1089
+ .tox:not([dir='rtl'])
1090
+ .tox-collection--horizontal
1091
+ .tox-collection__group:not(:last-of-type) {
1092
+ border-right: 1px solid transparent;
1093
+ }
1094
+ .tox:not([dir='rtl'])
1095
+ .tox-collection--list
1096
+ .tox-collection__item
1097
+ > *:not(:first-child) {
1098
+ margin-left: 8px;
1099
+ }
1100
+ .tox:not([dir='rtl'])
1101
+ .tox-collection--list
1102
+ .tox-collection__item
1103
+ > .tox-collection__item-label:first-child {
1104
+ margin-left: 4px;
1105
+ }
1106
+ .tox:not([dir='rtl']) .tox-collection__item-accessory {
1107
+ margin-left: 16px;
1108
+ text-align: right;
1109
+ }
1110
+ .tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
1111
+ margin-left: 16px;
1112
+ }
1113
+ .tox[dir='rtl']
1114
+ .tox-collection--horizontal
1115
+ .tox-collection__group:not(:last-of-type) {
1116
+ border-left: 1px solid transparent;
1117
+ }
1118
+ .tox[dir='rtl']
1119
+ .tox-collection--list
1120
+ .tox-collection__item
1121
+ > *:not(:first-child) {
1122
+ margin-right: 8px;
1123
+ }
1124
+ .tox[dir='rtl']
1125
+ .tox-collection--list
1126
+ .tox-collection__item
1127
+ > .tox-collection__item-label:first-child {
1128
+ margin-right: 4px;
1129
+ }
1130
+ .tox[dir='rtl'] .tox-collection__item-accessory {
1131
+ margin-right: 16px;
1132
+ text-align: left;
1133
+ }
1134
+ .tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
1135
+ margin-right: 16px;
1136
+ transform: rotateY(180deg);
1137
+ }
1138
+ .tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
1139
+ margin-right: 4px;
1140
+ }
1141
+ @media (forced-colors: active) {
1142
+ .tox .tox-hue-slider,
1143
+ .tox .tox-rgb-form .tox-rgba-preview {
1144
+ background-color: currentColor !important;
1145
+ border: 1px solid highlight !important;
1146
+ forced-color-adjust: none;
1147
+ }
1148
+ }
1149
+ .tox .tox-color-picker-container {
1150
+ display: flex;
1151
+ flex-direction: row;
1152
+ height: 225px;
1153
+ margin: 0;
1154
+ }
1155
+ .tox .tox-sv-palette {
1156
+ box-sizing: border-box;
1157
+ display: flex;
1158
+ height: 100%;
1159
+ }
1160
+ .tox .tox-sv-palette-spectrum {
1161
+ height: 100%;
1162
+ }
1163
+ .tox .tox-sv-palette,
1164
+ .tox .tox-sv-palette-spectrum {
1165
+ width: 225px;
1166
+ }
1167
+ .tox .tox-sv-palette-thumb {
1168
+ background: none;
1169
+ border: 1px solid black;
1170
+ border-radius: 50%;
1171
+ box-sizing: content-box;
1172
+ height: 12px;
1173
+ position: absolute;
1174
+ width: 12px;
1175
+ }
1176
+ .tox .tox-sv-palette-inner-thumb {
1177
+ border: 1px solid white;
1178
+ border-radius: 50%;
1179
+ height: 10px;
1180
+ position: absolute;
1181
+ width: 10px;
1182
+ }
1183
+ .tox .tox-hue-slider {
1184
+ box-sizing: border-box;
1185
+ height: 100%;
1186
+ width: 25px;
1187
+ }
1188
+ .tox .tox-hue-slider-spectrum {
1189
+ background: linear-gradient(
1190
+ to bottom,
1191
+ #f00,
1192
+ #ff0080,
1193
+ #f0f,
1194
+ #8000ff,
1195
+ #00f,
1196
+ #0080ff,
1197
+ #0ff,
1198
+ #00ff80,
1199
+ #0f0,
1200
+ #80ff00,
1201
+ #ff0,
1202
+ #ff8000,
1203
+ #f00
1204
+ );
1205
+ height: 100%;
1206
+ width: 100%;
1207
+ }
1208
+ .tox .tox-hue-slider,
1209
+ .tox .tox-hue-slider-spectrum {
1210
+ width: 20px;
1211
+ }
1212
+ .tox .tox-hue-slider-spectrum:focus,
1213
+ .tox .tox-sv-palette-spectrum:focus {
1214
+ outline: #08f solid;
1215
+ }
1216
+ .tox .tox-hue-slider-thumb {
1217
+ background: white;
1218
+ border: 1px solid black;
1219
+ box-sizing: content-box;
1220
+ height: 4px;
1221
+ width: 100%;
1222
+ }
1223
+ .tox .tox-rgb-form {
1224
+ display: flex;
1225
+ flex-direction: column;
1226
+ justify-content: space-between;
1227
+ }
1228
+ .tox .tox-rgb-form div {
1229
+ align-items: center;
1230
+ display: flex;
1231
+ justify-content: space-between;
1232
+ margin-bottom: 5px;
1233
+ width: inherit;
1234
+ }
1235
+ .tox .tox-rgb-form input {
1236
+ width: 6em;
1237
+ }
1238
+ .tox .tox-rgb-form input.tox-invalid {
1239
+ /* Need !important to override Chrome's focus styling unfortunately */
1240
+ border: 1px solid red !important;
1241
+ }
1242
+ .tox .tox-rgb-form .tox-rgba-preview {
1243
+ border: 1px solid black;
1244
+ flex-grow: 2;
1245
+ margin-bottom: 0;
1246
+ }
1247
+ .tox:not([dir='rtl']) .tox-sv-palette {
1248
+ margin-right: 15px;
1249
+ }
1250
+ .tox:not([dir='rtl']) .tox-hue-slider {
1251
+ margin-right: 15px;
1252
+ }
1253
+ .tox:not([dir='rtl']) .tox-hue-slider-thumb {
1254
+ margin-left: -1px;
1255
+ }
1256
+ .tox:not([dir='rtl']) .tox-rgb-form label {
1257
+ margin-right: 0.5em;
1258
+ }
1259
+ .tox[dir='rtl'] .tox-sv-palette {
1260
+ margin-left: 15px;
1261
+ }
1262
+ .tox[dir='rtl'] .tox-hue-slider {
1263
+ margin-left: 15px;
1264
+ }
1265
+ .tox[dir='rtl'] .tox-hue-slider-thumb {
1266
+ margin-right: -1px;
1267
+ }
1268
+ .tox[dir='rtl'] .tox-rgb-form label {
1269
+ margin-left: 0.5em;
1270
+ }
1271
+ .tox .tox-toolbar .tox-swatches,
1272
+ .tox .tox-toolbar__primary .tox-swatches,
1273
+ .tox .tox-toolbar__overflow .tox-swatches {
1274
+ margin: 5px 0 6px 11px;
1275
+ }
1276
+ .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1277
+ border: 0;
1278
+ margin: -4px -4px;
1279
+ }
1280
+ .tox .tox-swatches__row {
1281
+ display: flex;
1282
+ }
1283
+ @media (forced-colors: active) {
1284
+ .tox .tox-swatches__row {
1285
+ forced-color-adjust: none;
1286
+ }
1287
+ }
1288
+ .tox .tox-swatch {
1289
+ height: 30px;
1290
+ transition: transform 0.15s, box-shadow 0.15s;
1291
+ width: 30px;
1292
+ }
1293
+ .tox .tox-swatch:hover,
1294
+ .tox .tox-swatch:focus {
1295
+ box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
1296
+ transform: scale(0.8);
1297
+ }
1298
+ .tox .tox-swatch--remove {
1299
+ align-items: center;
1300
+ display: flex;
1301
+ justify-content: center;
1302
+ }
1303
+ .tox .tox-swatch--remove svg path {
1304
+ stroke: #e74c3c;
1305
+ }
1306
+ .tox .tox-swatches__picker-btn {
1307
+ align-items: center;
1308
+ background-color: transparent;
1309
+ border: 0;
1310
+ cursor: pointer;
1311
+ display: flex;
1312
+ height: 30px;
1313
+ justify-content: center;
1314
+ outline: none;
1315
+ padding: 0;
1316
+ width: 30px;
1317
+ }
1318
+ .tox .tox-swatches__picker-btn svg {
1319
+ fill: #222f3e;
1320
+ height: 24px;
1321
+ width: 24px;
1322
+ }
1323
+ .tox .tox-swatches__picker-btn:hover {
1324
+ background: #f0f0f0;
1325
+ }
1326
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1327
+ display: none;
1328
+ fill: #222f3e;
1329
+ height: 24px;
1330
+ margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
1331
+ width: 24px;
1332
+ }
1333
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
1334
+ fill: var(--v-background-base);
1335
+ paint-order: stroke;
1336
+ stroke: #222f3e;
1337
+ stroke-width: 2px;
1338
+ }
1339
+ .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
1340
+ display: block;
1341
+ }
1342
+ .tox:not([dir='rtl']) .tox-swatches__picker-btn {
1343
+ margin-left: auto;
1344
+ }
1345
+ .tox[dir='rtl'] .tox-swatches__picker-btn {
1346
+ margin-right: auto;
1347
+ }
1348
+ .tox .tox-comment-thread {
1349
+ background: var(--v-background-base);
1350
+ position: relative;
1351
+ }
1352
+ .tox .tox-comment-thread > *:not(:first-child) {
1353
+ margin-top: 8px;
1354
+ }
1355
+ .tox .tox-comment {
1356
+ background: var(--v-background-base);
1357
+ border: 1px solid #eeeeee;
1358
+ border-radius: 6px;
1359
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1360
+ padding: 8px 8px 16px 8px;
1361
+ position: relative;
1362
+ }
1363
+ .tox .tox-comment__header {
1364
+ align-items: center;
1365
+ color: #222f3e;
1366
+ display: flex;
1367
+ justify-content: space-between;
1368
+ }
1369
+ .tox .tox-comment__date {
1370
+ color: #222f3e;
1371
+ font-size: 12px;
1372
+ line-height: 18px;
1373
+ }
1374
+ .tox .tox-comment__body {
1375
+ color: #222f3e;
1376
+ font-size: 14px;
1377
+ font-style: normal;
1378
+ font-weight: normal;
1379
+ line-height: 1.3;
1380
+ margin-top: 8px;
1381
+ position: relative;
1382
+ text-transform: initial;
1383
+ }
1384
+ .tox .tox-comment__body textarea {
1385
+ resize: none;
1386
+ white-space: normal;
1387
+ width: 100%;
1388
+ }
1389
+ .tox .tox-comment__expander {
1390
+ padding-top: 8px;
1391
+ }
1392
+ .tox .tox-comment__expander p {
1393
+ color: rgba(34, 47, 62, 0.7);
1394
+ font-size: 14px;
1395
+ font-style: normal;
1396
+ }
1397
+ .tox .tox-comment__body p {
1398
+ margin: 0;
1399
+ }
1400
+ .tox .tox-comment__buttonspacing {
1401
+ padding-top: 16px;
1402
+ text-align: center;
1403
+ }
1404
+ .tox .tox-comment-thread__overlay::after {
1405
+ background: var(--v-background-base);
1406
+ bottom: 0;
1407
+ content: '';
1408
+ display: flex;
1409
+ left: 0;
1410
+ opacity: 0.9;
1411
+ position: absolute;
1412
+ right: 0;
1413
+ top: 0;
1414
+ z-index: 5;
1415
+ }
1416
+ .tox .tox-comment__reply {
1417
+ display: flex;
1418
+ flex-shrink: 0;
1419
+ flex-wrap: wrap;
1420
+ justify-content: flex-end;
1421
+ margin-top: 8px;
1422
+ }
1423
+ .tox .tox-comment__reply > *:first-child {
1424
+ margin-bottom: 8px;
1425
+ width: 100%;
1426
+ }
1427
+ .tox .tox-comment__edit {
1428
+ display: flex;
1429
+ flex-wrap: wrap;
1430
+ justify-content: flex-end;
1431
+ margin-top: 16px;
1432
+ }
1433
+ .tox .tox-comment__gradient::after {
1434
+ background: linear-gradient(
1435
+ rgba(255, 255, 255, 0),
1436
+ var(--v-background-base)
1437
+ );
1438
+ bottom: 0;
1439
+ content: '';
1440
+ display: block;
1441
+ height: 5em;
1442
+ margin-top: -40px;
1443
+ position: absolute;
1444
+ width: 100%;
1445
+ }
1446
+ .tox .tox-comment__overlay {
1447
+ background: var(--v-background-base);
1448
+ bottom: 0;
1449
+ display: flex;
1450
+ flex-direction: column;
1451
+ flex-grow: 1;
1452
+ left: 0;
1453
+ opacity: 0.9;
1454
+ position: absolute;
1455
+ right: 0;
1456
+ text-align: center;
1457
+ top: 0;
1458
+ z-index: 5;
1459
+ }
1460
+ .tox .tox-comment__loading-text {
1461
+ align-items: center;
1462
+ color: #222f3e;
1463
+ display: flex;
1464
+ flex-direction: column;
1465
+ position: relative;
1466
+ }
1467
+ .tox .tox-comment__loading-text > div {
1468
+ padding-bottom: 16px;
1469
+ }
1470
+ .tox .tox-comment__overlaytext {
1471
+ bottom: 0;
1472
+ flex-direction: column;
1473
+ font-size: 14px;
1474
+ left: 0;
1475
+ padding: 1em;
1476
+ position: absolute;
1477
+ right: 0;
1478
+ top: 0;
1479
+ z-index: 10;
1480
+ }
1481
+ .tox .tox-comment__overlaytext p {
1482
+ background-color: var(--v-background-base);
1483
+ box-shadow: 0 0 8px 8px var(--v-background-base);
1484
+ color: #222f3e;
1485
+ text-align: center;
1486
+ }
1487
+ .tox .tox-comment__overlaytext div:nth-of-type(2) {
1488
+ font-size: 0.8em;
1489
+ }
1490
+ .tox .tox-comment__busy-spinner {
1491
+ align-items: center;
1492
+ background-color: var(--v-background-base);
1493
+ bottom: 0;
1494
+ display: flex;
1495
+ justify-content: center;
1496
+ left: 0;
1497
+ position: absolute;
1498
+ right: 0;
1499
+ top: 0;
1500
+ z-index: 20;
1501
+ }
1502
+ .tox .tox-comment__scroll {
1503
+ display: flex;
1504
+ flex-direction: column;
1505
+ flex-shrink: 1;
1506
+ overflow: auto;
1507
+ }
1508
+ .tox .tox-conversations {
1509
+ margin: 8px;
1510
+ }
1511
+ .tox:not([dir='rtl']) .tox-comment__edit {
1512
+ margin-left: 8px;
1513
+ }
1514
+ .tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child,
1515
+ .tox:not([dir='rtl']) .tox-comment__edit > *:last-child,
1516
+ .tox:not([dir='rtl']) .tox-comment__reply > *:last-child {
1517
+ margin-left: 8px;
1518
+ }
1519
+ .tox[dir='rtl'] .tox-comment__edit {
1520
+ margin-right: 8px;
1521
+ }
1522
+ .tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child,
1523
+ .tox[dir='rtl'] .tox-comment__edit > *:last-child,
1524
+ .tox[dir='rtl'] .tox-comment__reply > *:last-child {
1525
+ margin-right: 8px;
1526
+ }
1527
+ .tox .tox-user {
1528
+ align-items: center;
1529
+ display: flex;
1530
+ }
1531
+ .tox .tox-user__avatar svg {
1532
+ fill: rgba(34, 47, 62, 0.7);
1533
+ }
1534
+ .tox .tox-user__avatar img {
1535
+ border-radius: 50%;
1536
+ height: 36px;
1537
+ object-fit: cover;
1538
+ vertical-align: middle;
1539
+ width: 36px;
1540
+ }
1541
+ .tox .tox-user__name {
1542
+ color: #222f3e;
1543
+ font-size: 14px;
1544
+ font-style: normal;
1545
+ font-weight: bold;
1546
+ line-height: 18px;
1547
+ text-transform: none;
1548
+ }
1549
+ .tox:not([dir='rtl']) .tox-user__avatar svg,
1550
+ .tox:not([dir='rtl']) .tox-user__avatar img {
1551
+ margin-right: 8px;
1552
+ }
1553
+ .tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
1554
+ margin-left: 8px;
1555
+ }
1556
+ .tox[dir='rtl'] .tox-user__avatar svg,
1557
+ .tox[dir='rtl'] .tox-user__avatar img {
1558
+ margin-left: 8px;
1559
+ }
1560
+ .tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
1561
+ margin-right: 8px;
1562
+ }
1563
+ .tox .tox-dialog-wrap {
1564
+ align-items: center;
1565
+ bottom: 0;
1566
+ display: flex;
1567
+ justify-content: center;
1568
+ left: 0;
1569
+ position: fixed;
1570
+ right: 0;
1571
+ top: 0;
1572
+ z-index: 1100;
1573
+ }
1574
+ .tox .tox-dialog-wrap__backdrop {
1575
+ background-color: rgba(255, 255, 255, 0.75);
1576
+ bottom: 0;
1577
+ left: 0;
1578
+ position: absolute;
1579
+ right: 0;
1580
+ top: 0;
1581
+ z-index: 1;
1582
+ }
1583
+ .tox .tox-dialog-wrap__backdrop--opaque {
1584
+ background-color: var(--v-background-base);
1585
+ }
1586
+ .tox .tox-dialog {
1587
+ background-color: var(--v-background-base);
1588
+ border-color: #eeeeee;
1589
+ border-radius: 10px;
1590
+ border-style: solid;
1591
+ border-width: 0px;
1592
+ box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15),
1593
+ 0 0 40px 1px rgba(34, 47, 62, 0.15);
1594
+ display: flex;
1595
+ flex-direction: column;
1596
+ max-height: 100%;
1597
+ max-width: 480px;
1598
+ overflow: hidden;
1599
+ position: relative;
1600
+ width: 95vw;
1601
+ z-index: 2;
1602
+ }
1603
+ @media only screen and (max-width: 767px) {
1604
+ body:not(.tox-force-desktop) .tox .tox-dialog {
1605
+ align-self: flex-start;
1606
+ margin: 8px auto;
1607
+ max-height: calc(100vh - 8px * 2);
1608
+ width: calc(100vw - 16px);
1609
+ }
1610
+ }
1611
+ .tox .tox-dialog-inline {
1612
+ z-index: 1100;
1613
+ }
1614
+ .tox .tox-dialog__header {
1615
+ align-items: center;
1616
+ background-color: var(--v-background-base);
1617
+ border-bottom: none;
1618
+ color: #222f3e;
1619
+ display: flex;
1620
+ font-size: 16px;
1621
+ justify-content: space-between;
1622
+ padding: 8px 16px 0 16px;
1623
+ position: relative;
1624
+ }
1625
+ .tox .tox-dialog__header .tox-button {
1626
+ z-index: 1;
1627
+ }
1628
+ .tox .tox-dialog__draghandle {
1629
+ cursor: grab;
1630
+ height: 100%;
1631
+ left: 0;
1632
+ position: absolute;
1633
+ top: 0;
1634
+ width: 100%;
1635
+ }
1636
+ .tox .tox-dialog__draghandle:active {
1637
+ cursor: grabbing;
1638
+ }
1639
+ .tox .tox-dialog__dismiss {
1640
+ margin-left: auto;
1641
+ }
1642
+ .tox .tox-dialog__title {
1643
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
1644
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
1645
+ font-size: 20px;
1646
+ font-style: normal;
1647
+ font-weight: normal;
1648
+ line-height: 1.3;
1649
+ margin: 0;
1650
+ text-transform: none;
1651
+ }
1652
+ .tox .tox-dialog__body {
1653
+ color: #222f3e;
1654
+ display: flex;
1655
+ flex: 1;
1656
+ font-size: 16px;
1657
+ font-style: normal;
1658
+ font-weight: normal;
1659
+ line-height: 1.3;
1660
+ min-width: 0;
1661
+ text-align: left;
1662
+ text-transform: none;
1663
+ }
1664
+ @media only screen and (max-width: 767px) {
1665
+ body:not(.tox-force-desktop) .tox .tox-dialog__body {
1666
+ flex-direction: column;
1667
+ }
1668
+ }
1669
+ .tox .tox-dialog__body-nav {
1670
+ align-items: flex-start;
1671
+ display: flex;
1672
+ flex-direction: column;
1673
+ flex-shrink: 0;
1674
+ padding: 16px 16px;
1675
+ }
1676
+ @media only screen and (min-width: 768px) {
1677
+ .tox .tox-dialog__body-nav {
1678
+ max-width: 11em;
1679
+ }
1680
+ }
1681
+ @media only screen and (max-width: 767px) {
1682
+ body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1683
+ flex-direction: row;
1684
+ -webkit-overflow-scrolling: touch;
1685
+ overflow-x: auto;
1686
+ padding-bottom: 0;
1687
+ }
1688
+ }
1689
+ .tox .tox-dialog__body-nav-item {
1690
+ border-bottom: 2px solid transparent;
1691
+ color: rgba(34, 47, 62, 0.7);
1692
+ display: inline-block;
1693
+ flex-shrink: 0;
1694
+ font-size: 14px;
1695
+ line-height: 1.3;
1696
+ margin-bottom: 8px;
1697
+ max-width: 13em;
1698
+ text-decoration: none;
1699
+ }
1700
+ .tox .tox-dialog__body-nav-item:focus {
1701
+ background-color: rgba(0, 108, 231, 0.1);
1702
+ }
1703
+ .tox .tox-dialog__body-nav-item--active {
1704
+ border-bottom: 2px solid #006ce7;
1705
+ color: #006ce7;
1706
+ }
1707
+ @media (forced-colors: active) {
1708
+ .tox .tox-dialog__body-nav-item--active {
1709
+ border-bottom: 2px solid highlight;
1710
+ color: highlight;
1711
+ }
1712
+ }
1713
+ .tox .tox-dialog__body-content {
1714
+ box-sizing: border-box;
1715
+ display: flex;
1716
+ flex: 1;
1717
+ flex-direction: column;
1718
+ max-height: min(650px, calc(100vh - 110px));
1719
+ overflow: auto;
1720
+ -webkit-overflow-scrolling: touch;
1721
+ padding: 16px 16px;
1722
+ }
1723
+ .tox .tox-dialog__body-content > * {
1724
+ margin-bottom: 0;
1725
+ margin-top: 16px;
1726
+ }
1727
+ .tox .tox-dialog__body-content > *:first-child {
1728
+ margin-top: 0;
1729
+ }
1730
+ .tox .tox-dialog__body-content > *:last-child {
1731
+ margin-bottom: 0;
1732
+ }
1733
+ .tox .tox-dialog__body-content > *:only-child {
1734
+ margin-bottom: 0;
1735
+ margin-top: 0;
1736
+ }
1737
+ .tox .tox-dialog__body-content a {
1738
+ color: #006ce7;
1739
+ cursor: pointer;
1740
+ text-decoration: underline;
1741
+ }
1742
+ .tox .tox-dialog__body-content a:hover,
1743
+ .tox .tox-dialog__body-content a:focus {
1744
+ color: #003c81;
1745
+ text-decoration: underline;
1746
+ }
1747
+ .tox .tox-dialog__body-content a:focus-visible {
1748
+ border-radius: 1px;
1749
+ outline: 2px solid #006ce7;
1750
+ outline-offset: 2px;
1751
+ }
1752
+ .tox .tox-dialog__body-content a:active {
1753
+ color: #00244e;
1754
+ text-decoration: underline;
1755
+ }
1756
+ .tox .tox-dialog__body-content svg {
1757
+ fill: #222f3e;
1758
+ }
1759
+ .tox .tox-dialog__body-content strong {
1760
+ font-weight: bold;
1761
+ }
1762
+ .tox .tox-dialog__body-content ul {
1763
+ list-style-type: disc;
1764
+ }
1765
+ .tox .tox-dialog__body-content ul,
1766
+ .tox .tox-dialog__body-content ol,
1767
+ .tox .tox-dialog__body-content dd {
1768
+ padding-inline-start: 2.5rem;
1769
+ }
1770
+ .tox .tox-dialog__body-content ul,
1771
+ .tox .tox-dialog__body-content ol,
1772
+ .tox .tox-dialog__body-content dl {
1773
+ margin-bottom: 16px;
1774
+ }
1775
+ .tox .tox-dialog__body-content ul,
1776
+ .tox .tox-dialog__body-content ol,
1777
+ .tox .tox-dialog__body-content dl,
1778
+ .tox .tox-dialog__body-content dd,
1779
+ .tox .tox-dialog__body-content dt {
1780
+ display: block;
1781
+ margin-inline-end: 0;
1782
+ margin-inline-start: 0;
1783
+ }
1784
+ .tox .tox-dialog__body-content .tox-form__group h1 {
1785
+ color: #222f3e;
1786
+ font-size: 20px;
1787
+ font-style: normal;
1788
+ font-weight: bold;
1789
+ letter-spacing: normal;
1790
+ margin-bottom: 16px;
1791
+ margin-top: 2rem;
1792
+ text-transform: none;
1793
+ }
1794
+ .tox .tox-dialog__body-content .tox-form__group h2 {
1795
+ color: #222f3e;
1796
+ font-size: 16px;
1797
+ font-style: normal;
1798
+ font-weight: bold;
1799
+ letter-spacing: normal;
1800
+ margin-bottom: 16px;
1801
+ margin-top: 2rem;
1802
+ text-transform: none;
1803
+ }
1804
+ .tox .tox-dialog__body-content .tox-form__group p {
1805
+ margin-bottom: 16px;
1806
+ }
1807
+ .tox .tox-dialog__body-content .tox-form__group h1:first-child,
1808
+ .tox .tox-dialog__body-content .tox-form__group h2:first-child,
1809
+ .tox .tox-dialog__body-content .tox-form__group p:first-child {
1810
+ margin-top: 0;
1811
+ }
1812
+ .tox .tox-dialog__body-content .tox-form__group h1:last-child,
1813
+ .tox .tox-dialog__body-content .tox-form__group h2:last-child,
1814
+ .tox .tox-dialog__body-content .tox-form__group p:last-child {
1815
+ margin-bottom: 0;
1816
+ }
1817
+ .tox .tox-dialog__body-content .tox-form__group h1:only-child,
1818
+ .tox .tox-dialog__body-content .tox-form__group h2:only-child,
1819
+ .tox .tox-dialog__body-content .tox-form__group p:only-child {
1820
+ margin-bottom: 0;
1821
+ margin-top: 0;
1822
+ }
1823
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1824
+ text-align: center;
1825
+ }
1826
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1827
+ text-align: end;
1828
+ }
1829
+ .tox .tox-dialog--width-lg {
1830
+ height: 650px;
1831
+ max-width: 1200px;
1832
+ }
1833
+ .tox .tox-dialog--fullscreen {
1834
+ height: 100%;
1835
+ max-width: 100%;
1836
+ }
1837
+ .tox .tox-dialog--fullscreen .tox-dialog__body-content {
1838
+ max-height: 100%;
1839
+ }
1840
+ .tox .tox-dialog--width-md {
1841
+ max-width: 800px;
1842
+ }
1843
+ .tox .tox-dialog--width-md .tox-dialog__body-content {
1844
+ overflow: auto;
1845
+ }
1846
+ .tox .tox-dialog__body-content--centered {
1847
+ text-align: center;
1848
+ }
1849
+ .tox .tox-dialog__footer {
1850
+ align-items: center;
1851
+ background-color: var(--v-background-base);
1852
+ border-top: none;
1853
+ display: flex;
1854
+ justify-content: space-between;
1855
+ padding: 8px 16px;
1856
+ }
1857
+ .tox .tox-dialog__footer-start,
1858
+ .tox .tox-dialog__footer-end {
1859
+ display: flex;
1860
+ }
1861
+ .tox .tox-dialog__busy-spinner {
1862
+ align-items: center;
1863
+ background-color: rgba(255, 255, 255, 0.75);
1864
+ bottom: 0;
1865
+ display: flex;
1866
+ justify-content: center;
1867
+ left: 0;
1868
+ position: absolute;
1869
+ right: 0;
1870
+ top: 0;
1871
+ z-index: 3;
1872
+ }
1873
+ .tox .tox-dialog__table {
1874
+ border-collapse: collapse;
1875
+ width: 100%;
1876
+ }
1877
+ .tox .tox-dialog__table thead th {
1878
+ font-weight: bold;
1879
+ padding-bottom: 8px;
1880
+ }
1881
+ .tox .tox-dialog__table thead th:first-child {
1882
+ padding-right: 8px;
1883
+ }
1884
+ .tox .tox-dialog__table tbody tr {
1885
+ border-bottom: 1px solid #626262;
1886
+ }
1887
+ .tox .tox-dialog__table tbody tr:last-child {
1888
+ border-bottom: none;
1889
+ }
1890
+ .tox .tox-dialog__table td {
1891
+ padding-bottom: 8px;
1892
+ padding-top: 8px;
1893
+ }
1894
+ .tox .tox-dialog__table td:first-child {
1895
+ padding-right: 8px;
1896
+ }
1897
+ .tox .tox-dialog__iframe {
1898
+ min-height: 200px;
1899
+ }
1900
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1901
+ background: var(--v-background-base);
1902
+ }
1903
+ .tox .tox-navobj-bordered {
1904
+ position: relative;
1905
+ }
1906
+ .tox .tox-navobj-bordered::before {
1907
+ border: 1px solid #eeeeee;
1908
+ border-radius: 6px;
1909
+ content: '';
1910
+ inset: 0;
1911
+ opacity: 1;
1912
+ pointer-events: none;
1913
+ position: absolute;
1914
+ z-index: 1;
1915
+ }
1916
+ .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1917
+ border-color: #006ce7;
1918
+ box-shadow: 0 0 0 1px #006ce7;
1919
+ outline: none;
1920
+ }
1921
+ .tox .tox-dialog__popups {
1922
+ position: absolute;
1923
+ width: 100%;
1924
+ z-index: 1100;
1925
+ }
1926
+ .tox .tox-dialog__body-iframe {
1927
+ display: flex;
1928
+ flex: 1;
1929
+ flex-direction: column;
1930
+ }
1931
+ .tox .tox-dialog__body-iframe .tox-navobj {
1932
+ display: flex;
1933
+ flex: 1;
1934
+ }
1935
+ .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1936
+ flex: 1;
1937
+ height: 100%;
1938
+ }
1939
+ .tox .tox-dialog-dock-fadeout {
1940
+ opacity: 0;
1941
+ visibility: hidden;
1942
+ }
1943
+ .tox .tox-dialog-dock-fadein {
1944
+ opacity: 1;
1945
+ visibility: visible;
1946
+ }
1947
+ .tox .tox-dialog-dock-transition {
1948
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1949
+ }
1950
+ .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1951
+ transition-delay: 0s;
1952
+ }
1953
+ @media only screen and (max-width: 767px) {
1954
+ body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
1955
+ margin-right: 0;
1956
+ }
1957
+ }
1958
+ @media only screen and (max-width: 767px) {
1959
+ body:not(.tox-force-desktop)
1960
+ .tox:not([dir='rtl'])
1961
+ .tox-dialog__body-nav-item:not(:first-child) {
1962
+ margin-left: 8px;
1963
+ }
1964
+ }
1965
+ .tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *,
1966
+ .tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * {
1967
+ margin-left: 8px;
1968
+ }
1969
+ .tox[dir='rtl'] .tox-dialog__body {
1970
+ text-align: right;
1971
+ }
1972
+ @media only screen and (max-width: 767px) {
1973
+ body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
1974
+ margin-left: 0;
1975
+ }
1976
+ }
1977
+ @media only screen and (max-width: 767px) {
1978
+ body:not(.tox-force-desktop)
1979
+ .tox[dir='rtl']
1980
+ .tox-dialog__body-nav-item:not(:first-child) {
1981
+ margin-right: 8px;
1982
+ }
1983
+ }
1984
+ .tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *,
1985
+ .tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * {
1986
+ margin-right: 8px;
1987
+ }
1988
+ body.tox-dialog__disable-scroll {
1989
+ overflow: hidden;
1990
+ }
1991
+ .tox .tox-dropzone-container {
1992
+ display: flex;
1993
+ flex: 1;
1994
+ }
1995
+ .tox .tox-dropzone {
1996
+ align-items: center;
1997
+ background: var(--v-background-base);
1998
+ border: 2px dashed #eeeeee;
1999
+ box-sizing: border-box;
2000
+ display: flex;
2001
+ flex-direction: column;
2002
+ flex-grow: 1;
2003
+ justify-content: center;
2004
+ min-height: 100px;
2005
+ padding: 10px;
2006
+ }
2007
+ .tox .tox-dropzone p {
2008
+ color: rgba(34, 47, 62, 0.7);
2009
+ margin: 0 0 16px 0;
2010
+ }
2011
+ .tox .tox-edit-area {
2012
+ display: flex;
2013
+ flex: 1;
2014
+ overflow: hidden;
2015
+ position: relative;
2016
+ }
2017
+ .tox .tox-edit-area::before {
2018
+ border: 2px solid #006ce7;
2019
+ border-radius: 4px;
2020
+ content: '';
2021
+ inset: 0;
2022
+ opacity: 0;
2023
+ pointer-events: none;
2024
+ position: absolute;
2025
+ transition: opacity 0.15s;
2026
+ z-index: 1;
2027
+ }
2028
+ @media (forced-colors: active) {
2029
+ .tox .tox-edit-area::before {
2030
+ border: 2px solid highlight;
2031
+ }
2032
+ }
2033
+ .tox .tox-edit-area__iframe {
2034
+ background-color: var(--v-background-base);
2035
+ border: 0;
2036
+ box-sizing: border-box;
2037
+ flex: 1;
2038
+ height: 100%;
2039
+ position: absolute;
2040
+ width: 100%;
2041
+ }
2042
+ .tox.tox-edit-focus .tox-edit-area::before {
2043
+ opacity: 1;
2044
+ }
2045
+ .tox.tox-inline-edit-area {
2046
+ border: 1px dotted #eeeeee;
2047
+ }
2048
+ .tox .tox-editor-container {
2049
+ display: flex;
2050
+ flex: 1 1 auto;
2051
+ flex-direction: column;
2052
+ overflow: hidden;
2053
+ }
2054
+ .tox .tox-editor-header {
2055
+ display: grid;
2056
+ grid-template-columns: 1fr min-content;
2057
+ z-index: 2;
2058
+ }
2059
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
2060
+ background-color: var(--v-background-base);
2061
+ border-bottom: none;
2062
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1),
2063
+ 0 8px 8px -4px rgba(34, 47, 62, 0.07);
2064
+ padding: 4px 0;
2065
+ }
2066
+ .tox:not(.tox-tinymce-inline)
2067
+ .tox-editor-header:not(.tox-editor-dock-transition) {
2068
+ transition: box-shadow 0.5s;
2069
+ }
2070
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2071
+ border-top: 1px solid #e3e3e3;
2072
+ box-shadow: none;
2073
+ }
2074
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on
2075
+ .tox-editor-header {
2076
+ background-color: var(--v-background-base);
2077
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2),
2078
+ 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2079
+ padding: 4px 0;
2080
+ }
2081
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom
2082
+ .tox-editor-header {
2083
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2),
2084
+ 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2085
+ }
2086
+ .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
2087
+ background: none;
2088
+ border: none;
2089
+ box-shadow: none;
2090
+ padding: 0;
2091
+ }
2092
+ .tox-editor-dock-fadeout {
2093
+ opacity: 0;
2094
+ visibility: hidden;
2095
+ }
2096
+ .tox-editor-dock-fadein {
2097
+ opacity: 1;
2098
+ visibility: visible;
2099
+ }
2100
+ .tox-editor-dock-transition {
2101
+ transition: visibility 0s linear 0.25s, opacity 0.25s ease;
2102
+ }
2103
+ .tox-editor-dock-transition.tox-editor-dock-fadein {
2104
+ transition-delay: 0s;
2105
+ }
2106
+ .tox .tox-control-wrap {
2107
+ flex: 1;
2108
+ position: relative;
2109
+ }
2110
+ .tox
2111
+ .tox-control-wrap:not(.tox-control-wrap--status-invalid)
2112
+ .tox-control-wrap__status-icon-invalid,
2113
+ .tox
2114
+ .tox-control-wrap:not(.tox-control-wrap--status-unknown)
2115
+ .tox-control-wrap__status-icon-unknown,
2116
+ .tox
2117
+ .tox-control-wrap:not(.tox-control-wrap--status-valid)
2118
+ .tox-control-wrap__status-icon-valid {
2119
+ display: none;
2120
+ }
2121
+ .tox .tox-control-wrap svg {
2122
+ display: block;
2123
+ }
2124
+ .tox .tox-control-wrap__status-icon-wrap {
2125
+ position: absolute;
2126
+ top: 50%;
2127
+ transform: translateY(-50%);
2128
+ }
2129
+ .tox .tox-control-wrap__status-icon-invalid svg {
2130
+ fill: #c00;
2131
+ }
2132
+ .tox .tox-control-wrap__status-icon-unknown svg {
2133
+ fill: orange;
2134
+ }
2135
+ .tox .tox-control-wrap__status-icon-valid svg {
2136
+ fill: green;
2137
+ }
2138
+ .tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
2139
+ .tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
2140
+ .tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
2141
+ padding-right: 32px;
2142
+ }
2143
+ .tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
2144
+ right: 4px;
2145
+ }
2146
+ .tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
2147
+ .tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
2148
+ .tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
2149
+ padding-left: 32px;
2150
+ }
2151
+ .tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
2152
+ left: 4px;
2153
+ }
2154
+ .tox .tox-autocompleter {
2155
+ max-width: 25em;
2156
+ }
2157
+ .tox .tox-autocompleter .tox-menu {
2158
+ box-sizing: border-box;
2159
+ max-width: 25em;
2160
+ }
2161
+ .tox .tox-autocompleter .tox-autocompleter-highlight {
2162
+ font-weight: bold;
2163
+ }
2164
+ .tox .tox-color-input {
2165
+ display: flex;
2166
+ position: relative;
2167
+ z-index: 1;
2168
+ }
2169
+ .tox .tox-color-input .tox-textfield {
2170
+ z-index: -1;
2171
+ }
2172
+ .tox .tox-color-input span {
2173
+ border-color: rgba(34, 47, 62, 0.2);
2174
+ border-radius: 6px;
2175
+ border-style: solid;
2176
+ border-width: 1px;
2177
+ box-shadow: none;
2178
+ box-sizing: border-box;
2179
+ height: 24px;
2180
+ position: absolute;
2181
+ top: 6px;
2182
+ width: 24px;
2183
+ }
2184
+ @media (forced-colors: active) {
2185
+ .tox .tox-color-input span {
2186
+ border-color: currentColor;
2187
+ border-width: 2px !important;
2188
+ forced-color-adjust: none;
2189
+ }
2190
+ }
2191
+ .tox .tox-color-input span:hover:not([aria-disabled='true']),
2192
+ .tox .tox-color-input span:focus:not([aria-disabled='true']) {
2193
+ border-color: #006ce7;
2194
+ cursor: pointer;
2195
+ }
2196
+ .tox .tox-color-input span::before {
2197
+ background-image: linear-gradient(
2198
+ 45deg,
2199
+ rgba(0, 0, 0, 0.25) 25%,
2200
+ transparent 25%
2201
+ ),
2202
+ linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
2203
+ linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
2204
+ linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
2205
+ background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2206
+ background-size: 12px 12px;
2207
+ border: 1px solid var(--v-background-base);
2208
+ border-radius: 6px;
2209
+ box-sizing: border-box;
2210
+ content: '';
2211
+ height: 24px;
2212
+ left: -1px;
2213
+ position: absolute;
2214
+ top: -1px;
2215
+ width: 24px;
2216
+ z-index: -1;
2217
+ }
2218
+ @media (forced-colors: active) {
2219
+ .tox .tox-color-input span::before {
2220
+ border: none;
2221
+ }
2222
+ }
2223
+ .tox .tox-color-input span[aria-disabled='true'] {
2224
+ cursor: not-allowed;
2225
+ }
2226
+ .tox:not([dir='rtl']) .tox-color-input {
2227
+ /* stylelint-disable-next-line no-descending-specificity */
2228
+ }
2229
+ .tox:not([dir='rtl']) .tox-color-input .tox-textfield {
2230
+ padding-left: 36px;
2231
+ }
2232
+ .tox:not([dir='rtl']) .tox-color-input span {
2233
+ left: 6px;
2234
+ }
2235
+ .tox[dir='rtl'] .tox-color-input {
2236
+ /* stylelint-disable-next-line no-descending-specificity */
2237
+ }
2238
+ .tox[dir='rtl'] .tox-color-input .tox-textfield {
2239
+ padding-right: 36px;
2240
+ }
2241
+ .tox[dir='rtl'] .tox-color-input span {
2242
+ right: 6px;
2243
+ }
2244
+ .tox .tox-label,
2245
+ .tox .tox-toolbar-label {
2246
+ color: rgba(34, 47, 62, 0.7);
2247
+ display: block;
2248
+ font-size: 14px;
2249
+ font-style: normal;
2250
+ font-weight: normal;
2251
+ line-height: 1.3;
2252
+ padding: 0 8px 0 0;
2253
+ text-transform: none;
2254
+ white-space: nowrap;
2255
+ }
2256
+ .tox .tox-toolbar-label {
2257
+ padding: 0 8px;
2258
+ }
2259
+ .tox[dir='rtl'] .tox-label {
2260
+ padding: 0 0 0 8px;
2261
+ }
2262
+ .tox .tox-form {
2263
+ display: flex;
2264
+ flex: 1;
2265
+ flex-direction: column;
2266
+ }
2267
+ .tox .tox-form__group {
2268
+ box-sizing: border-box;
2269
+ margin-bottom: 4px;
2270
+ }
2271
+ .tox .tox-form-group--maximize {
2272
+ flex: 1;
2273
+ }
2274
+ .tox .tox-form__group--error {
2275
+ color: #c00;
2276
+ }
2277
+ .tox .tox-form__group--collection {
2278
+ display: flex;
2279
+ }
2280
+ .tox .tox-form__grid {
2281
+ display: flex;
2282
+ flex-direction: row;
2283
+ flex-wrap: wrap;
2284
+ justify-content: space-between;
2285
+ }
2286
+ .tox .tox-form__grid--2col > .tox-form__group {
2287
+ width: calc(50% - (8px / 2));
2288
+ }
2289
+ .tox .tox-form__grid--3col > .tox-form__group {
2290
+ width: calc(100% / 3 - (8px / 2));
2291
+ }
2292
+ .tox .tox-form__grid--4col > .tox-form__group {
2293
+ width: calc(25% - (8px / 2));
2294
+ }
2295
+ .tox .tox-form__controls-h-stack {
2296
+ align-items: center;
2297
+ display: flex;
2298
+ }
2299
+ .tox .tox-form__group--inline {
2300
+ align-items: center;
2301
+ display: flex;
2302
+ }
2303
+ .tox .tox-form__group--stretched {
2304
+ display: flex;
2305
+ flex: 1;
2306
+ flex-direction: column;
2307
+ }
2308
+ .tox .tox-form__group--stretched .tox-textarea {
2309
+ flex: 1;
2310
+ }
2311
+ .tox .tox-form__group--stretched .tox-navobj {
2312
+ display: flex;
2313
+ flex: 1;
2314
+ }
2315
+ .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2316
+ flex: 1;
2317
+ height: 100%;
2318
+ }
2319
+ .tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) {
2320
+ margin-left: 4px;
2321
+ }
2322
+ .tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) {
2323
+ margin-right: 4px;
2324
+ }
2325
+ .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
2326
+ .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
2327
+ display: none;
2328
+ }
2329
+ .tox .tox-textfield,
2330
+ .tox .tox-toolbar-textfield,
2331
+ .tox .tox-listboxfield .tox-listbox--select,
2332
+ .tox .tox-textarea,
2333
+ .tox .tox-textarea-wrap .tox-textarea:focus {
2334
+ -webkit-appearance: none;
2335
+ -moz-appearance: none;
2336
+ appearance: none;
2337
+ background-color: var(--v-background-base);
2338
+ border-color: #eeeeee;
2339
+ border-radius: 6px;
2340
+ border-style: solid;
2341
+ border-width: 1px;
2342
+ box-shadow: none;
2343
+ box-sizing: border-box;
2344
+ color: #222f3e;
2345
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
2346
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
2347
+ font-size: 16px;
2348
+ line-height: 24px;
2349
+ margin: 0;
2350
+ min-height: 34px;
2351
+ outline: none;
2352
+ padding: 5px 5.5px;
2353
+ resize: none;
2354
+ width: 100%;
2355
+ }
2356
+ .tox .tox-textfield[disabled],
2357
+ .tox .tox-textarea[disabled] {
2358
+ background-color: #f2f2f2;
2359
+ color: rgba(34, 47, 62, 0.85);
2360
+ cursor: not-allowed;
2361
+ }
2362
+ .tox .tox-textfield:focus,
2363
+ .tox .tox-listboxfield .tox-listbox--select:focus,
2364
+ .tox .tox-textarea-wrap:focus-within,
2365
+ .tox .tox-textarea:focus,
2366
+ .tox .tox-custom-editor:focus-within {
2367
+ background-color: var(--v-background-base);
2368
+ border-color: #006ce7;
2369
+ box-shadow: 0 0 0 1px #006ce7;
2370
+ outline: none;
2371
+ }
2372
+ .tox .tox-toolbar-textfield {
2373
+ border-width: 0;
2374
+ margin-bottom: 3px;
2375
+ margin-top: 2px;
2376
+ max-width: 250px;
2377
+ }
2378
+ .tox .tox-naked-btn {
2379
+ background-color: transparent;
2380
+ border: 0;
2381
+ border-color: transparent;
2382
+ box-shadow: unset;
2383
+ color: #006ce7;
2384
+ cursor: pointer;
2385
+ display: block;
2386
+ margin: 0;
2387
+ padding: 0;
2388
+ }
2389
+ .tox .tox-naked-btn svg {
2390
+ display: block;
2391
+ fill: #222f3e;
2392
+ }
2393
+ .tox:not([dir='rtl']) .tox-toolbar-textfield + * {
2394
+ margin-left: 4px;
2395
+ }
2396
+ .tox[dir='rtl'] .tox-toolbar-textfield + * {
2397
+ margin-right: 4px;
2398
+ }
2399
+ .tox .tox-listboxfield {
2400
+ cursor: pointer;
2401
+ position: relative;
2402
+ }
2403
+ .tox .tox-listboxfield .tox-listbox--select[disabled] {
2404
+ background-color: #f2f2f2;
2405
+ color: rgba(34, 47, 62, 0.85);
2406
+ cursor: not-allowed;
2407
+ }
2408
+ .tox .tox-listbox__select-label {
2409
+ cursor: default;
2410
+ flex: 1;
2411
+ margin: 0 4px;
2412
+ }
2413
+ .tox .tox-listbox__select-chevron {
2414
+ align-items: center;
2415
+ display: flex;
2416
+ justify-content: center;
2417
+ width: 16px;
2418
+ }
2419
+ .tox .tox-listbox__select-chevron svg {
2420
+ fill: #222f3e;
2421
+ }
2422
+ @media (forced-colors: active) {
2423
+ .tox .tox-listbox__select-chevron svg {
2424
+ fill: currentColor !important;
2425
+ }
2426
+ }
2427
+ .tox .tox-listboxfield .tox-listbox--select {
2428
+ align-items: center;
2429
+ display: flex;
2430
+ }
2431
+ .tox:not([dir='rtl']) .tox-listboxfield svg {
2432
+ right: 8px;
2433
+ }
2434
+ .tox[dir='rtl'] .tox-listboxfield svg {
2435
+ left: 8px;
2436
+ }
2437
+ .tox .tox-selectfield {
2438
+ cursor: pointer;
2439
+ position: relative;
2440
+ }
2441
+ .tox .tox-selectfield select {
2442
+ -webkit-appearance: none;
2443
+ -moz-appearance: none;
2444
+ appearance: none;
2445
+ background-color: var(--v-background-base);
2446
+ border-color: #eeeeee;
2447
+ border-radius: 6px;
2448
+ border-style: solid;
2449
+ border-width: 1px;
2450
+ box-shadow: none;
2451
+ box-sizing: border-box;
2452
+ color: #222f3e;
2453
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
2454
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
2455
+ font-size: 16px;
2456
+ line-height: 24px;
2457
+ margin: 0;
2458
+ min-height: 34px;
2459
+ outline: none;
2460
+ padding: 5px 5.5px;
2461
+ resize: none;
2462
+ width: 100%;
2463
+ }
2464
+ .tox .tox-selectfield select[disabled] {
2465
+ background-color: #f2f2f2;
2466
+ color: rgba(34, 47, 62, 0.85);
2467
+ cursor: not-allowed;
2468
+ }
2469
+ .tox .tox-selectfield select::-ms-expand {
2470
+ display: none;
2471
+ }
2472
+ .tox .tox-selectfield select:focus {
2473
+ background-color: var(--v-background-base);
2474
+ border-color: #006ce7;
2475
+ box-shadow: 0 0 0 1px #006ce7;
2476
+ outline: none;
2477
+ }
2478
+ .tox .tox-selectfield svg {
2479
+ pointer-events: none;
2480
+ position: absolute;
2481
+ top: 50%;
2482
+ transform: translateY(-50%);
2483
+ }
2484
+ .tox:not([dir='rtl']) .tox-selectfield select[size='0'],
2485
+ .tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
2486
+ padding-right: 24px;
2487
+ }
2488
+ .tox:not([dir='rtl']) .tox-selectfield svg {
2489
+ right: 8px;
2490
+ }
2491
+ .tox[dir='rtl'] .tox-selectfield select[size='0'],
2492
+ .tox[dir='rtl'] .tox-selectfield select[size='1'] {
2493
+ padding-left: 24px;
2494
+ }
2495
+ .tox[dir='rtl'] .tox-selectfield svg {
2496
+ left: 8px;
2497
+ }
2498
+ .tox .tox-textarea-wrap {
2499
+ border-color: #eeeeee;
2500
+ border-radius: 6px;
2501
+ border-style: solid;
2502
+ border-width: 1px;
2503
+ display: flex;
2504
+ flex: 1;
2505
+ overflow: hidden;
2506
+ }
2507
+ .tox .tox-textarea {
2508
+ -webkit-appearance: textarea;
2509
+ -moz-appearance: textarea;
2510
+ appearance: textarea;
2511
+ white-space: pre-wrap;
2512
+ }
2513
+ .tox .tox-textarea-wrap .tox-textarea {
2514
+ border: none;
2515
+ }
2516
+ .tox .tox-textarea-wrap .tox-textarea:focus {
2517
+ border: none;
2518
+ }
2519
+ .tox-fullscreen {
2520
+ border: 0;
2521
+ height: 100%;
2522
+ margin: 0;
2523
+ overflow: hidden;
2524
+ overscroll-behavior: none;
2525
+ padding: 0;
2526
+ touch-action: pinch-zoom;
2527
+ width: 100%;
2528
+ }
2529
+ .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
2530
+ display: none;
2531
+ }
2532
+ .tox.tox-tinymce.tox-fullscreen,
2533
+ .tox-shadowhost.tox-fullscreen {
2534
+ left: 0;
2535
+ position: fixed;
2536
+ top: 0;
2537
+ z-index: 1200;
2538
+ }
2539
+ .tox.tox-tinymce.tox-fullscreen {
2540
+ background-color: transparent;
2541
+ }
2542
+ .tox-fullscreen .tox.tox-tinymce-aux,
2543
+ .tox-fullscreen ~ .tox.tox-tinymce-aux {
2544
+ z-index: 1201;
2545
+ }
2546
+ .tox .tox-help__more-link {
2547
+ list-style: none;
2548
+ margin-top: 1em;
2549
+ }
2550
+ .tox .tox-imagepreview {
2551
+ background-color: #666;
2552
+ height: 380px;
2553
+ overflow: hidden;
2554
+ position: relative;
2555
+ width: 100%;
2556
+ }
2557
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2558
+ overflow: auto;
2559
+ }
2560
+ .tox .tox-imagepreview__container {
2561
+ display: flex;
2562
+ left: 100vw;
2563
+ position: absolute;
2564
+ top: 100vw;
2565
+ }
2566
+ .tox .tox-imagepreview__image {
2567
+ background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2568
+ }
2569
+ .tox .tox-image-tools .tox-spacer {
2570
+ flex: 1;
2571
+ }
2572
+ .tox .tox-image-tools .tox-bar {
2573
+ align-items: center;
2574
+ display: flex;
2575
+ height: 60px;
2576
+ justify-content: center;
2577
+ }
2578
+ .tox .tox-image-tools .tox-imagepreview,
2579
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2580
+ margin-top: 8px;
2581
+ }
2582
+ .tox .tox-image-tools .tox-croprect-block {
2583
+ background: black;
2584
+ filter: alpha(opacity=50);
2585
+ opacity: 0.5;
2586
+ position: absolute;
2587
+ zoom: 1;
2588
+ }
2589
+ .tox .tox-image-tools .tox-croprect-handle {
2590
+ border: 2px solid white;
2591
+ height: 20px;
2592
+ left: 0;
2593
+ position: absolute;
2594
+ top: 0;
2595
+ width: 20px;
2596
+ }
2597
+ .tox .tox-image-tools .tox-croprect-handle-move {
2598
+ border: 0;
2599
+ cursor: move;
2600
+ position: absolute;
2601
+ }
2602
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2603
+ border-width: 2px 0 0 2px;
2604
+ cursor: nw-resize;
2605
+ left: 100px;
2606
+ margin: -2px 0 0 -2px;
2607
+ top: 100px;
2608
+ }
2609
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2610
+ border-width: 2px 2px 0 0;
2611
+ cursor: ne-resize;
2612
+ left: 200px;
2613
+ margin: -2px 0 0 -20px;
2614
+ top: 100px;
2615
+ }
2616
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2617
+ border-width: 0 0 2px 2px;
2618
+ cursor: sw-resize;
2619
+ left: 100px;
2620
+ margin: -20px 2px 0 -2px;
2621
+ top: 200px;
2622
+ }
2623
+ .tox .tox-image-tools .tox-croprect-handle-se {
2624
+ border-width: 0 2px 2px 0;
2625
+ cursor: se-resize;
2626
+ left: 200px;
2627
+ margin: -20px 0 0 -20px;
2628
+ top: 200px;
2629
+ }
2630
+ .tox .tox-insert-table-picker {
2631
+ background-color: var(--v-background-base);
2632
+ display: flex;
2633
+ flex-wrap: wrap;
2634
+ width: 170px;
2635
+ }
2636
+ .tox .tox-insert-table-picker > div {
2637
+ border-color: #eeeeee;
2638
+ border-style: solid;
2639
+ border-width: 0 1px 1px 0;
2640
+ box-sizing: border-box;
2641
+ height: 17px;
2642
+ width: 17px;
2643
+ }
2644
+ .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2645
+ margin: -4px -4px;
2646
+ }
2647
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2648
+ background-color: #006ce7;
2649
+ border-color: #eeeeee;
2650
+ }
2651
+ @media (forced-colors: active) {
2652
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2653
+ border-color: Highlight;
2654
+ filter: contrast(50%);
2655
+ }
2656
+ }
2657
+ .tox .tox-insert-table-picker__label {
2658
+ color: rgba(34, 47, 62, 0.7);
2659
+ display: block;
2660
+ font-size: 14px;
2661
+ padding: 4px;
2662
+ text-align: center;
2663
+ width: 100%;
2664
+ }
2665
+ .tox:not([dir='rtl']) {
2666
+ /* stylelint-disable-next-line no-descending-specificity */
2667
+ }
2668
+ .tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
2669
+ border-right: 0;
2670
+ }
2671
+ .tox[dir='rtl'] {
2672
+ /* stylelint-disable-next-line no-descending-specificity */
2673
+ }
2674
+ .tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
2675
+ border-right: 0;
2676
+ }
2677
+ .tox {
2678
+ /* stylelint-disable */
2679
+ /* stylelint-enable */
2680
+ }
2681
+ .tox .tox-menu {
2682
+ background-color: var(--v-background-base);
2683
+ border: 1px solid transparent;
2684
+ border-radius: 6px;
2685
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
2686
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2687
+ display: inline-block;
2688
+ overflow: hidden;
2689
+ vertical-align: top;
2690
+ z-index: 1150;
2691
+ }
2692
+ .tox .tox-menu.tox-collection.tox-collection--list {
2693
+ padding: 0 4px;
2694
+ }
2695
+ .tox .tox-menu.tox-collection.tox-collection--toolbar {
2696
+ padding: 8px;
2697
+ }
2698
+ .tox .tox-menu.tox-collection.tox-collection--grid {
2699
+ padding: 8px;
2700
+ }
2701
+ @media only screen and (min-width: 768px) {
2702
+ .tox .tox-menu .tox-collection__item-label {
2703
+ overflow-wrap: break-word;
2704
+ word-break: normal;
2705
+ }
2706
+ .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
2707
+ word-break: break-all;
2708
+ }
2709
+ }
2710
+ .tox .tox-menu__label h1,
2711
+ .tox .tox-menu__label h2,
2712
+ .tox .tox-menu__label h3,
2713
+ .tox .tox-menu__label h4,
2714
+ .tox .tox-menu__label h5,
2715
+ .tox .tox-menu__label h6,
2716
+ .tox .tox-menu__label p,
2717
+ .tox .tox-menu__label blockquote,
2718
+ .tox .tox-menu__label code {
2719
+ margin: 0;
2720
+ }
2721
+ .tox .tox-menubar {
2722
+ background: repeating-linear-gradient(
2723
+ transparent 0px 1px,
2724
+ transparent 1px 39px
2725
+ )
2726
+ center top 39px / 100% calc(100% - 39px) no-repeat;
2727
+ background-color: var(--v-background-base);
2728
+ display: flex;
2729
+ flex: 0 0 auto;
2730
+ flex-shrink: 0;
2731
+ flex-wrap: wrap;
2732
+ grid-column: 1 / -1;
2733
+ grid-row: 1;
2734
+ padding: 0 11px 0 12px;
2735
+ }
2736
+ .tox .tox-promotion + .tox-menubar {
2737
+ grid-column: 1;
2738
+ }
2739
+ .tox .tox-promotion {
2740
+ background: repeating-linear-gradient(
2741
+ transparent 0px 1px,
2742
+ transparent 1px 39px
2743
+ )
2744
+ center top 39px / 100% calc(100% - 39px) no-repeat;
2745
+ background-color: var(--v-background-base);
2746
+ grid-column: 2;
2747
+ grid-row: 1;
2748
+ padding-inline-end: 8px;
2749
+ padding-inline-start: 4px;
2750
+ padding-top: 5px;
2751
+ }
2752
+ .tox .tox-promotion-link {
2753
+ align-items: unsafe center;
2754
+ background-color: #e8f1f8;
2755
+ border-radius: 5px;
2756
+ color: #086be6;
2757
+ cursor: pointer;
2758
+ display: flex;
2759
+ font-size: 14px;
2760
+ height: 26.6px;
2761
+ padding: 4px 8px;
2762
+ white-space: nowrap;
2763
+ }
2764
+ .tox .tox-promotion-link:hover {
2765
+ background-color: #b4d7ff;
2766
+ }
2767
+ .tox .tox-promotion-link:focus {
2768
+ background-color: #d9edf7;
2769
+ }
2770
+ /* Deprecated. Remove in next major release */
2771
+ .tox .tox-mbtn {
2772
+ align-items: center;
2773
+ background: var(--v-background-base);
2774
+ border: 0;
2775
+ border-radius: 3px;
2776
+ box-shadow: none;
2777
+ color: #222f3e;
2778
+ display: flex;
2779
+ flex: 0 0 auto;
2780
+ font-size: 14px;
2781
+ font-style: normal;
2782
+ font-weight: normal;
2783
+ height: 28px;
2784
+ justify-content: center;
2785
+ margin: 5px 1px 6px 0;
2786
+ outline: none;
2787
+ padding: 0 4px;
2788
+ text-transform: none;
2789
+ width: auto;
2790
+ }
2791
+ .tox .tox-mbtn[disabled] {
2792
+ background-color: var(--v-background-base);
2793
+ border: 0;
2794
+ box-shadow: none;
2795
+ color: rgba(34, 47, 62, 0.5);
2796
+ cursor: not-allowed;
2797
+ }
2798
+ .tox .tox-mbtn:focus:not(:disabled) {
2799
+ background: var(--v-background-base);
2800
+ border: 0;
2801
+ box-shadow: none;
2802
+ color: #222f3e;
2803
+ position: relative;
2804
+ z-index: 1;
2805
+ }
2806
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2807
+ border-radius: 3px;
2808
+ bottom: 0;
2809
+ box-shadow: 0 0 0 2px #006ce7;
2810
+ content: '';
2811
+ left: 0;
2812
+ position: absolute;
2813
+ right: 0;
2814
+ top: 0;
2815
+ }
2816
+ @media (forced-colors: active) {
2817
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2818
+ border: 2px solid highlight;
2819
+ }
2820
+ }
2821
+ .tox .tox-mbtn--active,
2822
+ .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
2823
+ background: #a6ccf7;
2824
+ border: 0;
2825
+ box-shadow: none;
2826
+ color: #222f3e;
2827
+ }
2828
+ .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2829
+ background: #f0f0f0;
2830
+ border: 0;
2831
+ box-shadow: none;
2832
+ color: #222f3e;
2833
+ }
2834
+ .tox .tox-mbtn__select-label {
2835
+ cursor: default;
2836
+ font-weight: normal;
2837
+ margin: 0 4px;
2838
+ }
2839
+ .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2840
+ cursor: not-allowed;
2841
+ }
2842
+ .tox .tox-mbtn__select-chevron {
2843
+ align-items: center;
2844
+ display: flex;
2845
+ justify-content: center;
2846
+ width: 16px;
2847
+ display: none;
2848
+ }
2849
+ .tox .tox-notification {
2850
+ border-radius: 6px;
2851
+ border-style: solid;
2852
+ border-width: 1px;
2853
+ box-shadow: none;
2854
+ box-sizing: border-box;
2855
+ display: grid;
2856
+ font-size: 14px;
2857
+ font-weight: normal;
2858
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2859
+ margin-left: auto;
2860
+ margin-right: auto;
2861
+ margin-top: 4px;
2862
+ opacity: 0;
2863
+ padding: 4px;
2864
+ transition: transform 100ms ease-in, opacity 150ms ease-in;
2865
+ width: -moz-max-content;
2866
+ width: max-content;
2867
+ }
2868
+ .tox .tox-notification a {
2869
+ cursor: pointer;
2870
+ text-decoration: underline;
2871
+ }
2872
+ .tox .tox-notification p {
2873
+ font-size: 14px;
2874
+ font-weight: normal;
2875
+ }
2876
+ .tox .tox-notification:focus {
2877
+ border-color: #006ce7;
2878
+ box-shadow: 0 0 0 1px #006ce7;
2879
+ }
2880
+ .tox .tox-notification--in {
2881
+ opacity: 1;
2882
+ }
2883
+ .tox .tox-notification--success {
2884
+ background-color: #e4eeda;
2885
+ border-color: #d7e6c8;
2886
+ color: #222f3e;
2887
+ }
2888
+ .tox .tox-notification--success p {
2889
+ color: #222f3e;
2890
+ }
2891
+ .tox .tox-notification--success a {
2892
+ color: #517342;
2893
+ }
2894
+ .tox .tox-notification--success a:hover,
2895
+ .tox .tox-notification--success a:focus {
2896
+ color: #24321d;
2897
+ text-decoration: underline;
2898
+ }
2899
+ .tox .tox-notification--success a:focus-visible {
2900
+ border-radius: 1px;
2901
+ outline: 2px solid #517342;
2902
+ outline-offset: 2px;
2903
+ }
2904
+ .tox .tox-notification--success a:active {
2905
+ color: #0d120a;
2906
+ text-decoration: underline;
2907
+ }
2908
+ .tox .tox-notification--success svg {
2909
+ fill: #222f3e;
2910
+ }
2911
+ .tox .tox-notification--error {
2912
+ background-color: #f5cccc;
2913
+ border-color: #f0b3b3;
2914
+ color: #222f3e;
2915
+ /* stylelint-disable-next-line no-descending-specificity */
2916
+ }
2917
+ .tox .tox-notification--error p {
2918
+ color: #222f3e;
2919
+ }
2920
+ .tox .tox-notification--error a {
2921
+ color: #77181f;
2922
+ }
2923
+ .tox .tox-notification--error a:hover,
2924
+ .tox .tox-notification--error a:focus {
2925
+ color: #220709;
2926
+ text-decoration: underline;
2927
+ }
2928
+ .tox .tox-notification--error a:focus-visible {
2929
+ border-radius: 1px;
2930
+ outline: 2px solid #77181f;
2931
+ outline-offset: 2px;
2932
+ }
2933
+ .tox .tox-notification--error a:active {
2934
+ color: #000000;
2935
+ text-decoration: underline;
2936
+ }
2937
+ .tox .tox-notification--error svg {
2938
+ fill: #222f3e;
2939
+ }
2940
+ .tox .tox-notification--warn,
2941
+ .tox .tox-notification--warning {
2942
+ background-color: var(--v-background-base) 5cc;
2943
+ border-color: var(--v-background-base) 0b3;
2944
+ color: #222f3e;
2945
+ /* stylelint-disable-next-line no-descending-specificity */
2946
+ }
2947
+ .tox .tox-notification--warn p,
2948
+ .tox .tox-notification--warning p {
2949
+ color: #222f3e;
2950
+ }
2951
+ .tox .tox-notification--warn a,
2952
+ .tox .tox-notification--warning a {
2953
+ color: #7a6e25;
2954
+ }
2955
+ .tox .tox-notification--warn a:hover,
2956
+ .tox .tox-notification--warning a:hover,
2957
+ .tox .tox-notification--warn a:focus,
2958
+ .tox .tox-notification--warning a:focus {
2959
+ color: #2c280d;
2960
+ text-decoration: underline;
2961
+ }
2962
+ .tox .tox-notification--warn a:focus-visible,
2963
+ .tox .tox-notification--warning a:focus-visible {
2964
+ border-radius: 1px;
2965
+ outline: 2px solid #7a6e25;
2966
+ outline-offset: 2px;
2967
+ }
2968
+ .tox .tox-notification--warn a:active,
2969
+ .tox .tox-notification--warning a:active {
2970
+ color: #050502;
2971
+ text-decoration: underline;
2972
+ }
2973
+ .tox .tox-notification--warn svg,
2974
+ .tox .tox-notification--warning svg {
2975
+ fill: #222f3e;
2976
+ }
2977
+ .tox .tox-notification--info {
2978
+ background-color: #d6e7fb;
2979
+ border-color: #c1dbf9;
2980
+ color: #222f3e;
2981
+ /* stylelint-disable-next-line no-descending-specificity */
2982
+ }
2983
+ .tox .tox-notification--info p {
2984
+ color: #222f3e;
2985
+ }
2986
+ .tox .tox-notification--info a {
2987
+ color: #2a64a6;
2988
+ }
2989
+ .tox .tox-notification--info a:hover,
2990
+ .tox .tox-notification--info a:focus {
2991
+ color: #163355;
2992
+ text-decoration: underline;
2993
+ }
2994
+ .tox .tox-notification--info a:focus-visible {
2995
+ border-radius: 1px;
2996
+ outline: 2px solid #2a64a6;
2997
+ outline-offset: 2px;
2998
+ }
2999
+ .tox .tox-notification--info a:active {
3000
+ color: #0b1a2c;
3001
+ text-decoration: underline;
3002
+ }
3003
+ .tox .tox-notification--info svg {
3004
+ fill: #222f3e;
3005
+ }
3006
+ .tox .tox-notification__body {
3007
+ align-self: center;
3008
+ color: #222f3e;
3009
+ font-size: 14px;
3010
+ grid-column-end: 3;
3011
+ grid-column-start: 2;
3012
+ grid-row-end: 2;
3013
+ grid-row-start: 1;
3014
+ text-align: center;
3015
+ white-space: normal;
3016
+ word-break: break-all;
3017
+ word-break: break-word;
3018
+ }
3019
+ .tox .tox-notification__body > * {
3020
+ margin: 0;
3021
+ }
3022
+ .tox .tox-notification__body > * + * {
3023
+ margin-top: 1rem;
3024
+ }
3025
+ .tox .tox-notification__icon {
3026
+ align-self: center;
3027
+ grid-column-end: 2;
3028
+ grid-column-start: 1;
3029
+ grid-row-end: 2;
3030
+ grid-row-start: 1;
3031
+ justify-self: end;
3032
+ }
3033
+ .tox .tox-notification__icon svg {
3034
+ display: block;
3035
+ }
3036
+ .tox .tox-notification__dismiss {
3037
+ align-self: start;
3038
+ grid-column-end: 4;
3039
+ grid-column-start: 3;
3040
+ grid-row-end: 2;
3041
+ grid-row-start: 1;
3042
+ justify-self: end;
3043
+ }
3044
+ .tox .tox-notification .tox-progress-bar {
3045
+ grid-column-end: 4;
3046
+ grid-column-start: 1;
3047
+ grid-row-end: 3;
3048
+ grid-row-start: 2;
3049
+ justify-self: center;
3050
+ }
3051
+ .tox .tox-notification-container-dock-fadeout {
3052
+ opacity: 0;
3053
+ visibility: hidden;
3054
+ }
3055
+ .tox .tox-notification-container-dock-fadein {
3056
+ opacity: 1;
3057
+ visibility: visible;
3058
+ }
3059
+ .tox .tox-notification-container-dock-transition {
3060
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
3061
+ }
3062
+ .tox
3063
+ .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
3064
+ transition-delay: 0s;
3065
+ }
3066
+ .tox .tox-pop {
3067
+ display: inline-block;
3068
+ position: relative;
3069
+ }
3070
+ .tox .tox-pop--resizing {
3071
+ transition: width 0.1s ease;
3072
+ }
3073
+ .tox .tox-pop--resizing .tox-toolbar,
3074
+ .tox .tox-pop--resizing .tox-toolbar__group {
3075
+ flex-wrap: nowrap;
3076
+ }
3077
+ .tox .tox-pop--transition {
3078
+ transition: 0.15s ease;
3079
+ transition-property: left, right, top, bottom;
3080
+ }
3081
+ .tox .tox-pop--transition::before,
3082
+ .tox .tox-pop--transition::after {
3083
+ transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
3084
+ }
3085
+ .tox .tox-pop__dialog {
3086
+ background-color: var(--v-background-base);
3087
+ border: 1px solid #eeeeee;
3088
+ border-radius: 6px;
3089
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
3090
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3091
+ min-width: 0;
3092
+ overflow: hidden;
3093
+ }
3094
+ .tox .tox-pop__dialog > *:not(.tox-toolbar) {
3095
+ margin: 4px 4px 4px 8px;
3096
+ }
3097
+ .tox .tox-pop__dialog .tox-toolbar {
3098
+ background-color: transparent;
3099
+ margin-bottom: -1px;
3100
+ }
3101
+ .tox .tox-pop::before,
3102
+ .tox .tox-pop::after {
3103
+ border-style: solid;
3104
+ content: '';
3105
+ display: block;
3106
+ height: 0;
3107
+ opacity: 1;
3108
+ position: absolute;
3109
+ width: 0;
3110
+ }
3111
+ @media (forced-colors: active) {
3112
+ .tox .tox-pop::before,
3113
+ .tox .tox-pop::after {
3114
+ content: none;
3115
+ }
3116
+ }
3117
+ .tox .tox-pop.tox-pop--inset::before,
3118
+ .tox .tox-pop.tox-pop--inset::after {
3119
+ opacity: 0;
3120
+ transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
3121
+ }
3122
+ .tox .tox-pop.tox-pop--bottom::before,
3123
+ .tox .tox-pop.tox-pop--bottom::after {
3124
+ left: 50%;
3125
+ top: 100%;
3126
+ }
3127
+ .tox .tox-pop.tox-pop--bottom::after {
3128
+ border-color: var(--v-background-base) transparent transparent transparent;
3129
+ border-width: 8px;
3130
+ margin-left: -8px;
3131
+ margin-top: -1px;
3132
+ }
3133
+ .tox .tox-pop.tox-pop--bottom::before {
3134
+ border-color: #eeeeee transparent transparent transparent;
3135
+ border-width: 9px;
3136
+ margin-left: -9px;
3137
+ }
3138
+ .tox .tox-pop.tox-pop--top::before,
3139
+ .tox .tox-pop.tox-pop--top::after {
3140
+ left: 50%;
3141
+ top: 0;
3142
+ transform: translateY(-100%);
3143
+ }
3144
+ .tox .tox-pop.tox-pop--top::after {
3145
+ border-color: transparent transparent var(--v-background-base) transparent;
3146
+ border-width: 8px;
3147
+ margin-left: -8px;
3148
+ margin-top: 1px;
3149
+ }
3150
+ .tox .tox-pop.tox-pop--top::before {
3151
+ border-color: transparent transparent #eeeeee transparent;
3152
+ border-width: 9px;
3153
+ margin-left: -9px;
3154
+ }
3155
+ .tox .tox-pop.tox-pop--left::before,
3156
+ .tox .tox-pop.tox-pop--left::after {
3157
+ left: 0;
3158
+ top: calc(50% - 1px);
3159
+ transform: translateY(-50%);
3160
+ }
3161
+ .tox .tox-pop.tox-pop--left::after {
3162
+ border-color: transparent var(--v-background-base) transparent transparent;
3163
+ border-width: 8px;
3164
+ margin-left: -15px;
3165
+ }
3166
+ .tox .tox-pop.tox-pop--left::before {
3167
+ border-color: transparent #eeeeee transparent transparent;
3168
+ border-width: 10px;
3169
+ margin-left: -19px;
3170
+ }
3171
+ .tox .tox-pop.tox-pop--right::before,
3172
+ .tox .tox-pop.tox-pop--right::after {
3173
+ left: 100%;
3174
+ top: calc(50% + 1px);
3175
+ transform: translateY(-50%);
3176
+ }
3177
+ .tox .tox-pop.tox-pop--right::after {
3178
+ border-color: transparent transparent transparent var(--v-background-base);
3179
+ border-width: 8px;
3180
+ margin-left: -1px;
3181
+ }
3182
+ .tox .tox-pop.tox-pop--right::before {
3183
+ border-color: transparent transparent transparent #eeeeee;
3184
+ border-width: 10px;
3185
+ margin-left: -1px;
3186
+ }
3187
+ .tox .tox-pop.tox-pop--align-left::before,
3188
+ .tox .tox-pop.tox-pop--align-left::after {
3189
+ left: 20px;
3190
+ }
3191
+ .tox .tox-pop.tox-pop--align-right::before,
3192
+ .tox .tox-pop.tox-pop--align-right::after {
3193
+ left: calc(100% - 20px);
3194
+ }
3195
+ .tox .tox-sidebar-wrap {
3196
+ display: flex;
3197
+ flex-direction: row;
3198
+ flex-grow: 1;
3199
+ min-height: 0;
3200
+ }
3201
+ .tox .tox-sidebar {
3202
+ background-color: var(--v-background-base);
3203
+ display: flex;
3204
+ flex-direction: row;
3205
+ justify-content: flex-end;
3206
+ }
3207
+ .tox .tox-sidebar__slider {
3208
+ display: flex;
3209
+ overflow: hidden;
3210
+ }
3211
+ .tox .tox-sidebar__pane-container {
3212
+ display: flex;
3213
+ }
3214
+ .tox .tox-sidebar__pane {
3215
+ display: flex;
3216
+ }
3217
+ .tox .tox-sidebar--sliding-closed {
3218
+ opacity: 0;
3219
+ }
3220
+ .tox .tox-sidebar--sliding-open {
3221
+ opacity: 1;
3222
+ }
3223
+ .tox .tox-sidebar--sliding-growing,
3224
+ .tox .tox-sidebar--sliding-shrinking {
3225
+ transition: width 0.5s ease, opacity 0.5s ease;
3226
+ }
3227
+ .tox .tox-selector {
3228
+ background-color: #4099ff;
3229
+ border-color: #4099ff;
3230
+ border-style: solid;
3231
+ border-width: 1px;
3232
+ box-sizing: border-box;
3233
+ display: inline-block;
3234
+ height: 10px;
3235
+ position: absolute;
3236
+ width: 10px;
3237
+ }
3238
+ .tox.tox-platform-touch .tox-selector {
3239
+ height: 12px;
3240
+ width: 12px;
3241
+ }
3242
+ .tox .tox-slider {
3243
+ align-items: center;
3244
+ display: flex;
3245
+ flex: 1;
3246
+ height: 24px;
3247
+ justify-content: center;
3248
+ position: relative;
3249
+ }
3250
+ .tox .tox-slider__rail {
3251
+ background-color: transparent;
3252
+ border: 1px solid #eeeeee;
3253
+ border-radius: 6px;
3254
+ height: 10px;
3255
+ min-width: 120px;
3256
+ width: 100%;
3257
+ }
3258
+ .tox .tox-slider__handle {
3259
+ background-color: #006ce7;
3260
+ border: 2px solid #0054b4;
3261
+ border-radius: 6px;
3262
+ box-shadow: none;
3263
+ height: 24px;
3264
+ left: 50%;
3265
+ position: absolute;
3266
+ top: 50%;
3267
+ transform: translateX(-50%) translateY(-50%);
3268
+ width: 14px;
3269
+ }
3270
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
3271
+ margin-inline-start: 8px;
3272
+ }
3273
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
3274
+ margin-inline-start: 32px;
3275
+ }
3276
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3277
+ margin-inline-start: 32px;
3278
+ }
3279
+ .tox .tox-source-code {
3280
+ overflow: auto;
3281
+ }
3282
+ .tox .tox-spinner {
3283
+ display: flex;
3284
+ }
3285
+ .tox .tox-spinner > div {
3286
+ animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
3287
+ background-color: rgba(34, 47, 62, 0.7);
3288
+ border-radius: 100%;
3289
+ height: 8px;
3290
+ width: 8px;
3291
+ }
3292
+ .tox .tox-spinner > div:nth-child(1) {
3293
+ animation-delay: -0.32s;
3294
+ }
3295
+ .tox .tox-spinner > div:nth-child(2) {
3296
+ animation-delay: -0.16s;
3297
+ }
3298
+ @keyframes tam-bouncing-dots {
3299
+ 0%,
3300
+ 80%,
3301
+ 100% {
3302
+ transform: scale(0);
3303
+ }
3304
+ 40% {
3305
+ transform: scale(1);
3306
+ }
3307
+ }
3308
+ .tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
3309
+ margin-left: 4px;
3310
+ }
3311
+ .tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
3312
+ margin-right: 4px;
3313
+ }
3314
+ .tox .tox-statusbar {
3315
+ align-items: center;
3316
+ background-color: var(--v-background-base);
3317
+ border-top: 1px solid #e3e3e3;
3318
+ color: rgba(34, 47, 62, 0.7);
3319
+ display: flex;
3320
+ flex: 0 0 auto;
3321
+ font-size: 14px;
3322
+ font-weight: normal;
3323
+ height: 25px;
3324
+ overflow: hidden;
3325
+ padding: 0 8px;
3326
+ position: relative;
3327
+ text-transform: none;
3328
+ }
3329
+ .tox .tox-statusbar__path {
3330
+ display: flex;
3331
+ flex: 1 1 auto;
3332
+ text-overflow: ellipsis;
3333
+ white-space: nowrap;
3334
+ }
3335
+ .tox .tox-statusbar__right-container {
3336
+ display: flex;
3337
+ justify-content: flex-end;
3338
+ white-space: nowrap;
3339
+ }
3340
+ .tox .tox-statusbar__help-text {
3341
+ text-align: center;
3342
+ }
3343
+ .tox .tox-statusbar__text-container {
3344
+ display: flex;
3345
+ flex: 1 1 auto;
3346
+ justify-content: space-between;
3347
+ }
3348
+ @media only screen and (min-width: 768px) {
3349
+ .tox
3350
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
3351
+ > .tox-statusbar__help-text,
3352
+ .tox
3353
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
3354
+ > .tox-statusbar__right-container,
3355
+ .tox
3356
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
3357
+ > .tox-statusbar__path {
3358
+ flex: 0 0 calc(100% / 3);
3359
+ }
3360
+ }
3361
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
3362
+ justify-content: flex-end;
3363
+ }
3364
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
3365
+ justify-content: flex-start;
3366
+ }
3367
+ .tox
3368
+ .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
3369
+ justify-content: space-around;
3370
+ }
3371
+ .tox .tox-statusbar__path > * {
3372
+ display: inline;
3373
+ white-space: nowrap;
3374
+ }
3375
+ .tox .tox-statusbar__wordcount {
3376
+ flex: 0 0 auto;
3377
+ margin-left: 1ch;
3378
+ }
3379
+ @media only screen and (max-width: 767px) {
3380
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text {
3381
+ display: none;
3382
+ }
3383
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
3384
+ display: block;
3385
+ }
3386
+ }
3387
+ .tox .tox-statusbar a,
3388
+ .tox .tox-statusbar__path-item,
3389
+ .tox .tox-statusbar__wordcount {
3390
+ color: rgba(34, 47, 62, 0.7);
3391
+ position: relative;
3392
+ text-decoration: none;
3393
+ }
3394
+ .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
3395
+ .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
3396
+ .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
3397
+ .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
3398
+ .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
3399
+ .tox
3400
+ .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
3401
+ color: #222f3e;
3402
+ cursor: pointer;
3403
+ }
3404
+ .tox .tox-statusbar a:focus-visible::after,
3405
+ .tox .tox-statusbar__path-item:focus-visible::after,
3406
+ .tox .tox-statusbar__wordcount:focus-visible::after {
3407
+ border-radius: 3px;
3408
+ bottom: 0;
3409
+ box-shadow: 0 0 0 2px #006ce7;
3410
+ content: '';
3411
+ left: 0;
3412
+ position: absolute;
3413
+ right: 0;
3414
+ top: 0;
3415
+ }
3416
+ @media (forced-colors: active) {
3417
+ .tox .tox-statusbar a:focus-visible::after,
3418
+ .tox .tox-statusbar__path-item:focus-visible::after,
3419
+ .tox .tox-statusbar__wordcount:focus-visible::after {
3420
+ border: 2px solid highlight;
3421
+ }
3422
+ }
3423
+ .tox .tox-statusbar__branding svg {
3424
+ fill: rgba(34, 47, 62, 0.8);
3425
+ height: 1.14em;
3426
+ vertical-align: -0.28em;
3427
+ width: 3.6em;
3428
+ }
3429
+ @media (forced-colors: active) {
3430
+ .tox .tox-statusbar__branding svg {
3431
+ fill: currentColor;
3432
+ }
3433
+ }
3434
+ .tox
3435
+ .tox-statusbar__branding
3436
+ a:hover:not(:disabled):not([aria-disabled='true'])
3437
+ svg,
3438
+ .tox
3439
+ .tox-statusbar__branding
3440
+ a:focus:not(:disabled):not([aria-disabled='true'])
3441
+ svg {
3442
+ fill: #222f3e;
3443
+ }
3444
+ .tox .tox-statusbar__resize-handle {
3445
+ align-items: flex-end;
3446
+ align-self: stretch;
3447
+ cursor: nwse-resize;
3448
+ display: flex;
3449
+ flex: 0 0 auto;
3450
+ justify-content: flex-end;
3451
+ margin-bottom: 3px;
3452
+ margin-left: 4px;
3453
+ margin-right: calc(3px - 8px);
3454
+ margin-top: 3px;
3455
+ padding-bottom: 0;
3456
+ padding-left: 0;
3457
+ padding-right: 0;
3458
+ position: relative;
3459
+ }
3460
+ .tox .tox-statusbar__resize-handle svg {
3461
+ display: block;
3462
+ fill: rgba(34, 47, 62, 0.5);
3463
+ }
3464
+ .tox .tox-statusbar__resize-handle:hover svg,
3465
+ .tox .tox-statusbar__resize-handle:focus svg {
3466
+ fill: #222f3e;
3467
+ }
3468
+ .tox .tox-statusbar__resize-handle:focus-visible {
3469
+ background-color: transparent;
3470
+ border-radius: 1px 1px 5px 1px;
3471
+ box-shadow: 0 0 0 2px transparent;
3472
+ }
3473
+ .tox .tox-statusbar__resize-handle:focus-visible::after {
3474
+ border-radius: 3px;
3475
+ bottom: 0;
3476
+ box-shadow: 0 0 0 2px #006ce7;
3477
+ content: '';
3478
+ left: 0;
3479
+ position: absolute;
3480
+ right: 0;
3481
+ top: 0;
3482
+ }
3483
+ @media (forced-colors: active) {
3484
+ .tox .tox-statusbar__resize-handle:focus-visible::after {
3485
+ border: 2px solid highlight;
3486
+ }
3487
+ }
3488
+ .tox:not([dir='rtl']) .tox-statusbar__path > * {
3489
+ margin-right: 4px;
3490
+ }
3491
+ .tox:not([dir='rtl']) .tox-statusbar__branding {
3492
+ margin-left: 2ch;
3493
+ }
3494
+ .tox[dir='rtl'] .tox-statusbar {
3495
+ flex-direction: row-reverse;
3496
+ }
3497
+ .tox[dir='rtl'] .tox-statusbar__path > * {
3498
+ margin-left: 4px;
3499
+ }
3500
+ .tox .tox-throbber {
3501
+ z-index: 1299;
3502
+ }
3503
+ .tox .tox-throbber__busy-spinner {
3504
+ align-items: center;
3505
+ background-color: rgba(255, 255, 255, 0.6);
3506
+ bottom: 0;
3507
+ display: flex;
3508
+ justify-content: center;
3509
+ left: 0;
3510
+ position: absolute;
3511
+ right: 0;
3512
+ top: 0;
3513
+ }
3514
+ .tox .tox-tbtn {
3515
+ align-items: center;
3516
+ background: var(--v-background-base);
3517
+ border: 0;
3518
+ border-radius: 3px;
3519
+ box-shadow: none;
3520
+ color: #222f3e;
3521
+ display: flex;
3522
+ flex: 0 0 auto;
3523
+ font-size: 14px;
3524
+ font-style: normal;
3525
+ font-weight: normal;
3526
+ height: 28px;
3527
+ justify-content: center;
3528
+ margin: 6px 1px 5px 0;
3529
+ outline: none;
3530
+ padding: 0;
3531
+ text-transform: none;
3532
+ width: 34px;
3533
+ }
3534
+ @media (forced-colors: active) {
3535
+ .tox .tox-tbtn:hover,
3536
+ .tox .tox-tbtn.tox-tbtn:hover {
3537
+ outline: 1px dashed currentColor;
3538
+ }
3539
+ .tox .tox-tbtn.tox-tbtn--active,
3540
+ .tox .tox-tbtn.tox-tbtn--enabled,
3541
+ .tox .tox-tbtn.tox-tbtn--enabled:hover,
3542
+ .tox .tox-tbtn.tox-tbtn--enabled:focus,
3543
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3544
+ outline: 1px solid currentColor;
3545
+ position: relative;
3546
+ }
3547
+ }
3548
+ .tox .tox-tbtn svg {
3549
+ display: block;
3550
+ fill: #222f3e;
3551
+ }
3552
+ @media (forced-colors: active) {
3553
+ .tox .tox-tbtn svg {
3554
+ fill: currentColor !important;
3555
+ }
3556
+ .tox .tox-tbtn svg.tox-tbtn--enabled,
3557
+ .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
3558
+ fill: currentColor !important;
3559
+ }
3560
+ .tox .tox-tbtn svg.tox-tbtn--disabled,
3561
+ .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
3562
+ .tox .tox-tbtn svg .tox-tbtn:disabled,
3563
+ .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
3564
+ filter: contrast(0%);
3565
+ }
3566
+ }
3567
+ .tox .tox-tbtn.tox-tbtn-more {
3568
+ padding-left: 5px;
3569
+ padding-right: 5px;
3570
+ width: inherit;
3571
+ }
3572
+ .tox .tox-tbtn:focus {
3573
+ background: var(--v-background-base);
3574
+ border: 0;
3575
+ box-shadow: none;
3576
+ position: relative;
3577
+ z-index: 1;
3578
+ }
3579
+ .tox .tox-tbtn:focus::after {
3580
+ border-radius: 3px;
3581
+ bottom: 0;
3582
+ box-shadow: 0 0 0 2px #006ce7;
3583
+ content: '';
3584
+ left: 0;
3585
+ position: absolute;
3586
+ right: 0;
3587
+ top: 0;
3588
+ }
3589
+ @media (forced-colors: active) {
3590
+ .tox .tox-tbtn:focus::after {
3591
+ border: 2px solid highlight;
3592
+ }
3593
+ }
3594
+ .tox .tox-tbtn:hover {
3595
+ background: #f0f0f0;
3596
+ border: 0;
3597
+ box-shadow: none;
3598
+ color: #222f3e;
3599
+ }
3600
+ .tox .tox-tbtn:hover svg {
3601
+ fill: #222f3e;
3602
+ }
3603
+ .tox .tox-tbtn:active {
3604
+ background: #a6ccf7;
3605
+ border: 0;
3606
+ box-shadow: none;
3607
+ color: #222f3e;
3608
+ }
3609
+ .tox .tox-tbtn:active svg {
3610
+ fill: #222f3e;
3611
+ }
3612
+ .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3613
+ fill: rgba(34, 47, 62, 0.5);
3614
+ }
3615
+ .tox .tox-tbtn--disabled,
3616
+ .tox .tox-tbtn--disabled:hover,
3617
+ .tox .tox-tbtn:disabled,
3618
+ .tox .tox-tbtn:disabled:hover {
3619
+ background: var(--v-background-base);
3620
+ border: 0;
3621
+ box-shadow: none;
3622
+ color: rgba(34, 47, 62, 0.5);
3623
+ cursor: not-allowed;
3624
+ }
3625
+ .tox .tox-tbtn--disabled svg,
3626
+ .tox .tox-tbtn--disabled:hover svg,
3627
+ .tox .tox-tbtn:disabled svg,
3628
+ .tox .tox-tbtn:disabled:hover svg {
3629
+ /* stylelint-disable-line no-descending-specificity */
3630
+ fill: rgba(34, 47, 62, 0.5);
3631
+ }
3632
+ .tox .tox-tbtn--active,
3633
+ .tox .tox-tbtn--enabled,
3634
+ .tox .tox-tbtn--enabled:hover,
3635
+ .tox .tox-tbtn--enabled:focus {
3636
+ background: #a6ccf7;
3637
+ border: 0;
3638
+ box-shadow: none;
3639
+ color: #222f3e;
3640
+ position: relative;
3641
+ }
3642
+ .tox .tox-tbtn--active > *,
3643
+ .tox .tox-tbtn--enabled > *,
3644
+ .tox .tox-tbtn--enabled:hover > *,
3645
+ .tox .tox-tbtn--enabled:focus > * {
3646
+ transform: none;
3647
+ }
3648
+ .tox .tox-tbtn--active svg,
3649
+ .tox .tox-tbtn--enabled svg,
3650
+ .tox .tox-tbtn--enabled:hover svg,
3651
+ .tox .tox-tbtn--enabled:focus svg {
3652
+ /* stylelint-disable-line no-descending-specificity */
3653
+ fill: #222f3e;
3654
+ }
3655
+ .tox .tox-tbtn--active.tox-tbtn--disabled svg,
3656
+ .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3657
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
3658
+ .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
3659
+ fill: rgba(34, 47, 62, 0.5);
3660
+ }
3661
+ .tox .tox-tbtn--enabled:focus::after {
3662
+ border-radius: 3px;
3663
+ bottom: 0;
3664
+ box-shadow: 0 0 0 2px #006ce7;
3665
+ content: '';
3666
+ left: 0;
3667
+ position: absolute;
3668
+ right: 0;
3669
+ top: 0;
3670
+ }
3671
+ @media (forced-colors: active) {
3672
+ .tox .tox-tbtn--enabled:focus::after {
3673
+ border: 2px solid highlight;
3674
+ }
3675
+ }
3676
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3677
+ color: #222f3e;
3678
+ }
3679
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
3680
+ fill: #222f3e;
3681
+ }
3682
+ .tox .tox-tbtn:active > * {
3683
+ transform: none;
3684
+ }
3685
+ .tox .tox-tbtn--md {
3686
+ height: 42px;
3687
+ width: 51px;
3688
+ }
3689
+ .tox .tox-tbtn--lg {
3690
+ flex-direction: column;
3691
+ height: 56px;
3692
+ width: 68px;
3693
+ }
3694
+ .tox .tox-tbtn--return {
3695
+ align-self: stretch;
3696
+ height: unset;
3697
+ width: 16px;
3698
+ }
3699
+ .tox .tox-tbtn--labeled {
3700
+ padding: 0 4px;
3701
+ width: unset;
3702
+ }
3703
+ .tox .tox-tbtn__vlabel {
3704
+ display: block;
3705
+ font-size: 10px;
3706
+ font-weight: normal;
3707
+ letter-spacing: -0.025em;
3708
+ margin-bottom: 4px;
3709
+ white-space: nowrap;
3710
+ }
3711
+ .tox .tox-number-input {
3712
+ background: #f7f7f7;
3713
+ border-radius: 3px;
3714
+ display: flex;
3715
+ margin: 6px 1px 5px 0;
3716
+ position: relative;
3717
+ width: auto;
3718
+ }
3719
+ .tox .tox-number-input:focus {
3720
+ background: #f7f7f7;
3721
+ }
3722
+ .tox .tox-number-input:focus::after {
3723
+ border-radius: 3px;
3724
+ bottom: 0;
3725
+ box-shadow: 0 0 0 2px #006ce7;
3726
+ content: '';
3727
+ left: 0;
3728
+ position: absolute;
3729
+ right: 0;
3730
+ top: 0;
3731
+ }
3732
+ @media (forced-colors: active) {
3733
+ .tox .tox-number-input:focus::after {
3734
+ border: 2px solid highlight;
3735
+ }
3736
+ }
3737
+ .tox .tox-number-input .tox-input-wrapper {
3738
+ display: flex;
3739
+ pointer-events: none;
3740
+ position: relative;
3741
+ text-align: center;
3742
+ }
3743
+ .tox .tox-number-input .tox-input-wrapper:focus {
3744
+ background-color: #f7f7f7;
3745
+ z-index: 1;
3746
+ }
3747
+ .tox .tox-number-input .tox-input-wrapper:focus::after {
3748
+ border-radius: 3px;
3749
+ bottom: 0;
3750
+ box-shadow: 0 0 0 2px #006ce7;
3751
+ content: '';
3752
+ left: 0;
3753
+ position: absolute;
3754
+ right: 0;
3755
+ top: 0;
3756
+ }
3757
+ @media (forced-colors: active) {
3758
+ .tox .tox-number-input .tox-input-wrapper:focus::after {
3759
+ border: 2px solid highlight;
3760
+ }
3761
+ }
3762
+ .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3763
+ border-radius: 3px;
3764
+ bottom: 0;
3765
+ box-shadow: 0 0 0 2px #006ce7;
3766
+ content: '';
3767
+ left: 0;
3768
+ position: absolute;
3769
+ right: 0;
3770
+ top: 0;
3771
+ }
3772
+ @media (forced-colors: active) {
3773
+ .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3774
+ border: 2px solid highlight;
3775
+ }
3776
+ }
3777
+ .tox .tox-number-input input {
3778
+ border-radius: 3px;
3779
+ color: #222f3e;
3780
+ font-size: 14px;
3781
+ margin: 2px 0;
3782
+ pointer-events: all;
3783
+ position: relative;
3784
+ width: 60px;
3785
+ }
3786
+ .tox .tox-number-input input:hover {
3787
+ background: #f0f0f0;
3788
+ color: #222f3e;
3789
+ }
3790
+ .tox .tox-number-input input:focus {
3791
+ background-color: #f7f7f7;
3792
+ }
3793
+ .tox .tox-number-input input:disabled {
3794
+ background: var(--v-background-base);
3795
+ border: 0;
3796
+ box-shadow: none;
3797
+ color: rgba(34, 47, 62, 0.5);
3798
+ cursor: not-allowed;
3799
+ }
3800
+ .tox .tox-number-input button {
3801
+ color: #222f3e;
3802
+ height: 28px;
3803
+ position: relative;
3804
+ text-align: center;
3805
+ width: 24px;
3806
+ }
3807
+ @media (forced-colors: active) {
3808
+ .tox .tox-number-input button:hover,
3809
+ .tox .tox-number-input button:focus,
3810
+ .tox .tox-number-input button:active {
3811
+ outline: 1px solid currentColor !important;
3812
+ }
3813
+ }
3814
+ .tox .tox-number-input button svg {
3815
+ display: block;
3816
+ fill: #222f3e;
3817
+ margin: 0 auto;
3818
+ transform: scale(0.67);
3819
+ }
3820
+ @media (forced-colors: active) {
3821
+ .tox .tox-number-input button svg,
3822
+ .tox .tox-number-input button svg:active,
3823
+ .tox .tox-number-input button svg:hover {
3824
+ fill: currentColor !important;
3825
+ }
3826
+ .tox .tox-number-input button svg:disabled {
3827
+ filter: contrast(0);
3828
+ }
3829
+ }
3830
+ .tox .tox-number-input button:focus {
3831
+ background: #f7f7f7;
3832
+ z-index: 1;
3833
+ }
3834
+ .tox .tox-number-input button:focus::after {
3835
+ border-radius: 3px;
3836
+ bottom: 0;
3837
+ box-shadow: 0 0 0 2px #006ce7;
3838
+ content: '';
3839
+ left: 0;
3840
+ position: absolute;
3841
+ right: 0;
3842
+ top: 0;
3843
+ }
3844
+ @media (forced-colors: active) {
3845
+ .tox .tox-number-input button:focus::after {
3846
+ border: 2px solid highlight;
3847
+ }
3848
+ }
3849
+ .tox .tox-number-input button:hover {
3850
+ background: #f0f0f0;
3851
+ border: 0;
3852
+ box-shadow: none;
3853
+ color: #222f3e;
3854
+ }
3855
+ .tox .tox-number-input button:hover svg {
3856
+ fill: #222f3e;
3857
+ }
3858
+ .tox .tox-number-input button:active {
3859
+ background: #a6ccf7;
3860
+ border: 0;
3861
+ box-shadow: none;
3862
+ color: #222f3e;
3863
+ }
3864
+ .tox .tox-number-input button:active svg {
3865
+ fill: #222f3e;
3866
+ }
3867
+ .tox .tox-number-input button:disabled {
3868
+ background: var(--v-background-base);
3869
+ border: 0;
3870
+ box-shadow: none;
3871
+ color: rgba(34, 47, 62, 0.5);
3872
+ cursor: not-allowed;
3873
+ }
3874
+ .tox .tox-number-input button:disabled svg {
3875
+ fill: rgba(34, 47, 62, 0.5);
3876
+ }
3877
+ .tox .tox-number-input button.minus {
3878
+ border-radius: 3px 0 0 3px;
3879
+ }
3880
+ .tox .tox-number-input button.plus {
3881
+ border-radius: 0 3px 3px 0;
3882
+ }
3883
+ .tox .tox-number-input:focus:not(:active) > button,
3884
+ .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3885
+ background: #f7f7f7;
3886
+ }
3887
+ .tox .tox-tbtn--select {
3888
+ margin: 6px 1px 5px 0;
3889
+ padding: 0 4px;
3890
+ width: auto;
3891
+ }
3892
+ .tox .tox-tbtn__select-label {
3893
+ cursor: default;
3894
+ font-weight: normal;
3895
+ height: initial;
3896
+ margin: 0 4px;
3897
+ overflow: hidden;
3898
+ text-overflow: ellipsis;
3899
+ white-space: nowrap;
3900
+ }
3901
+ .tox .tox-tbtn__select-chevron {
3902
+ align-items: center;
3903
+ display: flex;
3904
+ justify-content: center;
3905
+ width: 16px;
3906
+ }
3907
+ .tox .tox-tbtn__select-chevron svg {
3908
+ fill: rgba(34, 47, 62, 0.5);
3909
+ }
3910
+ @media (forced-colors: active) {
3911
+ .tox .tox-tbtn__select-chevron svg {
3912
+ fill: currentColor;
3913
+ }
3914
+ }
3915
+ .tox .tox-tbtn--bespoke {
3916
+ background: #f7f7f7;
3917
+ }
3918
+ .tox .tox-tbtn--bespoke:focus {
3919
+ background: #f7f7f7;
3920
+ }
3921
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3922
+ margin-inline-start: 4px;
3923
+ }
3924
+ .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3925
+ overflow: hidden;
3926
+ text-overflow: ellipsis;
3927
+ white-space: nowrap;
3928
+ width: 7em;
3929
+ }
3930
+ .tox .tox-tbtn--disabled .tox-tbtn__select-label,
3931
+ .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3932
+ cursor: not-allowed;
3933
+ }
3934
+ .tox .tox-split-button {
3935
+ border: 0;
3936
+ border-radius: 3px;
3937
+ box-sizing: border-box;
3938
+ display: flex;
3939
+ margin: 6px 1px 5px 0;
3940
+ }
3941
+ .tox .tox-split-button:hover {
3942
+ box-shadow: 0 0 0 1px #f0f0f0 inset;
3943
+ }
3944
+ .tox .tox-split-button:focus {
3945
+ background: var(--v-background-base);
3946
+ box-shadow: none;
3947
+ color: #222f3e;
3948
+ position: relative;
3949
+ z-index: 1;
3950
+ }
3951
+ .tox .tox-split-button:focus::after {
3952
+ pointer-events: none;
3953
+ border-radius: 3px;
3954
+ bottom: 0;
3955
+ box-shadow: 0 0 0 2px #006ce7;
3956
+ content: '';
3957
+ left: 0;
3958
+ position: absolute;
3959
+ right: 0;
3960
+ top: 0;
3961
+ }
3962
+ @media (forced-colors: active) {
3963
+ .tox .tox-split-button:focus::after {
3964
+ border: 2px solid highlight;
3965
+ }
3966
+ }
3967
+ .tox .tox-split-button > * {
3968
+ border-radius: 0;
3969
+ }
3970
+ .tox .tox-split-button > *:nth-child(1) {
3971
+ border-bottom-left-radius: 3px;
3972
+ border-top-left-radius: 3px;
3973
+ }
3974
+ .tox .tox-split-button > *:nth-child(2) {
3975
+ border-bottom-right-radius: 3px;
3976
+ border-top-right-radius: 3px;
3977
+ }
3978
+ .tox .tox-split-button__chevron {
3979
+ width: 16px;
3980
+ }
3981
+ .tox .tox-split-button__chevron svg {
3982
+ fill: rgba(34, 47, 62, 0.5);
3983
+ }
3984
+ @media (forced-colors: active) {
3985
+ .tox .tox-split-button__chevron svg {
3986
+ fill: currentColor;
3987
+ }
3988
+ }
3989
+ .tox .tox-split-button .tox-tbtn {
3990
+ margin: 0;
3991
+ }
3992
+ .tox .tox-split-button:focus .tox-tbtn {
3993
+ background-color: transparent;
3994
+ }
3995
+ .tox .tox-split-button.tox-tbtn--disabled:hover,
3996
+ .tox .tox-split-button.tox-tbtn--disabled:focus,
3997
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
3998
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
3999
+ background: var(--v-background-base);
4000
+ box-shadow: none;
4001
+ color: rgba(34, 47, 62, 0.5);
4002
+ }
4003
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
4004
+ padding: 0 0px;
4005
+ }
4006
+ .tox.tox-platform-touch
4007
+ .tox-split-button
4008
+ .tox-tbtn:not(.tox-tbtn--select):first-child {
4009
+ width: 30px;
4010
+ }
4011
+ .tox.tox-platform-touch .tox-split-button__chevron {
4012
+ width: 20px;
4013
+ }
4014
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
4015
+ .tox
4016
+ .tox-split-button.tox-tbtn--disabled
4017
+ svg
4018
+ #tox-icon-highlight-bg-color__color {
4019
+ opacity: 0.6;
4020
+ }
4021
+ .tox .tox-toolbar-overlord {
4022
+ background-color: var(--v-background-base);
4023
+ }
4024
+ .tox .tox-toolbar,
4025
+ .tox .tox-toolbar__primary,
4026
+ .tox .tox-toolbar__overflow {
4027
+ background-attachment: local;
4028
+ background-color: var(--v-background-base);
4029
+ background-image: repeating-linear-gradient(
4030
+ #e3e3e3 0px 1px,
4031
+ transparent 1px 39px
4032
+ );
4033
+ background-position: center top 40px;
4034
+ background-repeat: no-repeat;
4035
+ background-size: calc(100% - 11px * 2) calc(100% - 41px);
4036
+ display: flex;
4037
+ flex: 0 0 auto;
4038
+ flex-shrink: 0;
4039
+ flex-wrap: wrap;
4040
+ padding: 0 0px;
4041
+ transform: perspective(1px);
4042
+ }
4043
+ .tox .tox-toolbar-overlord > .tox-toolbar,
4044
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
4045
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
4046
+ background-position: center top 0px;
4047
+ background-size: calc(100% - 11px * 2) calc(100% - 0px);
4048
+ }
4049
+ .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
4050
+ height: 0;
4051
+ opacity: 0;
4052
+ padding-bottom: 0;
4053
+ padding-top: 0;
4054
+ visibility: hidden;
4055
+ }
4056
+ .tox .tox-toolbar__overflow--growing {
4057
+ transition: height 0.3s ease, opacity 0.2s linear 0.1s;
4058
+ }
4059
+ .tox .tox-toolbar__overflow--shrinking {
4060
+ transition: opacity 0.3s ease, height 0.2s linear 0.1s,
4061
+ visibility 0s linear 0.3s;
4062
+ }
4063
+ .tox .tox-toolbar-overlord,
4064
+ .tox .tox-anchorbar {
4065
+ grid-column: 1 / -1;
4066
+ }
4067
+ .tox .tox-menubar + .tox-toolbar,
4068
+ .tox .tox-menubar + .tox-toolbar-overlord {
4069
+ border-top: 1px solid transparent;
4070
+ margin-top: -1px;
4071
+ padding-bottom: 1px;
4072
+ padding-top: 1px;
4073
+ }
4074
+ @media (forced-colors: active) {
4075
+ .tox .tox-menubar + .tox-toolbar,
4076
+ .tox .tox-menubar + .tox-toolbar-overlord {
4077
+ outline: 1px solid currentColor;
4078
+ }
4079
+ }
4080
+ .tox .tox-toolbar--scrolling {
4081
+ flex-wrap: nowrap;
4082
+ overflow-x: auto;
4083
+ }
4084
+ .tox .tox-pop .tox-toolbar {
4085
+ border-width: 0;
4086
+ }
4087
+ .tox .tox-toolbar--no-divider {
4088
+ background-image: none;
4089
+ }
4090
+ .tox
4091
+ .tox-toolbar-overlord
4092
+ .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
4093
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
4094
+ background-position: center top 39px;
4095
+ }
4096
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
4097
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
4098
+ background-image: none;
4099
+ }
4100
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
4101
+ background-color: var(--v-background-base);
4102
+ background-position: center top 43px;
4103
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
4104
+ border: none;
4105
+ border-radius: 6px;
4106
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
4107
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
4108
+ overscroll-behavior: none;
4109
+ padding: 4px 0;
4110
+ }
4111
+ @media (forced-colors: active) {
4112
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
4113
+ border: solid;
4114
+ }
4115
+ }
4116
+ .tox-pop .tox-pop__dialog {
4117
+ /* stylelint-disable-next-line no-descending-specificity */
4118
+ }
4119
+ .tox-pop .tox-pop__dialog .tox-toolbar {
4120
+ background-position: center top 43px;
4121
+ background-size: calc(100% - 11px * 2) calc(100% - 51px);
4122
+ padding: 4px 0;
4123
+ }
4124
+ .tox .tox-toolbar__group {
4125
+ align-items: center;
4126
+ display: flex;
4127
+ flex-wrap: wrap;
4128
+ margin: 0 0;
4129
+ padding: 0 11px 0 12px;
4130
+ }
4131
+ .tox .tox-toolbar__group--pull-right {
4132
+ margin-left: auto;
4133
+ }
4134
+ .tox .tox-toolbar--scrolling .tox-toolbar__group {
4135
+ flex-shrink: 0;
4136
+ flex-wrap: nowrap;
4137
+ }
4138
+ .tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
4139
+ border-right: 1px solid transparent;
4140
+ }
4141
+ .tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
4142
+ border-left: 1px solid transparent;
4143
+ }
4144
+ .tox .tox-tooltip {
4145
+ display: inline-block;
4146
+ max-width: 15em;
4147
+ padding: 8px;
4148
+ /*
4149
+ * The pointer-events: none is designed to make mouse events bleed through the tooltip
4150
+ * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
4151
+ * another item should trigger the hover of the item obscured by the tooltip, even though
4152
+ * the tooltip is on top
4153
+ */
4154
+ pointer-events: none;
4155
+ position: relative;
4156
+ width: -moz-max-content;
4157
+ width: max-content;
4158
+ z-index: 1150;
4159
+ }
4160
+ .tox .tox-tooltip__body {
4161
+ background-color: #222f3e;
4162
+ border-radius: 6px;
4163
+ box-shadow: none;
4164
+ color: var(--v-background-base);
4165
+ font-size: 12px;
4166
+ font-style: normal;
4167
+ font-weight: 600;
4168
+ overflow-wrap: break-word;
4169
+ padding: 4px 6px;
4170
+ text-transform: none;
4171
+ }
4172
+ @media (forced-colors: active) {
4173
+ .tox .tox-tooltip__body {
4174
+ outline: outset 1px;
4175
+ }
4176
+ }
4177
+ .tox .tox-tooltip__arrow {
4178
+ position: absolute;
4179
+ }
4180
+ .tox .tox-tooltip--down .tox-tooltip__arrow {
4181
+ border-left: 8px solid transparent;
4182
+ border-right: 8px solid transparent;
4183
+ border-top: 8px solid #222f3e;
4184
+ bottom: 0;
4185
+ left: 50%;
4186
+ position: absolute;
4187
+ transform: translateX(-50%);
4188
+ }
4189
+ .tox .tox-tooltip--up .tox-tooltip__arrow {
4190
+ border-bottom: 8px solid #222f3e;
4191
+ border-left: 8px solid transparent;
4192
+ border-right: 8px solid transparent;
4193
+ left: 50%;
4194
+ position: absolute;
4195
+ top: 0;
4196
+ transform: translateX(-50%);
4197
+ }
4198
+ .tox .tox-tooltip--right .tox-tooltip__arrow {
4199
+ border-bottom: 8px solid transparent;
4200
+ border-left: 8px solid #222f3e;
4201
+ border-top: 8px solid transparent;
4202
+ position: absolute;
4203
+ right: 0;
4204
+ top: 50%;
4205
+ transform: translateY(-50%);
4206
+ }
4207
+ .tox .tox-tooltip--left .tox-tooltip__arrow {
4208
+ border-bottom: 8px solid transparent;
4209
+ border-right: 8px solid #222f3e;
4210
+ border-top: 8px solid transparent;
4211
+ left: 0;
4212
+ position: absolute;
4213
+ top: 50%;
4214
+ transform: translateY(-50%);
4215
+ }
4216
+ .tox .tox-tree {
4217
+ display: flex;
4218
+ flex-direction: column;
4219
+ }
4220
+ .tox .tox-tree .tox-trbtn {
4221
+ align-items: center;
4222
+ background: transparent;
4223
+ border: 0;
4224
+ border-radius: 4px;
4225
+ box-shadow: none;
4226
+ color: #222f3e;
4227
+ display: flex;
4228
+ flex: 0 0 auto;
4229
+ font-size: 14px;
4230
+ font-style: normal;
4231
+ font-weight: normal;
4232
+ height: 28px;
4233
+ margin-bottom: 4px;
4234
+ margin-top: 4px;
4235
+ outline: none;
4236
+ overflow: hidden;
4237
+ padding: 0;
4238
+ padding-left: 8px;
4239
+ text-transform: none;
4240
+ }
4241
+ .tox .tox-tree .tox-trbtn .tox-tree__label {
4242
+ cursor: default;
4243
+ overflow: hidden;
4244
+ text-overflow: ellipsis;
4245
+ white-space: nowrap;
4246
+ }
4247
+ .tox .tox-tree .tox-trbtn svg {
4248
+ display: block;
4249
+ fill: #222f3e;
4250
+ }
4251
+ .tox .tox-tree .tox-trbtn:focus {
4252
+ background: #f0f0f0;
4253
+ border: 0;
4254
+ box-shadow: none;
4255
+ }
4256
+ .tox .tox-tree .tox-trbtn:hover {
4257
+ background: #f0f0f0;
4258
+ border: 0;
4259
+ box-shadow: none;
4260
+ color: #222f3e;
4261
+ }
4262
+ .tox .tox-tree .tox-trbtn:hover svg {
4263
+ fill: #222f3e;
4264
+ }
4265
+ .tox .tox-tree .tox-trbtn:active {
4266
+ background: #a6ccf7;
4267
+ border: 0;
4268
+ box-shadow: none;
4269
+ color: #222f3e;
4270
+ }
4271
+ .tox .tox-tree .tox-trbtn:active svg {
4272
+ fill: #222f3e;
4273
+ }
4274
+ .tox .tox-tree .tox-trbtn--disabled,
4275
+ .tox .tox-tree .tox-trbtn--disabled:hover,
4276
+ .tox .tox-tree .tox-trbtn:disabled,
4277
+ .tox .tox-tree .tox-trbtn:disabled:hover {
4278
+ background: transparent;
4279
+ border: 0;
4280
+ box-shadow: none;
4281
+ color: rgba(34, 47, 62, 0.5);
4282
+ cursor: not-allowed;
4283
+ }
4284
+ .tox .tox-tree .tox-trbtn--disabled svg,
4285
+ .tox .tox-tree .tox-trbtn--disabled:hover svg,
4286
+ .tox .tox-tree .tox-trbtn:disabled svg,
4287
+ .tox .tox-tree .tox-trbtn:disabled:hover svg {
4288
+ /* stylelint-disable-line no-descending-specificity */
4289
+ fill: rgba(34, 47, 62, 0.5);
4290
+ }
4291
+ .tox .tox-tree .tox-trbtn--enabled,
4292
+ .tox .tox-tree .tox-trbtn--enabled:hover {
4293
+ background: #a6ccf7;
4294
+ border: 0;
4295
+ box-shadow: none;
4296
+ color: #222f3e;
4297
+ }
4298
+ .tox .tox-tree .tox-trbtn--enabled > *,
4299
+ .tox .tox-tree .tox-trbtn--enabled:hover > * {
4300
+ transform: none;
4301
+ }
4302
+ .tox .tox-tree .tox-trbtn--enabled svg,
4303
+ .tox .tox-tree .tox-trbtn--enabled:hover svg {
4304
+ /* stylelint-disable-line no-descending-specificity */
4305
+ fill: #222f3e;
4306
+ }
4307
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
4308
+ color: #222f3e;
4309
+ }
4310
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
4311
+ fill: #222f3e;
4312
+ }
4313
+ .tox .tox-tree .tox-trbtn:active > * {
4314
+ transform: none;
4315
+ }
4316
+ .tox .tox-tree .tox-trbtn--return {
4317
+ align-self: stretch;
4318
+ height: unset;
4319
+ width: 16px;
4320
+ }
4321
+ .tox .tox-tree .tox-trbtn--labeled {
4322
+ padding: 0 4px;
4323
+ width: unset;
4324
+ }
4325
+ .tox .tox-tree .tox-trbtn__vlabel {
4326
+ display: block;
4327
+ font-size: 10px;
4328
+ font-weight: normal;
4329
+ letter-spacing: -0.025em;
4330
+ margin-bottom: 4px;
4331
+ white-space: nowrap;
4332
+ }
4333
+ .tox .tox-tree .tox-tree--directory {
4334
+ display: flex;
4335
+ flex-direction: column;
4336
+ /* stylelint-disable no-descending-specificity */
4337
+ }
4338
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
4339
+ font-weight: bold;
4340
+ }
4341
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
4342
+ margin-left: auto;
4343
+ }
4344
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
4345
+ fill: transparent;
4346
+ }
4347
+ .tox
4348
+ .tox-tree
4349
+ .tox-tree--directory
4350
+ .tox-tree--directory__label
4351
+ .tox-mbtn.tox-mbtn--active
4352
+ svg,
4353
+ .tox
4354
+ .tox-tree
4355
+ .tox-tree--directory
4356
+ .tox-tree--directory__label
4357
+ .tox-mbtn:focus
4358
+ svg {
4359
+ fill: #222f3e;
4360
+ }
4361
+ .tox
4362
+ .tox-tree
4363
+ .tox-tree--directory
4364
+ .tox-tree--directory__label:hover
4365
+ .tox-mbtn
4366
+ svg,
4367
+ .tox
4368
+ .tox-tree
4369
+ .tox-tree--directory
4370
+ .tox-tree--directory__label:focus
4371
+ .tox-mbtn
4372
+ svg {
4373
+ fill: #222f3e;
4374
+ }
4375
+ .tox
4376
+ .tox-tree
4377
+ .tox-tree--directory
4378
+ .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
4379
+ background-color: transparent;
4380
+ color: #222f3e;
4381
+ }
4382
+ .tox
4383
+ .tox-tree
4384
+ .tox-tree--directory
4385
+ .tox-tree--directory__label:hover:has(.tox-mbtn:hover)
4386
+ .tox-chevron
4387
+ svg {
4388
+ fill: #222f3e;
4389
+ }
4390
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
4391
+ margin-right: 6px;
4392
+ }
4393
+ .tox
4394
+ .tox-tree
4395
+ .tox-tree--directory
4396
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
4397
+ .tox-chevron,
4398
+ .tox
4399
+ .tox-tree
4400
+ .tox-tree--directory
4401
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking)
4402
+ .tox-chevron {
4403
+ transition: transform 0.5s ease-in-out;
4404
+ }
4405
+ .tox
4406
+ .tox-tree
4407
+ .tox-tree--directory
4408
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
4409
+ .tox-chevron,
4410
+ .tox
4411
+ .tox-tree
4412
+ .tox-tree--directory
4413
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--open)
4414
+ .tox-chevron {
4415
+ transform: rotate(90deg);
4416
+ }
4417
+ .tox .tox-tree .tox-tree--leaf__label {
4418
+ font-weight: normal;
4419
+ }
4420
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
4421
+ margin-left: auto;
4422
+ }
4423
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
4424
+ fill: transparent;
4425
+ }
4426
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
4427
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
4428
+ fill: #222f3e;
4429
+ }
4430
+ .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
4431
+ fill: #222f3e;
4432
+ }
4433
+ .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
4434
+ background-color: transparent;
4435
+ color: #222f3e;
4436
+ }
4437
+ .tox
4438
+ .tox-tree
4439
+ .tox-tree--leaf__label:hover:has(.tox-mbtn:hover)
4440
+ .tox-chevron
4441
+ svg {
4442
+ fill: #222f3e;
4443
+ }
4444
+ .tox .tox-tree .tox-tree--directory__children {
4445
+ overflow: hidden;
4446
+ padding-left: 16px;
4447
+ }
4448
+ .tox
4449
+ .tox-tree
4450
+ .tox-tree--directory__children.tox-tree--directory__children--growing,
4451
+ .tox
4452
+ .tox-tree
4453
+ .tox-tree--directory__children.tox-tree--directory__children--shrinking {
4454
+ transition: height 0.5s ease-in-out;
4455
+ }
4456
+ .tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
4457
+ display: flex;
4458
+ justify-content: space-between;
4459
+ }
4460
+ .tox .tox-revisionhistory__pane {
4461
+ padding: 0 !important;
4462
+ /* Override the default padding of tox-view__pane */
4463
+ }
4464
+ .tox .tox-revisionhistory__container {
4465
+ display: flex;
4466
+ flex-direction: column;
4467
+ height: 100%;
4468
+ }
4469
+ .tox .tox-revisionhistory {
4470
+ background-color: var(--v-background-base);
4471
+ border-radius: 4px;
4472
+ border-top: 1px solid #eeeeee;
4473
+ display: flex;
4474
+ flex: 1;
4475
+ height: 100%;
4476
+ margin-top: 8px;
4477
+ overflow-x: auto;
4478
+ overflow-y: hidden;
4479
+ position: relative;
4480
+ width: 100%;
4481
+ }
4482
+ .tox .tox-revisionhistory--align-right {
4483
+ margin-left: auto;
4484
+ }
4485
+ .tox .tox-revisionhistory__iframe {
4486
+ flex: 1;
4487
+ }
4488
+ .tox .tox-revisionhistory__sidebar {
4489
+ border-left: 1px solid #eeeeee;
4490
+ height: 100%;
4491
+ max-width: 360px;
4492
+ }
4493
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
4494
+ border-bottom: 1px solid #eeeeee;
4495
+ color: #222f3e;
4496
+ font-size: 20px;
4497
+ font-weight: 400;
4498
+ height: 60px;
4499
+ min-width: 192px;
4500
+ padding: 16px;
4501
+ }
4502
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
4503
+ flex-direction: column;
4504
+ max-height: calc(100% - 60px);
4505
+ min-width: 192px;
4506
+ overflow-y: auto;
4507
+ padding: 8px;
4508
+ }
4509
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
4510
+ height: 100%;
4511
+ position: relative;
4512
+ z-index: 1;
4513
+ }
4514
+ .tox
4515
+ .tox-revisionhistory__sidebar
4516
+ .tox-revisionhistory__revisions:focus::after {
4517
+ border-radius: 3px;
4518
+ bottom: 0;
4519
+ box-shadow: 0 0 0 2px #006ce7;
4520
+ content: '';
4521
+ left: 0;
4522
+ position: absolute;
4523
+ right: 0;
4524
+ top: 0;
4525
+ border-radius: 6px;
4526
+ bottom: 1px;
4527
+ left: 1px;
4528
+ right: 1px;
4529
+ top: 1px;
4530
+ }
4531
+ @media (forced-colors: active) {
4532
+ .tox
4533
+ .tox-revisionhistory__sidebar
4534
+ .tox-revisionhistory__revisions:focus::after {
4535
+ border: 2px solid highlight;
4536
+ }
4537
+ }
4538
+ .tox
4539
+ .tox-revisionhistory__sidebar
4540
+ .tox-revisionhistory__revisions
4541
+ .tox-revisionhistory__card {
4542
+ border: 1px solid #eeeeee;
4543
+ border-radius: 6px;
4544
+ color: #222f3e;
4545
+ cursor: pointer;
4546
+ font-size: 14px;
4547
+ margin-bottom: 8px;
4548
+ padding: 8px;
4549
+ text-overflow: ellipsis;
4550
+ text-wrap: nowrap;
4551
+ width: 100%;
4552
+ }
4553
+ .tox
4554
+ .tox-revisionhistory__sidebar
4555
+ .tox-revisionhistory__revisions
4556
+ .tox-revisionhistory__card:hover {
4557
+ background-color: #f0f0f0;
4558
+ box-shadow: none;
4559
+ color: #222f3e;
4560
+ }
4561
+ .tox
4562
+ .tox-revisionhistory__sidebar
4563
+ .tox-revisionhistory__revisions
4564
+ .tox-revisionhistory__card:focus {
4565
+ position: relative;
4566
+ z-index: 1;
4567
+ }
4568
+ .tox
4569
+ .tox-revisionhistory__sidebar
4570
+ .tox-revisionhistory__revisions
4571
+ .tox-revisionhistory__card:focus::after {
4572
+ border-radius: 6px !important;
4573
+ border-radius: 3px;
4574
+ bottom: 0;
4575
+ box-shadow: 0 0 0 2px #006ce7;
4576
+ content: '';
4577
+ left: 0;
4578
+ position: absolute;
4579
+ right: 0;
4580
+ top: 0;
4581
+ }
4582
+ @media (forced-colors: active) {
4583
+ .tox
4584
+ .tox-revisionhistory__sidebar
4585
+ .tox-revisionhistory__revisions
4586
+ .tox-revisionhistory__card:focus::after {
4587
+ border: 2px solid highlight;
4588
+ }
4589
+ }
4590
+ .tox
4591
+ .tox-revisionhistory__sidebar
4592
+ .tox-revisionhistory__revisions
4593
+ .tox-revisionhistory__card.tox-revisionhistory__card--selected {
4594
+ background-color: #a6ccf7;
4595
+ box-shadow: none;
4596
+ color: #222f3e;
4597
+ }
4598
+ .tox
4599
+ .tox-revisionhistory__sidebar
4600
+ .tox-revisionhistory__revisions
4601
+ .tox-revisionhistory__norevision {
4602
+ color: rgba(34, 47, 62, 0.7);
4603
+ font-size: 16px;
4604
+ line-height: 24px;
4605
+ padding: 5px 5.5px;
4606
+ }
4607
+ .tox .tox-view-wrap,
4608
+ .tox .tox-view-wrap__slot-container {
4609
+ background-color: var(--v-background-base);
4610
+ display: flex;
4611
+ flex: 1;
4612
+ flex-direction: column;
4613
+ height: 100%;
4614
+ }
4615
+ .tox .tox-view {
4616
+ display: flex;
4617
+ flex: 1 1 auto;
4618
+ flex-direction: column;
4619
+ overflow: hidden;
4620
+ }
4621
+ .tox .tox-view__header {
4622
+ align-items: center;
4623
+ display: flex;
4624
+ font-size: 16px;
4625
+ justify-content: space-between;
4626
+ padding: 10px 10px 2px 10px;
4627
+ position: relative;
4628
+ }
4629
+ .tox .tox-view__label {
4630
+ color: #222f3e;
4631
+ font-weight: bold;
4632
+ line-height: 24px;
4633
+ padding: 4px 16px;
4634
+ text-align: center;
4635
+ white-space: nowrap;
4636
+ }
4637
+ .tox .tox-view__label--normal {
4638
+ font-size: 16px;
4639
+ }
4640
+ .tox .tox-view__label--large {
4641
+ font-size: 20px;
4642
+ }
4643
+ .tox .tox-view--mobile.tox-view__header,
4644
+ .tox .tox-view--mobile.tox-view__toolbar {
4645
+ padding: 8px;
4646
+ }
4647
+ .tox .tox-view--scrolling {
4648
+ flex-wrap: nowrap;
4649
+ overflow-x: auto;
4650
+ }
4651
+ .tox .tox-view__toolbar {
4652
+ display: flex;
4653
+ flex-direction: row;
4654
+ gap: 8px;
4655
+ justify-content: space-between;
4656
+ overflow-x: auto;
4657
+ padding: 10px 10px 2px 10px;
4658
+ }
4659
+ .tox .tox-view__toolbar__group {
4660
+ display: flex;
4661
+ flex-direction: row;
4662
+ gap: 12px;
4663
+ }
4664
+ .tox .tox-view__header-start,
4665
+ .tox .tox-view__header-end {
4666
+ display: flex;
4667
+ }
4668
+ .tox .tox-view__pane {
4669
+ height: 100%;
4670
+ padding: 8px;
4671
+ position: relative;
4672
+ width: 100%;
4673
+ }
4674
+ .tox .tox-view__pane_panel {
4675
+ border: 1px solid #eeeeee;
4676
+ border-radius: 6px;
4677
+ }
4678
+ .tox:not([dir='rtl']) .tox-view__header .tox-view__header-start > *,
4679
+ .tox:not([dir='rtl']) .tox-view__header .tox-view__header-end > * {
4680
+ margin-left: 8px;
4681
+ }
4682
+ .tox[dir='rtl'] .tox-view__header .tox-view__header-start > *,
4683
+ .tox[dir='rtl'] .tox-view__header .tox-view__header-end > * {
4684
+ margin-right: 8px;
4685
+ }
4686
+ .tox .tox-well {
4687
+ border: 1px solid #eeeeee;
4688
+ border-radius: 6px;
4689
+ padding: 8px;
4690
+ width: 100%;
4691
+ }
4692
+ .tox .tox-well > *:first-child {
4693
+ margin-top: 0;
4694
+ }
4695
+ .tox .tox-well > *:last-child {
4696
+ margin-bottom: 0;
4697
+ }
4698
+ .tox .tox-well > *:only-child {
4699
+ margin: 0;
4700
+ }
4701
+ .tox .tox-custom-editor {
4702
+ border: 1px solid #eeeeee;
4703
+ border-radius: 6px;
4704
+ display: flex;
4705
+ flex: 1;
4706
+ overflow: hidden;
4707
+ position: relative;
4708
+ }
4709
+ /* stylelint-disable */
4710
+ .tox {
4711
+ /* stylelint-enable */
4712
+ }
4713
+ .tox .tox-dialog-loading::before {
4714
+ background-color: rgba(0, 0, 0, 0.5);
4715
+ content: '';
4716
+ height: 100%;
4717
+ position: absolute;
4718
+ width: 100%;
4719
+ z-index: 1000;
4720
+ }
4721
+ .tox .tox-tab {
4722
+ cursor: pointer;
4723
+ }
4724
+ .tox .tox-dialog__content-js {
4725
+ display: flex;
4726
+ flex: 1;
4727
+ }
4728
+ .tox .tox-dialog__body-content .tox-collection {
4729
+ display: flex;
4730
+ flex: 1;
4731
+ }