Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
.tox {
2
  box-shadow: none;
3
  box-sizing: content-box;
4
  color: #222f3e;
5
  cursor: auto;
6
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
7
  font-size: 16px;
8
  font-style: normal;
9
  font-weight: normal;
10
  line-height: normal;
11
  -webkit-tap-highlight-color: transparent;
12
  text-decoration: none;
13
  text-shadow: none;
14
  text-transform: none;
15
  vertical-align: initial;
16
  white-space: normal;
17
}
18
.tox *:not(svg):not(rect) {
19
  box-sizing: inherit;
20
  color: inherit;
21
  cursor: inherit;
22
  direction: inherit;
23
  font-family: inherit;
24
  font-size: inherit;
25
  font-style: inherit;
26
  font-weight: inherit;
27
  line-height: inherit;
28
  -webkit-tap-highlight-color: inherit;
29
  text-align: inherit;
30
  text-decoration: inherit;
31
  text-shadow: inherit;
32
  text-transform: inherit;
33
  vertical-align: inherit;
34
  white-space: inherit;
35
}
36
.tox *:not(svg):not(rect) {
37
  /* stylelint-disable-line no-duplicate-selectors */
38
  background: transparent;
39
  border: 0;
40
  box-shadow: none;
41
  float: none;
42
  height: auto;
43
  margin: 0;
44
  max-width: none;
45
  outline: 0;
46
  padding: 0;
47
  position: static;
48
  width: auto;
49
}
50
.tox:not([dir=rtl]) {
51
  direction: ltr;
52
  text-align: left;
53
}
54
.tox[dir=rtl] {
55
  direction: rtl;
56
  text-align: right;
57
}
58
.tox-tinymce {
59
  border: 2px solid #eeeeee;
60
  border-radius: 10px;
61
  box-shadow: none;
62
  box-sizing: border-box;
63
  display: flex;
64
  flex-direction: column;
65
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
66
  overflow: hidden;
67
  position: relative;
68
  visibility: inherit !important;
69
}
70
.tox.tox-tinymce-inline {
71
  border: none;
72
  box-shadow: none;
73
  overflow: initial;
74
}
75
.tox.tox-tinymce-inline .tox-editor-container {
76
  overflow: initial;
77
}
78
.tox.tox-tinymce-inline .tox-editor-header {
79
  background-color: #fff;
80
  border: 2px solid #eeeeee;
81
  border-radius: 10px;
82
  box-shadow: none;
83
  overflow: hidden;
84
}
85
.tox-tinymce-aux {
86
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
87
  z-index: 1300;
88
}
89
.tox-tinymce *:focus,
90
.tox-tinymce-aux *:focus {
91
  outline: none;
92
}
93
button::-moz-focus-inner {
94
  border: 0;
95
}
96
.tox[dir=rtl] .tox-icon--flip svg {
97
  transform: rotateY(180deg);
98
}
99
.tox .accessibility-issue__header {
100
  align-items: center;
101
  display: flex;
102
  margin-bottom: 4px;
103
}
104
.tox .accessibility-issue__description {
105
  align-items: stretch;
106
  border-radius: 6px;
107
  display: flex;
108
  justify-content: space-between;
109
}
110
.tox .accessibility-issue__description > div {
111
  padding-bottom: 4px;
112
}
113
.tox .accessibility-issue__description > div > div {
114
  align-items: center;
115
  display: flex;
116
  margin-bottom: 4px;
117
}
118
.tox .accessibility-issue__description > div > div .tox-icon svg {
119
  display: block;
120
}
121
.tox .accessibility-issue__repair {
122
  margin-top: 16px;
123
}
124
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
125
  background-color: rgba(0, 101, 216, 0.1);
126
  color: #222f3e;
127
}
128
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
129
  color: #006ce7;
130
}
131
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
132
  fill: #006ce7;
133
}
134
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
135
  background-color: #006ce7;
136
  color: #fff;
137
}
138
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
139
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
140
  background-color: #0060ce;
