flame-plus 1.0.2 → 1.0.3

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