fx-platform-ui 0.0.11 → 0.0.13-alpha1

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 (60) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/lib/fx-platform-ui.mjs +4493 -4493
  3. package/lib/fx-platform-ui.umd.js +7 -7
  4. package/lib/packages/components/editor/index.d.ts +2 -0
  5. package/lib/packages/components/table/src/hook/useTableMethods.d.ts +1 -1
  6. package/lib/tinymce/langs/zh-Hans.js +412 -0
  7. package/lib/tinymce/skins/content/dark/content.css +66 -0
  8. package/lib/tinymce/skins/content/dark/content.min.css +1 -0
  9. package/lib/tinymce/skins/content/default/content.css +61 -0
  10. package/lib/tinymce/skins/content/default/content.min.css +1 -0
  11. package/lib/tinymce/skins/content/document/content.css +66 -0
  12. package/lib/tinymce/skins/content/document/content.min.css +1 -0
  13. package/lib/tinymce/skins/content/tinymce-5/content.css +61 -0
  14. package/lib/tinymce/skins/content/tinymce-5/content.min.css +1 -0
  15. package/lib/tinymce/skins/content/tinymce-5-dark/content.css +66 -0
  16. package/lib/tinymce/skins/content/tinymce-5-dark/content.min.css +1 -0
  17. package/lib/tinymce/skins/content/writer/content.css +62 -0
  18. package/lib/tinymce/skins/content/writer/content.min.css +1 -0
  19. package/lib/tinymce/skins/ui/oxide/content.css +775 -0
  20. package/lib/tinymce/skins/ui/oxide/content.inline.css +769 -0
  21. package/lib/tinymce/skins/ui/oxide/content.inline.min.css +1 -0
  22. package/lib/tinymce/skins/ui/oxide/content.min.css +1 -0
  23. package/lib/tinymce/skins/ui/oxide/skin.css +3109 -0
  24. package/lib/tinymce/skins/ui/oxide/skin.min.css +1 -0
  25. package/lib/tinymce/skins/ui/oxide/skin.shadowdom.css +30 -0
  26. package/lib/tinymce/skins/ui/oxide/skin.shadowdom.min.css +1 -0
  27. package/lib/tinymce/skins/ui/oxide-dark/content.css +756 -0
  28. package/lib/tinymce/skins/ui/oxide-dark/content.inline.css +769 -0
  29. package/lib/tinymce/skins/ui/oxide-dark/content.inline.min.css +1 -0
  30. package/lib/tinymce/skins/ui/oxide-dark/content.min.css +1 -0
  31. package/lib/tinymce/skins/ui/oxide-dark/skin.css +3112 -0
  32. package/lib/tinymce/skins/ui/oxide-dark/skin.min.css +1 -0
  33. package/lib/tinymce/skins/ui/oxide-dark/skin.shadowdom.css +30 -0
  34. package/lib/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -0
  35. package/lib/tinymce/skins/ui/tinymce-5/content.css +775 -0
  36. package/lib/tinymce/skins/ui/tinymce-5/content.inline.css +769 -0
  37. package/lib/tinymce/skins/ui/tinymce-5/content.inline.min.css +1 -0
  38. package/lib/tinymce/skins/ui/tinymce-5/content.min.css +1 -0
  39. package/lib/tinymce/skins/ui/tinymce-5/skin.css +3199 -0
  40. package/lib/tinymce/skins/ui/tinymce-5/skin.min.css +1 -0
  41. package/lib/tinymce/skins/ui/tinymce-5/skin.shadowdom.css +30 -0
  42. package/lib/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css +1 -0
  43. package/lib/tinymce/skins/ui/tinymce-5-dark/content.css +756 -0
  44. package/lib/tinymce/skins/ui/tinymce-5-dark/content.inline.css +769 -0
  45. package/lib/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css +1 -0
  46. package/lib/tinymce/skins/ui/tinymce-5-dark/content.min.css +1 -0
  47. package/lib/tinymce/skins/ui/tinymce-5-dark/skin.css +3199 -0
  48. package/lib/tinymce/skins/ui/tinymce-5-dark/skin.min.css +1 -0
  49. package/lib/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css +30 -0
  50. package/lib/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +1 -0
  51. package/package.json +4 -1
  52. package/packages/component.ts +1 -0
  53. package/packages/components/editor/index.ts +10 -0
  54. package/packages/components/editor/src/hook/index.ts +1 -0
  55. package/packages/components/editor/src/hook/useEditorState.ts +139 -0
  56. package/packages/components/editor/src/index.vue +84 -0
  57. package/packages/components/editor/src/plat-editor-emits.ts +1 -0
  58. package/packages/components/editor/src/plat-editor-props.ts +65 -0
  59. package/packages/components/editor/src/type/index.ts +11 -0
  60. package/packages/components/table/src/hook/useTableMethods.tsx +1 -1