141
}
142
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
143
  background-color: #0054b4;
144
}
145
.tox .tox-dialog__body-content .accessibility-issue--warn {
146
  /* stylelint-disable-next-line no-descending-specificity */
147
}
148
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
149
  background-color: rgba(255, 165, 0, 0.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(204, 0, 0, 0.1);
176
  color: #222f3e;
177
}
178
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
179
  color: #c00;
180
}
181
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
182
  fill: #c00;
183
}
184
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
185
  background-color: #F2BFBF;
186
  color: #222f3e;
187
}
188
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
189
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
190
  background-color: #E9A4A4;
191
  color: #222f3e;
192
}
193
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
194
  background-color: #EE9494;
195
  color: #222f3e;
196
}
197
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
198
  background-color: rgba(120, 171, 70, 0.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: #527530;
206
}
207
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
208
  fill: #527530;
209
}
210
.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
211
.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
212
  font-size: 14px;
213
  margin-top: 0;
214
}
215
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
216
  margin-left: 4px;
217
}
218
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
219
  margin-left: auto;
220
}
221
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
222
  padding: 4px 4px 4px 8px;
223
}
224
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
225
  margin-right: 4px;
226
}
227
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
228
  margin-right: auto;
229
}
230
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
231
  padding: 4px 8px 4px 4px;
232
}
233
.tox .tox-advtemplate .tox-form__grid {
234
  flex: 1;
235
}
236
.tox .tox-advtemplate .tox-form__grid > div:first-child {
237
  display: flex;
238
  flex-direction: column;
239
  width: 30%;
240
}
241
.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
242
  flex-basis: 0;
243
  flex-grow: 1;
244
  overflow: auto;
245
}
246
@media only screen and (max-width: 767px ) {
247
  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
248
    width: 100%;
249
  }
250
}
251
.tox .tox-advtemplate iframe {
252
  border-color: #eeeeee;
253
  border-radius: 10px;
254
  border-style: solid;
255
  border-width: 1px;
256
  margin: 0 10px;
257
}
258
.tox .tox-anchorbar {
259
  display: flex;
260
  flex: 0 0 auto;
261
}
262
.tox .tox-bottom-anchorbar {
263
  display: flex;
264
  flex: 0 0 auto;
265
}
266
.tox .tox-bar {
267
  display: flex;
268
  flex: 0 0 auto;
269
}
270
.tox .tox-button {
271
  background-color: #006ce7;
272
  background-image: none;
273
  background-position: 0 0;
274
  background-repeat: repeat;
275
  border-color: #006ce7;
276
  border-radius: 6px;
277
  border-style: solid;
278
  border-width: 1px;
279
  box-shadow: none;
280
  box-sizing: border-box;
281
  color: #fff;
282
  cursor: pointer;
283
  display: inline-block;
284
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
285
  font-size: 14px;
286
  font-style: normal;
287
  font-weight: bold;
288
  letter-spacing: normal;
289
  line-height: 24px;
290
  margin: 0;
291
  outline: none;
292
  padding: 4px 16px;
293
  position: relative;
294
  text-align: center;
295
  text-decoration: none;
296
  text-transform: none;
297
  white-space: nowrap;
298
}
299
.tox .tox-button::before {
300
  border-radius: 6px;
301
  bottom: -1px;
302
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
303
  content: '';
304
  left: -1px;
305
  opacity: 0;
306
  pointer-events: none;
307
  position: absolute;
308
  right: -1px;
309
  top: -1px;
310
}
311
.tox .tox-button[disabled] {
312
  background-color: #006ce7;
313
  background-image: none;
314
  border-color: #006ce7;
315
  box-shadow: none;
316
  color: rgba(255, 255, 255, 0.5);
317
  cursor: not-allowed;
318
}
319
.tox .tox-button:focus:not(:disabled) {
320
  background-color: #0060ce;
321
  background-image: none;
322
  border-color: #0060ce;
323
  box-shadow: none;
324
  color: #fff;
325
}
326
.tox .tox-button:focus-visible:not(:disabled)::before {
327
  opacity: 1;
328
}
329
.tox .tox-button:hover:not(:disabled) {
330
  background-color: #0060ce;
331
  background-image: none;
332
  border-color: #0060ce;
333
  box-shadow: none;
334
  color: #fff;
335
}
336
.tox .tox-button:active:not(:disabled) {
337
  background-color: #0054b4;
338
  background-image: none;
339
  border-color: #0054b4;
340
  box-shadow: none;
341
  color: #fff;
342
}
343
.tox .tox-button.tox-button--enabled {
344
  background-color: #0054b4;
345
  background-image: none;
346
  border-color: #0054b4;
347
  box-shadow: none;
348
  color: #fff;
349
}
350
.tox .tox-button.tox-button--enabled[disabled] {
351
  background-color: #0054b4;
352
  background-image: none;
353
  border-color: #0054b4;
354
  box-shadow: none;
355
  color: rgba(255, 255, 255, 0.5);
356
  cursor: not-allowed;
357
}
358
.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
359
  background-color: #00489b;
