trestle-tinymce 0.4.0.pre → 0.4.0.pre2

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