component_ryl 1.0.16 → 1.0.17

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