360
  background-image: none;
361
  border-color: #00489b;
362
  box-shadow: none;
363
  color: #fff;
364
}
365
.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
366
  background-color: #00489b;
367
  background-image: none;
368
  border-color: #00489b;
369
  box-shadow: none;
370
  color: #fff;
371
}
372
.tox .tox-button.tox-button--enabled:active:not(:disabled) {
373
  background-color: #003c81;
374
  background-image: none;
375
  border-color: #003c81;
376
  box-shadow: none;
377
  color: #fff;
378
}
379
.tox .tox-button--icon-and-text,
380
.tox .tox-button.tox-button--icon-and-text,
381
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
382
  display: flex;
383
  padding: 5px 4px;
384
}
385
.tox .tox-button--icon-and-text .tox-icon svg,
386
.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
387
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
388
  display: block;
389
  fill: currentColor;
390
}
391
.tox .tox-button--secondary {
392
  background-color: #f0f0f0;
393
  background-image: none;
394
  background-position: 0 0;
395
  background-repeat: repeat;
396
  border-color: #f0f0f0;
397
  border-radius: 6px;
398
  border-style: solid;
399
  border-width: 1px;
400
  box-shadow: none;
401
  color: #222f3e;
402
  font-size: 14px;
403
  font-style: normal;
404
  font-weight: bold;
405
  letter-spacing: normal;
406
  outline: none;
407
  padding: 4px 16px;
408
  text-decoration: none;
409
  text-transform: none;
410
}
411
.tox .tox-button--secondary[disabled] {
412
  background-color: #f0f0f0;
413
  background-image: none;
414
  border-color: #f0f0f0;
415
  box-shadow: none;
416
  color: rgba(34, 47, 62, 0.5);
417
}
418
.tox .tox-button--secondary:focus:not(:disabled) {
419
  background-color: #e3e3e3;
420
  background-image: none;
421
  border-color: #e3e3e3;
422
  box-shadow: none;
423
  color: #222f3e;
424
}
425
.tox .tox-button--secondary:hover:not(:disabled) {
426
  background-color: #e3e3e3;
427
  background-image: none;
428
  border-color: #e3e3e3;
429
  box-shadow: none;
430
  color: #222f3e;
431
}
432
.tox .tox-button--secondary:active:not(:disabled) {
433
  background-color: #d6d6d6;
434
  background-image: none;
435
  border-color: #d6d6d6;
436
  box-shadow: none;
437
  color: #222f3e;
438
}
439
.tox .tox-button--secondary.tox-button--enabled {
440
  background-color: #a8c8ed;
441
  background-image: none;
442
  border-color: #a8c8ed;
443
  box-shadow: none;
444
  color: #222f3e;
445
}
446
.tox .tox-button--secondary.tox-button--enabled[disabled] {
447
  background-color: #a8c8ed;
448
  background-image: none;
449
  border-color: #a8c8ed;
450
  box-shadow: none;
451
  color: rgba(34, 47, 62, 0.5);
452
}
453
.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
454
  background-color: #93bbe9;