@@ -0,0 +1,3199 @@
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, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
7
+ font-size: 16px;
8
+ font-style: normal;
9
+ font-weight: normal;
10
+ line-height: normal;
11
+ -webkit-tap-highlight-color: transparent;
12
+ text-decoration: none;
13
+ text-shadow: none;
14
+ text-transform: none;
15
+ vertical-align: initial;
16
+ white-space: normal;
17
+ }
18
+ .tox *:not(svg):not(rect) {
19
+ box-sizing: inherit;
20
+ color: inherit;
21
+ cursor: inherit;
22
+ direction: inherit;
23
+ font-family: inherit;
24
+ font-size: inherit;
25
+ font-style: inherit;
26
+ font-weight: inherit;
27
+ line-height: inherit;
28
+ -webkit-tap-highlight-color: inherit;
29
+ text-align: inherit;
30
+ text-decoration: inherit;
31
+ text-shadow: inherit;
32
+ text-transform: inherit;
33
+ vertical-align: inherit;
34
+ white-space: inherit;
35
+ }
36
+ .tox *:not(svg):not(rect) {
37
+ /* stylelint-disable-line no-duplicate-selectors */
38
+ background: transparent;
39
+ border: 0;
40
+ box-shadow: none;
41
+ float: none;
42
+ height: auto;
43
+ margin: 0;
44
+ max-width: none;
45
+ outline: 0;
46
+ padding: 0;
47
+ position: static;
48
+ width: auto;
49
+ }
50
+ .tox:not([dir=rtl]) {
51
+ direction: ltr;
52
+ text-align: left;
53
+ }
54
+ .tox[dir=rtl] {
55
+ direction: rtl;
56
+ text-align: right;
57
+ }
58
+ .tox-tinymce {
59
+ border: 1px solid #cccccc;
60
+ border-radius: 0;
61
+ box-shadow: none;
62
+ box-sizing: border-box;
63
+ display: flex;
64
+ flex-direction: column;
65
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
66
+ overflow: hidden;
67
+ position: relative;
68
+ visibility: inherit !important;
69
+ }
70
+ .tox.tox-tinymce-inline {
71
+ border: none;
72
+ box-shadow: none;
73
+ overflow: initial;
74
+ }
75
+ .tox.tox-tinymce-inline .tox-editor-container {
76
+ overflow: initial;
77
+ }
78
+ .tox.tox-tinymce-inline .tox-editor-header {
79
+ background-color: #fff;
80
+ border: 1px solid #cccccc;
81
+ border-radius: 0;
82
+ box-shadow: none;
83
+ overflow: hidden;
84
+ }
85
+ .tox-tinymce-aux {
86
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
87
+ z-index: 1300;
88
+ }
89
+ .tox-tinymce *:focus,
90
+ .tox-tinymce-aux *:focus {
91
+ outline: none;
92
+ }
93
+ button::-moz-focus-inner {
94
+ border: 0;
95
+ }
96
+ .tox[dir=rtl] .tox-icon--flip svg {
97
+ transform: rotateY(180deg);
98
+ }
99
+ .tox .accessibility-issue__header {
100
+ align-items: center;
101
+ display: flex;
102
+ margin-bottom: 4px;
103
+ }
104
+ .tox .accessibility-issue__description {
105
+ align-items: stretch;
106
+ border: 1px solid #cccccc;
107
+ border-radius: 3px;
108
+ display: flex;
109
+ justify-content: space-between;
110
+ }
111
+ .tox .accessibility-issue__description > div {
112
+ padding-bottom: 4px;
113
+ }
114
+ .tox .accessibility-issue__description > div > div {
115
+ align-items: center;
116
+ display: flex;
117
+ margin-bottom: 4px;
118
+ }
119
+ .tox .accessibility-issue__description > *:last-child:not(:only-child) {
120
+ border-color: #cccccc;
121
+ border-style: solid;
122
+ }
123
+ .tox .accessibility-issue__repair {
124
+ margin-top: 16px;
125
+ }
126
+ .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
127
+ background-color: rgba(32, 122, 183, 0.1);
128
+ border-color: rgba(32, 122, 183, 0.4);
129
+ color: #222f3e;
130
+ }
131
+ .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
132
+ border-color: rgba(32, 122, 183, 0.4);
133
+ }
134
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
135
+ color: #207ab7;
136
+ }
137
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
138
+ fill: #207ab7;
139
+ }
140
+ .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
141
+ color: #207ab7;
142
+ }
143
+ .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
144
+ background-color: rgba(255, 165, 0, 0.1);
145
+ border-color: rgba(255, 165, 0, 0.5);
146
+ color: #222f3e;
147
+ }
148
+ .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
149
+ border-color: rgba(255, 165, 0, 0.5);
150
+ }
151
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
152
+ color: #cc8500;
153
+ }
154
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
155
+ fill: #cc8500;
156
+ }
157
+ .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
158
+ color: #cc8500;
159
+ }
160
+ .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
161
+ background-color: rgba(204, 0, 0, 0.1);
162
+ border-color: rgba(204, 0, 0, 0.4);
163
+ color: #222f3e;
164
+ }
165
+ .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
166
+ border-color: rgba(204, 0, 0, 0.4);
167
+ }
168
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
169
+ color: #c00;
170
+ }
171
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
172
+ fill: #c00;
173
+ }
174
+ .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
175
+ color: #c00;
176
+ }
177
+ .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
178
+ background-color: rgba(120, 171, 70, 0.1);
179
+ border-color: rgba(120, 171, 70, 0.4);
180
+ color: #222f3e;
181
+ }
182
+ .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
183
+ border-color: rgba(120, 171, 70, 0.4);
184
+ }
185
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
186
+ color: #78AB46;
187
+ }
188
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
189
+ fill: #78AB46;
190
+ }
191
+ .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
192
+ color: #78AB46;
193
+ }
194
+ .tox .tox-dialog__body-content .accessibility-issue__header h1,
195
+ .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
196
+ margin-top: 0;
197
+ }
198
+ .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
199
+ margin-left: 4px;
200
+ }
201
+ .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
202
+ margin-left: auto;
203
+ }
204
+ .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
205
+ padding: 4px 4px 4px 8px;
206
+ }
207
+ .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
208
+ border-left-width: 1px;
209
+ padding-left: 4px;
210
+ }
211
+ .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
212
+ margin-right: 4px;
213
+ }
214
+ .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
215
+ margin-right: auto;
216
+ }
217
+ .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
218
+ padding: 4px 8px 4px 4px;
219
+ }
220
+ .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
221
+ border-right-width: 1px;
222
+ padding-right: 4px;
223
+ }
224
+ .tox .tox-anchorbar {
225
+ display: flex;
226
+ flex: 0 0 auto;
227
+ }
228
+ .tox .tox-bar {
229
+ display: flex;
230
+ flex: 0 0 auto;
231
+ }
232
+ .tox .tox-button {
233
+ background-color: #207ab7;
234
+ background-image: none;
235
+ background-position: 0 0;
236
+ background-repeat: repeat;
237
+ border-color: #207ab7;
238
+ border-radius: 3px;
239
+ border-style: solid;
240
+ border-width: 1px;
241
+ box-shadow: none;
242
+ box-sizing: border-box;
243
+ color: #fff;
244
+ cursor: pointer;
245
+ display: inline-block;
246
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
247
+ font-size: 14px;
248
+ font-style: normal;
249
+ font-weight: bold;
250
+ letter-spacing: normal;
251
+ line-height: 24px;
252
+ margin: 0;
253
+ outline: none;
254
+ padding: 4px 16px;
255
+ position: relative;
256
+ text-align: center;
257
+ text-decoration: none;
258
+ text-transform: none;
259
+ white-space: nowrap;
260
+ }
261
+ .tox .tox-button::before {
262
+ border-radius: 3px;
263
+ bottom: -1px;
264
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #207ab7, 0 0 0 3px rgba(32, 122, 183, 0.25);
265
+ content: '';
266
+ left: -1px;
267
+ opacity: 0;
268
+ pointer-events: none;
269
+ position: absolute;
270
+ right: -1px;
271
+ top: -1px;
272
+ }
273
+ .tox .tox-button[disabled] {
274
+ background-color: #207ab7;
275
+ background-image: none;
276
+ border-color: #207ab7;
277
+ box-shadow: none;
278
+ color: rgba(255, 255, 255, 0.5);
279
+ cursor: not-allowed;
280
+ }
281
+ .tox .tox-button:focus:not(:disabled) {
282
+ background-color: #1c6ca1;
283
+ background-image: none;
284
+ border-color: #1c6ca1;
285
+ box-shadow: none;
286
+ color: #fff;
287
+ }
288
+ .tox .tox-button:focus-visible:not(:disabled)::before {
289
+ opacity: 1;
290
+ }
291
+ .tox .tox-button:hover:not(:disabled) {
292
+ background-color: #1c6ca1;
293
+ background-image: none;
294
+ border-color: #1c6ca1;
295
+ box-shadow: none;
296
+ color: #fff;
297
+ }
298
+ .tox .tox-button:active:not(:disabled) {
299
+ background-color: #185d8c;
300
+ background-image: none;
301
+ border-color: #185d8c;
302
+ box-shadow: none;
303
+ color: #fff;
304
+ }
305
+ .tox .tox-button--secondary {
306
+ background-color: #f0f0f0;
307
+ background-image: none;
308
+ background-position: 0 0;
309
+ background-repeat: repeat;
310
+ border-color: #f0f0f0;
311
+ border-radius: 3px;
312
+ border-style: solid;
313
+ border-width: 1px;
314
+ box-shadow: none;
315
+ color: #222f3e;
316
+ font-size: 14px;
317
+ font-style: normal;
318
+ font-weight: bold;
319
+ letter-spacing: normal;
320
+ outline: none;
321
+ padding: 4px 16px;
322
+ text-decoration: none;
323
+ text-transform: none;
324
+ }
325
+ .tox .tox-button--secondary[disabled] {
326
+ background-color: #f0f0f0;
327
+ background-image: none;
328
+ border-color: #f0f0f0;
329
+ box-shadow: none;
330
+ color: rgba(34, 47, 62, 0.5);
331
+ }
332
+ .tox .tox-button--secondary:focus:not(:disabled) {
333
+ background-color: #e3e3e3;
334
+ background-image: none;
335
+ border-color: #e3e3e3;
336
+ box-shadow: none;
337
+ color: #222f3e;
338
+ }
339
+ .tox .tox-button--secondary:hover:not(:disabled) {
340
+ background-color: #e3e3e3;
341
+ background-image: none;
342
+ border-color: #e3e3e3;
343
+ box-shadow: none;
344
+ color: #222f3e;
345
+ }
346
+ .tox .tox-button--secondary:active:not(:disabled) {
347
+ background-color: #d6d6d6;
348
+ background-image: none;
349
+ border-color: #d6d6d6;
350
+ box-shadow: none;
351
+ color: #222f3e;
352
+ }
353
+ .tox .tox-button--icon,
354
+ .tox .tox-button.tox-button--icon,
355
+ .tox .tox-button.tox-button--secondary.tox-button--icon {
356
+ padding: 4px;
357
+ }
358
+ .tox .tox-button--icon .tox-icon svg,
359
+ .tox .tox-button.tox-button--icon .tox-icon svg,
360
+ .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
361
+ display: block;
362
+ fill: currentColor;
363
+ }
364
+ .tox .tox-button-link {
365
+ background: 0;
366
+ border: none;
367
+ box-sizing: border-box;
368
+ cursor: pointer;
369
+ display: inline-block;
370
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
371
+ font-size: 16px;
372
+ font-weight: normal;
373
+ line-height: 1.3;
374
+ margin: 0;
375
+ padding: 0;
376
+ white-space: nowrap;
377
+ }
378
+ .tox .tox-button-link--sm {
379
+ font-size: 14px;
380
+ }
381
+ .tox .tox-button--naked {
382
+ background-color: transparent;
383
+ border-color: transparent;
384
+ box-shadow: unset;
385
+ color: #222f3e;
386
+ }
387
+ .tox .tox-button--naked[disabled] {
388
+ background-color: #f0f0f0;
389
+ border-color: #f0f0f0;
390
+ box-shadow: none;
391
+ color: rgba(34, 47, 62, 0.5);
392
+ }
393
+ .tox .tox-button--naked:hover:not(:disabled) {
394
+ background-color: #e3e3e3;
395
+ border-color: #e3e3e3;
396
+ box-shadow: none;
397
+ color: #222f3e;
398
+ }
399
+ .tox .tox-button--naked:focus:not(:disabled) {
400
+ background-color: #e3e3e3;
401
+ border-color: #e3e3e3;
402
+ box-shadow: none;
403
+ color: #222f3e;
404
+ }
405
+ .tox .tox-button--naked:active:not(:disabled) {
406
+ background-color: #d6d6d6;
407
+ border-color: #d6d6d6;
408
+ box-shadow: none;
409
+ color: #222f3e;
410
+ }
411
+ .tox .tox-button--naked .tox-icon svg {
412
+ fill: currentColor;
413
+ }
414
+ .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
415
+ color: #222f3e;
416
+ }
417
+ .tox .tox-checkbox {
418
+ align-items: center;
419
+ border-radius: 3px;
420
+ cursor: pointer;
421
+ display: flex;
422
+ height: 36px;
423
+ min-width: 36px;
424
+ }
425
+ .tox .tox-checkbox__input {
426
+ /* Hide from view but visible to screen readers */
427
+ height: 1px;
428
+ overflow: hidden;
429
+ position: absolute;
430
+ top: auto;
431
+ width: 1px;
432
+ }
433
+ .tox .tox-checkbox__icons {
434
+ align-items: center;
435
+ border-radius: 3px;
436
+ box-shadow: 0 0 0 2px transparent;
437
+ box-sizing: content-box;
438
+ display: flex;
439
+ height: 24px;
440
+ justify-content: center;
441
+ padding: calc(4px - 1px);
442
+ width: 24px;
443
+ }
444
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
445
+ display: block;
446
+ fill: rgba(34, 47, 62, 0.3);
447
+ }
448
+ .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
449
+ display: none;
450
+ fill: #207ab7;
451
+ }
452
+ .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
453
+ display: none;
454
+ fill: #207ab7;
455
+ }
456
+ .tox .tox-checkbox--disabled {
457
+ color: rgba(34, 47, 62, 0.5);
458
+ cursor: not-allowed;
459
+ }
460
+ .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
461
+ fill: rgba(34, 47, 62, 0.5);
462
+ }
463
+ .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
464
+ fill: rgba(34, 47, 62, 0.5);
465
+ }
466
+ .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
467
+ fill: rgba(34, 47, 62, 0.5);
468
+ }
469
+ .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
470
+ display: none;
471
+ }
472
+ .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
473
+ display: block;
474
+ }
475
+ .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
476
+ display: none;
477
+ }
478
+ .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
479
+ display: block;
480
+ }
481
+ .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
482
+ border-radius: 3px;
483
+ box-shadow: inset 0 0 0 1px #207ab7;
484
+ padding: calc(4px - 1px);
485
+ }
486
+ .tox:not([dir=rtl]) .tox-checkbox__label {
487
+ margin-left: 4px;
488
+ }
489
+ .tox:not([dir=rtl]) .tox-checkbox__input {
490
+ left: -10000px;
491
+ }
492
+ .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
493
+ margin-left: 4px;
494
+ }
495
+ .tox[dir=rtl] .tox-checkbox__label {
496
+ margin-right: 4px;
497
+ }
498
+ .tox[dir=rtl] .tox-checkbox__input {
499
+ right: -10000px;
500
+ }
501
+ .tox[dir=rtl] .tox-bar .tox-checkbox {
502
+ margin-right: 4px;
503
+ }
504
+ .tox {
505
+ /* stylelint-disable-next-line no-descending-specificity */
506
+ }
507
+ .tox .tox-collection--toolbar .tox-collection__group {
508
+ display: flex;
509
+ padding: 0;
510
+ }
511
+ .tox .tox-collection--grid .tox-collection__group {
512
+ display: flex;
513
+ flex-wrap: wrap;
514
+ max-height: 208px;
515
+ overflow-x: hidden;
516
+ overflow-y: auto;
517
+ padding: 0;
518
+ }
519
+ .tox .tox-collection--list .tox-collection__group {
520
+ border-bottom-width: 0;
521
+ border-color: #cccccc;
522
+ border-left-width: 0;
523
+ border-right-width: 0;
524
+ border-style: solid;
525
+ border-top-width: 1px;
526
+ padding: 4px 0;
527
+ }
528
+ .tox .tox-collection--list .tox-collection__group:first-child {
529
+ border-top-width: 0;
530
+ }
531
+ .tox .tox-collection__group-heading {
532
+ background-color: #e6e6e6;
533
+ color: rgba(34, 47, 62, 0.7);
534
+ cursor: default;
535
+ font-size: 12px;
536
+ font-style: normal;
537
+ font-weight: normal;
538
+ margin-bottom: 4px;
539
+ margin-top: -4px;
540
+ padding: 4px 8px;
541
+ text-transform: none;
542
+ -webkit-touch-callout: none;
543
+ -webkit-user-select: none;
544
+ -moz-user-select: none;
545
+ user-select: none;
546
+ }
547
+ .tox .tox-collection__item {
548
+ align-items: center;
549
+ border-radius: 3px;
550
+ color: #222f3e;
551
+ display: flex;
552
+ -webkit-touch-callout: none;
553
+ -webkit-user-select: none;
554
+ -moz-user-select: none;
555
+ user-select: none;
556
+ }
557
+ .tox .tox-collection--list .tox-collection__item {
558
+ padding: 4px 8px;
559
+ }
560
+ .tox .tox-collection--toolbar .tox-collection__item {
561
+ border-radius: 3px;
562
+ padding: 4px;
563
+ }
564
+ .tox .tox-collection--grid .tox-collection__item {
565
+ border-radius: 3px;
566
+ padding: 4px;
567
+ }
568
+ .tox .tox-collection--list .tox-collection__item--enabled {
569
+ background-color: #fff;
570
+ color: #222f3e;
571
+ }
572
+ .tox .tox-collection--list .tox-collection__item--active {
573
+ background-color: #dee0e2;
574
+ }
575
+ .tox .tox-collection--toolbar .tox-collection__item--enabled {
576
+ background-color: #c8cbcf;
577
+ color: #222f3e;
578
+ }
579
+ .tox .tox-collection--toolbar .tox-collection__item--active {
580
+ background-color: #dee0e2;
581
+ }
582
+ .tox .tox-collection--grid .tox-collection__item--enabled {
583
+ background-color: #c8cbcf;
584
+ color: #222f3e;
585
+ }
586
+ .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
587
+ background-color: #dee0e2;
588
+ color: #222f3e;
589
+ }
590
+ .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
591
+ color: #222f3e;
592
+ }
593
+ .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
594
+ color: #222f3e;
595
+ }
596
+ .tox .tox-collection__item-icon,
597
+ .tox .tox-collection__item-checkmark {
598
+ align-items: center;
599
+ display: flex;
600
+ height: 24px;
601
+ justify-content: center;
602
+ width: 24px;
603
+ }
604
+ .tox .tox-collection__item-icon svg,
605
+ .tox .tox-collection__item-checkmark svg {
606
+ fill: currentColor;
607
+ }
608
+ .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
609
+ height: 48px;
610
+ width: 48px;
611
+ }
612
+ .tox .tox-collection__item-label {
613
+ color: currentColor;
614
+ display: inline-block;
615
+ flex: 1;
616
+ font-size: 14px;
617
+ font-style: normal;
618
+ font-weight: normal;
619
+ line-height: 24px;
620
+ text-transform: none;
621
+ word-break: break-all;
622
+ }
623
+ .tox .tox-collection__item-accessory {
624
+ color: rgba(34, 47, 62, 0.7);
625
+ display: inline-block;
626
+ font-size: 14px;
627
+ height: 24px;
628
+ line-height: 24px;
629
+ text-transform: none;
630
+ }
631
+ .tox .tox-collection__item-caret {
632
+ align-items: center;
633
+ display: flex;
634
+ min-height: 24px;
635
+ }
636
+ .tox .tox-collection__item-caret::after {
637
+ content: '';
638
+ font-size: 0;
639
+ min-height: inherit;
640
+ }
641
+ .tox .tox-collection__item-caret svg {
642
+ fill: #222f3e;
643
+ }
644
+ .tox .tox-collection__item--state-disabled {
645
+ background-color: transparent;
646
+ color: rgba(34, 47, 62, 0.5);
647
+ cursor: not-allowed;
648
+ }
649
+ .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
650
+ fill: rgba(34, 47, 62, 0.5);
651
+ }
652
+ .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
653
+ display: none;
654
+ }
655
+ .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
656
+ display: none;
657
+ }
658
+ .tox .tox-collection--horizontal {
659
+ background-color: #fff;
660
+ border: 1px solid #cccccc;
661
+ border-radius: 3px;
662
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
663
+ display: flex;
664
+ flex: 0 0 auto;
665
+ flex-shrink: 0;
666
+ flex-wrap: nowrap;
667
+ margin-bottom: 0;
668
+ overflow-x: auto;
669
+ padding: 0;
670
+ }
671
+ .tox .tox-collection--horizontal .tox-collection__group {
672
+ align-items: center;
673
+ display: flex;
674
+ flex-wrap: nowrap;
675
+ margin: 0;
676
+ padding: 0 4px;
677
+ }
678
+ .tox .tox-collection--horizontal .tox-collection__item {
679
+ height: 34px;
680
+ margin: 3px 0 2px 0;
681
+ padding: 0 4px;
682
+ }
683
+ .tox .tox-collection--horizontal .tox-collection__item-label {
684
+ white-space: nowrap;
685
+ }
686
+ .tox .tox-collection--horizontal .tox-collection__item-caret {
687
+ margin-left: 4px;
688
+ }
689
+ .tox .tox-collection__item-container {
690
+ display: flex;
691
+ }
692
+ .tox .tox-collection__item-container--row {
693
+ align-items: center;
694
+ flex: 1 1 auto;
695
+ flex-direction: row;
696
+ }
697
+ .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
698
+ margin-right: auto;
699
+ }
700
+ .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
701
+ justify-content: flex-end;
702
+ margin-left: auto;
703
+ }
704
+ .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
705
+ align-items: flex-start;
706
+ margin-bottom: auto;
707
+ }
708
+ .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
709
+ align-items: center;
710
+ }
711
+ .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
712
+ align-items: flex-end;
713
+ margin-top: auto;
714
+ }
715
+ .tox .tox-collection__item-container--column {
716
+ align-self: center;
717
+ flex: 1 1 auto;
718
+ flex-direction: column;
719
+ }
720
+ .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
721
+ align-items: flex-start;
722
+ }
723
+ .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
724
+ align-items: flex-end;
725
+ }
726
+ .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
727
+ align-self: flex-start;
728
+ }
729
+ .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
730
+ align-self: center;
731
+ }
732
+ .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
733
+ align-self: flex-end;
734
+ }
735
+ .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
736
+ border-right: 1px solid #cccccc;
737
+ }
738
+ .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
739
+ margin-left: 8px;
740
+ }
741
+ .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
742
+ margin-left: 4px;
743
+ }
744
+ .tox:not([dir=rtl]) .tox-collection__item-accessory {
745
+ margin-left: 16px;
746
+ text-align: right;
747
+ }
748
+ .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
749
+ margin-left: 16px;
750
+ }
751
+ .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
752
+ border-left: 1px solid #cccccc;
753
+ }
754
+ .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
755
+ margin-right: 8px;
756
+ }
757
+ .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
758
+ margin-right: 4px;
759
+ }
760
+ .tox[dir=rtl] .tox-collection__item-accessory {
761
+ margin-right: 16px;
762
+ text-align: left;
763
+ }
764
+ .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
765
+ margin-right: 16px;
766
+ transform: rotateY(180deg);
767
+ }
768
+ .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
769
+ margin-right: 4px;
770
+ }
771
+ .tox .tox-color-picker-container {
772
+ display: flex;
773
+ flex-direction: row;
774
+ height: 225px;
775
+ margin: 0;
776
+ }
777
+ .tox .tox-sv-palette {
778
+ box-sizing: border-box;
779
+ display: flex;
780
+ height: 100%;
781
+ }
782
+ .tox .tox-sv-palette-spectrum {
783
+ height: 100%;
784
+ }
785
+ .tox .tox-sv-palette,
786
+ .tox .tox-sv-palette-spectrum {
787
+ width: 225px;
788
+ }
789
+ .tox .tox-sv-palette-thumb {
790
+ background: none;
791
+ border: 1px solid black;
792
+ border-radius: 50%;
793
+ box-sizing: content-box;
794
+ height: 12px;
795
+ position: absolute;
796
+ width: 12px;
797
+ }
798
+ .tox .tox-sv-palette-inner-thumb {
799
+ border: 1px solid white;
800
+ border-radius: 50%;
801
+ height: 10px;
802
+ position: absolute;
803
+ width: 10px;
804
+ }
805
+ .tox .tox-hue-slider {
806
+ box-sizing: border-box;
807
+ height: 100%;
808
+ width: 25px;
809
+ }
810
+ .tox .tox-hue-slider-spectrum {
811
+ background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
812
+ height: 100%;
813
+ width: 100%;
814
+ }
815
+ .tox .tox-hue-slider,
816
+ .tox .tox-hue-slider-spectrum {
817
+ width: 20px;
818
+ }
819
+ .tox .tox-hue-slider-thumb {
820
+ background: white;
821
+ border: 1px solid black;
822
+ box-sizing: content-box;
823
+ height: 4px;
824
+ width: 100%;
825
+ }
826
+ .tox .tox-rgb-form {
827
+ display: flex;
828
+ flex-direction: column;
829
+ justify-content: space-between;
830
+ }
831
+ .tox .tox-rgb-form div {
832
+ align-items: center;
833
+ display: flex;
834
+ justify-content: space-between;
835
+ margin-bottom: 5px;
836
+ width: inherit;
837
+ }
838
+ .tox .tox-rgb-form input {
839
+ width: 6em;
840
+ }
841
+ .tox .tox-rgb-form input.tox-invalid {
842
+ /* Need !important to override Chrome's focus styling unfortunately */
843
+ border: 1px solid red !important;
844
+ }
845
+ .tox .tox-rgb-form .tox-rgba-preview {
846
+ border: 1px solid black;
847
+ flex-grow: 2;
848
+ margin-bottom: 0;
849
+ }
850
+ .tox:not([dir=rtl]) .tox-sv-palette {
851
+ margin-right: 15px;
852
+ }
853
+ .tox:not([dir=rtl]) .tox-hue-slider {
854
+ margin-right: 15px;
855
+ }
856
+ .tox:not([dir=rtl]) .tox-hue-slider-thumb {
857
+ margin-left: -1px;
858
+ }
859
+ .tox:not([dir=rtl]) .tox-rgb-form label {
860
+ margin-right: 0.5em;
861
+ }
862
+ .tox[dir=rtl] .tox-sv-palette {
863
+ margin-left: 15px;
864
+ }
865
+ .tox[dir=rtl] .tox-hue-slider {
866
+ margin-left: 15px;
867
+ }
868
+ .tox[dir=rtl] .tox-hue-slider-thumb {
869
+ margin-right: -1px;
870
+ }
871
+ .tox[dir=rtl] .tox-rgb-form label {
872
+ margin-left: 0.5em;
873
+ }
874
+ .tox .tox-toolbar .tox-swatches,
875
+ .tox .tox-toolbar__primary .tox-swatches,
876
+ .tox .tox-toolbar__overflow .tox-swatches {
877
+ margin: 2px 0 3px 4px;
878
+ }
879
+ .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
880
+ border: 0;
881
+ margin: -4px 0;
882
+ }
883
+ .tox .tox-swatches__row {
884
+ display: flex;
885
+ }
886
+ .tox .tox-swatch {
887
+ height: 30px;
888
+ transition: transform 0.15s, box-shadow 0.15s;
889
+ width: 30px;
890
+ }
891
+ .tox .tox-swatch:hover,
892
+ .tox .tox-swatch:focus {
893
+ box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
894
+ transform: scale(0.8);
895
+ }
896
+ .tox .tox-swatch--remove {
897
+ align-items: center;
898
+ display: flex;
899
+ justify-content: center;
900
+ }
901
+ .tox .tox-swatch--remove svg path {
902
+ stroke: #e74c3c;
903
+ }
904
+ .tox .tox-swatches__picker-btn {
905
+ align-items: center;
906
+ background-color: transparent;
907
+ border: 0;
908
+ cursor: pointer;
909
+ display: flex;
910
+ height: 30px;
911
+ justify-content: center;
912
+ outline: none;
913
+ padding: 0;
914
+ width: 30px;
915
+ }
916
+ .tox .tox-swatches__picker-btn svg {
917
+ fill: #222f3e;
918
+ height: 24px;
919
+ width: 24px;
920
+ }
921
+ .tox .tox-swatches__picker-btn:hover {
922
+ background: #dee0e2;
923
+ }
924
+ .tox:not([dir=rtl]) .tox-swatches__picker-btn {
925
+ margin-left: auto;
926
+ }
927
+ .tox[dir=rtl] .tox-swatches__picker-btn {
928
+ margin-right: auto;
929
+ }
930
+ .tox .tox-comment-thread {
931
+ background: #fff;
932
+ position: relative;
933
+ }
934
+ .tox .tox-comment-thread > *:not(:first-child) {
935
+ margin-top: 8px;
936
+ }
937
+ .tox .tox-comment {
938
+ background: #fff;
939
+ border: 1px solid #cccccc;
940
+ border-radius: 3px;
941
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
942
+ padding: 8px 8px 16px 8px;
943
+ position: relative;
944
+ }
945
+ .tox .tox-comment__header {
946
+ align-items: center;
947
+ color: #222f3e;
948
+ display: flex;
949
+ justify-content: space-between;
950
+ }
951
+ .tox .tox-comment__date {
952
+ color: #222f3e;
953
+ font-size: 12px;
954
+ line-height: 18px;
955
+ }
956
+ .tox .tox-comment__body {
957
+ color: #222f3e;
958
+ font-size: 14px;
959
+ font-style: normal;
960
+ font-weight: normal;
961
+ line-height: 1.3;
962
+ margin-top: 8px;
963
+ position: relative;
964
+ text-transform: initial;
965
+ }
966
+ .tox .tox-comment__body textarea {
967
+ resize: none;
968
+ white-space: normal;
969
+ width: 100%;
970
+ }
971
+ .tox .tox-comment__expander {
972
+ padding-top: 8px;
973
+ }
974
+ .tox .tox-comment__expander p {
975
+ color: rgba(34, 47, 62, 0.7);
976
+ font-size: 14px;
977
+ font-style: normal;
978
+ }
979
+ .tox .tox-comment__body p {
980
+ margin: 0;
981
+ }
982
+ .tox .tox-comment__buttonspacing {
983
+ padding-top: 16px;
984
+ text-align: center;
985
+ }
986
+ .tox .tox-comment-thread__overlay::after {
987
+ background: #fff;
988
+ bottom: 0;
989
+ content: "";
990
+ display: flex;
991
+ left: 0;
992
+ opacity: 0.9;
993
+ position: absolute;
994
+ right: 0;
995
+ top: 0;
996
+ z-index: 5;
997
+ }
998
+ .tox .tox-comment__reply {
999
+ display: flex;
1000
+ flex-shrink: 0;
1001
+ flex-wrap: wrap;
1002
+ justify-content: flex-end;
1003
+ margin-top: 8px;
1004
+ }
1005
+ .tox .tox-comment__reply > *:first-child {
1006
+ margin-bottom: 8px;
1007
+ width: 100%;
1008
+ }
1009
+ .tox .tox-comment__edit {
1010
+ display: flex;
1011
+ flex-wrap: wrap;
1012
+ justify-content: flex-end;
1013
+ margin-top: 16px;
1014
+ }
1015
+ .tox .tox-comment__gradient::after {
1016
+ background: linear-gradient(rgba(255, 255, 255, 0), #fff);
1017
+ bottom: 0;
1018
+ content: "";
1019
+ display: block;
1020
+ height: 5em;
1021
+ margin-top: -40px;
1022
+ position: absolute;
1023
+ width: 100%;
1024
+ }
1025
+ .tox .tox-comment__overlay {
1026
+ background: #fff;
1027
+ bottom: 0;
1028
+ display: flex;
1029
+ flex-direction: column;
1030
+ flex-grow: 1;
1031
+ left: 0;
1032
+ opacity: 0.9;
1033
+ position: absolute;
1034
+ right: 0;
1035
+ text-align: center;
1036
+ top: 0;
1037
+ z-index: 5;
1038
+ }
1039
+ .tox .tox-comment__loading-text {
1040
+ align-items: center;
1041
+ color: #222f3e;
1042
+ display: flex;
1043
+ flex-direction: column;
1044
+ position: relative;
1045
+ }
1046
+ .tox .tox-comment__loading-text > div {
1047
+ padding-bottom: 16px;
1048
+ }
1049
+ .tox .tox-comment__overlaytext {
1050
+ bottom: 0;
1051
+ flex-direction: column;
1052
+ font-size: 14px;
1053
+ left: 0;
1054
+ padding: 1em;
1055
+ position: absolute;
1056
+ right: 0;
1057
+ top: 0;
1058
+ z-index: 10;
1059
+ }
1060
+ .tox .tox-comment__overlaytext p {
1061
+ background-color: #fff;
1062
+ box-shadow: 0 0 8px 8px #fff;
1063
+ color: #222f3e;
1064
+ text-align: center;
1065
+ }
1066
+ .tox .tox-comment__overlaytext div:nth-of-type(2) {
1067
+ font-size: 0.8em;
1068
+ }
1069
+ .tox .tox-comment__busy-spinner {
1070
+ align-items: center;
1071
+ background-color: #fff;
1072
+ bottom: 0;
1073
+ display: flex;
1074
+ justify-content: center;
1075
+ left: 0;
1076
+ position: absolute;
1077
+ right: 0;
1078
+ top: 0;
1079
+ z-index: 20;
1080
+ }
1081
+ .tox .tox-comment__scroll {
1082
+ display: flex;
1083
+ flex-direction: column;
1084
+ flex-shrink: 1;
1085
+ overflow: auto;
1086
+ }
1087
+ .tox .tox-conversations {
1088
+ margin: 8px;
1089
+ }
1090
+ .tox:not([dir=rtl]) .tox-comment__edit {
1091
+ margin-left: 8px;
1092
+ }
1093
+ .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
1094
+ .tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
1095
+ .tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
1096
+ margin-left: 8px;
1097
+ }
1098
+ .tox[dir=rtl] .tox-comment__edit {
1099
+ margin-right: 8px;
1100
+ }
1101
+ .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
1102
+ .tox[dir=rtl] .tox-comment__edit > *:last-child,
1103
+ .tox[dir=rtl] .tox-comment__reply > *:last-child {
1104
+ margin-right: 8px;
1105
+ }
1106
+ .tox .tox-user {
1107
+ align-items: center;
1108
+ display: flex;
1109
+ }
1110
+ .tox .tox-user__avatar svg {
1111
+ fill: rgba(34, 47, 62, 0.7);
1112
+ }
1113
+ .tox .tox-user__avatar img {
1114
+ border-radius: 50%;
1115
+ height: 36px;
1116
+ object-fit: cover;
1117
+ vertical-align: middle;
1118
+ width: 36px;
1119
+ }
1120
+ .tox .tox-user__name {
1121
+ color: #222f3e;
1122
+ font-size: 14px;
1123
+ font-style: normal;
1124
+ font-weight: bold;
1125
+ line-height: 18px;
1126
+ text-transform: none;
1127
+ }
1128
+ .tox:not([dir=rtl]) .tox-user__avatar svg,
1129
+ .tox:not([dir=rtl]) .tox-user__avatar img {
1130
+ margin-right: 8px;
1131
+ }
1132
+ .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1133
+ margin-left: 8px;
1134
+ }
1135
+ .tox[dir=rtl] .tox-user__avatar svg,
1136
+ .tox[dir=rtl] .tox-user__avatar img {
1137
+ margin-left: 8px;
1138
+ }
1139
+ .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1140
+ margin-right: 8px;
1141
+ }
1142
+ .tox .tox-dialog-wrap {
1143
+ align-items: center;
1144
+ bottom: 0;
1145
+ display: flex;
1146
+ justify-content: center;
1147
+ left: 0;
1148
+ position: fixed;
1149
+ right: 0;
1150
+ top: 0;
1151
+ z-index: 1100;
1152
+ }
1153
+ .tox .tox-dialog-wrap__backdrop {
1154
+ background-color: rgba(255, 255, 255, 0.75);
1155
+ bottom: 0;
1156
+ left: 0;
1157
+ position: absolute;
1158
+ right: 0;
1159
+ top: 0;
1160
+ z-index: 1;
1161
+ }
1162
+ .tox .tox-dialog-wrap__backdrop--opaque {
1163
+ background-color: #fff;
1164
+ }
1165
+ .tox .tox-dialog {
1166
+ background-color: #fff;
1167
+ border-color: #cccccc;
1168
+ border-radius: 3px;
1169
+ border-style: solid;
1170
+ border-width: 1px;
1171
+ box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1172
+ display: flex;
1173
+ flex-direction: column;
1174
+ max-height: 100%;
1175
+ max-width: 480px;
1176
+ overflow: hidden;
1177
+ position: relative;
1178
+ width: 95vw;
1179
+ z-index: 2;
1180
+ }
1181
+ @media only screen and (max-width: 767px ) {
1182
+ body:not(.tox-force-desktop) .tox .tox-dialog {
1183
+ align-self: flex-start;
1184
+ margin: 8px auto;
1185
+ max-height: calc(100vh - 8px * 2);
1186
+ width: calc(100vw - 16px);
1187
+ }
1188
+ }
1189
+ .tox .tox-dialog-inline {
1190
+ z-index: 1100;
1191
+ }
1192
+ .tox .tox-dialog__header {
1193
+ align-items: center;
1194
+ background-color: #fff;
1195
+ border-bottom: none;
1196
+ color: #222f3e;
1197
+ display: flex;
1198
+ font-size: 16px;
1199
+ justify-content: space-between;
1200
+ padding: 8px 16px 0 16px;
1201
+ position: relative;
1202
+ }
1203
+ .tox .tox-dialog__header .tox-button {
1204
+ z-index: 1;
1205
+ }
1206
+ .tox .tox-dialog__draghandle {
1207
+ cursor: grab;
1208
+ height: 100%;
1209
+ left: 0;
1210
+ position: absolute;
1211
+ top: 0;
1212
+ width: 100%;
1213
+ }
1214
+ .tox .tox-dialog__draghandle:active {
1215
+ cursor: grabbing;
1216
+ }
1217
+ .tox .tox-dialog__dismiss {
1218
+ margin-left: auto;
1219
+ }
1220
+ .tox .tox-dialog__title {
1221
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1222
+ font-size: 20px;
1223
+ font-style: normal;
1224
+ font-weight: normal;
1225
+ line-height: 1.3;
1226
+ margin: 0;
1227
+ text-transform: none;
1228
+ }
1229
+ .tox .tox-dialog__body {
1230
+ color: #222f3e;
1231
+ display: flex;
1232
+ flex: 1;
1233
+ font-size: 16px;
1234
+ font-style: normal;
1235
+ font-weight: normal;
1236
+ line-height: 1.3;
1237
+ min-width: 0;
1238
+ text-align: left;
1239
+ text-transform: none;
1240
+ }
1241
+ @media only screen and (max-width: 767px ) {
1242
+ body:not(.tox-force-desktop) .tox .tox-dialog__body {
1243
+ flex-direction: column;
1244
+ }
1245
+ }
1246
+ .tox .tox-dialog__body-nav {
1247
+ align-items: flex-start;
1248
+ display: flex;
1249
+ flex-direction: column;
1250
+ padding: 16px 16px;
1251
+ }
1252
+ @media only screen and (max-width: 767px ) {
1253
+ body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1254
+ flex-direction: row;
1255
+ -webkit-overflow-scrolling: touch;
1256
+ overflow-x: auto;
1257
+ padding-bottom: 0;
1258
+ }
1259
+ }
1260
+ .tox .tox-dialog__body-nav-item {
1261
+ border-bottom: 2px solid transparent;
1262
+ color: rgba(34, 47, 62, 0.7);
1263
+ display: inline-block;
1264
+ font-size: 14px;
1265
+ line-height: 1.3;
1266
+ margin-bottom: 8px;
1267
+ text-decoration: none;
1268
+ white-space: nowrap;
1269
+ }
1270
+ .tox .tox-dialog__body-nav-item:focus {
1271
+ background-color: rgba(32, 122, 183, 0.1);
1272
+ }
1273
+ .tox .tox-dialog__body-nav-item--active {
1274
+ border-bottom: 2px solid #207ab7;
1275
+ color: #207ab7;
1276
+ }
1277
+ .tox .tox-dialog__body-content {
1278
+ box-sizing: border-box;
1279
+ display: flex;
1280
+ flex: 1;
1281
+ flex-direction: column;
1282
+ max-height: 650px;
1283
+ overflow: auto;
1284
+ -webkit-overflow-scrolling: touch;
1285
+ padding: 16px 16px;
1286
+ }
1287
+ .tox .tox-dialog__body-content > * {
1288
+ margin-bottom: 0;
1289
+ margin-top: 16px;
1290
+ }
1291
+ .tox .tox-dialog__body-content > *:first-child {
1292
+ margin-top: 0;
1293
+ }
1294
+ .tox .tox-dialog__body-content > *:last-child {
1295
+ margin-bottom: 0;
1296
+ }
1297
+ .tox .tox-dialog__body-content > *:only-child {
1298
+ margin-bottom: 0;
1299
+ margin-top: 0;
1300
+ }
1301
+ .tox .tox-dialog__body-content a {
1302
+ color: #207ab7;
1303
+ cursor: pointer;
1304
+ text-decoration: none;
1305
+ }
1306
+ .tox .tox-dialog__body-content a:hover,
1307
+ .tox .tox-dialog__body-content a:focus {
1308
+ color: #185d8c;
1309
+ text-decoration: none;
1310
+ }
1311
+ .tox .tox-dialog__body-content a:active {
1312
+ color: #185d8c;
1313
+ text-decoration: none;
1314
+ }
1315
+ .tox .tox-dialog__body-content svg {
1316
+ fill: #222f3e;
1317
+ }
1318
+ .tox .tox-dialog__body-content ul {
1319
+ display: block;
1320
+ list-style-type: disc;
1321
+ margin-bottom: 16px;
1322
+ margin-inline-end: 0;
1323
+ margin-inline-start: 0;
1324
+ padding-inline-start: 2.5rem;
1325
+ }
1326
+ .tox .tox-dialog__body-content .tox-form__group h1 {
1327
+ color: #222f3e;
1328
+ font-size: 20px;
1329
+ font-style: normal;
1330
+ font-weight: bold;
1331
+ letter-spacing: normal;
1332
+ margin-bottom: 16px;
1333
+ margin-top: 2rem;
1334
+ text-transform: none;
1335
+ }
1336
+ .tox .tox-dialog__body-content .tox-form__group h2 {
1337
+ color: #222f3e;
1338
+ font-size: 16px;
1339
+ font-style: normal;
1340
+ font-weight: bold;
1341
+ letter-spacing: normal;
1342
+ margin-bottom: 16px;
1343
+ margin-top: 2rem;
1344
+ text-transform: none;
1345
+ }
1346
+ .tox .tox-dialog__body-content .tox-form__group p {
1347
+ margin-bottom: 16px;
1348
+ }
1349
+ .tox .tox-dialog__body-content .tox-form__group h1:first-child,
1350
+ .tox .tox-dialog__body-content .tox-form__group h2:first-child,
1351
+ .tox .tox-dialog__body-content .tox-form__group p:first-child {
1352
+ margin-top: 0;
1353
+ }
1354
+ .tox .tox-dialog__body-content .tox-form__group h1:last-child,
1355
+ .tox .tox-dialog__body-content .tox-form__group h2:last-child,
1356
+ .tox .tox-dialog__body-content .tox-form__group p:last-child {
1357
+ margin-bottom: 0;
1358
+ }
1359
+ .tox .tox-dialog__body-content .tox-form__group h1:only-child,
1360
+ .tox .tox-dialog__body-content .tox-form__group h2:only-child,
1361
+ .tox .tox-dialog__body-content .tox-form__group p:only-child {
1362
+ margin-bottom: 0;
1363
+ margin-top: 0;
1364
+ }
1365
+ .tox .tox-dialog--width-lg {
1366
+ height: 650px;
1367
+ max-width: 1200px;
1368
+ }
1369
+ .tox .tox-dialog--width-md {
1370
+ max-width: 800px;
1371
+ }
1372
+ .tox .tox-dialog--width-md .tox-dialog__body-content {
1373
+ overflow: auto;
1374
+ }
1375
+ .tox .tox-dialog__body-content--centered {
1376
+ text-align: center;
1377
+ }
1378
+ .tox .tox-dialog__footer {
1379
+ align-items: center;
1380
+ background-color: #fff;
1381
+ border-top: 1px solid #cccccc;
1382
+ display: flex;
1383
+ justify-content: space-between;
1384
+ padding: 8px 16px;
1385
+ }
1386
+ .tox .tox-dialog__footer-start,
1387
+ .tox .tox-dialog__footer-end {
1388
+ display: flex;
1389
+ }
1390
+ .tox .tox-dialog__busy-spinner {
1391
+ align-items: center;
1392
+ background-color: rgba(255, 255, 255, 0.75);
1393
+ bottom: 0;
1394
+ display: flex;
1395
+ justify-content: center;
1396
+ left: 0;
1397
+ position: absolute;
1398
+ right: 0;
1399
+ top: 0;
1400
+ z-index: 3;
1401
+ }
1402
+ .tox .tox-dialog__table {
1403
+ border-collapse: collapse;
1404
+ width: 100%;
1405
+ }
1406
+ .tox .tox-dialog__table thead th {
1407
+ font-weight: bold;
1408
+ padding-bottom: 8px;
1409
+ }
1410
+ .tox .tox-dialog__table tbody tr {
1411
+ border-bottom: 1px solid #cccccc;
1412
+ }
1413
+ .tox .tox-dialog__table tbody tr:last-child {
1414
+ border-bottom: none;
1415
+ }
1416
+ .tox .tox-dialog__table td {
1417
+ padding-bottom: 8px;
1418
+ padding-top: 8px;
1419
+ }
1420
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1421
+ background: #fff;
1422
+ }
1423
+ .tox .tox-dialog__popups {
1424
+ position: absolute;
1425
+ width: 100%;
1426
+ z-index: 1100;
1427
+ }
1428
+ .tox .tox-dialog__body-iframe {
1429
+ display: flex;
1430
+ flex: 1;
1431
+ flex-direction: column;
1432
+ }
1433
+ .tox .tox-dialog__body-iframe .tox-navobj {
1434
+ display: flex;
1435
+ flex: 1;
1436
+ }
1437
+ .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1438
+ flex: 1;
1439
+ height: 100%;
1440
+ }
1441
+ .tox .tox-dialog-dock-fadeout {
1442
+ opacity: 0;
1443
+ visibility: hidden;
1444
+ }
1445
+ .tox .tox-dialog-dock-fadein {
1446
+ opacity: 1;
1447
+ visibility: visible;
1448
+ }
1449
+ .tox .tox-dialog-dock-transition {
1450
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1451
+ }
1452
+ .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1453
+ transition-delay: 0s;
1454
+ }
1455
+ @media only screen and (max-width: 767px ) {
1456
+ body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
1457
+ margin-right: 0;
1458
+ }
1459
+ }
1460
+ @media only screen and (max-width: 767px ) {
1461
+ body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
1462
+ margin-left: 8px;
1463
+ }
1464
+ }
1465
+ .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1466
+ .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1467
+ margin-left: 8px;
1468
+ }
1469
+ .tox[dir=rtl] .tox-dialog__body {
1470
+ text-align: right;
1471
+ }
1472
+ @media only screen and (max-width: 767px ) {
1473
+ body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
1474
+ margin-left: 0;
1475
+ }
1476
+ }
1477
+ @media only screen and (max-width: 767px ) {
1478
+ body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
1479
+ margin-right: 8px;
1480
+ }
1481
+ }
1482
+ .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1483
+ .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1484
+ margin-right: 8px;
1485
+ }
1486
+ body.tox-dialog__disable-scroll {
1487
+ overflow: hidden;
1488
+ }
1489
+ .tox .tox-dropzone-container {
1490
+ display: flex;
1491
+ flex: 1;
1492
+ }
1493
+ .tox .tox-dropzone {
1494
+ align-items: center;
1495
+ background: #fff;
1496
+ border: 2px dashed #cccccc;
1497
+ box-sizing: border-box;
1498
+ display: flex;
1499
+ flex-direction: column;
1500
+ flex-grow: 1;
1501
+ justify-content: center;
1502
+ min-height: 100px;
1503
+ padding: 10px;
1504
+ }
1505
+ .tox .tox-dropzone p {
1506
+ color: rgba(34, 47, 62, 0.7);
1507
+ margin: 0 0 16px 0;
1508
+ }
1509
+ .tox .tox-edit-area {
1510
+ display: flex;
1511
+ flex: 1;
1512
+ overflow: hidden;
1513
+ position: relative;
1514
+ }
1515
+ .tox .tox-edit-area__iframe {
1516
+ background-color: #fff;
1517
+ border: 0;
1518
+ box-sizing: border-box;
1519
+ flex: 1;
1520
+ height: 100%;
1521
+ position: absolute;
1522
+ width: 100%;
1523
+ }
1524
+ .tox.tox-inline-edit-area {
1525
+ border: 1px dotted #cccccc;
1526
+ }
1527
+ .tox .tox-editor-container {
1528
+ display: flex;
1529
+ flex: 1 1 auto;
1530
+ flex-direction: column;
1531
+ overflow: hidden;
1532
+ }
1533
+ .tox .tox-editor-header {
1534
+ display: grid;
1535
+ grid-template-columns: 1fr min-content;
1536
+ z-index: 1;
1537
+ }
1538
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
1539
+ background-color: #fff;
1540
+ border-bottom: none;
1541
+ box-shadow: none;
1542
+ padding: 4px 0;
1543
+ transition: box-shadow 0.5s;
1544
+ }
1545
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
1546
+ border-top: 1px solid #cccccc;
1547
+ box-shadow: none;
1548
+ }
1549
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
1550
+ background-color: #fff;
1551
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1552
+ padding: 4px 0;
1553
+ }
1554
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
1555
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1556
+ }
1557
+ .tox-editor-dock-fadeout {
1558
+ opacity: 0;
1559
+ visibility: hidden;
1560
+ }
1561
+ .tox-editor-dock-fadein {
1562
+ opacity: 1;
1563
+ visibility: visible;
1564
+ }
1565
+ .tox-editor-dock-transition {
1566
+ transition: visibility 0s linear 0.25s, opacity 0.25s ease;
1567
+ }
1568
+ .tox-editor-dock-transition.tox-editor-dock-fadein {
1569
+ transition-delay: 0s;
1570
+ }
1571
+ .tox .tox-control-wrap {
1572
+ flex: 1;
1573
+ position: relative;
1574
+ }
1575
+ .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
1576
+ .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
1577
+ .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
1578
+ display: none;
1579
+ }
1580
+ .tox .tox-control-wrap svg {
1581
+ display: block;
1582
+ }
1583
+ .tox .tox-control-wrap__status-icon-wrap {
1584
+ position: absolute;
1585
+ top: 50%;
1586
+ transform: translateY(-50%);
1587
+ }
1588
+ .tox .tox-control-wrap__status-icon-invalid svg {
1589
+ fill: #c00;
1590
+ }
1591
+ .tox .tox-control-wrap__status-icon-unknown svg {
1592
+ fill: orange;
1593
+ }
1594
+ .tox .tox-control-wrap__status-icon-valid svg {
1595
+ fill: green;
1596
+ }
1597
+ .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
1598
+ .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
1599
+ .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
1600
+ padding-right: 32px;
1601
+ }
1602
+ .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1603
+ right: 4px;
1604
+ }
1605
+ .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
1606
+ .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
1607
+ .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
1608
+ padding-left: 32px;
1609
+ }
1610
+ .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1611
+ left: 4px;
1612
+ }
1613
+ .tox .tox-autocompleter {
1614
+ max-width: 25em;
1615
+ }
1616
+ .tox .tox-autocompleter .tox-menu {
1617
+ box-sizing: border-box;
1618
+ max-width: 25em;
1619
+ }
1620
+ .tox .tox-autocompleter .tox-autocompleter-highlight {
1621
+ font-weight: bold;
1622
+ }
1623
+ .tox .tox-color-input {
1624
+ display: flex;
1625
+ position: relative;
1626
+ z-index: 1;
1627
+ }
1628
+ .tox .tox-color-input .tox-textfield {
1629
+ z-index: -1;
1630
+ }
1631
+ .tox .tox-color-input span {
1632
+ border-color: rgba(34, 47, 62, 0.2);
1633
+ border-radius: 3px;
1634
+ border-style: solid;
1635
+ border-width: 1px;
1636
+ box-shadow: none;
1637
+ box-sizing: border-box;
1638
+ height: 24px;
1639
+ position: absolute;
1640
+ top: 6px;
1641
+ width: 24px;
1642
+ }
1643
+ .tox .tox-color-input span:hover:not([aria-disabled=true]),
1644
+ .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1645
+ border-color: #207ab7;
1646
+ cursor: pointer;
1647
+ }
1648
+ .tox .tox-color-input span::before {
1649
+ background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
1650
+ background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1651
+ background-size: 12px 12px;
1652
+ border: 1px solid #fff;
1653
+ border-radius: 3px;
1654
+ box-sizing: border-box;
1655
+ content: '';
1656
+ height: 24px;
1657
+ left: -1px;
1658
+ position: absolute;
1659
+ top: -1px;
1660
+ width: 24px;
1661
+ z-index: -1;
1662
+ }
1663
+ .tox .tox-color-input span[aria-disabled=true] {
1664
+ cursor: not-allowed;
1665
+ }
1666
+ .tox:not([dir=rtl]) .tox-color-input {
1667
+ /* stylelint-disable-next-line no-descending-specificity */
1668
+ }
1669
+ .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
1670
+ padding-left: 36px;
1671
+ }
1672
+ .tox:not([dir=rtl]) .tox-color-input span {
1673
+ left: 6px;
1674
+ }
1675
+ .tox[dir="rtl"] .tox-color-input {
1676
+ /* stylelint-disable-next-line no-descending-specificity */
1677
+ }
1678
+ .tox[dir="rtl"] .tox-color-input .tox-textfield {
1679
+ padding-right: 36px;
1680
+ }
1681
+ .tox[dir="rtl"] .tox-color-input span {
1682
+ right: 6px;
1683
+ }
1684
+ .tox .tox-label,
1685
+ .tox .tox-toolbar-label {
1686
+ color: rgba(34, 47, 62, 0.7);
1687
+ display: block;
1688
+ font-size: 14px;
1689
+ font-style: normal;
1690
+ font-weight: normal;
1691
+ line-height: 1.3;
1692
+ padding: 0 8px 0 0;
1693
+ text-transform: none;
1694
+ white-space: nowrap;
1695
+ }
1696
+ .tox .tox-toolbar-label {
1697
+ padding: 0 8px;
1698
+ }
1699
+ .tox[dir=rtl] .tox-label {
1700
+ padding: 0 0 0 8px;
1701
+ }
1702
+ .tox .tox-form {
1703
+ display: flex;
1704
+ flex: 1;
1705
+ flex-direction: column;
1706
+ }
1707
+ .tox .tox-form__group {
1708
+ box-sizing: border-box;
1709
+ margin-bottom: 4px;
1710
+ }
1711
+ .tox .tox-form-group--maximize {
1712
+ flex: 1;
1713
+ }
1714
+ .tox .tox-form__group--error {
1715
+ color: #c00;
1716
+ }
1717
+ .tox .tox-form__group--collection {
1718
+ display: flex;
1719
+ }
1720
+ .tox .tox-form__grid {
1721
+ display: flex;
1722
+ flex-direction: row;
1723
+ flex-wrap: wrap;
1724
+ justify-content: space-between;
1725
+ }
1726
+ .tox .tox-form__grid--2col > .tox-form__group {
1727
+ width: calc(50% - (8px / 2));
1728
+ }
1729
+ .tox .tox-form__grid--3col > .tox-form__group {
1730
+ width: calc(100% / 3 - (8px / 2));
1731
+ }
1732
+ .tox .tox-form__grid--4col > .tox-form__group {
1733
+ width: calc(25% - (8px / 2));
1734
+ }
1735
+ .tox .tox-form__controls-h-stack {
1736
+ align-items: center;
1737
+ display: flex;
1738
+ }
1739
+ .tox .tox-form__group--inline {
1740
+ align-items: center;
1741
+ display: flex;
1742
+ }
1743
+ .tox .tox-form__group--stretched {
1744
+ display: flex;
1745
+ flex: 1;
1746
+ flex-direction: column;
1747
+ }
1748
+ .tox .tox-form__group--stretched .tox-textarea {
1749
+ flex: 1;
1750
+ }
1751
+ .tox .tox-form__group--stretched .tox-navobj {
1752
+ display: flex;
1753
+ flex: 1;
1754
+ }
1755
+ .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1756
+ flex: 1;
1757
+ height: 100%;
1758
+ }
1759
+ .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1760
+ margin-left: 4px;
1761
+ }
1762
+ .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1763
+ margin-right: 4px;
1764
+ }
1765
+ .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
1766
+ .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1767
+ display: none;
1768
+ }
1769
+ .tox .tox-textfield,
1770
+ .tox .tox-toolbar-textfield,
1771
+ .tox .tox-listboxfield .tox-listbox--select,
1772
+ .tox .tox-textarea {
1773
+ -webkit-appearance: none;
1774
+ -moz-appearance: none;
1775
+ appearance: none;
1776
+ background-color: #fff;
1777
+ border-color: #cccccc;
1778
+ border-radius: 3px;
1779
+ border-style: solid;
1780
+ border-width: 1px;
1781
+ box-shadow: none;
1782
+ box-sizing: border-box;
1783
+ color: #222f3e;
1784
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1785
+ font-size: 16px;
1786
+ line-height: 24px;
1787
+ margin: 0;
1788
+ min-height: 34px;
1789
+ outline: none;
1790
+ padding: 5px 4.75px;
1791
+ resize: none;
1792
+ width: 100%;
1793
+ }
1794
+ .tox .tox-textfield[disabled],
1795
+ .tox .tox-textarea[disabled] {
1796
+ background-color: #f2f2f2;
1797
+ color: rgba(34, 47, 62, 0.85);
1798
+ cursor: not-allowed;
1799
+ }
1800
+ .tox .tox-textfield:focus,
1801
+ .tox .tox-listboxfield .tox-listbox--select:focus,
1802
+ .tox .tox-textarea:focus {
1803
+ background-color: #fff;
1804
+ border-color: #207ab7;
1805
+ box-shadow: none;
1806
+ outline: 2px solid rgba(32, 122, 183, 0.25);
1807
+ }
1808
+ .tox .tox-toolbar-textfield {
1809
+ border-width: 0;
1810
+ margin-bottom: 3px;
1811
+ margin-top: 2px;
1812
+ max-width: 250px;
1813
+ }
1814
+ .tox .tox-naked-btn {
1815
+ background-color: transparent;
1816
+ border: 0;
1817
+ border-color: transparent;
1818
+ box-shadow: unset;
1819
+ color: #207ab7;
1820
+ cursor: pointer;
1821
+ display: block;
1822
+ margin: 0;
1823
+ padding: 0;
1824
+ }
1825
+ .tox .tox-naked-btn svg {
1826
+ display: block;
1827
+ fill: #222f3e;
1828
+ }
1829
+ .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
1830
+ margin-left: 4px;
1831
+ }
1832
+ .tox[dir=rtl] .tox-toolbar-textfield + * {
1833
+ margin-right: 4px;
1834
+ }
1835
+ .tox .tox-listboxfield {
1836
+ cursor: pointer;
1837
+ position: relative;
1838
+ }
1839
+ .tox .tox-listboxfield .tox-listbox--select[disabled] {
1840
+ background-color: #f2f2f2;
1841
+ color: rgba(34, 47, 62, 0.85);
1842
+ cursor: not-allowed;
1843
+ }
1844
+ .tox .tox-listbox__select-label {
1845
+ cursor: default;
1846
+ flex: 1;
1847
+ margin: 0 4px;
1848
+ }
1849
+ .tox .tox-listbox__select-chevron {
1850
+ align-items: center;
1851
+ display: flex;
1852
+ justify-content: center;
1853
+ width: 16px;
1854
+ }
1855
+ .tox .tox-listbox__select-chevron svg {
1856
+ fill: #222f3e;
1857
+ }
1858
+ .tox .tox-listboxfield .tox-listbox--select {
1859
+ align-items: center;
1860
+ display: flex;
1861
+ }
1862
+ .tox:not([dir=rtl]) .tox-listboxfield svg {
1863
+ right: 8px;
1864
+ }
1865
+ .tox[dir=rtl] .tox-listboxfield svg {
1866
+ left: 8px;
1867
+ }
1868
+ .tox .tox-selectfield {
1869
+ cursor: pointer;
1870
+ position: relative;
1871
+ }
1872
+ .tox .tox-selectfield select {
1873
+ -webkit-appearance: none;
1874
+ -moz-appearance: none;
1875
+ appearance: none;
1876
+ background-color: #fff;
1877
+ border-color: #cccccc;
1878
+ border-radius: 3px;
1879
+ border-style: solid;
1880
+ border-width: 1px;
1881
+ box-shadow: none;
1882
+ box-sizing: border-box;
1883
+ color: #222f3e;
1884
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1885
+ font-size: 16px;
1886
+ line-height: 24px;
1887
+ margin: 0;
1888
+ min-height: 34px;
1889
+ outline: none;
1890
+ padding: 5px 4.75px;
1891
+ resize: none;
1892
+ width: 100%;
1893
+ }
1894
+ .tox .tox-selectfield select[disabled] {
1895
+ background-color: #f2f2f2;
1896
+ color: rgba(34, 47, 62, 0.85);
1897
+ cursor: not-allowed;
1898
+ }
1899
+ .tox .tox-selectfield select::-ms-expand {
1900
+ display: none;
1901
+ }
1902
+ .tox .tox-selectfield select:focus {
1903
+ background-color: #fff;
1904
+ border-color: #207ab7;
1905
+ box-shadow: none;
1906
+ outline: 2px solid rgba(32, 122, 183, 0.25);
1907
+ }
1908
+ .tox .tox-selectfield svg {
1909
+ pointer-events: none;
1910
+ position: absolute;
1911
+ top: 50%;
1912
+ transform: translateY(-50%);
1913
+ }
1914
+ .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
1915
+ .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
1916
+ padding-right: 24px;
1917
+ }
1918
+ .tox:not([dir=rtl]) .tox-selectfield svg {
1919
+ right: 8px;
1920
+ }
1921
+ .tox[dir=rtl] .tox-selectfield select[size="0"],
1922
+ .tox[dir=rtl] .tox-selectfield select[size="1"] {
1923
+ padding-left: 24px;
1924
+ }
1925
+ .tox[dir=rtl] .tox-selectfield svg {
1926
+ left: 8px;
1927
+ }
1928
+ .tox .tox-textarea {
1929
+ -webkit-appearance: textarea;
1930
+ -moz-appearance: textarea;
1931
+ appearance: textarea;
1932
+ white-space: pre-wrap;
1933
+ }
1934
+ .tox-fullscreen {
1935
+ border: 0;
1936
+ height: 100%;
1937
+ margin: 0;
1938
+ overflow: hidden;
1939
+ overscroll-behavior: none;
1940
+ padding: 0;
1941
+ touch-action: pinch-zoom;
1942
+ width: 100%;
1943
+ }
1944
+ .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
1945
+ display: none;
1946
+ }
1947
+ .tox.tox-tinymce.tox-fullscreen,
1948
+ .tox-shadowhost.tox-fullscreen {
1949
+ left: 0;
1950
+ position: fixed;
1951
+ top: 0;
1952
+ z-index: 1200;
1953
+ }
1954
+ .tox.tox-tinymce.tox-fullscreen {
1955
+ background-color: transparent;
1956
+ }
1957
+ .tox-fullscreen .tox.tox-tinymce-aux,
1958
+ .tox-fullscreen ~ .tox.tox-tinymce-aux {
1959
+ z-index: 1201;
1960
+ }
1961
+ .tox .tox-help__more-link {
1962
+ list-style: none;
1963
+ margin-top: 1em;
1964
+ }
1965
+ .tox .tox-imagepreview {
1966
+ background-color: #666;
1967
+ height: 380px;
1968
+ overflow: hidden;
1969
+ position: relative;
1970
+ width: 100%;
1971
+ }
1972
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
1973
+ overflow: auto;
1974
+ }
1975
+ .tox .tox-imagepreview__container {
1976
+ display: flex;
1977
+ left: 100vw;
1978
+ position: absolute;
1979
+ top: 100vw;
1980
+ }
1981
+ .tox .tox-imagepreview__image {
1982
+ background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
1983
+ }
1984
+ .tox .tox-image-tools .tox-spacer {
1985
+ flex: 1;
1986
+ }
1987
+ .tox .tox-image-tools .tox-bar {
1988
+ align-items: center;
1989
+ display: flex;
1990
+ height: 60px;
1991
+ justify-content: center;
1992
+ }
1993
+ .tox .tox-image-tools .tox-imagepreview,
1994
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
1995
+ margin-top: 8px;
1996
+ }
1997
+ .tox .tox-image-tools .tox-croprect-block {
1998
+ background: black;
1999
+ filter: alpha(opacity=50);
2000
+ opacity: 0.5;
2001
+ position: absolute;
2002
+ zoom: 1;
2003
+ }
2004
+ .tox .tox-image-tools .tox-croprect-handle {
2005
+ border: 2px solid white;
2006
+ height: 20px;
2007
+ left: 0;
2008
+ position: absolute;
2009
+ top: 0;
2010
+ width: 20px;
2011
+ }
2012
+ .tox .tox-image-tools .tox-croprect-handle-move {
2013
+ border: 0;
2014
+ cursor: move;
2015
+ position: absolute;
2016
+ }
2017
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2018
+ border-width: 2px 0 0 2px;
2019
+ cursor: nw-resize;
2020
+ left: 100px;
2021
+ margin: -2px 0 0 -2px;
2022
+ top: 100px;
2023
+ }
2024
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2025
+ border-width: 2px 2px 0 0;
2026
+ cursor: ne-resize;
2027
+ left: 200px;
2028
+ margin: -2px 0 0 -20px;
2029
+ top: 100px;
2030
+ }
2031
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2032
+ border-width: 0 0 2px 2px;
2033
+ cursor: sw-resize;
2034
+ left: 100px;
2035
+ margin: -20px 2px 0 -2px;
2036
+ top: 200px;
2037
+ }
2038
+ .tox .tox-image-tools .tox-croprect-handle-se {
2039
+ border-width: 0 2px 2px 0;
2040
+ cursor: se-resize;
2041
+ left: 200px;
2042
+ margin: -20px 0 0 -20px;
2043
+ top: 200px;
2044
+ }
2045
+ .tox .tox-insert-table-picker {
2046
+ display: flex;
2047
+ flex-wrap: wrap;
2048
+ width: 170px;
2049
+ }
2050
+ .tox .tox-insert-table-picker > div {
2051
+ border-color: #cccccc;
2052
+ border-style: solid;
2053
+ border-width: 0 1px 1px 0;
2054
+ box-sizing: border-box;
2055
+ height: 17px;
2056
+ width: 17px;
2057
+ }
2058
+ .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2059
+ margin: 0 -4px;
2060
+ }
2061
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2062
+ background-color: rgba(32, 122, 183, 0.5);
2063
+ border-color: rgba(32, 122, 183, 0.5);
2064
+ }
2065
+ .tox .tox-insert-table-picker__label {
2066
+ color: rgba(34, 47, 62, 0.7);
2067
+ display: block;
2068
+ font-size: 14px;
2069
+ padding: 4px;
2070
+ text-align: center;
2071
+ width: 100%;
2072
+ }
2073
+ .tox:not([dir=rtl]) {
2074
+ /* stylelint-disable-next-line no-descending-specificity */
2075
+ }
2076
+ .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2077
+ border-right: 0;
2078
+ }
2079
+ .tox[dir=rtl] {
2080
+ /* stylelint-disable-next-line no-descending-specificity */
2081
+ }
2082
+ .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2083
+ border-right: 0;
2084
+ }
2085
+ .tox {
2086
+ /* stylelint-disable */
2087
+ /* stylelint-enable */
2088
+ }
2089
+ .tox .tox-menu {
2090
+ background-color: #fff;
2091
+ border: 1px solid #cccccc;
2092
+ border-radius: 3px;
2093
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
2094
+ display: inline-block;
2095
+ overflow: hidden;
2096
+ vertical-align: top;
2097
+ z-index: 1150;
2098
+ }
2099
+ .tox .tox-menu.tox-collection.tox-collection--list {
2100
+ padding: 0 0;
2101
+ }
2102
+ .tox .tox-menu.tox-collection.tox-collection--toolbar {
2103
+ padding: 4px;
2104
+ }
2105
+ .tox .tox-menu.tox-collection.tox-collection--grid {
2106
+ padding: 4px;
2107
+ }
2108
+ @media only screen and (min-width: 768px ) {
2109
+ .tox .tox-menu .tox-collection__item-label {
2110
+ overflow-wrap: break-word;
2111
+ word-break: normal;
2112
+ }
2113
+ }
2114
+ .tox .tox-menu__label h1,
2115
+ .tox .tox-menu__label h2,
2116
+ .tox .tox-menu__label h3,
2117
+ .tox .tox-menu__label h4,
2118
+ .tox .tox-menu__label h5,
2119
+ .tox .tox-menu__label h6,
2120
+ .tox .tox-menu__label p,
2121
+ .tox .tox-menu__label blockquote,
2122
+ .tox .tox-menu__label code {
2123
+ margin: 0;
2124
+ }
2125
+ .tox .tox-menubar {
2126
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
2127
+ background-color: #fff;
2128
+ display: flex;
2129
+ flex: 0 0 auto;
2130
+ flex-shrink: 0;
2131
+ flex-wrap: wrap;
2132
+ grid-column: 1 / -1;
2133
+ grid-row: 1;
2134
+ padding: 0 4px 0 4px;
2135
+ }
2136
+ .tox .tox-promotion + .tox-menubar {
2137
+ grid-column: 1;
2138
+ }
2139
+ .tox .tox-promotion {
2140
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
2141
+ background-color: #fff;
2142
+ grid-column: 2;
2143
+ grid-row: 1;
2144
+ padding-inline-end: 8px;
2145
+ padding-inline-start: 4px;
2146
+ padding-top: 5px;
2147
+ }
2148
+ .tox .tox-promotion-link {
2149
+ align-items: unsafe center;
2150
+ background-color: #E8F1F8;
2151
+ border-radius: 5px;
2152
+ color: #086BE6;
2153
+ cursor: pointer;
2154
+ display: flex;
2155
+ font-size: 14px;
2156
+ height: 26.6px;
2157
+ padding: 4px 8px;
2158
+ white-space: nowrap;
2159
+ }
2160
+ .tox .tox-promotion-link:hover {
2161
+ background-color: #B4D7FF;
2162
+ }
2163
+ .tox .tox-promotion-link:focus {
2164
+ background-color: #D9EDF7;
2165
+ }
2166
+ /* Deprecated. Remove in next major release */
2167
+ .tox .tox-mbtn {
2168
+ align-items: center;
2169
+ background: transparent;
2170
+ border: 0;
2171
+ border-radius: 3px;
2172
+ box-shadow: none;
2173
+ color: #222f3e;
2174
+ display: flex;
2175
+ flex: 0 0 auto;
2176
+ font-size: 14px;
2177
+ font-style: normal;
2178
+ font-weight: normal;
2179
+ height: 34px;
2180
+ justify-content: center;
2181
+ margin: 2px 0 3px 0;
2182
+ outline: none;
2183
+ overflow: hidden;
2184
+ padding: 0 4px;
2185
+ text-transform: none;
2186
+ width: auto;
2187
+ }
2188
+ .tox .tox-mbtn[disabled] {
2189
+ background-color: transparent;
2190
+ border: 0;
2191
+ box-shadow: none;
2192
+ color: rgba(34, 47, 62, 0.5);
2193
+ cursor: not-allowed;
2194
+ }
2195
+ .tox .tox-mbtn:focus:not(:disabled) {
2196
+ background: #dee0e2;
2197
+ border: 0;
2198
+ box-shadow: none;
2199
+ color: #222f3e;
2200
+ }
2201
+ .tox .tox-mbtn--active {
2202
+ background: #c8cbcf;
2203
+ border: 0;
2204
+ box-shadow: none;
2205
+ color: #222f3e;
2206
+ }
2207
+ .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2208
+ background: #dee0e2;
2209
+ border: 0;
2210
+ box-shadow: none;
2211
+ color: #222f3e;
2212
+ }
2213
+ .tox .tox-mbtn__select-label {
2214
+ cursor: default;
2215
+ font-weight: normal;
2216
+ margin: 0 4px;
2217
+ }
2218
+ .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2219
+ cursor: not-allowed;
2220
+ }
2221
+ .tox .tox-mbtn__select-chevron {
2222
+ align-items: center;
2223
+ display: flex;
2224
+ justify-content: center;
2225
+ width: 16px;
2226
+ display: none;
2227
+ }
2228
+ .tox .tox-notification {
2229
+ border-radius: 3px;
2230
+ border-style: solid;
2231
+ border-width: 1px;
2232
+ box-shadow: none;
2233
+ box-sizing: border-box;
2234
+ display: grid;
2235
+ font-size: 14px;
2236
+ font-weight: normal;
2237
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2238
+ margin-top: 4px;
2239
+ opacity: 0;
2240
+ padding: 4px;
2241
+ transition: transform 100ms ease-in, opacity 150ms ease-in;
2242
+ }
2243
+ .tox .tox-notification p {
2244
+ font-size: 14px;
2245
+ font-weight: normal;
2246
+ }
2247
+ .tox .tox-notification a {
2248
+ cursor: pointer;
2249
+ text-decoration: underline;
2250
+ }
2251
+ .tox .tox-notification--in {
2252
+ opacity: 1;
2253
+ }
2254
+ .tox .tox-notification--success {
2255
+ background-color: #e4eeda;
2256
+ border-color: #d7e6c8;
2257
+ color: #222f3e;
2258
+ }
2259
+ .tox .tox-notification--success p {
2260
+ color: #222f3e;
2261
+ }
2262
+ .tox .tox-notification--success a {
2263
+ color: #517342;
2264
+ }
2265
+ .tox .tox-notification--success svg {
2266
+ fill: #222f3e;
2267
+ }
2268
+ .tox .tox-notification--error {
2269
+ background-color: #f5cccc;
2270
+ border-color: #f0b3b3;
2271
+ color: #222f3e;
2272
+ }
2273
+ .tox .tox-notification--error p {
2274
+ color: #222f3e;
2275
+ }
2276
+ .tox .tox-notification--error a {
2277
+ color: #77181f;
2278
+ }
2279
+ .tox .tox-notification--error svg {
2280
+ fill: #222f3e;
2281
+ }
2282
+ .tox .tox-notification--warn,
2283
+ .tox .tox-notification--warning {
2284
+ background-color: #fff5cc;
2285
+ border-color: #fff0b3;
2286
+ color: #222f3e;
2287
+ }
2288
+ .tox .tox-notification--warn p,
2289
+ .tox .tox-notification--warning p {
2290
+ color: #222f3e;
2291
+ }
2292
+ .tox .tox-notification--warn a,
2293
+ .tox .tox-notification--warning a {
2294
+ color: #7a6e25;
2295
+ }
2296
+ .tox .tox-notification--warn svg,
2297
+ .tox .tox-notification--warning svg {
2298
+ fill: #222f3e;
2299
+ }
2300
+ .tox .tox-notification--info {
2301
+ background-color: #d6e7fb;
2302
+ border-color: #c1dbf9;
2303
+ color: #222f3e;
2304
+ }
2305
+ .tox .tox-notification--info p {
2306
+ color: #222f3e;
2307
+ }
2308
+ .tox .tox-notification--info a {
2309
+ color: #2a64a6;
2310
+ }
2311
+ .tox .tox-notification--info svg {
2312
+ fill: #222f3e;
2313
+ }
2314
+ .tox .tox-notification__body {
2315
+ align-self: center;
2316
+ color: #222f3e;
2317
+ font-size: 14px;
2318
+ grid-column-end: 3;
2319
+ grid-column-start: 2;
2320
+ grid-row-end: 2;
2321
+ grid-row-start: 1;
2322
+ text-align: center;
2323
+ white-space: normal;
2324
+ word-break: break-all;
2325
+ word-break: break-word;
2326
+ }
2327
+ .tox .tox-notification__body > * {
2328
+ margin: 0;
2329
+ }
2330
+ .tox .tox-notification__body > * + * {
2331
+ margin-top: 1rem;
2332
+ }
2333
+ .tox .tox-notification__icon {
2334
+ align-self: center;
2335
+ grid-column-end: 2;
2336
+ grid-column-start: 1;
2337
+ grid-row-end: 2;
2338
+ grid-row-start: 1;
2339
+ justify-self: end;
2340
+ }
2341
+ .tox .tox-notification__icon svg {
2342
+ display: block;
2343
+ }
2344
+ .tox .tox-notification__dismiss {
2345
+ align-self: start;
2346
+ grid-column-end: 4;
2347
+ grid-column-start: 3;
2348
+ grid-row-end: 2;
2349
+ grid-row-start: 1;
2350
+ justify-self: end;
2351
+ }
2352
+ .tox .tox-notification .tox-progress-bar {
2353
+ grid-column-end: 4;
2354
+ grid-column-start: 1;
2355
+ grid-row-end: 3;
2356
+ grid-row-start: 2;
2357
+ justify-self: center;
2358
+ }
2359
+ .tox .tox-pop {
2360
+ display: inline-block;
2361
+ position: relative;
2362
+ }
2363
+ .tox .tox-pop--resizing {
2364
+ transition: width 0.1s ease;
2365
+ }
2366
+ .tox .tox-pop--resizing .tox-toolbar,
2367
+ .tox .tox-pop--resizing .tox-toolbar__group {
2368
+ flex-wrap: nowrap;
2369
+ }
2370
+ .tox .tox-pop--transition {
2371
+ transition: 0.15s ease;
2372
+ transition-property: left, right, top, bottom;
2373
+ }
2374
+ .tox .tox-pop--transition::before,
2375
+ .tox .tox-pop--transition::after {
2376
+ transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
2377
+ }
2378
+ .tox .tox-pop__dialog {
2379
+ background-color: #fff;
2380
+ border: 1px solid #cccccc;
2381
+ border-radius: 3px;
2382
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2383
+ min-width: 0;
2384
+ overflow: hidden;
2385
+ }
2386
+ .tox .tox-pop__dialog > *:not(.tox-toolbar) {
2387
+ margin: 4px 4px 4px 8px;
2388
+ }
2389
+ .tox .tox-pop__dialog .tox-toolbar {
2390
+ background-color: transparent;
2391
+ margin-bottom: -1px;
2392
+ }
2393
+ .tox .tox-pop::before,
2394
+ .tox .tox-pop::after {
2395
+ border-style: solid;
2396
+ content: '';
2397
+ display: block;
2398
+ height: 0;
2399
+ opacity: 1;
2400
+ position: absolute;
2401
+ width: 0;
2402
+ }
2403
+ .tox .tox-pop.tox-pop--inset::before,
2404
+ .tox .tox-pop.tox-pop--inset::after {
2405
+ opacity: 0;
2406
+ transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
2407
+ }
2408
+ .tox .tox-pop.tox-pop--bottom::before,
2409
+ .tox .tox-pop.tox-pop--bottom::after {
2410
+ left: 50%;
2411
+ top: 100%;
2412
+ }
2413
+ .tox .tox-pop.tox-pop--bottom::after {
2414
+ border-color: #fff transparent transparent transparent;
2415
+ border-width: 8px;
2416
+ margin-left: -8px;
2417
+ margin-top: -1px;
2418
+ }
2419
+ .tox .tox-pop.tox-pop--bottom::before {
2420
+ border-color: #cccccc transparent transparent transparent;
2421
+ border-width: 9px;
2422
+ margin-left: -9px;
2423
+ }
2424
+ .tox .tox-pop.tox-pop--top::before,
2425
+ .tox .tox-pop.tox-pop--top::after {
2426
+ left: 50%;
2427
+ top: 0;
2428
+ transform: translateY(-100%);
2429
+ }
2430
+ .tox .tox-pop.tox-pop--top::after {
2431
+ border-color: transparent transparent #fff transparent;
2432
+ border-width: 8px;
2433
+ margin-left: -8px;
2434
+ margin-top: 1px;
2435
+ }
2436
+ .tox .tox-pop.tox-pop--top::before {
2437
+ border-color: transparent transparent #cccccc transparent;
2438
+ border-width: 9px;
2439
+ margin-left: -9px;
2440
+ }
2441
+ .tox .tox-pop.tox-pop--left::before,
2442
+ .tox .tox-pop.tox-pop--left::after {
2443
+ left: 0;
2444
+ top: calc(50% - 1px);
2445
+ transform: translateY(-50%);
2446
+ }
2447
+ .tox .tox-pop.tox-pop--left::after {
2448
+ border-color: transparent #fff transparent transparent;
2449
+ border-width: 8px;
2450
+ margin-left: -15px;
2451
+ }
2452
+ .tox .tox-pop.tox-pop--left::before {
2453
+ border-color: transparent #cccccc transparent transparent;
2454
+ border-width: 10px;
2455
+ margin-left: -19px;
2456
+ }
2457
+ .tox .tox-pop.tox-pop--right::before,
2458
+ .tox .tox-pop.tox-pop--right::after {
2459
+ left: 100%;
2460
+ top: calc(50% + 1px);
2461
+ transform: translateY(-50%);
2462
+ }
2463
+ .tox .tox-pop.tox-pop--right::after {
2464
+ border-color: transparent transparent transparent #fff;
2465
+ border-width: 8px;
2466
+ margin-left: -1px;
2467
+ }
2468
+ .tox .tox-pop.tox-pop--right::before {
2469
+ border-color: transparent transparent transparent #cccccc;
2470
+ border-width: 10px;
2471
+ margin-left: -1px;
2472
+ }
2473
+ .tox .tox-pop.tox-pop--align-left::before,
2474
+ .tox .tox-pop.tox-pop--align-left::after {
2475
+ left: 20px;
2476
+ }
2477
+ .tox .tox-pop.tox-pop--align-right::before,
2478
+ .tox .tox-pop.tox-pop--align-right::after {
2479
+ left: calc(100% - 20px);
2480
+ }
2481
+ .tox .tox-sidebar-wrap {
2482
+ display: flex;
2483
+ flex-direction: row;
2484
+ flex-grow: 1;
2485
+ min-height: 0;
2486
+ }
2487
+ .tox .tox-sidebar {
2488
+ background-color: #fff;
2489
+ display: flex;
2490
+ flex-direction: row;
2491
+ justify-content: flex-end;
2492
+ }
2493
+ .tox .tox-sidebar__slider {
2494
+ display: flex;
2495
+ overflow: hidden;
2496
+ }
2497
+ .tox .tox-sidebar__pane-container {
2498
+ display: flex;
2499
+ }
2500
+ .tox .tox-sidebar__pane {
2501
+ display: flex;
2502
+ }
2503
+ .tox .tox-sidebar--sliding-closed {
2504
+ opacity: 0;
2505
+ }
2506
+ .tox .tox-sidebar--sliding-open {
2507
+ opacity: 1;
2508
+ }
2509
+ .tox .tox-sidebar--sliding-growing,
2510
+ .tox .tox-sidebar--sliding-shrinking {
2511
+ transition: width 0.5s ease, opacity 0.5s ease;
2512
+ }
2513
+ .tox .tox-selector {
2514
+ background-color: #4099ff;
2515
+ border-color: #4099ff;
2516
+ border-style: solid;
2517
+ border-width: 1px;
2518
+ box-sizing: border-box;
2519
+ display: inline-block;
2520
+ height: 10px;
2521
+ position: absolute;
2522
+ width: 10px;
2523
+ }
2524
+ .tox.tox-platform-touch .tox-selector {
2525
+ height: 12px;
2526
+ width: 12px;
2527
+ }
2528
+ .tox .tox-slider {
2529
+ align-items: center;
2530
+ display: flex;
2531
+ flex: 1;
2532
+ height: 24px;
2533
+ justify-content: center;
2534
+ position: relative;
2535
+ }
2536
+ .tox .tox-slider__rail {
2537
+ background-color: transparent;
2538
+ border: 1px solid #cccccc;
2539
+ border-radius: 3px;
2540
+ height: 10px;
2541
+ min-width: 120px;
2542
+ width: 100%;
2543
+ }
2544
+ .tox .tox-slider__handle {
2545
+ background-color: #207ab7;
2546
+ border: 2px solid #185d8c;
2547
+ border-radius: 3px;
2548
+ box-shadow: none;
2549
+ height: 24px;
2550
+ left: 50%;
2551
+ position: absolute;
2552
+ top: 50%;
2553
+ transform: translateX(-50%) translateY(-50%);
2554
+ width: 14px;
2555
+ }
2556
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
2557
+ margin-inline-start: 8px;
2558
+ }
2559
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
2560
+ margin-inline-start: 32px;
2561
+ }
2562
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
2563
+ margin-inline-start: 32px;
2564
+ }
2565
+ .tox .tox-source-code {
2566
+ overflow: auto;
2567
+ }
2568
+ .tox .tox-spinner {
2569
+ display: flex;
2570
+ }
2571
+ .tox .tox-spinner > div {
2572
+ animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
2573
+ background-color: rgba(34, 47, 62, 0.7);
2574
+ border-radius: 100%;
2575
+ height: 8px;
2576
+ width: 8px;
2577
+ }
2578
+ .tox .tox-spinner > div:nth-child(1) {
2579
+ animation-delay: -0.32s;
2580
+ }
2581
+ .tox .tox-spinner > div:nth-child(2) {
2582
+ animation-delay: -0.16s;
2583
+ }
2584
+ @keyframes tam-bouncing-dots {
2585
+ 0%,
2586
+ 80%,
2587
+ 100% {
2588
+ transform: scale(0);
2589
+ }
2590
+ 40% {
2591
+ transform: scale(1);
2592
+ }
2593
+ }
2594
+ .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
2595
+ margin-left: 4px;
2596
+ }
2597
+ .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
2598
+ margin-right: 4px;
2599
+ }
2600
+ .tox .tox-statusbar {
2601
+ align-items: center;
2602
+ background-color: #fff;
2603
+ border-top: 1px solid #cccccc;
2604
+ color: rgba(34, 47, 62, 0.7);
2605
+ display: flex;
2606
+ flex: 0 0 auto;
2607
+ font-size: 12px;
2608
+ font-weight: normal;
2609
+ height: 18px;
2610
+ overflow: hidden;
2611
+ padding: 0 8px;
2612
+ position: relative;
2613
+ text-transform: uppercase;
2614
+ }
2615
+ .tox .tox-statusbar__text-container {
2616
+ display: flex;
2617
+ flex: 1 1 auto;
2618
+ justify-content: flex-end;
2619
+ overflow: hidden;
2620
+ }
2621
+ .tox .tox-statusbar__path {
2622
+ display: flex;
2623
+ flex: 1 1 auto;
2624
+ margin-right: auto;
2625
+ overflow: hidden;
2626
+ text-overflow: ellipsis;
2627
+ white-space: nowrap;
2628
+ }
2629
+ .tox .tox-statusbar__path > * {
2630
+ display: inline;
2631
+ white-space: nowrap;
2632
+ }
2633
+ .tox .tox-statusbar__wordcount {
2634
+ flex: 0 0 auto;
2635
+ margin-left: 1ch;
2636
+ }
2637
+ .tox .tox-statusbar a,
2638
+ .tox .tox-statusbar__path-item,
2639
+ .tox .tox-statusbar__wordcount {
2640
+ color: rgba(34, 47, 62, 0.7);
2641
+ text-decoration: none;
2642
+ }
2643
+ .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
2644
+ .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
2645
+ .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
2646
+ .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
2647
+ .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
2648
+ .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
2649
+ color: #222f3e;
2650
+ cursor: pointer;
2651
+ }
2652
+ .tox .tox-statusbar__branding svg {
2653
+ fill: rgba(34, 47, 62, 0.8);
2654
+ height: 1.14em;
2655
+ vertical-align: -0.28em;
2656
+ width: 3.6em;
2657
+ }
2658
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
2659
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
2660
+ fill: #222f3e;
2661
+ }
2662
+ .tox .tox-statusbar__resize-handle {
2663
+ align-items: flex-end;
2664
+ align-self: stretch;
2665
+ cursor: nwse-resize;
2666
+ display: flex;
2667
+ flex: 0 0 auto;
2668
+ justify-content: flex-end;
2669
+ margin-left: auto;
2670
+ margin-right: -8px;
2671
+ padding-bottom: 3px;
2672
+ padding-left: 1ch;
2673
+ padding-right: 3px;
2674
+ }
2675
+ .tox .tox-statusbar__resize-handle svg {
2676
+ display: block;
2677
+ fill: rgba(34, 47, 62, 0.5);
2678
+ }
2679
+ .tox .tox-statusbar__resize-handle:focus svg {
2680
+ background-color: #dee0e2;
2681
+ border-radius: 1px 1px -4px 1px;
2682
+ box-shadow: 0 0 0 2px #dee0e2;
2683
+ }
2684
+ .tox:not([dir=rtl]) .tox-statusbar__path > * {
2685
+ margin-right: 4px;
2686
+ }
2687
+ .tox:not([dir=rtl]) .tox-statusbar__branding {
2688
+ margin-left: 2ch;
2689
+ }
2690
+ .tox[dir=rtl] .tox-statusbar {
2691
+ flex-direction: row-reverse;
2692
+ }
2693
+ .tox[dir=rtl] .tox-statusbar__path > * {
2694
+ margin-left: 4px;
2695
+ }
2696
+ .tox .tox-throbber {
2697
+ z-index: 1299;
2698
+ }
2699
+ .tox .tox-throbber__busy-spinner {
2700
+ align-items: center;
2701
+ background-color: rgba(255, 255, 255, 0.6);
2702
+ bottom: 0;
2703
+ display: flex;
2704
+ justify-content: center;
2705
+ left: 0;
2706
+ position: absolute;
2707
+ right: 0;
2708
+ top: 0;
2709
+ }
2710
+ .tox .tox-tbtn {
2711
+ align-items: center;
2712
+ background: transparent;
2713
+ border: 0;
2714
+ border-radius: 3px;
2715
+ box-shadow: none;
2716
+ color: #222f3e;
2717
+ display: flex;
2718
+ flex: 0 0 auto;
2719
+ font-size: 14px;
2720
+ font-style: normal;
2721
+ font-weight: normal;
2722
+ height: 34px;
2723
+ justify-content: center;
2724
+ margin: 3px 0 2px 0;
2725
+ outline: none;
2726
+ overflow: hidden;
2727
+ padding: 0;
2728
+ text-transform: none;
2729
+ width: 34px;
2730
+ }
2731
+ .tox .tox-tbtn svg {
2732
+ display: block;
2733
+ fill: #222f3e;
2734
+ }
2735
+ .tox .tox-tbtn.tox-tbtn-more {
2736
+ padding-left: 5px;
2737
+ padding-right: 5px;
2738
+ width: inherit;
2739
+ }
2740
+ .tox .tox-tbtn:focus {
2741
+ background: #dee0e2;
2742
+ border: 0;
2743
+ box-shadow: none;
2744
+ }
2745
+ .tox .tox-tbtn:hover {
2746
+ background: #dee0e2;
2747
+ border: 0;
2748
+ box-shadow: none;
2749
+ color: #222f3e;
2750
+ }
2751
+ .tox .tox-tbtn:hover svg {
2752
+ fill: #222f3e;
2753
+ }
2754
+ .tox .tox-tbtn:active {
2755
+ background: #c8cbcf;
2756
+ border: 0;
2757
+ box-shadow: none;
2758
+ color: #222f3e;
2759
+ }
2760
+ .tox .tox-tbtn:active svg {
2761
+ fill: #222f3e;
2762
+ }
2763
+ .tox .tox-tbtn--disabled,
2764
+ .tox .tox-tbtn--disabled:hover,
2765
+ .tox .tox-tbtn:disabled,
2766
+ .tox .tox-tbtn:disabled:hover {
2767
+ background: transparent;
2768
+ border: 0;
2769
+ box-shadow: none;
2770
+ color: rgba(34, 47, 62, 0.5);
2771
+ cursor: not-allowed;
2772
+ }
2773
+ .tox .tox-tbtn--disabled svg,
2774
+ .tox .tox-tbtn--disabled:hover svg,
2775
+ .tox .tox-tbtn:disabled svg,
2776
+ .tox .tox-tbtn:disabled:hover svg {
2777
+ /* stylelint-disable-line no-descending-specificity */
2778
+ fill: rgba(34, 47, 62, 0.5);
2779
+ }
2780
+ .tox .tox-tbtn--enabled,
2781
+ .tox .tox-tbtn--enabled:hover {
2782
+ background: #c8cbcf;
2783
+ border: 0;
2784
+ box-shadow: none;
2785
+ color: #222f3e;
2786
+ }
2787
+ .tox .tox-tbtn--enabled > *,
2788
+ .tox .tox-tbtn--enabled:hover > * {
2789
+ transform: none;
2790
+ }
2791
+ .tox .tox-tbtn--enabled svg,
2792
+ .tox .tox-tbtn--enabled:hover svg {
2793
+ /* stylelint-disable-line no-descending-specificity */
2794
+ fill: #222f3e;
2795
+ }
2796
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2797
+ color: #222f3e;
2798
+ }
2799
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
2800
+ fill: #222f3e;
2801
+ }
2802
+ .tox .tox-tbtn:active > * {
2803
+ transform: none;
2804
+ }
2805
+ .tox .tox-tbtn--md {
2806
+ height: 51px;
2807
+ width: 51px;
2808
+ }
2809
+ .tox .tox-tbtn--lg {
2810
+ flex-direction: column;
2811
+ height: 68px;
2812
+ width: 68px;
2813
+ }
2814
+ .tox .tox-tbtn--return {
2815
+ align-self: stretch;
2816
+ height: unset;
2817
+ width: 16px;
2818
+ }
2819
+ .tox .tox-tbtn--labeled {
2820
+ padding: 0 4px;
2821
+ width: unset;
2822
+ }
2823
+ .tox .tox-tbtn__vlabel {
2824
+ display: block;
2825
+ font-size: 10px;
2826
+ font-weight: normal;
2827
+ letter-spacing: -0.025em;
2828
+ margin-bottom: 4px;
2829
+ white-space: nowrap;
2830
+ }
2831
+ .tox .tox-tbtn--select {
2832
+ margin: 3px 0 2px 0;
2833
+ padding: 0 4px;
2834
+ width: auto;
2835
+ }
2836
+ .tox .tox-tbtn__select-label {
2837
+ cursor: default;
2838
+ font-weight: normal;
2839
+ margin: 0 4px;
2840
+ }
2841
+ .tox .tox-tbtn__select-chevron {
2842
+ align-items: center;
2843
+ display: flex;
2844
+ justify-content: center;
2845
+ width: 16px;
2846
+ }
2847
+ .tox .tox-tbtn__select-chevron svg {
2848
+ fill: rgba(34, 47, 62, 0.5);
2849
+ }
2850
+ .tox .tox-tbtn--bespoke {
2851
+ background: transparent;
2852
+ }
2853
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
2854
+ margin-inline-start: 0;
2855
+ }
2856
+ .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2857
+ overflow: hidden;
2858
+ text-overflow: ellipsis;
2859
+ white-space: nowrap;
2860
+ width: 7em;
2861
+ }
2862
+ .tox .tox-split-button {
2863
+ border: 0;
2864
+ border-radius: 3px;
2865
+ box-sizing: border-box;
2866
+ display: flex;
2867
+ margin: 3px 0 2px 0;
2868
+ overflow: hidden;
2869
+ }
2870
+ .tox .tox-split-button:hover {
2871
+ box-shadow: 0 0 0 1px #dee0e2 inset;
2872
+ }
2873
+ .tox .tox-split-button:focus {
2874
+ background: #dee0e2;
2875
+ box-shadow: none;
2876
+ color: #222f3e;
2877
+ }
2878
+ .tox .tox-split-button > * {
2879
+ border-radius: 0;
2880
+ }
2881
+ .tox .tox-split-button__chevron {
2882
+ width: 16px;
2883
+ }
2884
+ .tox .tox-split-button__chevron svg {
2885
+ fill: rgba(34, 47, 62, 0.5);
2886
+ }
2887
+ .tox .tox-split-button .tox-tbtn {
2888
+ margin: 0;
2889
+ }
2890
+ .tox .tox-split-button.tox-tbtn--disabled:hover,
2891
+ .tox .tox-split-button.tox-tbtn--disabled:focus,
2892
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
2893
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
2894
+ background: transparent;
2895
+ box-shadow: none;
2896
+ color: rgba(34, 47, 62, 0.5);
2897
+ }
2898
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
2899
+ padding: 0 0px;
2900
+ }
2901
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
2902
+ width: 30px;
2903
+ }
2904
+ .tox.tox-platform-touch .tox-split-button__chevron {
2905
+ width: 20px;
2906
+ }
2907
+ .tox .tox-toolbar-overlord {
2908
+ background-color: #fff;
2909
+ }
2910
+ .tox .tox-toolbar,
2911
+ .tox .tox-toolbar__primary,
2912
+ .tox .tox-toolbar__overflow {
2913
+ background-color: #fff;
2914
+ background-image: repeating-linear-gradient(#cccccc 0px 1px, transparent 1px 39px);
2915
+ background-position: center top 39px;
2916
+ background-repeat: no-repeat;
2917
+ background-size: calc(100% - 4px * 2) calc(100% - 39px);
2918
+ display: flex;
2919
+ flex: 0 0 auto;
2920
+ flex-shrink: 0;
2921
+ flex-wrap: wrap;
2922
+ padding: 0 0px;
2923
+ transform: perspective(1px);
2924
+ }
2925
+ .tox .tox-toolbar-overlord > .tox-toolbar,
2926
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
2927
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
2928
+ background-position: center top 0px;
2929
+ background-size: calc(100% - 4px * 2) calc(100% - 0px);
2930
+ }
2931
+ .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
2932
+ height: 0;
2933
+ opacity: 0;
2934
+ padding-bottom: 0;
2935
+ padding-top: 0;
2936
+ visibility: hidden;
2937
+ }
2938
+ .tox .tox-toolbar__overflow--growing {
2939
+ transition: height 0.3s ease, opacity 0.2s linear 0.1s;
2940
+ }
2941
+ .tox .tox-toolbar__overflow--shrinking {
2942
+ transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
2943
+ }
2944
+ .tox .tox-toolbar-overlord,
2945
+ .tox .tox-anchorbar {
2946
+ grid-column: 1 / -1;
2947
+ }
2948
+ .tox .tox-menubar + .tox-toolbar,
2949
+ .tox .tox-menubar + .tox-toolbar-overlord {
2950
+ border-top: 1px solid #cccccc;
2951
+ margin-top: -1px;
2952
+ padding-bottom: 0px;
2953
+ padding-top: 0px;
2954
+ }
2955
+ .tox .tox-toolbar--scrolling {
2956
+ flex-wrap: nowrap;
2957
+ overflow-x: auto;
2958
+ }
2959
+ .tox .tox-pop .tox-toolbar {
2960
+ border-width: 0;
2961
+ }
2962
+ .tox .tox-toolbar--no-divider {
2963
+ background-image: none;
2964
+ }
2965
+ .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
2966
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
2967
+ background-position: center top 39px;
2968
+ }
2969
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
2970
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
2971
+ background-image: none;
2972
+ }
2973
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
2974
+ background-color: #fff;
2975
+ background-position: center top 43px;
2976
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
2977
+ border: none;
2978
+ border-radius: 3px;
2979
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2980
+ padding: 4px 0;
2981
+ }
2982
+ .tox-pop .tox-pop__dialog {
2983
+ /* stylelint-disable-next-line no-descending-specificity */
2984
+ }
2985
+ .tox-pop .tox-pop__dialog .tox-toolbar {
2986
+ background-position: center top 43px;
2987
+ background-size: calc(100% - 4px * 2) calc(100% - 51px);
2988
+ padding: 4px 0;
2989
+ }
2990
+ .tox .tox-toolbar__group {
2991
+ align-items: center;
2992
+ display: flex;
2993
+ flex-wrap: wrap;
2994
+ margin: 0 0;
2995
+ padding: 0 4px 0 4px;
2996
+ }
2997
+ .tox .tox-toolbar__group--pull-right {
2998
+ margin-left: auto;
2999
+ }
3000
+ .tox .tox-toolbar--scrolling .tox-toolbar__group {
3001
+ flex-shrink: 0;
3002
+ flex-wrap: nowrap;
3003
+ }
3004
+ .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3005
+ border-right: 1px solid #cccccc;
3006
+ }
3007
+ .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3008
+ border-left: 1px solid #cccccc;
3009
+ }
3010
+ .tox .tox-tooltip {
3011
+ display: inline-block;
3012
+ padding: 8px;
3013
+ position: relative;
3014
+ }
3015
+ .tox .tox-tooltip__body {
3016
+ background-color: #222f3e;
3017
+ border-radius: 3px;
3018
+ box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3019
+ color: rgba(255, 255, 255, 0.75);
3020
+ font-size: 14px;
3021
+ font-style: normal;
3022
+ font-weight: normal;
3023
+ padding: 4px 8px;
3024
+ text-transform: none;
3025
+ }
3026
+ .tox .tox-tooltip__arrow {
3027
+ position: absolute;
3028
+ }
3029
+ .tox .tox-tooltip--down .tox-tooltip__arrow {
3030
+ border-left: 8px solid transparent;
3031
+ border-right: 8px solid transparent;
3032
+ border-top: 8px solid #222f3e;
3033
+ bottom: 0;
3034
+ left: 50%;
3035
+ position: absolute;
3036
+ transform: translateX(-50%);
3037
+ }
3038
+ .tox .tox-tooltip--up .tox-tooltip__arrow {
3039
+ border-bottom: 8px solid #222f3e;
3040
+ border-left: 8px solid transparent;
3041
+ border-right: 8px solid transparent;
3042
+ left: 50%;
3043
+ position: absolute;
3044
+ top: 0;
3045
+ transform: translateX(-50%);
3046
+ }
3047
+ .tox .tox-tooltip--right .tox-tooltip__arrow {
3048
+ border-bottom: 8px solid transparent;
3049
+ border-left: 8px solid #222f3e;
3050
+ border-top: 8px solid transparent;
3051
+ position: absolute;
3052
+ right: 0;
3053
+ top: 50%;
3054
+ transform: translateY(-50%);
3055
+ }
3056
+ .tox .tox-tooltip--left .tox-tooltip__arrow {
3057
+ border-bottom: 8px solid transparent;
3058
+ border-right: 8px solid #222f3e;
3059
+ border-top: 8px solid transparent;
3060
+ left: 0;
3061
+ position: absolute;
3062
+ top: 50%;
3063
+ transform: translateY(-50%);
3064
+ }
3065
+ .tox .tox-well {
3066
+ border: 1px solid #cccccc;
3067
+ border-radius: 3px;
3068
+ padding: 8px;
3069
+ width: 100%;
3070
+ }
3071
+ .tox .tox-well > *:first-child {
3072
+ margin-top: 0;
3073
+ }
3074
+ .tox .tox-well > *:last-child {
3075
+ margin-bottom: 0;
3076
+ }
3077
+ .tox .tox-well > *:only-child {
3078
+ margin: 0;
3079
+ }
3080
+ .tox .tox-custom-editor {
3081
+ border: 1px solid #cccccc;
3082
+ border-radius: 3px;
3083
+ display: flex;
3084
+ flex: 1;
3085
+ position: relative;
3086
+ }
3087
+ /* stylelint-disable */
3088
+ .tox {
3089
+ /* stylelint-enable */
3090
+ }
3091
+ .tox .tox-dialog-loading::before {
3092
+ background-color: rgba(0, 0, 0, 0.5);
3093
+ content: "";
3094
+ height: 100%;
3095
+ position: absolute;
3096
+ width: 100%;
3097
+ z-index: 1000;
3098
+ }
3099
+ .tox .tox-tab {
3100
+ cursor: pointer;
3101
+ }
3102
+ .tox .tox-dialog__content-js {
3103
+ display: flex;
3104
+ flex: 1;
3105
+ }
3106
+ .tox .tox-dialog__body-content .tox-collection {
3107
+ display: flex;
3108
+ flex: 1;
3109
+ }
3110
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
3111
+ background-color: none;
3112
+ padding: 0;
3113
+ }
3114
+ .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
3115
+ .tox.tox-tinymce-inline .tox-editor-header {
3116
+ margin-bottom: -1px;
3117
+ }
3118
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
3119
+ border-top: none;
3120
+ box-shadow: none;
3121
+ }
3122
+ .tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
3123
+ background-color: transparent;
3124
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
3125
+ padding: 0;
3126
+ }
3127
+ .tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
3128
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
3129
+ }
3130
+ .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
3131
+ margin: -4px 0;
3132
+ }
3133
+ .tox .tox-menu.tox-collection.tox-collection--list {
3134
+ padding: 0;
3135
+ }
3136
+ .tox .tox-pop {
3137
+ box-shadow: none;
3138
+ }
3139
+ .tox .tox-tbtn,
3140
+ .tox .tox-tbtn--select,
3141
+ .tox .tox-split-button {
3142
+ margin: 2px 0 3px 0;
3143
+ }
3144
+ .tox .tox-toolbar,
3145
+ .tox .tox-toolbar__primary,
3146
+ .tox .tox-toolbar__overflow {
3147
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0px #fff !important;
3148
+ }
3149
+ .tox .tox-menubar + .tox-toolbar-overlord {
3150
+ border-top: none;
3151
+ }
3152
+ .tox .tox-menubar + .tox-toolbar,
3153
+ .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3154
+ border-top: 1px solid #cccccc;
3155
+ margin-top: -1px;
3156
+ }
3157
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
3158
+ border: 1px solid #cccccc;
3159
+ padding: 0;
3160
+ }
3161
+ .tox .tox-pop .tox-pop__dialog .tox-toolbar {
3162
+ padding: 0;
3163
+ }
3164
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3165
+ border-top: 1px solid #cccccc;
3166
+ }
3167
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
3168
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
3169
+ border-top: 1px solid #cccccc;
3170
+ }
3171
+ .tox .tox-toolbar__group {
3172
+ padding: 0 4px 0 4px;
3173
+ }
3174
+ .tox .tox-collection__item {
3175
+ border-radius: 0;
3176
+ cursor: pointer;
3177
+ }
3178
+ .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
3179
+ .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
3180
+ .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
3181
+ .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3182
+ .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3183
+ .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3184
+ color: rgba(34, 47, 62, 0.7);
3185
+ text-decoration: underline;
3186
+ }
3187
+ .tox .tox-statusbar__branding svg {
3188
+ vertical-align: -0.25em;
3189
+ }
3190
+ .tox:not([dir=rtl]) .tox-statusbar__branding {
3191
+ margin-left: 1ch;
3192
+ }
3193
+ .tox .tox-statusbar__resize-handle {
3194
+ padding-bottom: 0;
3195
+ padding-right: 0;
3196
+ }
3197
+ .tox .tox-button::before {
3198
+ display: none;
3199
+ }