455
  background-image: none;
456
  border-color: #93bbe9;
457
  box-shadow: none;
458
  color: #222f3e;
459
}
460
.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
461
  background-color: #93bbe9;
462
  background-image: none;
463
  border-color: #93bbe9;
464
  box-shadow: none;
465
  color: #222f3e;
466
}
467
.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
468
  background-color: #7daee4;
469
  background-image: none;
470
  border-color: #7daee4;
471
  box-shadow: none;
472
  color: #222f3e;
473
}
474
.tox .tox-button--icon,
475
.tox .tox-button.tox-button--icon,
476
.tox .tox-button.tox-button--secondary.tox-button--icon {
477
  padding: 4px;
478
}
479
.tox .tox-button--icon .tox-icon svg,
480
.tox .tox-button.tox-button--icon .tox-icon svg,
481
.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
482
  display: block;
483
  fill: currentColor;
484
}
485
.tox .tox-button-link {
486
  background: 0;
487
  border: none;
488
  box-sizing: border-box;
489
  cursor: pointer;
490
  display: inline-block;
491
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
492
  font-size: 16px;
493
  font-weight: normal;
494
  line-height: 1.3;
495
  margin: 0;
496
  padding: 0;
497
  white-space: nowrap;
498
}
499
.tox .tox-button-link--sm {
500
  font-size: 14px;
501
}
502
.tox .tox-button--naked {
503
  background-color: transparent;
504
  border-color: transparent;
505
  box-shadow: unset;
506
  color: #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: 6px;
541
  cursor: pointer;
542
  display: flex;
543
  height: 36px;
544
  min-width: 36px;
545
}
546
.tox .tox-checkbox__input {
547
  /* Hide from view but visible to screen readers */
548
  height: 1px;
549
  overflow: hidden;
550
  position: absolute;
551
  top: auto;
552
  width: 1px;
553
}
554
.tox .tox-checkbox__icons {
555
  align-items: center;
556
  border-radius: 6px;
557
  box-shadow: 0 0 0 2px transparent;
558
  box-sizing: content-box;
559
  display: flex;
560
  height: 24px;
561
  justify-content: center;
562
  padding: calc(4px - 1px);
563
  width: 24px;
564
}
565
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
566
  display: block;
567
  fill: rgba(34, 47, 62, 0.3);
568
}
569
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
570
  display: none;
571
  fill: #006ce7;
572
}
573
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
574
  display: none;
575
  fill: #006ce7;
576
}
577
.tox .tox-checkbox--disabled {
578
  color: rgba(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: 6px;
604
  box-shadow: inset 0 0 0 1px #006ce7;
605
  padding: calc(4px - 1px);
606
}
607
.tox:not([dir=rtl]) .tox-checkbox__label {
608
  margin-left: 4px;
609
}
610
.tox:not([dir=rtl]) .tox-checkbox__input {
611
  left: -10000px;
612
}
613
.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
614
  margin-left: 4px;
615
}
616
.tox[dir=rtl] .tox-checkbox__label {
617
  margin-right: 4px;
618
}
619
.tox[dir=rtl] .tox-checkbox__input {
620
  right: -10000px;
621
}
622
.tox[dir=rtl] .tox-bar .tox-checkbox {
623
  margin-right: 4px;
624
}
625
.tox {
626
  /* stylelint-disable-next-line no-descending-specificity */
627
}
628
.tox .tox-collection--toolbar .tox-collection__group {
629
  display: flex;
630
  padding: 0;
631
}
632
.tox .tox-collection--grid .tox-collection__group {
633
  display: flex;
634
  flex-wrap: wrap;
635
  max-height: 208px;
636
  overflow-x: hidden;
637
  overflow-y: auto;
638
  padding: 0;
639
}
640
.tox .tox-collection--list .tox-collection__group {
641
  border-bottom-width: 0;
642
  border-color: #e3e3e3;
643
  border-left-width: 0;
644
  border-right-width: 0;
645
  border-style: solid;
646
  border-top-width: 1px;
647
  padding: 4px 0;
648
}
649
.tox .tox-collection--list .tox-collection__group:first-child {
650
  border-top-width: 0;
651
}
652
.tox .tox-collection__group-heading {
653
  background-color: #fcfcfc;
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: 4px;
660
  margin-top: -4px;
661
  padding: 4px 8px;
662
  text-transform: none;
663
  -webkit-touch-callout: none;
664
  -webkit-user-select: none;
665
     -moz-user-select: none;
666
          user-select: none;
667
}
668
.tox .tox-collection__item {
669
  align-items: center;
670
  border-radius: 3px;
671
  color: #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: 4px 8px;
680
}
681
.tox .tox-collection--toolbar .tox-collection__item {
682
  border-radius: 3px;
683
  padding: 4px;
684
}
685
.tox .tox-collection--grid .tox-collection__item {
686
  border-radius: 3px;
687
  padding: 4px;
688
}
689
.tox .tox-collection--list .tox-collection__item--enabled {
690
  background-color: #fff;
691
  color: #222f3e;
692
}
693
.tox .tox-collection--list .tox-collection__item--active {
694
  background-color: #cce2fa;
695
}
696
.tox .tox-collection--toolbar .tox-collection__item--enabled {
697
  background-color: #a6ccf7;
698
  color: #222f3e;
699
}
700
.tox .tox-collection--toolbar .tox-collection__item--active {
701
  background-color: #cce2fa;
702
}
703
.tox .tox-collection--grid .tox-collection__item--enabled {
704
  background-color: #a6ccf7;
705
  color: #222f3e;
706
}
707
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
708
  background-color: #cce2fa;
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 #e3e3e3;
783
  border-radius: 6px;
784
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
785
  display: flex;
786
  flex: 0 0 auto;
787
  flex-shrink: 0;
788
  flex-wrap: nowrap;
789
  margin-bottom: 0;
790
  overflow-x: auto;
791
  padding: 0;
792
}
793
.tox .tox-collection--horizontal .tox-collection__group {
794
  align-items: center;
795
  display: flex;
796
  flex-wrap: nowrap;
797
  margin: 0;
798
  padding: 0 4px;
799
}
800
.tox .tox-collection--horizontal .tox-collection__item {
801
  height: 28px;
802
  margin: 6px 1px 5px 0;
803
  padding: 0 4px;
804
}
805
.tox .tox-collection--horizontal .tox-collection__item-label {
806
  white-space: nowrap;
807
}
808
.tox .tox-collection--horizontal .tox-collection__item-caret {
809
  margin-left: 4px;
810
}
811
.tox .tox-collection__item-container {
812
  display: flex;
813
}
814
.tox .tox-collection__item-container--row {
815
  align-items: center;
816
  flex: 1 1 auto;
817
  flex-direction: row;
818
}
819
.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
820
  margin-right: auto;
821
}
822
.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
823
  justify-content: flex-end;
824
  margin-left: auto;
825
}
826
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
827
  align-items: flex-start;
828
  margin-bottom: auto;
829
}
830
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
831
  align-items: center;
832
}
833
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
834
  align-items: flex-end;
835
  margin-top: auto;
836
}
837
.tox .tox-collection__item-container--column {
838
  align-self: center;
839
  flex: 1 1 auto;
840
  flex-direction: column;
841
}
842
.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
843
  align-items: flex-start;
844
}
845
.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
846
  align-items: flex-end;
847
}
848
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
849
  align-self: flex-start;
850
}
851
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
852
  align-self: center;
853
}
854
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
855
  align-self: flex-end;
856
}
857
.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
858
  border-right: 1px solid transparent;
859
}
860
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
861
  margin-left: 8px;
862
}
863
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
864
  margin-left: 4px;
865
}
866
.tox:not([dir=rtl]) .tox-collection__item-accessory {
867
  margin-left: 16px;
868
  text-align: right;
869
}
870
.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
871
  margin-left: 16px;
872
}
873
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
874
  border-left: 1px solid transparent;
875
}
876
.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
877
  margin-right: 8px;
878
}
879
.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
880
  margin-right: 4px;
881
}
882
.tox[dir=rtl] .tox-collection__item-accessory {
883
  margin-right: 16px;
884
  text-align: left;
885
}
886
.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
887
  margin-right: 16px;
888
  transform: rotateY(180deg);
889
}
890
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
891
  margin-right: 4px;
892
}
893
.tox .tox-color-picker-container {
894
  display: flex;
895
  flex-direction: row;
896
  height: 225px;
897
  margin: 0;
898
}
899
.tox .tox-sv-palette {
900
  box-sizing: border-box;
901
  display: flex;
902
  height: 100%;
903
}
904
.tox .tox-sv-palette-spectrum {
905
  height: 100%;
906
}
907
.tox .tox-sv-palette,
908
.tox .tox-sv-palette-spectrum {
909
  width: 225px;
910
}
911
.tox .tox-sv-palette-thumb {
912
  background: none;
913
  border: 1px solid black;
914
  border-radius: 50%;
915
  box-sizing: content-box;
916
  height: 12px;
917
  position: absolute;
918
  width: 12px;
919
}
920
.tox .tox-sv-palette-inner-thumb {
921
  border: 1px solid white;
922
  border-radius: 50%;
923
  height: 10px;
924
  position: absolute;
925
  width: 10px;
926
}
927
.tox .tox-hue-slider {
928
  box-sizing: border-box;
929
  height: 100%;
930
  width: 25px;
931
}
932
.tox .tox-hue-slider-spectrum {
933
  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
934
  height: 100%;
935
  width: 100%;
936
}
937
.tox .tox-hue-slider,
938
.tox .tox-hue-slider-spectrum {
939
  width: 20px;
940
}
941
.tox .tox-hue-slider-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 11px;
1004
}
1005
.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1006
  border: 0;
1007
  margin: -4px -4px;
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: #cce2fa;
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: #fff;
1074
  position: relative;
1075
}
1076
.tox .tox-comment-thread > *:not(:first-child) {
1077
  margin-top: 8px;
1078
}
1079
.tox .tox-comment {
1080
  background: #fff;
1081
  border: 1px solid #eeeeee;
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.3;
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: #fff;
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(255, 255, 255, 0), #fff);
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: #fff;
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: #fff;
1204
  box-shadow: 0 0 8px 8px #fff;
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: #fff;
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(255, 255, 255, 0.75);
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: #fff;
1306
}
1307
.tox .tox-dialog {
1308
  background-color: #fff;
1309
  border-color: #eeeeee;
1310
  border-radius: 10px;
1311
  border-style: solid;
1312
  border-width: 0px;
1313
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
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: #fff;
1337
  border-bottom: none;
1338
  color: #222f3e;
1339
  display: flex;
1340
  font-size: 16px;
1341
  justify-content: space-between;
1342
  padding: 8px 16px 0 16px;
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: 20px;
1365
  font-style: normal;
1366
  font-weight: normal;
1367
  line-height: 1.3;
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: 16px;
1376
  font-style: normal;
1377
  font-weight: normal;
1378
  line-height: 1.3;
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: 16px 16px;
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.3;
1415
  margin-bottom: 8px;
1416
  max-width: 13em;
1417
  text-decoration: none;
1418
}
1419
.tox .tox-dialog__body-nav-item:focus {
1420
  background-color: rgba(0, 108, 231, 0.1);
1421
}
1422
.tox .tox-dialog__body-nav-item--active {
1423
  border-bottom: 2px solid #006ce7;
1424
  color: #006ce7;
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: 16px 16px;
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: #006ce7;
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: #003c81;
1458
  text-decoration: underline;
1459
}
1460
.tox .tox-dialog__body-content a:focus-visible {
1461
  border-radius: 1px;
1462
  outline: 2px solid #006ce7;
1463
  outline-offset: 2px;
1464
}
1465
.tox .tox-dialog__body-content a:active {
1466
  color: #00244e;
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: #fff;
1565
  border-top: none;
1566
  display: flex;
1567
  justify-content: space-between;
1568
  padding: 8px 16px;
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(255, 255, 255, 0.75);
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 #626262;
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 #eeeeee;
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: #006ce7;
1631
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 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 #eeeeee;
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 #eeeeee;
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: #fff;
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: 4px 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 #e3e3e3;
1774
  box-shadow: none;
1775
}
1776
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
1777
  background-color: #fff;
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: 4px 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: #c00;
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: 4px;
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: 4px;
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: 6px;
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: #006ce7;
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: 6px;
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: rgba(34, 47, 62, 0.7);
1920
  display: block;
1921
  font-size: 14px;
1922
  font-style: normal;
1923
  font-weight: normal;
1924
  line-height: 1.3;
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: 4px;
1943
}
1944
.tox .tox-form-group--maximize {
1945
  flex: 1;
1946
}
1947
.tox .tox-form__group--error {
1948
  color: #c00;
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% - (8px / 2));
1961
}
1962
.tox .tox-form__grid--3col > .tox-form__group {
1963
  width: calc(100% / 3 - (8px / 2));
1964
}
1965
.tox .tox-form__grid--4col > .tox-form__group {
1966
  width: calc(25% - (8px / 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: 4px;
1994
}
1995
.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1996
  margin-right: 4px;
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: #eeeeee;
2012
  border-radius: 6px;
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: 16px;
2020
  line-height: 24px;
2021
  margin: 0;
2022
  min-height: 34px;
2023
  outline: none;
2024
  padding: 5px 5.5px;
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: #006ce7;
2041
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 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: #006ce7;
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: 4px;
2067
}
2068
.tox[dir=rtl] .tox-toolbar-textfield + * {
2069
  margin-right: 4px;
2070
}
2071
.tox .tox-listboxfield {
2072
  cursor: pointer;
2073
  position: relative;
2074
}
2075
.tox .tox-listboxfield .tox-listbox--select[disabled] {
2076
  background-color: #f2f2f2;
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: #eeeeee;
2114
  border-radius: 6px;
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: 16px;
2122
  line-height: 24px;
2123
  margin: 0;
2124
  min-height: 34px;
2125
  outline: none;
2126
  padding: 5px 5.5px;
2127
  resize: none;
2128
  width: 100%;
2129
}
2130
.tox .tox-selectfield select[disabled] {
2131
  background-color: #f2f2f2;
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: #006ce7;
2141
  box-shadow: 0 0 0 2px rgba(0, 108, 231, 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: #eeeeee;
2166
  border-radius: 6px;
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: #eeeeee;
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: -4px -4px;
2311
}
2312
.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2313
  background-color: rgba(0, 108, 231, 0.5);
2314
  border-color: rgba(0, 108, 231, 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: 4px;
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 4px;
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: #fff;
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 11px 0 12px;
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: #fff;
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: #cce2fa;
2451
  border: 0;
2452
  box-shadow: none;
2453
  color: #222f3e;
2454
}
2455
.tox .tox-mbtn--active {
2456
  background: #a6ccf7;
2457
  border: 0;
2458
  box-shadow: none;
2459
  color: #222f3e;
2460
}
2461
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2462
  background: #cce2fa;
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: 4px;
2493
  opacity: 0;
2494
  padding: 4px;
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: #e4eeda;
2510
  border-color: #d7e6c8;
2511
  color: #222f3e;
2512
}
2513
.tox .tox-notification--success p {
2514
  color: #222f3e;
2515
}
2516
.tox .tox-notification--success a {
2517
  color: #517342;
2518
}
2519
.tox .tox-notification--success svg {
2520
  fill: #222f3e;
2521
}
2522
.tox .tox-notification--error {
2523
  background-color: #f5cccc;
2524
  border-color: #f0b3b3;
2525
  color: #222f3e;
2526
}
2527
.tox .tox-notification--error p {
2528
  color: #222f3e;
2529
}
2530
.tox .tox-notification--error a {
2531
  color: #77181f;
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: #d6e7fb;
2556
  border-color: #c1dbf9;
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: #fff;
2634
  border: 1px solid #eeeeee;
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: 4px 4px 4px 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: #fff 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: #eeeeee 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 #fff 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 #eeeeee 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 #fff transparent transparent;
2703
  border-width: 8px;
2704
  margin-left: -15px;
2705
}
2706
.tox .tox-pop.tox-pop--left::before {
2707
  border-color: transparent #eeeeee 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 #fff;
2719
  border-width: 8px;
2720
  margin-left: -1px;
2721
}
2722
.tox .tox-pop.tox-pop--right::before {
2723
  border-color: transparent transparent transparent #eeeeee;
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: #fff;
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 #eeeeee;
2793
  border-radius: 6px;
2794
  height: 10px;
2795
  min-width: 120px;
2796
  width: 100%;
2797
}
2798
.tox .tox-slider__handle {
2799
  background-color: #006ce7;
2800
  border: 2px solid #0054b4;
2801
  border-radius: 6px;
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: #fff;
2857
  border-top: 1px solid #e3e3e3;
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 5px 1px;
2967
  box-shadow: 0 0 0 2px #dee0e2;
2968
}
2969
.tox:not([dir=rtl]) .tox-statusbar__path > * {
2970
  margin-right: 4px;
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: 4px;
2980
}
2981
.tox .tox-throbber {
2982
  z-index: 1299;
2983
}
2984
.tox .tox-throbber__busy-spinner {
2985
  align-items: center;
2986
  background-color: rgba(255, 255, 255, 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: #cce2fa;
3027
  border: 0;
3028
  box-shadow: none;
3029
}
3030
.tox .tox-tbtn:hover {
3031
  background: #cce2fa;
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: #a6ccf7;
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: #a6ccf7;
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: 4px;
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: #f7f7f7;
3132
  display: flex;
3133
  pointer-events: none;
3134
  text-align: center;
3135
}
3136
.tox .tox-number-input .tox-input-wrapper:focus {
3137
  background: #cce2fa;
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: #cce2fa;
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: #f7f7f7;
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: #cce2fa;
3177
}
3178
.tox .tox-number-input button:hover {
3179
  background: #cce2fa;
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: #a6ccf7;
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: #cce2fa;
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: #f7f7f7;
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 #cce2fa inset;
3265
}
3266
.tox .tox-split-button:focus {
3267
  background: #cce2fa;
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: #fff;
3306
}
3307
.tox .tox-toolbar,
3308
.tox .tox-toolbar__primary,
3309
.tox .tox-toolbar__overflow {
3310
  background-attachment: local;
3311
  background-color: #fff;
3312
  background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
3313
  background-position: center top 40px;
3314
  background-repeat: no-repeat;
3315
  background-size: calc(100% - 11px * 2) calc(100% - 41px);
3316
  display: flex;
3317
  flex: 0 0 auto;
3318
  flex-shrink: 0;
3319
  flex-wrap: wrap;
3320
  padding: 0 0px;
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% - 11px * 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: #fff;
3373
  background-position: center top 43px;
3374
  background-size: calc(100% - 8px * 2) calc(100% - 51px);
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: 4px 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 43px;
3386
  background-size: calc(100% - 11px * 2) calc(100% - 51px);
3387
  padding: 4px 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 11px 0 12px;
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: 4px 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: #cce2fa;
3501
  border: 0;
3502
  box-shadow: none;
3503
}
3504
.tox .tox-tree .tox-trbtn:hover {
3505
  background: #cce2fa;
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: #a6ccf7;
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: #a6ccf7;
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: 4px;
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: #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: #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: #222f3e;
3633
}
3634
.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
3635
  fill: #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: #fff;
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 #eeeeee;
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 #eeeeee;
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 #eeeeee;
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
}