Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | 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;
1441 ariadna 12
  -webkit-text-decoration: none;
1 efrain 13
  text-decoration: none;
14
  text-shadow: none;
15
  text-transform: none;
16
  vertical-align: initial;
17
  white-space: normal;
18
}
19
.tox *:not(svg):not(rect) {
20
  box-sizing: inherit;
21
  color: inherit;
22
  cursor: inherit;
23
  direction: inherit;
24
  font-family: inherit;
25
  font-size: inherit;
26
  font-style: inherit;
27
  font-weight: inherit;
28
  line-height: inherit;
29
  -webkit-tap-highlight-color: inherit;
30
  text-align: inherit;
31
  text-decoration: inherit;
32
  text-shadow: inherit;
33
  text-transform: inherit;
34
  vertical-align: inherit;
35
  white-space: inherit;
36
}
37
.tox *:not(svg):not(rect) {
38
  /* stylelint-disable-line no-duplicate-selectors */
39
  background: transparent;
40
  border: 0;
41
  box-shadow: none;
42
  float: none;
43
  height: auto;
44
  margin: 0;
45
  max-width: none;
46
  outline: 0;
47
  padding: 0;
48
  position: static;
49
  width: auto;
50
}
51
.tox:not([dir=rtl]) {
52
  direction: ltr;
53
  text-align: left;
54
}
55
.tox[dir=rtl] {
56
  direction: rtl;
57
  text-align: right;
58
}
59
.tox-tinymce {
60
  border: 2px solid #eeeeee;
61
  border-radius: 10px;
62
  box-shadow: none;
63
  box-sizing: border-box;
64
  display: flex;
65
  flex-direction: column;
66
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
67
  overflow: hidden;
68
  position: relative;
69
  visibility: inherit !important;
70
}
71
.tox.tox-tinymce-inline {
72
  border: none;
73
  box-shadow: none;
74
  overflow: initial;
75
}
76
.tox.tox-tinymce-inline .tox-editor-container {
77
  overflow: initial;
78
}
79
.tox.tox-tinymce-inline .tox-editor-header {
80
  background-color: #fff;
81
  border: 2px solid #eeeeee;
82
  border-radius: 10px;
83
  box-shadow: none;
84
  overflow: hidden;
85
}
86
.tox-tinymce-aux {
87
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
88
  z-index: 1300;
89
}
90
.tox-tinymce *:focus,
91
.tox-tinymce-aux *:focus {
92
  outline: none;
93
}
94
button::-moz-focus-inner {
95
  border: 0;
96
}
97
.tox[dir=rtl] .tox-icon--flip svg {
98
  transform: rotateY(180deg);
99
}
1441 ariadna 100
@keyframes tox-rotation {
101
  0% {
102
    transform: rotate(0deg);
103
  }
104
  100% {
105
    transform: rotate(360deg);
106
  }
107
}
1 efrain 108
.tox .accessibility-issue__header {
109
  align-items: center;
110
  display: flex;
111
  margin-bottom: 4px;
112
}
1441 ariadna 113
.tox #accessibility-issue__subheader {
114
  font-size: 16px;
115
  color: #222f3e;
116
}
117
.tox .accessbility-sr-only {
118
  position: absolute;
119
  clip: rect(1px, 1px, 1px, 1px);
120
  clip-path: inset(0 0 99.9% 99.9%);
121
  overflow: hidden;
122
  height: 1px;
123
  width: 1px;
124
  padding: 0;
125
  border: 0;
126
}
1 efrain 127
.tox .accessibility-issue__description {
128
  align-items: stretch;
129
  border-radius: 6px;
130
  justify-content: space-between;
131
}
132
.tox .accessibility-issue__description > div {
1441 ariadna 133
  padding-bottom: 16px;
1 efrain 134
}
135
.tox .accessibility-issue__description > div > div {
136
  align-items: center;
137
  display: flex;
138
  margin-bottom: 4px;
139
}
140
.tox .accessibility-issue__description > div > div .tox-icon svg {
141
  display: block;
142
}
1441 ariadna 143
.tox #accessibility-issue__contentID {
1 efrain 144
  margin-top: 16px;
1441 ariadna 145
  margin-bottom: 16px;
1 efrain 146
}
1441 ariadna 147
.tox #accessibility-issue__contentID span:first-child {
148
  font-weight: bold;
149
}
150
.tox #accessibility-issue__document {
151
  padding-bottom: 8px;
152
}
153
.tox .accessibility-issue__repair {
154
  margin-top: 8px;
155
}
156
.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
157
  color: #c00;
158
}
1 efrain 159
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
1441 ariadna 160
  background-color: #e6f0fd;
1 efrain 161
  color: #222f3e;
162
}
163
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
1441 ariadna 164
  font-size: 14px;
1 efrain 165
  color: #006ce7;
166
}
1441 ariadna 167
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
1 efrain 168
  fill: #006ce7;
169
}
170
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
171
  background-color: #006ce7;
172
  color: #fff;
173
}
174
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
175
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
176
  background-color: #0060ce;
177
}
178
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
179
  background-color: #0054b4;
180
}
181
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
1441 ariadna 182
  background-color: #fffae6;
1 efrain 183
  color: #222f3e;
184
}
185
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
1441 ariadna 186
  font-size: 14px;
187
  color: #7a6e25;
1 efrain 188
}
1441 ariadna 189
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
190
  fill: #7a6e25;
1 efrain 191
}
192
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
193
  background-color: #FFE89D;
194
  color: #222f3e;
195
}
196
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
197
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
198
  background-color: #F2D574;
199
  color: #222f3e;
200
}
201
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
202
  background-color: #E8C657;
203
  color: #222f3e;
204
}
205
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
1441 ariadna 206
  background-color: #fae6e6;
1 efrain 207
  color: #222f3e;
208
}
209
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
1441 ariadna 210
  font-size: 14px;
1 efrain 211
  color: #c00;
212
}
1441 ariadna 213
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
1 efrain 214
  fill: #c00;
215
}
216
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
217
  background-color: #F2BFBF;
218
  color: #222f3e;
219
}
220
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
221
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
222
  background-color: #E9A4A4;
223
  color: #222f3e;
224
}
225
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
226
  background-color: #EE9494;
227
  color: #222f3e;
228
}
229
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
230
  background-color: rgba(120, 171, 70, 0.1);
231
  color: #222f3e;
232
}
233
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
234
  display: none;
235
}
236
.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
237
  color: #527530;
238
}
1441 ariadna 239
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
1 efrain 240
  fill: #527530;
241
}
242
.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
243
.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
244
  margin-top: 0;
245
}
246
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
247
  margin-left: 4px;
248
}
249
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
250
  margin-left: auto;
251
}
252
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
1441 ariadna 253
  padding: 8px;
1 efrain 254
}
255
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
256
  margin-right: 4px;
257
}
258
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
259
  margin-right: auto;
260
}
261
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
262
  padding: 4px 8px 4px 4px;
263
}
1441 ariadna 264
.tox .mce-codemirror {
265
  background: #fff;
266
  bottom: 0;
267
  font-size: 13px;
268
  left: 0;
269
  position: absolute;
270
  right: 0;
271
  top: 0;
272
  z-index: 1;
273
}
274
.tox .mce-codemirror.tox-inline-codemirror {
275
  margin: 8px;
276
  position: absolute;
277
}
1 efrain 278
.tox .tox-advtemplate .tox-form__grid {
279
  flex: 1;
280
}
281
.tox .tox-advtemplate .tox-form__grid > div:first-child {
282
  display: flex;
283
  flex-direction: column;
284
  width: 30%;
285
}
286
.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
287
  flex-basis: 0;
288
  flex-grow: 1;
289
  overflow: auto;
290
}
291
@media only screen and (max-width: 767px ) {
292
  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
293
    width: 100%;
294
  }
295
}
296
.tox .tox-advtemplate iframe {
297
  border-color: #eeeeee;
298
  border-radius: 10px;
299
  border-style: solid;
300
  border-width: 1px;
301
  margin: 0 10px;
302
}
303
.tox .tox-anchorbar {
304
  display: flex;
305
  flex: 0 0 auto;
306
}
307
.tox .tox-bottom-anchorbar {
308
  display: flex;
309
  flex: 0 0 auto;
310
}
311
.tox .tox-bar {
312
  display: flex;
313
  flex: 0 0 auto;
314
}
315
.tox .tox-button {
316
  background-color: #006ce7;
317
  background-image: none;
318
  background-position: 0 0;
319
  background-repeat: repeat;
320
  border-color: #006ce7;
321
  border-radius: 6px;
322
  border-style: solid;
323
  border-width: 1px;
324
  box-shadow: none;
325
  box-sizing: border-box;
326
  color: #fff;
327
  cursor: pointer;
328
  display: inline-block;
329
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
330
  font-size: 14px;
331
  font-style: normal;
332
  font-weight: bold;
333
  letter-spacing: normal;
334
  line-height: 24px;
335
  margin: 0;
336
  outline: none;
337
  padding: 4px 16px;
338
  position: relative;
339
  text-align: center;
1441 ariadna 340
  -webkit-text-decoration: none;
1 efrain 341
  text-decoration: none;
342
  text-transform: none;
343
  white-space: nowrap;
344
}
345
.tox .tox-button::before {
346
  border-radius: 6px;
347
  bottom: -1px;
1441 ariadna 348
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
1 efrain 349
  content: '';
350
  left: -1px;
351
  opacity: 0;
352
  pointer-events: none;
353
  position: absolute;
354
  right: -1px;
355
  top: -1px;
356
}
357
.tox .tox-button[disabled] {
358
  background-color: #006ce7;
359
  background-image: none;
360
  border-color: #006ce7;
361
  box-shadow: none;
362
  color: rgba(255, 255, 255, 0.5);
363
  cursor: not-allowed;
364
}
365
.tox .tox-button:focus:not(:disabled) {
366
  background-color: #0060ce;
367
  background-image: none;
368
  border-color: #0060ce;
369
  box-shadow: none;
370
  color: #fff;
371
}
1441 ariadna 372
.tox .tox-button:focus:not(:disabled)::before {
1 efrain 373
  opacity: 1;
374
}
375
.tox .tox-button:hover:not(:disabled) {
376
  background-color: #0060ce;
377
  background-image: none;
378
  border-color: #0060ce;
379
  box-shadow: none;
380
  color: #fff;
381
}
382
.tox .tox-button:active:not(:disabled) {
383
  background-color: #0054b4;
384
  background-image: none;
385
  border-color: #0054b4;
386
  box-shadow: none;
387
  color: #fff;
388
}
389
.tox .tox-button.tox-button--enabled {
390
  background-color: #0054b4;
391
  background-image: none;
392
  border-color: #0054b4;
393
  box-shadow: none;
394
  color: #fff;
395
}
396
.tox .tox-button.tox-button--enabled[disabled] {
397
  background-color: #0054b4;
398
  background-image: none;
399
  border-color: #0054b4;
400
  box-shadow: none;
401
  color: rgba(255, 255, 255, 0.5);
402
  cursor: not-allowed;
403
}
404
.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
405
  background-color: #00489b;
406
  background-image: none;
407
  border-color: #00489b;
408
  box-shadow: none;
409
  color: #fff;
410
}
411
.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
412
  background-color: #00489b;
413
  background-image: none;
414
  border-color: #00489b;
415
  box-shadow: none;
416
  color: #fff;
417
}
418
.tox .tox-button.tox-button--enabled:active:not(:disabled) {
419
  background-color: #003c81;
420
  background-image: none;
421
  border-color: #003c81;
422
  box-shadow: none;
423
  color: #fff;
424
}
425
.tox .tox-button--icon-and-text,
426
.tox .tox-button.tox-button--icon-and-text,
427
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
428
  display: flex;
429
  padding: 5px 4px;
430
}
431
.tox .tox-button--icon-and-text .tox-icon svg,
432
.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
433
.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
434
  display: block;
435
  fill: currentColor;
436
}
437
.tox .tox-button--secondary {
438
  background-color: #f0f0f0;
439
  background-image: none;
440
  background-position: 0 0;
441
  background-repeat: repeat;
442
  border-color: #f0f0f0;
443
  border-radius: 6px;
444
  border-style: solid;
445
  border-width: 1px;
446
  box-shadow: none;
447
  color: #222f3e;
448
  font-size: 14px;
449
  font-style: normal;
450
  font-weight: bold;
451
  letter-spacing: normal;
452
  outline: none;
453
  padding: 4px 16px;
1441 ariadna 454
  -webkit-text-decoration: none;
1 efrain 455
  text-decoration: none;
456
  text-transform: none;
457
}
458
.tox .tox-button--secondary[disabled] {
459
  background-color: #f0f0f0;
460
  background-image: none;
461
  border-color: #f0f0f0;
462
  box-shadow: none;
463
  color: rgba(34, 47, 62, 0.5);
464
}
465
.tox .tox-button--secondary:focus:not(:disabled) {
466
  background-color: #e3e3e3;
467
  background-image: none;
468
  border-color: #e3e3e3;
469
  box-shadow: none;
470
  color: #222f3e;
471
}
472
.tox .tox-button--secondary:hover:not(:disabled) {
473
  background-color: #e3e3e3;
474
  background-image: none;
475
  border-color: #e3e3e3;
476
  box-shadow: none;
477
  color: #222f3e;
478
}
479
.tox .tox-button--secondary:active:not(:disabled) {
480
  background-color: #d6d6d6;
481
  background-image: none;
482
  border-color: #d6d6d6;
483
  box-shadow: none;
484
  color: #222f3e;
485
}
486
.tox .tox-button--secondary.tox-button--enabled {
487
  background-color: #a8c8ed;
488
  background-image: none;
489
  border-color: #a8c8ed;
490
  box-shadow: none;
491
  color: #222f3e;
492
}
493
.tox .tox-button--secondary.tox-button--enabled[disabled] {
494
  background-color: #a8c8ed;
495
  background-image: none;
496
  border-color: #a8c8ed;
497
  box-shadow: none;
498
  color: rgba(34, 47, 62, 0.5);
499
}
500
.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
501
  background-color: #93bbe9;
502
  background-image: none;
503
  border-color: #93bbe9;
504
  box-shadow: none;
505
  color: #222f3e;
506
}
507
.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
508
  background-color: #93bbe9;
509
  background-image: none;
510
  border-color: #93bbe9;
511
  box-shadow: none;
512
  color: #222f3e;
513
}
514
.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
515
  background-color: #7daee4;
516
  background-image: none;
517
  border-color: #7daee4;
518
  box-shadow: none;
519
  color: #222f3e;
520
}
521
.tox .tox-button--icon,
522
.tox .tox-button.tox-button--icon,
523
.tox .tox-button.tox-button--secondary.tox-button--icon {
524
  padding: 4px;
525
}
526
.tox .tox-button--icon .tox-icon svg,
527
.tox .tox-button.tox-button--icon .tox-icon svg,
528
.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
529
  display: block;
530
  fill: currentColor;
531
}
1441 ariadna 532
.tox-context-form__group .tox-button--icon,
533
.tox-context-form__group .tox-button.tox-button--icon {
534
  margin: 6px 1px 5px 0;
535
  padding: 0;
536
}
1 efrain 537
.tox .tox-button-link {
538
  background: 0;
539
  border: none;
540
  box-sizing: border-box;
541
  cursor: pointer;
542
  display: inline-block;
543
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
544
  font-size: 16px;
545
  font-weight: normal;
546
  line-height: 1.3;
547
  margin: 0;
548
  padding: 0;
549
  white-space: nowrap;
550
}
551
.tox .tox-button-link--sm {
552
  font-size: 14px;
553
}
554
.tox .tox-button--naked {
555
  background-color: transparent;
556
  border-color: transparent;
557
  box-shadow: unset;
558
  color: #222f3e;
559
}
560
.tox .tox-button--naked[disabled] {
561
  background-color: rgba(34, 47, 62, 0.12);
562
  border-color: transparent;
563
  box-shadow: unset;
564
  color: rgba(34, 47, 62, 0.5);
565
}
566
.tox .tox-button--naked:hover:not(:disabled) {
567
  background-color: rgba(34, 47, 62, 0.12);
568
  border-color: transparent;
569
  box-shadow: unset;
570
  color: #222f3e;
571
}
572
.tox .tox-button--naked:focus:not(:disabled) {
573
  background-color: rgba(34, 47, 62, 0.12);
574
  border-color: transparent;
575
  box-shadow: unset;
576
  color: #222f3e;
577
}
578
.tox .tox-button--naked:active:not(:disabled) {
579
  background-color: rgba(34, 47, 62, 0.18);
580
  border-color: transparent;
581
  box-shadow: unset;
582
  color: #222f3e;
583
}
584
.tox .tox-button--naked .tox-icon svg {
585
  fill: currentColor;
586
}
587
.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
588
  color: #222f3e;
589
}
590
.tox .tox-checkbox {
591
  align-items: center;
592
  border-radius: 6px;
593
  cursor: pointer;
594
  display: flex;
595
  height: 36px;
596
  min-width: 36px;
597
}
598
.tox .tox-checkbox__input {
599
  /* Hide from view but visible to screen readers */
600
  height: 1px;
601
  overflow: hidden;
602
  position: absolute;
603
  top: auto;
604
  width: 1px;
605
}
606
.tox .tox-checkbox__icons {
607
  align-items: center;
608
  border-radius: 6px;
609
  box-shadow: 0 0 0 2px transparent;
610
  box-sizing: content-box;
611
  display: flex;
612
  height: 24px;
613
  justify-content: center;
614
  padding: calc(4px - 1px);
615
  width: 24px;
616
}
617
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
618
  display: block;
619
  fill: rgba(34, 47, 62, 0.3);
620
}
1441 ariadna 621
@media (forced-colors: active) {
622
  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
623
    fill: currentColor !important;
624
  }
625
}
1 efrain 626
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
627
  display: none;
628
  fill: #006ce7;
629
}
630
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
631
  display: none;
632
  fill: #006ce7;
633
}
634
.tox .tox-checkbox--disabled {
635
  color: rgba(34, 47, 62, 0.5);
636
  cursor: not-allowed;
637
}
638
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
639
  fill: rgba(34, 47, 62, 0.5);
640
}
641
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
642
  fill: rgba(34, 47, 62, 0.5);
643
}
644
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
645
  fill: rgba(34, 47, 62, 0.5);
646
}
647
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
648
  display: none;
649
}
650
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
651
  display: block;
652
}
653
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
654
  display: none;
655
}
656
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
657
  display: block;
658
}
659
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
660
  border-radius: 6px;
661
  box-shadow: inset 0 0 0 1px #006ce7;
662
  padding: calc(4px - 1px);
663
}
664
.tox:not([dir=rtl]) .tox-checkbox__label {
665
  margin-left: 4px;
666
}
667
.tox:not([dir=rtl]) .tox-checkbox__input {
668
  left: -10000px;
669
}
670
.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
671
  margin-left: 4px;
672
}
673
.tox[dir=rtl] .tox-checkbox__label {
674
  margin-right: 4px;
675
}
676
.tox[dir=rtl] .tox-checkbox__input {
677
  right: -10000px;
678
}
679
.tox[dir=rtl] .tox-bar .tox-checkbox {
680
  margin-right: 4px;
681
}
682
.tox .tox-collection--toolbar .tox-collection__group {
683
  display: flex;
684
  padding: 0;
685
}
686
.tox .tox-collection--grid .tox-collection__group {
687
  display: flex;
688
  flex-wrap: wrap;
689
  max-height: 208px;
690
  overflow-x: hidden;
691
  overflow-y: auto;
692
  padding: 0;
693
}
694
.tox .tox-collection--list .tox-collection__group {
695
  border-bottom-width: 0;
696
  border-color: #e3e3e3;
697
  border-left-width: 0;
698
  border-right-width: 0;
699
  border-style: solid;
700
  border-top-width: 1px;
701
  padding: 4px 0;
702
}
703
.tox .tox-collection--list .tox-collection__group:first-child {
704
  border-top-width: 0;
705
}
706
.tox .tox-collection__group-heading {
707
  background-color: #fcfcfc;
708
  color: rgba(34, 47, 62, 0.7);
709
  cursor: default;
710
  font-size: 12px;
711
  font-style: normal;
712
  font-weight: normal;
713
  margin-bottom: 4px;
714
  margin-top: -4px;
715
  padding: 4px 8px;
716
  text-transform: none;
717
  -webkit-touch-callout: none;
718
  -webkit-user-select: none;
719
          user-select: none;
720
}
721
.tox .tox-collection__item {
722
  align-items: center;
723
  border-radius: 3px;
724
  color: #222f3e;
725
  display: flex;
726
  -webkit-touch-callout: none;
727
  -webkit-user-select: none;
728
          user-select: none;
729
}
730
.tox .tox-collection--list .tox-collection__item {
731
  padding: 4px 8px;
732
}
733
.tox .tox-collection--toolbar .tox-collection__item {
734
  border-radius: 3px;
735
  padding: 4px;
736
}
737
.tox .tox-collection--grid .tox-collection__item {
738
  border-radius: 3px;
739
  padding: 4px;
740
}
1441 ariadna 741
.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
1 efrain 742
  background-color: #fff;
743
  color: #222f3e;
744
}
1441 ariadna 745
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
746
  background-color: #006ce7;
747
  color: #fff;
1 efrain 748
}
1441 ariadna 749
@media (forced-colors: active) {
750
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
751
    border: solid 1px;
752
  }
753
}
754
.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
1 efrain 755
  background-color: #a6ccf7;
756
  color: #222f3e;
757
}
1441 ariadna 758
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
759
  background-color: #f0f0f0;
760
  color: #222f3e;
761
  position: relative;
762
  z-index: 1;
1 efrain 763
}
1441 ariadna 764
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
765
  border-radius: 3px;
766
  bottom: 0;
767
  box-shadow: 0 0 0 2px #006ce7 inset;
768
  content: '';
769
  left: 0;
770
  position: absolute;
771
  right: 0;
772
  top: 0;
773
}
774
@media (forced-colors: active) {
775
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
776
    border: 2px solid highlight;
777
  }
778
}
779
.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
1 efrain 780
  background-color: #a6ccf7;
781
  color: #222f3e;
782
}
1441 ariadna 783
@media (forced-colors: active) {
784
  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
785
    border-radius: 3px;
786
    outline: solid 1px;
787
  }
788
}
789
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
1 efrain 790
  color: #222f3e;
1441 ariadna 791
  background-color: #fff;
792
  position: relative;
1 efrain 793
}
1441 ariadna 794
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
795
  background-color: #f0f0f0;
1 efrain 796
  color: #222f3e;
797
}
1441 ariadna 798
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
799
  background-color: #f0f0f0;
1 efrain 800
  color: #222f3e;
801
}
1441 ariadna 802
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
803
  border-radius: 3px;
804
  bottom: 0;
805
  box-shadow: 0 0 0 2px #006ce7 ;
806
  content: '';
807
  left: 0;
808
  position: absolute;
809
  right: 0;
810
  top: 0;
811
}
812
@media (forced-colors: active) {
813
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
814
    border: 2px solid highlight;
815
  }
816
}
817
@media (forced-colors: active) {
818
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
819
    border-radius: 3px;
820
    outline: solid 1px;
821
  }
822
}
1 efrain 823
.tox .tox-collection__item-icon,
824
.tox .tox-collection__item-checkmark {
825
  align-items: center;
826
  display: flex;
827
  height: 24px;
828
  justify-content: center;
829
  width: 24px;
830
}
831
.tox .tox-collection__item-icon svg,
832
.tox .tox-collection__item-checkmark svg {
833
  fill: currentColor;
834
}
835
.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
836
  height: 48px;
837
  width: 48px;
838
}
839
.tox .tox-collection__item-label {
840
  color: currentColor;
841
  display: inline-block;
842
  flex: 1;
843
  font-size: 14px;
844
  font-style: normal;
845
  font-weight: normal;
846
  line-height: 24px;
847
  max-width: 100%;
848
  text-transform: none;
849
  word-break: break-all;
850
}
851
.tox .tox-collection__item-accessory {
1441 ariadna 852
  color: currentColor;
1 efrain 853
  display: inline-block;
854
  font-size: 14px;
855
  height: 24px;
856
  line-height: 24px;
857
  text-transform: none;
858
}
859
.tox .tox-collection__item-caret {
860
  align-items: center;
861
  display: flex;
862
  min-height: 24px;
863
}
864
.tox .tox-collection__item-caret::after {
865
  content: '';
866
  font-size: 0;
867
  min-height: inherit;
868
}
869
.tox .tox-collection__item-caret svg {
1441 ariadna 870
  fill: currentColor;
1 efrain 871
}
872
.tox .tox-collection__item--state-disabled {
873
  background-color: transparent;
874
  color: rgba(34, 47, 62, 0.5);
875
  cursor: not-allowed;
876
}
877
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
878
  fill: rgba(34, 47, 62, 0.5);
879
}
880
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
881
  display: none;
882
}
883
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
884
  display: none;
885
}
886
.tox .tox-collection--horizontal {
887
  background-color: #fff;
888
  border: 1px solid #e3e3e3;
889
  border-radius: 6px;
890
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
891
  display: flex;
892
  flex: 0 0 auto;
893
  flex-shrink: 0;
894
  flex-wrap: nowrap;
895
  margin-bottom: 0;
896
  overflow-x: auto;
897
  padding: 0;
898
}
899
.tox .tox-collection--horizontal .tox-collection__group {
900
  align-items: center;
901
  display: flex;
902
  flex-wrap: nowrap;
903
  margin: 0;
904
  padding: 0 4px;
905
}
906
.tox .tox-collection--horizontal .tox-collection__item {
907
  height: 28px;
908
  margin: 6px 1px 5px 0;
909
  padding: 0 4px;
910
}
911
.tox .tox-collection--horizontal .tox-collection__item-label {
912
  white-space: nowrap;
913
}
914
.tox .tox-collection--horizontal .tox-collection__item-caret {
915
  margin-left: 4px;
916
}
917
.tox .tox-collection__item-container {
918
  display: flex;
919
}
920
.tox .tox-collection__item-container--row {
921
  align-items: center;
922
  flex: 1 1 auto;
923
  flex-direction: row;
924
}
925
.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
926
  margin-right: auto;
927
}
928
.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
929
  justify-content: flex-end;
930
  margin-left: auto;
931
}
932
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
933
  align-items: flex-start;
934
  margin-bottom: auto;
935
}
936
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
937
  align-items: center;
938
}
939
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
940
  align-items: flex-end;
941
  margin-top: auto;
942
}
943
.tox .tox-collection__item-container--column {
944
  align-self: center;
945
  flex: 1 1 auto;
946
  flex-direction: column;
947
}
948
.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
949
  align-items: flex-start;
950
}
951
.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
952
  align-items: flex-end;
953
}
954
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
955
  align-self: flex-start;
956
}
957
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
958
  align-self: center;
959
}
960
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
961
  align-self: flex-end;
962
}
963
.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
964
  border-right: 1px solid transparent;
965
}
966
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
967
  margin-left: 8px;
968
}
969
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
970
  margin-left: 4px;
971
}
972
.tox:not([dir=rtl]) .tox-collection__item-accessory {
973
  margin-left: 16px;
974
  text-align: right;
975
}
976
.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
977
  margin-left: 16px;
978
}
979
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
980
  border-left: 1px solid transparent;
981
}
982
.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
983
  margin-right: 8px;
984
}
985
.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
986
  margin-right: 4px;
987
}
988
.tox[dir=rtl] .tox-collection__item-accessory {
989
  margin-right: 16px;
990
  text-align: left;
991
}
992
.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
993
  margin-right: 16px;
994
  transform: rotateY(180deg);
995
}
996
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
997
  margin-right: 4px;
998
}
1441 ariadna 999
@media (forced-colors: active) {
1000
  .tox .tox-hue-slider,
1001
  .tox .tox-rgb-form .tox-rgba-preview {
1002
    background-color: currentColor !important;
1003
    border: 1px solid highlight !important;
1004
    forced-color-adjust: none;
1005
  }
1006
}
1 efrain 1007
.tox .tox-color-picker-container {
1008
  display: flex;
1009
  flex-direction: row;
1010
  height: 225px;
1011
  margin: 0;
1012
}
1013
.tox .tox-sv-palette {
1014
  box-sizing: border-box;
1015
  display: flex;
1016
  height: 100%;
1017
}
1018
.tox .tox-sv-palette-spectrum {
1019
  height: 100%;
1020
}
1021
.tox .tox-sv-palette,
1022
.tox .tox-sv-palette-spectrum {
1023
  width: 225px;
1024
}
1025
.tox .tox-sv-palette-thumb {
1026
  background: none;
1027
  border: 1px solid black;
1028
  border-radius: 50%;
1029
  box-sizing: content-box;
1030
  height: 12px;
1031
  position: absolute;
1032
  width: 12px;
1033
}
1034
.tox .tox-sv-palette-inner-thumb {
1035
  border: 1px solid white;
1036
  border-radius: 50%;
1037
  height: 10px;
1038
  position: absolute;
1039
  width: 10px;
1040
}
1041
.tox .tox-hue-slider {
1042
  box-sizing: border-box;
1043
  height: 100%;
1044
  width: 25px;
1045
}
1046
.tox .tox-hue-slider-spectrum {
1047
  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
1048
  height: 100%;
1049
  width: 100%;
1050
}
1051
.tox .tox-hue-slider,
1052
.tox .tox-hue-slider-spectrum {
1053
  width: 20px;
1054
}
1055
.tox .tox-hue-slider-spectrum:focus,
1056
.tox .tox-sv-palette-spectrum:focus {
1057
  outline: #08f solid;
1058
}
1059
.tox .tox-hue-slider-thumb {
1060
  background: white;
1061
  border: 1px solid black;
1062
  box-sizing: content-box;
1063
  height: 4px;
1064
  width: 100%;
1065
}
1066
.tox .tox-rgb-form {
1067
  display: flex;
1068
  flex-direction: column;
1069
  justify-content: space-between;
1070
}
1071
.tox .tox-rgb-form div {
1072
  align-items: center;
1073
  display: flex;
1074
  justify-content: space-between;
1075
  margin-bottom: 5px;
1076
  width: inherit;
1077
}
1078
.tox .tox-rgb-form input {
1441 ariadna 1079
  min-width: 6em;
1 efrain 1080
}
1081
.tox .tox-rgb-form input.tox-invalid {
1082
  /* Need !important to override Chrome's focus styling unfortunately */
1441 ariadna 1083
  border: 1px solid #f00 !important;
1084
  box-shadow: 0 0 0 1px #f00;
1 efrain 1085
}
1441 ariadna 1086
.tox .tox-rgb-container {
1087
  position: relative;
1088
}
1089
.tox .tox-rgb-form .tox-invalid-icon {
1090
  align-content: center;
1091
  align-items: center;
1092
  display: none;
1093
  height: 100%;
1094
  position: absolute;
1095
  right: 0;
1096
  top: 0;
1097
}
1098
.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
1099
  margin: 0;
1100
}
1101
.tox .tox-rgb-warning-note {
1102
  background-color: #f5cccc;
1103
  border: 1px solid #f0b3b3;
1104
  border-radius: 3px;
1105
  color: #77181f;
1106
  padding: 3px;
1107
}
1108
.tox input.tox-invalid + .tox-invalid-icon {
1109
  display: flex;
1110
}
1 efrain 1111
.tox .tox-rgb-form .tox-rgba-preview {
1112
  border: 1px solid black;
1113
  flex-grow: 2;
1114
  margin-bottom: 0;
1115
}
1116
.tox:not([dir=rtl]) .tox-sv-palette {
1117
  margin-right: 15px;
1118
}
1119
.tox:not([dir=rtl]) .tox-hue-slider {
1120
  margin-right: 15px;
1121
}
1122
.tox:not([dir=rtl]) .tox-hue-slider-thumb {
1123
  margin-left: -1px;
1124
}
1125
.tox:not([dir=rtl]) .tox-rgb-form label {
1126
  margin-right: 0.5em;
1127
}
1128
.tox[dir=rtl] .tox-sv-palette {
1129
  margin-left: 15px;
1130
}
1131
.tox[dir=rtl] .tox-hue-slider {
1132
  margin-left: 15px;
1133
}
1134
.tox[dir=rtl] .tox-hue-slider-thumb {
1135
  margin-right: -1px;
1136
}
1137
.tox[dir=rtl] .tox-rgb-form label {
1138
  margin-left: 0.5em;
1139
}
1140
.tox .tox-toolbar .tox-swatches,
1141
.tox .tox-toolbar__primary .tox-swatches,
1142
.tox .tox-toolbar__overflow .tox-swatches {
1143
  margin: 5px 0 6px 11px;
1144
}
1145
.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1146
  border: 0;
1147
  margin: -4px -4px;
1148
}
1149
.tox .tox-swatches__row {
1150
  display: flex;
1151
}
1441 ariadna 1152
@media (forced-colors: active) {
1153
  .tox .tox-swatches__row {
1154
    forced-color-adjust: none;
1155
  }
1156
}
1 efrain 1157
.tox .tox-swatch {
1158
  height: 30px;
1159
  transition: transform 0.15s, box-shadow 0.15s;
1160
  width: 30px;
1161
}
1162
.tox .tox-swatch:hover,
1163
.tox .tox-swatch:focus {
1164
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
1165
  transform: scale(0.8);
1166
}
1167
.tox .tox-swatch--remove {
1168
  align-items: center;
1169
  display: flex;
1170
  justify-content: center;
1171
}
1172
.tox .tox-swatch--remove svg path {
1173
  stroke: #e74c3c;
1174
}
1175
.tox .tox-swatches__picker-btn {
1176
  align-items: center;
1177
  background-color: transparent;
1178
  border: 0;
1179
  cursor: pointer;
1180
  display: flex;
1181
  height: 30px;
1182
  justify-content: center;
1183
  outline: none;
1184
  padding: 0;
1185
  width: 30px;
1186
}
1187
.tox .tox-swatches__picker-btn svg {
1188
  fill: #222f3e;
1189
  height: 24px;
1190
  width: 24px;
1191
}
1192
.tox .tox-swatches__picker-btn:hover {
1441 ariadna 1193
  background: #f0f0f0;
1 efrain 1194
}
1195
.tox div.tox-swatch:not(.tox-swatch--remove) svg {
1196
  display: none;
1197
  fill: #222f3e;
1198
  height: 24px;
1199
  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
1200
  width: 24px;
1201
}
1202
.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
1203
  fill: #fff;
1204
  paint-order: stroke;
1205
  stroke: #222f3e;
1206
  stroke-width: 2px;
1207
}
1208
.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
1209
  display: block;
1210
}
1211
.tox:not([dir=rtl]) .tox-swatches__picker-btn {
1212
  margin-left: auto;
1213
}
1214
.tox[dir=rtl] .tox-swatches__picker-btn {
1215
  margin-right: auto;
1216
}
1441 ariadna 1217
.tox {
1218
  /* Animation for deleting a comment */
1219
  /* A comment fades to 0 when it is being deleted, then is removed */
1220
}
1221
.tox .tox-conversations {
1222
  display: flex;
1223
  flex-direction: column;
1 efrain 1224
  position: relative;
1441 ariadna 1225
  height: 100%;
1226
  /* This is to give the sidebar a consistent width. Need a solution for this */
1227
  min-width: 300px;
1228
  max-width: 300px;
1229
  width: 300px;
1 efrain 1230
}
1441 ariadna 1231
.tox .tox-conversations__header {
1232
  align-items: center;
1233
  display: flex;
1234
  justify-content: space-between;
1235
  box-shadow: 0px 4px 8px 0px rgba(34, 47, 62, 0.1);
1236
  padding: 8px 12px;
1237
  background: #fff;
1238
  z-index: 1;
1 efrain 1239
}
1441 ariadna 1240
.tox .tox-conversations__title {
1241
  font-size: 20px;
1242
  font-weight: 400;
1243
  padding: 8px 0 8px 0;
1244
  color: #222f3e;
1245
  line-height: 28px;
1246
}
1 efrain 1247
.tox .tox-comment {
1248
  background: #fff;
1441 ariadna 1249
  border: 1px solid #fff;
1 efrain 1250
  border-radius: 6px;
1251
  padding: 8px 8px 16px 8px;
1252
  position: relative;
1253
}
1441 ariadna 1254
.tox .tox-comment:hover {
1255
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1256
}
1257
.tox .tox-comment.tox-comment--selected {
1258
  background-color: #fff2c9;
1259
  border: 1px solid #ffcf30;
1260
  box-shadow: 0px 4px 8px 0px rgba(34, 47, 62, 0.1);
1261
}
1262
.tox .tox-comment.tox-comment--selected:focus {
1263
  border: 2px solid #006ce7;
1264
  margin: -1px;
1265
}
1266
.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
1267
  margin-top: 7px;
1268
}
1269
.tox .tox-comment.tox-comment--selected .tox-comment__single {
1270
  margin-bottom: 12px;
1271
}
1272
.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
1273
  position: relative;
1274
}
1275
.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
1276
  top: -9px;
1277
  pointer-events: none;
1278
  position: absolute;
1279
  content: "";
1280
  display: block;
1281
  bottom: -9px;
1282
  left: -9px;
1283
  right: -9px;
1284
  border-radius: 6px;
1285
  border: 2px solid #006ce7;
1286
}
1 efrain 1287
.tox .tox-comment__header {
1288
  align-items: center;
1289
  color: #222f3e;
1290
  display: flex;
1291
  justify-content: space-between;
1292
}
1293
.tox .tox-comment__date {
1294
  color: #222f3e;
1295
  font-size: 12px;
1296
  line-height: 18px;
1297
}
1298
.tox .tox-comment__body {
1299
  color: #222f3e;
1441 ariadna 1300
  font-size: 16px;
1 efrain 1301
  font-style: normal;
1302
  font-weight: normal;
1303
  line-height: 1.3;
1304
  margin-top: 8px;
1305
  position: relative;
1306
  text-transform: initial;
1441 ariadna 1307
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
1308
  white-space: pre-wrap;
1309
  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
1 efrain 1310
}
1441 ariadna 1311
.tox .tox-comment__body.tox-comment__body--expanded {
1312
  max-height: 100em;
1313
  transition: max-height 1s ease-in-out;
1314
}
1315
.tox .tox-comment__body.tox-comment__body--pending {
1316
  transition: max-height 0s;
1317
}
1318
.tox .tox-comment__body p {
1319
  margin: 0;
1320
}
1 efrain 1321
.tox .tox-comment__body textarea {
1322
  resize: none;
1323
  white-space: normal;
1324
  width: 100%;
1441 ariadna 1325
  font-size: 16px;
1 efrain 1326
}
1441 ariadna 1327
.tox .tox-comment__loading-text {
1328
  align-items: center;
1329
  color: #222f3e;
1330
  display: flex;
1331
  flex-direction: column;
1332
  position: relative;
1333
}
1334
.tox .tox-comment__loading-text > div {
1335
  padding-bottom: 16px;
1336
}
1337
.tox .tox-comment__overlaytext {
1338
  bottom: 0;
1339
  flex-direction: column;
1340
  font-size: 14px;
1341
  left: 0;
1342
  padding: 1em;
1343
  position: absolute;
1344
  right: 0;
1345
  top: 0;
1346
  z-index: 10;
1347
}
1348
.tox .tox-comment__overlaytext p {
1349
  background-color: #fff;
1350
  box-shadow: 0 0 8px 8px #fff;
1351
  color: #222f3e;
1352
  text-align: center;
1353
}
1354
.tox .tox-comment__overlaytext div:nth-of-type(2) {
1355
  font-size: 0.8em;
1356
}
1 efrain 1357
.tox .tox-comment__expander {
1358
  padding-top: 8px;
1359
}
1360
.tox .tox-comment__expander p {
1361
  color: rgba(34, 47, 62, 0.7);
1362
  font-size: 14px;
1363
  font-style: normal;
1441 ariadna 1364
  /* Need a focus highlight on the show more/less button */
1 efrain 1365
}
1441 ariadna 1366
.tox .tox-comment__expander p:focus {
1367
  font-weight: bold;
1 efrain 1368
}
1369
.tox .tox-comment__buttonspacing {
1370
  padding-top: 16px;
1371
  text-align: center;
1372
}
1441 ariadna 1373
.tox .tox-tbtn.tox-comment__mention-btn {
1374
  display: flex;
1375
  width: 34px;
1376
  height: 34px;
1377
  padding: 5px;
1378
  justify-content: center;
1379
  align-items: center;
1380
  margin: 0;
1381
  background-color: transparent;
1382
}
1383
.tox .tox-comment-thread {
1384
  background: #fff;
1385
  position: relative;
1386
  border-radius: 6px;
1387
  background-color: transparent;
1388
}
1389
.tox .tox-comment-thread > *:not(:first-child) {
1390
  margin-top: 8px;
1391
}
1 efrain 1392
.tox .tox-comment-thread__overlay::after {
1393
  background: #fff;
1394
  bottom: 0;
1395
  content: "";
1396
  display: flex;
1397
  left: 0;
1398
  opacity: 0.9;
1399
  position: absolute;
1400
  right: 0;
1401
  top: 0;
1402
  z-index: 5;
1403
}
1404
.tox .tox-comment__reply {
1405
  display: flex;
1406
  flex-shrink: 0;
1407
  flex-wrap: wrap;
1408
  justify-content: flex-end;
1409
  margin-top: 8px;
1410
}
1411
.tox .tox-comment__reply > *:first-child {
1412
  margin-bottom: 8px;
1413
  width: 100%;
1414
}
1415
.tox .tox-comment__edit {
1416
  display: flex;
1417
  flex-wrap: wrap;
1418
  justify-content: flex-end;
1441 ariadna 1419
  margin-top: 8px;
1 efrain 1420
}
1421
.tox .tox-comment__gradient::after {
1422
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
1423
  bottom: 0;
1424
  content: "";
1425
  display: block;
1426
  height: 5em;
1427
  margin-top: -40px;
1428
  position: absolute;
1429
  width: 100%;
1430
}
1431
.tox .tox-comment__overlay {
1432
  background: #fff;
1433
  bottom: 0;
1434
  display: flex;
1435
  flex-direction: column;
1436
  flex-grow: 1;
1437
  left: 0;
1438
  opacity: 0.9;
1439
  position: absolute;
1440
  right: 0;
1441
  text-align: center;
1442
  top: 0;
1443
  z-index: 5;
1444
}
1445
.tox .tox-comment__busy-spinner {
1446
  align-items: center;
1447
  background-color: #fff;
1448
  bottom: 0;
1449
  display: flex;
1450
  justify-content: center;
1451
  left: 0;
1452
  position: absolute;
1453
  right: 0;
1454
  top: 0;
1455
  z-index: 20;
1456
}
1457
.tox .tox-comment__scroll {
1458
  display: flex;
1459
  flex-direction: column;
1460
  flex-shrink: 1;
1461
  overflow: auto;
1441 ariadna 1462
  padding: 12px;
1463
  scroll-behavior: smooth;
1 efrain 1464
}
1441 ariadna 1465
.tox .tox-comment__scroll:has(textarea:focus) {
1466
  scroll-behavior: auto;
1 efrain 1467
}
1441 ariadna 1468
.tox .tox-comment--disappearing {
1469
  transition: opacity 0.5s ease;
1470
}
1471
.tox .tox-comment[data-transitioning-destination="deleting"] {
1472
  opacity: 0;
1473
}
1474
.tox .tox-skeleton .tox-skeleton__line {
1475
  height: 16px;
1476
  width: 100%;
1477
  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
1478
  animation: wave 2s infinite ease-out;
1479
}
1480
.tox .tox-skeleton .tox-skeleton__circle {
1481
  height: 36px;
1482
  width: 36px;
1483
  margin-right: 8px;
1484
  border-radius: 100%;
1485
  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
1486
  animation: wave 2s infinite ease-out;
1487
}
1488
@keyframes wave {
1489
  0% {
1490
    background-position: -268px 0;
1491
  }
1492
  100% {
1493
    background-position: 268px 0;
1494
  }
1495
}
1496
.tox .tox-ring-loader {
1497
  width: 10px;
1498
  height: 10px;
1499
  border: 1px solid #FFF;
1500
  border-bottom-color: transparent;
1501
  border-radius: 50%;
1502
  display: inline-block;
1503
  box-sizing: border-box;
1504
  animation: tox-rotation 1s linear infinite;
1505
}
1 efrain 1506
.tox:not([dir=rtl]) .tox-comment__edit {
1507
  margin-left: 8px;
1508
}
1509
.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
1510
.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
1511
.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
1512
  margin-left: 8px;
1513
}
1514
.tox[dir=rtl] .tox-comment__edit {
1515
  margin-right: 8px;
1516
}
1517
.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
1518
.tox[dir=rtl] .tox-comment__edit > *:last-child,
1519
.tox[dir=rtl] .tox-comment__reply > *:last-child {
1520
  margin-right: 8px;
1521
}
1522
.tox .tox-user {
1523
  align-items: center;
1524
  display: flex;
1525
}
1526
.tox .tox-user__avatar svg {
1527
  fill: rgba(34, 47, 62, 0.7);
1528
}
1529
.tox .tox-user__avatar img {
1530
  border-radius: 50%;
1531
  height: 36px;
1532
  object-fit: cover;
1533
  vertical-align: middle;
1534
  width: 36px;
1535
}
1536
.tox .tox-user__name {
1537
  color: #222f3e;
1538
  font-size: 14px;
1539
  font-style: normal;
1540
  font-weight: bold;
1541
  line-height: 18px;
1542
  text-transform: none;
1543
}
1544
.tox:not([dir=rtl]) .tox-user__avatar svg,
1545
.tox:not([dir=rtl]) .tox-user__avatar img {
1546
  margin-right: 8px;
1547
}
1548
.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1549
  margin-left: 8px;
1550
}
1551
.tox[dir=rtl] .tox-user__avatar svg,
1552
.tox[dir=rtl] .tox-user__avatar img {
1553
  margin-left: 8px;
1554
}
1555
.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1556
  margin-right: 8px;
1557
}
1441 ariadna 1558
.tox {
1559
  /* .tox-dialog-blocker-wrap {
1560
    //
1561
  } */
1562
}
1 efrain 1563
.tox .tox-dialog-wrap {
1564
  align-items: center;
1565
  bottom: 0;
1566
  display: flex;
1567
  justify-content: center;
1568
  left: 0;
1569
  position: fixed;
1570
  right: 0;
1571
  top: 0;
1572
  z-index: 1100;
1573
}
1574
.tox .tox-dialog-wrap__backdrop {
1575
  background-color: rgba(255, 255, 255, 0.75);
1576
  bottom: 0;
1577
  left: 0;
1578
  position: absolute;
1579
  right: 0;
1580
  top: 0;
1581
  z-index: 1;
1582
}
1583
.tox .tox-dialog-wrap__backdrop--opaque {
1584
  background-color: #fff;
1585
}
1586
.tox .tox-dialog {
1587
  background-color: #fff;
1588
  border-color: #eeeeee;
1589
  border-radius: 10px;
1590
  border-style: solid;
1441 ariadna 1591
  border-width: 0;
1 efrain 1592
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1593
  display: flex;
1594
  flex-direction: column;
1595
  max-height: 100%;
1596
  max-width: 480px;
1597
  overflow: hidden;
1598
  position: relative;
1599
  width: 95vw;
1600
  z-index: 2;
1601
}
1602
@media only screen and (max-width: 767px ) {
1603
  body:not(.tox-force-desktop) .tox .tox-dialog {
1604
    align-self: flex-start;
1605
    margin: 8px auto;
1606
    max-height: calc(100vh - 8px * 2);
1607
    width: calc(100vw - 16px);
1608
  }
1609
}
1610
.tox .tox-dialog-inline {
1611
  z-index: 1100;
1612
}
1613
.tox .tox-dialog__header {
1614
  align-items: center;
1615
  background-color: #fff;
1616
  border-bottom: none;
1617
  color: #222f3e;
1618
  display: flex;
1619
  font-size: 16px;
1620
  justify-content: space-between;
1621
  padding: 8px 16px 0 16px;
1622
  position: relative;
1623
}
1624
.tox .tox-dialog__header .tox-button {
1625
  z-index: 1;
1626
}
1627
.tox .tox-dialog__draghandle {
1628
  cursor: grab;
1629
  height: 100%;
1630
  left: 0;
1631
  position: absolute;
1632
  top: 0;
1633
  width: 100%;
1634
}
1635
.tox .tox-dialog__draghandle:active {
1636
  cursor: grabbing;
1637
}
1638
.tox .tox-dialog__dismiss {
1639
  margin-left: auto;
1640
}
1641
.tox .tox-dialog__title {
1642
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1643
  font-size: 20px;
1644
  font-style: normal;
1645
  font-weight: normal;
1646
  line-height: 1.3;
1647
  margin: 0;
1648
  text-transform: none;
1649
}
1650
.tox .tox-dialog__body {
1651
  color: #222f3e;
1652
  display: flex;
1653
  flex: 1;
1654
  font-size: 16px;
1655
  font-style: normal;
1656
  font-weight: normal;
1657
  line-height: 1.3;
1658
  min-width: 0;
1659
  text-align: left;
1660
  text-transform: none;
1661
}
1662
@media only screen and (max-width: 767px ) {
1663
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
1664
    flex-direction: column;
1665
  }
1666
}
1667
.tox .tox-dialog__body-nav {
1668
  align-items: flex-start;
1669
  display: flex;
1670
  flex-direction: column;
1671
  flex-shrink: 0;
1672
  padding: 16px 16px;
1673
}
1674
@media only screen and (min-width: 768px ) {
1675
  .tox .tox-dialog__body-nav {
1676
    max-width: 11em;
1677
  }
1678
}
1679
@media only screen and (max-width: 767px ) {
1680
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1681
    flex-direction: row;
1682
    -webkit-overflow-scrolling: touch;
1683
    overflow-x: auto;
1684
    padding-bottom: 0;
1685
  }
1686
}
1687
.tox .tox-dialog__body-nav-item {
1688
  border-bottom: 2px solid transparent;
1689
  color: rgba(34, 47, 62, 0.7);
1690
  display: inline-block;
1691
  flex-shrink: 0;
1692
  font-size: 14px;
1693
  line-height: 1.3;
1694
  margin-bottom: 8px;
1695
  max-width: 13em;
1441 ariadna 1696
  -webkit-text-decoration: none;
1 efrain 1697
  text-decoration: none;
1698
}
1699
.tox .tox-dialog__body-nav-item:focus {
1700
  background-color: rgba(0, 108, 231, 0.1);
1701
}
1702
.tox .tox-dialog__body-nav-item--active {
1441 ariadna 1703
  border-bottom: 2px solid #144782;
1704
  color: #144782;
1 efrain 1705
}
1441 ariadna 1706
@media (forced-colors: active) {
1707
  .tox .tox-dialog__body-nav-item--active {
1708
    border-bottom: 2px solid highlight;
1709
    color: highlight;
1710
  }
1711
}
1 efrain 1712
.tox .tox-dialog__body-content {
1713
  box-sizing: border-box;
1714
  display: flex;
1715
  flex: 1;
1716
  flex-direction: column;
1717
  max-height: min(650px, calc(100vh - 110px));
1718
  overflow: auto;
1719
  -webkit-overflow-scrolling: touch;
1720
  padding: 16px 16px;
1721
}
1722
.tox .tox-dialog__body-content > * {
1723
  margin-bottom: 0;
1724
  margin-top: 16px;
1725
}
1726
.tox .tox-dialog__body-content > *:first-child {
1727
  margin-top: 0;
1728
}
1729
.tox .tox-dialog__body-content > *:last-child {
1730
  margin-bottom: 0;
1731
}
1732
.tox .tox-dialog__body-content > *:only-child {
1733
  margin-bottom: 0;
1734
  margin-top: 0;
1735
}
1736
.tox .tox-dialog__body-content a {
1441 ariadna 1737
  color: #144782;
1 efrain 1738
  cursor: pointer;
1441 ariadna 1739
  -webkit-text-decoration: underline;
1 efrain 1740
  text-decoration: underline;
1741
}
1742
.tox .tox-dialog__body-content a:hover,
1743
.tox .tox-dialog__body-content a:focus {
1441 ariadna 1744
  color: #071729;
1745
  -webkit-text-decoration: underline;
1 efrain 1746
  text-decoration: underline;
1747
}
1748
.tox .tox-dialog__body-content a:focus-visible {
1749
  border-radius: 1px;
1441 ariadna 1750
  outline: 2px solid #144782;
1 efrain 1751
  outline-offset: 2px;
1752
}
1753
.tox .tox-dialog__body-content a:active {
1441 ariadna 1754
  color: #000000;
1755
  -webkit-text-decoration: underline;
1 efrain 1756
  text-decoration: underline;
1757
}
1758
.tox .tox-dialog__body-content svg {
1759
  fill: #222f3e;
1760
}
1761
.tox .tox-dialog__body-content strong {
1762
  font-weight: bold;
1763
}
1764
.tox .tox-dialog__body-content ul {
1765
  list-style-type: disc;
1766
}
1767
.tox .tox-dialog__body-content ul,
1768
.tox .tox-dialog__body-content ol,
1769
.tox .tox-dialog__body-content dd {
1770
  padding-inline-start: 2.5rem;
1771
}
1772
.tox .tox-dialog__body-content ul,
1773
.tox .tox-dialog__body-content ol,
1774
.tox .tox-dialog__body-content dl {
1775
  margin-bottom: 16px;
1776
}
1777
.tox .tox-dialog__body-content ul,
1778
.tox .tox-dialog__body-content ol,
1779
.tox .tox-dialog__body-content dl,
1780
.tox .tox-dialog__body-content dd,
1781
.tox .tox-dialog__body-content dt {
1782
  display: block;
1783
  margin-inline-end: 0;
1784
  margin-inline-start: 0;
1785
}
1786
.tox .tox-dialog__body-content .tox-form__group h1 {
1787
  color: #222f3e;
1788
  font-size: 20px;
1789
  font-style: normal;
1790
  font-weight: bold;
1791
  letter-spacing: normal;
1792
  margin-bottom: 16px;
1793
  margin-top: 2rem;
1794
  text-transform: none;
1795
}
1796
.tox .tox-dialog__body-content .tox-form__group h2 {
1797
  color: #222f3e;
1798
  font-size: 16px;
1799
  font-style: normal;
1800
  font-weight: bold;
1801
  letter-spacing: normal;
1802
  margin-bottom: 16px;
1803
  margin-top: 2rem;
1804
  text-transform: none;
1805
}
1806
.tox .tox-dialog__body-content .tox-form__group p {
1807
  margin-bottom: 16px;
1808
}
1809
.tox .tox-dialog__body-content .tox-form__group h1:first-child,
1810
.tox .tox-dialog__body-content .tox-form__group h2:first-child,
1811
.tox .tox-dialog__body-content .tox-form__group p:first-child {
1812
  margin-top: 0;
1813
}
1814
.tox .tox-dialog__body-content .tox-form__group h1:last-child,
1815
.tox .tox-dialog__body-content .tox-form__group h2:last-child,
1816
.tox .tox-dialog__body-content .tox-form__group p:last-child {
1817
  margin-bottom: 0;
1818
}
1819
.tox .tox-dialog__body-content .tox-form__group h1:only-child,
1820
.tox .tox-dialog__body-content .tox-form__group h2:only-child,
1821
.tox .tox-dialog__body-content .tox-form__group p:only-child {
1822
  margin-bottom: 0;
1823
  margin-top: 0;
1824
}
1825
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1826
  text-align: center;
1827
}
1828
.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1829
  text-align: end;
1830
}
1831
.tox .tox-dialog--width-lg {
1832
  height: 650px;
1833
  max-width: 1200px;
1834
}
1835
.tox .tox-dialog--fullscreen {
1836
  height: 100%;
1837
  max-width: 100%;
1838
}
1839
.tox .tox-dialog--fullscreen .tox-dialog__body-content {
1840
  max-height: 100%;
1841
}
1842
.tox .tox-dialog--width-md {
1843
  max-width: 800px;
1844
}
1845
.tox .tox-dialog--width-md .tox-dialog__body-content {
1846
  overflow: auto;
1847
}
1848
.tox .tox-dialog__body-content--centered {
1849
  text-align: center;
1850
}
1851
.tox .tox-dialog__footer {
1852
  align-items: center;
1853
  background-color: #fff;
1854
  border-top: none;
1855
  display: flex;
1856
  justify-content: space-between;
1857
  padding: 8px 16px;
1858
}
1859
.tox .tox-dialog__footer-start,
1860
.tox .tox-dialog__footer-end {
1861
  display: flex;
1862
}
1863
.tox .tox-dialog__busy-spinner {
1864
  align-items: center;
1865
  background-color: rgba(255, 255, 255, 0.75);
1866
  bottom: 0;
1867
  display: flex;
1868
  justify-content: center;
1869
  left: 0;
1870
  position: absolute;
1871
  right: 0;
1872
  top: 0;
1873
  z-index: 3;
1874
}
1875
.tox .tox-dialog__table {
1876
  border-collapse: collapse;
1877
  width: 100%;
1878
}
1879
.tox .tox-dialog__table thead th {
1880
  font-weight: bold;
1881
  padding-bottom: 8px;
1882
}
1883
.tox .tox-dialog__table thead th:first-child {
1884
  padding-right: 8px;
1885
}
1886
.tox .tox-dialog__table tbody tr {
1887
  border-bottom: 1px solid #626262;
1888
}
1889
.tox .tox-dialog__table tbody tr:last-child {
1890
  border-bottom: none;
1891
}
1892
.tox .tox-dialog__table td {
1893
  padding-bottom: 8px;
1894
  padding-top: 8px;
1895
}
1896
.tox .tox-dialog__table td:first-child {
1897
  padding-right: 8px;
1898
}
1899
.tox .tox-dialog__iframe {
1900
  min-height: 200px;
1901
}
1902
.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1903
  background: #fff;
1904
}
1905
.tox .tox-navobj-bordered {
1906
  position: relative;
1907
}
1908
.tox .tox-navobj-bordered::before {
1909
  border: 1px solid #eeeeee;
1910
  border-radius: 6px;
1911
  content: '';
1912
  inset: 0;
1913
  opacity: 1;
1914
  pointer-events: none;
1915
  position: absolute;
1916
  z-index: 1;
1917
}
1441 ariadna 1918
.tox .tox-navobj-bordered iframe {
1919
  border-radius: 6px;
1920
}
1 efrain 1921
.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1922
  border-color: #006ce7;
1441 ariadna 1923
  box-shadow: 0 0 0 1px #006ce7;
1 efrain 1924
  outline: none;
1925
}
1926
.tox .tox-dialog__popups {
1927
  position: absolute;
1928
  width: 100%;
1929
  z-index: 1100;
1930
}
1931
.tox .tox-dialog__body-iframe {
1932
  display: flex;
1933
  flex: 1;
1934
  flex-direction: column;
1935
}
1936
.tox .tox-dialog__body-iframe .tox-navobj {
1937
  display: flex;
1938
  flex: 1;
1939
}
1940
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1941
  flex: 1;
1942
  height: 100%;
1943
}
1944
.tox .tox-dialog-dock-fadeout {
1945
  opacity: 0;
1946
  visibility: hidden;
1947
}
1948
.tox .tox-dialog-dock-fadein {
1949
  opacity: 1;
1950
  visibility: visible;
1951
}
1952
.tox .tox-dialog-dock-transition {
1953
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1954
}
1955
.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1956
  transition-delay: 0s;
1957
}
1958
@media only screen and (max-width: 767px ) {
1959
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
1960
    margin-right: 0;
1961
  }
1962
}
1963
@media only screen and (max-width: 767px ) {
1964
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
1965
    margin-left: 8px;
1966
  }
1967
}
1968
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1969
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1970
  margin-left: 8px;
1971
}
1972
.tox[dir=rtl] .tox-dialog__body {
1973
  text-align: right;
1974
}
1975
@media only screen and (max-width: 767px ) {
1976
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
1977
    margin-left: 0;
1978
  }
1979
}
1980
@media only screen and (max-width: 767px ) {
1981
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
1982
    margin-right: 8px;
1983
  }
1984
}
1985
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1986
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1987
  margin-right: 8px;
1988
}
1989
body.tox-dialog__disable-scroll {
1990
  overflow: hidden;
1991
}
1992
.tox .tox-dropzone-container {
1993
  display: flex;
1994
  flex: 1;
1995
}
1996
.tox .tox-dropzone {
1997
  align-items: center;
1998
  background: #fff;
1999
  border: 2px dashed #eeeeee;
2000
  box-sizing: border-box;
2001
  display: flex;
2002
  flex-direction: column;
2003
  flex-grow: 1;
2004
  justify-content: center;
2005
  min-height: 100px;
2006
  padding: 10px;
2007
}
2008
.tox .tox-dropzone p {
2009
  color: rgba(34, 47, 62, 0.7);
2010
  margin: 0 0 16px 0;
2011
}
2012
.tox .tox-edit-area {
2013
  display: flex;
2014
  flex: 1;
2015
  overflow: hidden;
2016
  position: relative;
2017
}
2018
.tox .tox-edit-area::before {
1441 ariadna 2019
  border: 2px solid #006ce7;
1 efrain 2020
  border-radius: 4px;
2021
  content: '';
2022
  inset: 0;
2023
  opacity: 0;
2024
  pointer-events: none;
2025
  position: absolute;
2026
  transition: opacity 0.15s;
2027
  z-index: 1;
2028
}
1441 ariadna 2029
@media (forced-colors: active) {
2030
  .tox .tox-edit-area::before {
2031
    border: 2px solid highlight;
2032
  }
2033
}
1 efrain 2034
.tox .tox-edit-area__iframe {
2035
  background-color: #fff;
2036
  border: 0;
2037
  box-sizing: border-box;
2038
  flex: 1;
2039
  height: 100%;
2040
  position: absolute;
2041
  width: 100%;
2042
}
2043
.tox.tox-edit-focus .tox-edit-area::before {
2044
  opacity: 1;
2045
}
2046
.tox.tox-inline-edit-area {
2047
  border: 1px dotted #eeeeee;
2048
}
2049
.tox .tox-editor-container {
2050
  display: flex;
2051
  flex: 1 1 auto;
2052
  flex-direction: column;
2053
  overflow: hidden;
2054
}
2055
.tox .tox-editor-header {
2056
  display: grid;
2057
  grid-template-columns: 1fr min-content;
2058
  z-index: 2;
2059
}
2060
.tox:not(.tox-tinymce-inline) .tox-editor-header {
2061
  background-color: #fff;
2062
  border-bottom: none;
2063
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
2064
  padding: 4px 0;
2065
}
2066
.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
2067
  transition: box-shadow 0.5s;
2068
}
2069
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2070
  border-top: 1px solid #e3e3e3;
2071
  box-shadow: none;
2072
}
2073
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
2074
  background-color: #fff;
2075
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2076
  padding: 4px 0;
2077
}
2078
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
2079
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2080
}
2081
.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
2082
  background: none;
2083
  border: none;
2084
  box-shadow: none;
2085
  padding: 0;
2086
}
2087
.tox-editor-dock-fadeout {
2088
  opacity: 0;
2089
  visibility: hidden;
2090
}
2091
.tox-editor-dock-fadein {
2092
  opacity: 1;
2093
  visibility: visible;
2094
}
2095
.tox-editor-dock-transition {
2096
  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
2097
}
2098
.tox-editor-dock-transition.tox-editor-dock-fadein {
2099
  transition-delay: 0s;
2100
}
2101
.tox .tox-control-wrap {
2102
  flex: 1;
2103
  position: relative;
2104
}
2105
.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
2106
.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
2107
.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
2108
  display: none;
2109
}
2110
.tox .tox-control-wrap svg {
2111
  display: block;
2112
}
2113
.tox .tox-control-wrap__status-icon-wrap {
2114
  position: absolute;
2115
  top: 50%;
2116
  transform: translateY(-50%);
2117
}
2118
.tox .tox-control-wrap__status-icon-invalid svg {
2119
  fill: #c00;
2120
}
2121
.tox .tox-control-wrap__status-icon-unknown svg {
2122
  fill: orange;
2123
}
2124
.tox .tox-control-wrap__status-icon-valid svg {
2125
  fill: green;
2126
}
2127
.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
2128
.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
2129
.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
2130
  padding-right: 32px;
2131
}
2132
.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
2133
  right: 4px;
2134
}
2135
.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
2136
.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
2137
.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
2138
  padding-left: 32px;
2139
}
2140
.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
2141
  left: 4px;
2142
}
1441 ariadna 2143
.tox .tox-custom-preview {
2144
  border-color: #eeeeee;
2145
  border-radius: 6px;
2146
  border-style: solid;
2147
  border-width: 1px;
2148
  flex: 1;
2149
  padding: 8px;
2150
}
1 efrain 2151
.tox .tox-autocompleter {
2152
  max-width: 25em;
2153
}
2154
.tox .tox-autocompleter .tox-menu {
2155
  box-sizing: border-box;
2156
  max-width: 25em;
2157
}
2158
.tox .tox-autocompleter .tox-autocompleter-highlight {
2159
  font-weight: bold;
2160
}
2161
.tox .tox-color-input {
2162
  display: flex;
2163
  position: relative;
2164
  z-index: 1;
2165
}
2166
.tox .tox-color-input .tox-textfield {
2167
  z-index: -1;
2168
}
2169
.tox .tox-color-input span {
1441 ariadna 2170
  border-color: rgba(34 47 3.1%);
1 efrain 2171
  border-radius: 6px;
2172
  border-style: solid;
2173
  border-width: 1px;
2174
  box-shadow: none;
2175
  box-sizing: border-box;
2176
  height: 24px;
2177
  position: absolute;
2178
  top: 6px;
2179
  width: 24px;
2180
}
1441 ariadna 2181
@media (forced-colors: active) {
2182
  .tox .tox-color-input span {
2183
    border-color: currentColor;
2184
    border-width: 2px !important;
2185
    forced-color-adjust: none;
2186
  }
2187
}
1 efrain 2188
.tox .tox-color-input span:hover:not([aria-disabled=true]),
2189
.tox .tox-color-input span:focus:not([aria-disabled=true]) {
2190
  border-color: #006ce7;
2191
  cursor: pointer;
2192
}
2193
.tox .tox-color-input span::before {
2194
  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%);
2195
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2196
  background-size: 12px 12px;
2197
  border: 1px solid #fff;
2198
  border-radius: 6px;
2199
  box-sizing: border-box;
2200
  content: '';
2201
  height: 24px;
2202
  left: -1px;
2203
  position: absolute;
2204
  top: -1px;
2205
  width: 24px;
2206
  z-index: -1;
2207
}
1441 ariadna 2208
@media (forced-colors: active) {
2209
  .tox .tox-color-input span::before {
2210
    border: none;
2211
  }
2212
}
1 efrain 2213
.tox .tox-color-input span[aria-disabled=true] {
2214
  cursor: not-allowed;
2215
}
2216
.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
2217
  padding-left: 36px;
2218
}
2219
.tox:not([dir=rtl]) .tox-color-input span {
2220
  left: 6px;
2221
}
2222
.tox[dir="rtl"] .tox-color-input .tox-textfield {
2223
  padding-right: 36px;
2224
}
2225
.tox[dir="rtl"] .tox-color-input span {
2226
  right: 6px;
2227
}
2228
.tox .tox-label,
2229
.tox .tox-toolbar-label {
2230
  color: rgba(34, 47, 62, 0.7);
2231
  display: block;
2232
  font-size: 14px;
2233
  font-style: normal;
2234
  font-weight: normal;
2235
  line-height: 1.3;
2236
  padding: 0 8px 0 0;
2237
  text-transform: none;
2238
  white-space: nowrap;
2239
}
2240
.tox .tox-toolbar-label {
2241
  padding: 0 8px;
2242
}
2243
.tox[dir=rtl] .tox-label {
2244
  padding: 0 0 0 8px;
2245
}
2246
.tox .tox-form {
2247
  display: flex;
2248
  flex: 1;
2249
  flex-direction: column;
2250
}
2251
.tox .tox-form__group {
2252
  box-sizing: border-box;
2253
  margin-bottom: 4px;
2254
}
2255
.tox .tox-form-group--maximize {
2256
  flex: 1;
2257
}
2258
.tox .tox-form__group--error {
2259
  color: #c00;
2260
}
2261
.tox .tox-form__group--collection {
2262
  display: flex;
2263
}
2264
.tox .tox-form__grid {
2265
  display: flex;
2266
  flex-direction: row;
2267
  flex-wrap: wrap;
2268
  justify-content: space-between;
2269
}
2270
.tox .tox-form__grid--2col > .tox-form__group {
2271
  width: calc(50% - (8px / 2));
2272
}
2273
.tox .tox-form__grid--3col > .tox-form__group {
2274
  width: calc(100% / 3 - (8px / 2));
2275
}
2276
.tox .tox-form__grid--4col > .tox-form__group {
2277
  width: calc(25% - (8px / 2));
2278
}
2279
.tox .tox-form__controls-h-stack {
2280
  align-items: center;
2281
  display: flex;
2282
}
2283
.tox .tox-form__group--inline {
2284
  align-items: center;
2285
  display: flex;
2286
}
2287
.tox .tox-form__group--stretched {
2288
  display: flex;
2289
  flex: 1;
2290
  flex-direction: column;
2291
}
2292
.tox .tox-form__group--stretched .tox-textarea {
2293
  flex: 1;
2294
}
2295
.tox .tox-form__group--stretched .tox-navobj {
2296
  display: flex;
2297
  flex: 1;
2298
}
2299
.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2300
  flex: 1;
2301
  height: 100%;
2302
}
2303
.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
2304
  margin-left: 4px;
2305
}
2306
.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
2307
  margin-right: 4px;
2308
}
2309
.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
2310
.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
2311
  display: none;
2312
}
2313
.tox .tox-textfield,
2314
.tox .tox-toolbar-textfield,
2315
.tox .tox-listboxfield .tox-listbox--select,
2316
.tox .tox-textarea,
2317
.tox .tox-textarea-wrap .tox-textarea:focus {
1441 ariadna 2318
  appearance: none;
1 efrain 2319
  background-color: #fff;
2320
  border-color: #eeeeee;
2321
  border-radius: 6px;
2322
  border-style: solid;
2323
  border-width: 1px;
2324
  box-shadow: none;
2325
  box-sizing: border-box;
2326
  color: #222f3e;
2327
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2328
  font-size: 16px;
2329
  line-height: 24px;
2330
  margin: 0;
2331
  min-height: 34px;
2332
  outline: none;
2333
  padding: 5px 5.5px;
2334
  resize: none;
2335
  width: 100%;
2336
}
2337
.tox .tox-textfield[disabled],
1441 ariadna 2338
.tox .tox-toolbar-textfield[disabled],
1 efrain 2339
.tox .tox-textarea[disabled] {
2340
  background-color: #f2f2f2;
2341
  color: rgba(34, 47, 62, 0.85);
2342
  cursor: not-allowed;
2343
}
2344
.tox .tox-textfield:focus,
1441 ariadna 2345
.tox .tox-toolbar-textfield:focus,
1 efrain 2346
.tox .tox-listboxfield .tox-listbox--select:focus,
2347
.tox .tox-textarea-wrap:focus-within,
2348
.tox .tox-textarea:focus,
1441 ariadna 2349
.tox .tox-focusable-wrapper:focus,
1 efrain 2350
.tox .tox-custom-editor:focus-within {
2351
  background-color: #fff;
2352
  border-color: #006ce7;
1441 ariadna 2353
  box-shadow: 0 0 0 1px #006ce7;
1 efrain 2354
  outline: none;
2355
}
2356
.tox .tox-toolbar-textfield {
2357
  max-width: 250px;
1441 ariadna 2358
  min-height: unset;
2359
  height: 28px;
2360
  margin: 5px 0 6px 0;
1 efrain 2361
}
2362
.tox .tox-naked-btn {
2363
  background-color: transparent;
2364
  border: 0;
2365
  border-color: transparent;
2366
  box-shadow: unset;
2367
  color: #006ce7;
2368
  cursor: pointer;
2369
  display: block;
2370
  margin: 0;
2371
  padding: 0;
2372
}
2373
.tox .tox-naked-btn svg {
2374
  display: block;
2375
  fill: #222f3e;
2376
}
1441 ariadna 2377
.tox .tox-textfield-size {
2378
  width: 80px;
2379
}
1 efrain 2380
.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
2381
  margin-left: 4px;
2382
}
2383
.tox[dir=rtl] .tox-toolbar-textfield + * {
2384
  margin-right: 4px;
2385
}
2386
.tox .tox-listboxfield {
2387
  cursor: pointer;
2388
  position: relative;
2389
}
2390
.tox .tox-listboxfield .tox-listbox--select[disabled] {
2391
  background-color: #f2f2f2;
2392
  color: rgba(34, 47, 62, 0.85);
2393
  cursor: not-allowed;
2394
}
2395
.tox .tox-listbox__select-label {
2396
  cursor: default;
2397
  flex: 1;
2398
  margin: 0 4px;
2399
}
2400
.tox .tox-listbox__select-chevron {
2401
  align-items: center;
2402
  display: flex;
2403
  justify-content: center;
2404
  width: 16px;
2405
}
2406
.tox .tox-listbox__select-chevron svg {
2407
  fill: #222f3e;
2408
}
1441 ariadna 2409
@media (forced-colors: active) {
2410
  .tox .tox-listbox__select-chevron svg {
2411
    fill: currentColor !important;
2412
  }
2413
}
1 efrain 2414
.tox .tox-listboxfield .tox-listbox--select {
2415
  align-items: center;
2416
  display: flex;
2417
}
2418
.tox:not([dir=rtl]) .tox-listboxfield svg {
2419
  right: 8px;
2420
}
2421
.tox[dir=rtl] .tox-listboxfield svg {
2422
  left: 8px;
2423
}
2424
.tox .tox-selectfield {
2425
  cursor: pointer;
2426
  position: relative;
2427
}
2428
.tox .tox-selectfield select {
1441 ariadna 2429
  appearance: none;
1 efrain 2430
  background-color: #fff;
2431
  border-color: #eeeeee;
2432
  border-radius: 6px;
2433
  border-style: solid;
2434
  border-width: 1px;
2435
  box-shadow: none;
2436
  box-sizing: border-box;
2437
  color: #222f3e;
2438
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2439
  font-size: 16px;
2440
  line-height: 24px;
2441
  margin: 0;
2442
  min-height: 34px;
2443
  outline: none;
2444
  padding: 5px 5.5px;
2445
  resize: none;
2446
  width: 100%;
2447
}
2448
.tox .tox-selectfield select[disabled] {
2449
  background-color: #f2f2f2;
2450
  color: rgba(34, 47, 62, 0.85);
2451
  cursor: not-allowed;
2452
}
2453
.tox .tox-selectfield select::-ms-expand {
2454
  display: none;
2455
}
2456
.tox .tox-selectfield select:focus {
2457
  background-color: #fff;
2458
  border-color: #006ce7;
1441 ariadna 2459
  box-shadow: 0 0 0 1px #006ce7;
1 efrain 2460
  outline: none;
2461
}
2462
.tox .tox-selectfield svg {
2463
  pointer-events: none;
2464
  position: absolute;
2465
  top: 50%;
2466
  transform: translateY(-50%);
2467
}
2468
.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
2469
.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
2470
  padding-right: 24px;
2471
}
2472
.tox:not([dir=rtl]) .tox-selectfield svg {
2473
  right: 8px;
2474
}
2475
.tox[dir=rtl] .tox-selectfield select[size="0"],
2476
.tox[dir=rtl] .tox-selectfield select[size="1"] {
2477
  padding-left: 24px;
2478
}
2479
.tox[dir=rtl] .tox-selectfield svg {
2480
  left: 8px;
2481
}
2482
.tox .tox-textarea-wrap {
2483
  border-color: #eeeeee;
2484
  border-radius: 6px;
2485
  border-style: solid;
2486
  border-width: 1px;
2487
  display: flex;
2488
  flex: 1;
2489
  overflow: hidden;
2490
}
2491
.tox .tox-textarea {
1441 ariadna 2492
  appearance: textarea;
1 efrain 2493
  white-space: pre-wrap;
2494
}
2495
.tox .tox-textarea-wrap .tox-textarea {
2496
  border: none;
2497
}
2498
.tox .tox-textarea-wrap .tox-textarea:focus {
2499
  border: none;
2500
}
2501
.tox-fullscreen {
2502
  border: 0;
2503
  height: 100%;
2504
  margin: 0;
2505
  overflow: hidden;
2506
  overscroll-behavior: none;
2507
  padding: 0;
2508
  touch-action: pinch-zoom;
2509
  width: 100%;
2510
}
2511
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
2512
  display: none;
2513
}
2514
.tox.tox-tinymce.tox-fullscreen,
2515
.tox-shadowhost.tox-fullscreen {
2516
  left: 0;
2517
  position: fixed;
2518
  top: 0;
2519
  z-index: 1200;
2520
}
2521
.tox.tox-tinymce.tox-fullscreen {
2522
  background-color: transparent;
2523
}
2524
.tox-fullscreen .tox.tox-tinymce-aux,
2525
.tox-fullscreen ~ .tox.tox-tinymce-aux {
2526
  z-index: 1201;
2527
}
2528
.tox .tox-help__more-link {
2529
  list-style: none;
2530
  margin-top: 1em;
2531
}
2532
.tox .tox-imagepreview {
2533
  background-color: #666;
2534
  height: 380px;
2535
  overflow: hidden;
2536
  position: relative;
2537
  width: 100%;
2538
}
2539
.tox .tox-imagepreview.tox-imagepreview__loaded {
2540
  overflow: auto;
2541
}
2542
.tox .tox-imagepreview__container {
2543
  display: flex;
2544
  left: 100vw;
2545
  position: absolute;
2546
  top: 100vw;
2547
}
2548
.tox .tox-imagepreview__image {
2549
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2550
}
2551
.tox .tox-image-tools .tox-spacer {
2552
  flex: 1;
2553
}
2554
.tox .tox-image-tools .tox-bar {
2555
  align-items: center;
2556
  display: flex;
2557
  height: 60px;
2558
  justify-content: center;
2559
}
2560
.tox .tox-image-tools .tox-imagepreview,
2561
.tox .tox-image-tools .tox-imagepreview + .tox-bar {
2562
  margin-top: 8px;
2563
}
2564
.tox .tox-image-tools .tox-croprect-block {
2565
  background: black;
2566
  filter: alpha(opacity=50);
2567
  opacity: 0.5;
2568
  position: absolute;
2569
  zoom: 1;
2570
}
2571
.tox .tox-image-tools .tox-croprect-handle {
2572
  border: 2px solid white;
2573
  height: 20px;
2574
  left: 0;
2575
  position: absolute;
2576
  top: 0;
2577
  width: 20px;
2578
}
2579
.tox .tox-image-tools .tox-croprect-handle-move {
2580
  border: 0;
2581
  cursor: move;
2582
  position: absolute;
2583
}
2584
.tox .tox-image-tools .tox-croprect-handle-nw {
2585
  border-width: 2px 0 0 2px;
2586
  cursor: nw-resize;
2587
  left: 100px;
2588
  margin: -2px 0 0 -2px;
2589
  top: 100px;
2590
}
2591
.tox .tox-image-tools .tox-croprect-handle-ne {
2592
  border-width: 2px 2px 0 0;
2593
  cursor: ne-resize;
2594
  left: 200px;
2595
  margin: -2px 0 0 -20px;
2596
  top: 100px;
2597
}
2598
.tox .tox-image-tools .tox-croprect-handle-sw {
2599
  border-width: 0 0 2px 2px;
2600
  cursor: sw-resize;
2601
  left: 100px;
2602
  margin: -20px 2px 0 -2px;
2603
  top: 200px;
2604
}
2605
.tox .tox-image-tools .tox-croprect-handle-se {
2606
  border-width: 0 2px 2px 0;
2607
  cursor: se-resize;
2608
  left: 200px;
2609
  margin: -20px 0 0 -20px;
2610
  top: 200px;
2611
}
2612
.tox .tox-insert-table-picker {
1441 ariadna 2613
  background-color: #fff;
1 efrain 2614
  display: flex;
2615
  flex-wrap: wrap;
2616
  width: 170px;
2617
}
2618
.tox .tox-insert-table-picker > div {
2619
  border-color: #eeeeee;
2620
  border-style: solid;
2621
  border-width: 0 1px 1px 0;
2622
  box-sizing: border-box;
2623
  height: 17px;
2624
  width: 17px;
2625
}
2626
.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2627
  margin: -4px -4px;
2628
}
2629
.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
1441 ariadna 2630
  background-color: #006ce7;
2631
  border-color: #eeeeee;
1 efrain 2632
}
1441 ariadna 2633
@media (forced-colors: active) {
2634
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2635
    border-color: Highlight;
2636
    filter: contrast(50%);
2637
  }
2638
}
1 efrain 2639
.tox .tox-insert-table-picker__label {
2640
  color: rgba(34, 47, 62, 0.7);
2641
  display: block;
2642
  font-size: 14px;
2643
  padding: 4px;
2644
  text-align: center;
2645
  width: 100%;
2646
}
2647
.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2648
  border-right: 0;
2649
}
2650
.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2651
  border-right: 0;
2652
}
2653
.tox {
2654
  /* stylelint-disable */
2655
  /* stylelint-enable */
2656
}
2657
.tox .tox-menu {
2658
  background-color: #fff;
2659
  border: 1px solid transparent;
2660
  border-radius: 6px;
2661
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2662
  display: inline-block;
2663
  overflow: hidden;
2664
  vertical-align: top;
2665
  z-index: 1150;
2666
}
2667
.tox .tox-menu.tox-collection.tox-collection--list {
2668
  padding: 0 4px;
2669
}
2670
.tox .tox-menu.tox-collection.tox-collection--toolbar {
2671
  padding: 8px;
2672
}
2673
.tox .tox-menu.tox-collection.tox-collection--grid {
2674
  padding: 8px;
2675
}
2676
@media only screen and (min-width: 768px ) {
2677
  .tox .tox-menu .tox-collection__item-label {
2678
    overflow-wrap: break-word;
2679
    word-break: normal;
2680
  }
2681
  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
2682
    word-break: break-all;
2683
  }
2684
}
2685
.tox .tox-menu__label h1,
2686
.tox .tox-menu__label h2,
2687
.tox .tox-menu__label h3,
2688
.tox .tox-menu__label h4,
2689
.tox .tox-menu__label h5,
2690
.tox .tox-menu__label h6,
2691
.tox .tox-menu__label p,
2692
.tox .tox-menu__label blockquote,
2693
.tox .tox-menu__label code {
2694
  margin: 0;
2695
}
2696
.tox .tox-menubar {
1441 ariadna 2697
  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
1 efrain 2698
  background-color: #fff;
2699
  display: flex;
2700
  flex: 0 0 auto;
2701
  flex-shrink: 0;
2702
  flex-wrap: wrap;
2703
  grid-column: 1 / -1;
2704
  grid-row: 1;
2705
  padding: 0 11px 0 12px;
2706
}
2707
.tox .tox-promotion + .tox-menubar {
2708
  grid-column: 1;
2709
}
2710
.tox .tox-promotion {
1441 ariadna 2711
  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
1 efrain 2712
  background-color: #fff;
2713
  grid-column: 2;
2714
  grid-row: 1;
2715
  padding-inline-end: 8px;
2716
  padding-inline-start: 4px;
2717
  padding-top: 5px;
2718
}
2719
.tox .tox-promotion-link {
2720
  align-items: unsafe center;
2721
  background-color: #E8F1F8;
2722
  border-radius: 5px;
2723
  color: #086BE6;
2724
  cursor: pointer;
2725
  display: flex;
2726
  font-size: 14px;
2727
  height: 26.6px;
2728
  padding: 4px 8px;
2729
  white-space: nowrap;
2730
}
2731
.tox .tox-promotion-link:hover {
2732
  background-color: #B4D7FF;
2733
}
2734
.tox .tox-promotion-link:focus {
2735
  background-color: #D9EDF7;
2736
}
2737
/* Deprecated. Remove in next major release */
2738
.tox .tox-mbtn {
2739
  align-items: center;
1441 ariadna 2740
  background: #fff;
1 efrain 2741
  border: 0;
2742
  border-radius: 3px;
2743
  box-shadow: none;
2744
  color: #222f3e;
2745
  display: flex;
2746
  flex: 0 0 auto;
2747
  font-size: 14px;
2748
  font-style: normal;
2749
  font-weight: normal;
2750
  height: 28px;
2751
  justify-content: center;
2752
  margin: 5px 1px 6px 0;
2753
  outline: none;
2754
  padding: 0 4px;
2755
  text-transform: none;
2756
  width: auto;
2757
}
2758
.tox .tox-mbtn[disabled] {
1441 ariadna 2759
  background-color: #fff;
1 efrain 2760
  border: 0;
2761
  box-shadow: none;
2762
  color: rgba(34, 47, 62, 0.5);
2763
  cursor: not-allowed;
2764
}
2765
.tox .tox-mbtn:focus:not(:disabled) {
1441 ariadna 2766
  background: #fff;
1 efrain 2767
  border: 0;
2768
  box-shadow: none;
2769
  color: #222f3e;
1441 ariadna 2770
  position: relative;
2771
  z-index: 1;
1 efrain 2772
}
1441 ariadna 2773
.tox .tox-mbtn:focus:not(:disabled)::after {
2774
  border-radius: 3px;
2775
  bottom: 0;
2776
  box-shadow: 0 0 0 2px #006ce7 ;
2777
  content: '';
2778
  left: 0;
2779
  position: absolute;
2780
  right: 0;
2781
  top: 0;
2782
}
2783
@media (forced-colors: active) {
2784
  .tox .tox-mbtn:focus:not(:disabled)::after {
2785
    border: 2px solid highlight;
2786
  }
2787
}
2788
.tox .tox-mbtn--active,
2789
.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
1 efrain 2790
  background: #a6ccf7;
2791
  border: 0;
2792
  box-shadow: none;
2793
  color: #222f3e;
2794
}
2795
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
1441 ariadna 2796
  background: #f0f0f0;
1 efrain 2797
  border: 0;
2798
  box-shadow: none;
2799
  color: #222f3e;
2800
}
2801
.tox .tox-mbtn__select-label {
2802
  cursor: default;
2803
  font-weight: normal;
2804
  margin: 0 4px;
2805
}
2806
.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2807
  cursor: not-allowed;
2808
}
2809
.tox .tox-mbtn__select-chevron {
2810
  align-items: center;
2811
  display: flex;
2812
  justify-content: center;
2813
  width: 16px;
2814
  display: none;
2815
}
2816
.tox .tox-notification {
2817
  border-radius: 6px;
2818
  border-style: solid;
2819
  border-width: 1px;
2820
  box-shadow: none;
2821
  box-sizing: border-box;
2822
  display: grid;
2823
  font-size: 14px;
2824
  font-weight: normal;
2825
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
1441 ariadna 2826
  margin-left: auto;
2827
  margin-right: auto;
1 efrain 2828
  margin-top: 4px;
2829
  opacity: 0;
2830
  padding: 4px;
2831
  transition: transform 100ms ease-in, opacity 150ms ease-in;
1441 ariadna 2832
  width: max-content;
1 efrain 2833
}
1441 ariadna 2834
.tox .tox-notification a {
2835
  cursor: pointer;
2836
  -webkit-text-decoration: underline;
2837
  text-decoration: underline;
2838
}
1 efrain 2839
.tox .tox-notification p {
2840
  font-size: 14px;
2841
  font-weight: normal;
2842
}
1441 ariadna 2843
.tox .tox-notification:focus {
2844
  border-color: #006ce7;
2845
  box-shadow: 0 0 0 1px #006ce7;
1 efrain 2846
}
2847
.tox .tox-notification--in {
2848
  opacity: 1;
2849
}
2850
.tox .tox-notification--success {
2851
  background-color: #e4eeda;
2852
  border-color: #d7e6c8;
2853
  color: #222f3e;
2854
}
2855
.tox .tox-notification--success p {
2856
  color: #222f3e;
2857
}
2858
.tox .tox-notification--success a {
2859
  color: #517342;
2860
}
1441 ariadna 2861
.tox .tox-notification--success a:hover,
2862
.tox .tox-notification--success a:focus {
2863
  color: #24321d;
2864
  -webkit-text-decoration: underline;
2865
  text-decoration: underline;
2866
}
2867
.tox .tox-notification--success a:focus-visible {
2868
  border-radius: 1px;
2869
  outline: 2px solid #517342;
2870
  outline-offset: 2px;
2871
}
2872
.tox .tox-notification--success a:active {
2873
  color: #0d120a;
2874
  -webkit-text-decoration: underline;
2875
  text-decoration: underline;
2876
}
1 efrain 2877
.tox .tox-notification--success svg {
2878
  fill: #222f3e;
2879
}
2880
.tox .tox-notification--error {
2881
  background-color: #f5cccc;
2882
  border-color: #f0b3b3;
2883
  color: #222f3e;
2884
}
2885
.tox .tox-notification--error p {
2886
  color: #222f3e;
2887
}
2888
.tox .tox-notification--error a {
2889
  color: #77181f;
2890
}
1441 ariadna 2891
.tox .tox-notification--error a:hover,
2892
.tox .tox-notification--error a:focus {
2893
  color: #220709;
2894
  -webkit-text-decoration: underline;
2895
  text-decoration: underline;
2896
}
2897
.tox .tox-notification--error a:focus-visible {
2898
  border-radius: 1px;
2899
  outline: 2px solid #77181f;
2900
  outline-offset: 2px;
2901
}
2902
.tox .tox-notification--error a:active {
2903
  color: #000000;
2904
  -webkit-text-decoration: underline;
2905
  text-decoration: underline;
2906
}
1 efrain 2907
.tox .tox-notification--error svg {
2908
  fill: #222f3e;
2909
}
2910
.tox .tox-notification--warn,
2911
.tox .tox-notification--warning {
2912
  background-color: #fff5cc;
2913
  border-color: #fff0b3;
2914
  color: #222f3e;
2915
}
2916
.tox .tox-notification--warn p,
2917
.tox .tox-notification--warning p {
2918
  color: #222f3e;
2919
}
2920
.tox .tox-notification--warn a,
2921
.tox .tox-notification--warning a {
2922
  color: #7a6e25;
2923
}
1441 ariadna 2924
.tox .tox-notification--warn a:hover,
2925
.tox .tox-notification--warning a:hover,
2926
.tox .tox-notification--warn a:focus,
2927
.tox .tox-notification--warning a:focus {
2928
  color: #2c280d;
2929
  -webkit-text-decoration: underline;
2930
  text-decoration: underline;
2931
}
2932
.tox .tox-notification--warn a:focus-visible,
2933
.tox .tox-notification--warning a:focus-visible {
2934
  border-radius: 1px;
2935
  outline: 2px solid #7a6e25;
2936
  outline-offset: 2px;
2937
}
2938
.tox .tox-notification--warn a:active,
2939
.tox .tox-notification--warning a:active {
2940
  color: #050502;
2941
  -webkit-text-decoration: underline;
2942
  text-decoration: underline;
2943
}
1 efrain 2944
.tox .tox-notification--warn svg,
2945
.tox .tox-notification--warning svg {
2946
  fill: #222f3e;
2947
}
2948
.tox .tox-notification--info {
2949
  background-color: #d6e7fb;
2950
  border-color: #c1dbf9;
2951
  color: #222f3e;
2952
}
2953
.tox .tox-notification--info p {
2954
  color: #222f3e;
2955
}
2956
.tox .tox-notification--info a {
2957
  color: #2a64a6;
2958
}
1441 ariadna 2959
.tox .tox-notification--info a:hover,
2960
.tox .tox-notification--info a:focus {
2961
  color: #163355;
2962
  -webkit-text-decoration: underline;
2963
  text-decoration: underline;
2964
}
2965
.tox .tox-notification--info a:focus-visible {
2966
  border-radius: 1px;
2967
  outline: 2px solid #2a64a6;
2968
  outline-offset: 2px;
2969
}
2970
.tox .tox-notification--info a:active {
2971
  color: #0b1a2c;
2972
  -webkit-text-decoration: underline;
2973
  text-decoration: underline;
2974
}
1 efrain 2975
.tox .tox-notification--info svg {
2976
  fill: #222f3e;
2977
}
2978
.tox .tox-notification__body {
2979
  align-self: center;
2980
  color: #222f3e;
2981
  font-size: 14px;
2982
  grid-column-end: 3;
2983
  grid-column-start: 2;
2984
  grid-row-end: 2;
2985
  grid-row-start: 1;
2986
  text-align: center;
2987
  white-space: normal;
2988
  word-break: break-all;
2989
  word-break: break-word;
2990
}
2991
.tox .tox-notification__body > * {
2992
  margin: 0;
2993
}
2994
.tox .tox-notification__body > * + * {
2995
  margin-top: 1rem;
2996
}
2997
.tox .tox-notification__icon {
2998
  align-self: center;
2999
  grid-column-end: 2;
3000
  grid-column-start: 1;
3001
  grid-row-end: 2;
3002
  grid-row-start: 1;
3003
  justify-self: end;
3004
}
3005
.tox .tox-notification__icon svg {
3006
  display: block;
3007
}
3008
.tox .tox-notification__dismiss {
3009
  align-self: start;
3010
  grid-column-end: 4;
3011
  grid-column-start: 3;
3012
  grid-row-end: 2;
3013
  grid-row-start: 1;
3014
  justify-self: end;
3015
}
3016
.tox .tox-notification .tox-progress-bar {
3017
  grid-column-end: 4;
3018
  grid-column-start: 1;
3019
  grid-row-end: 3;
3020
  grid-row-start: 2;
3021
  justify-self: center;
3022
}
1441 ariadna 3023
.tox .tox-notification-container-dock-fadeout {
3024
  opacity: 0;
3025
  visibility: hidden;
3026
}
3027
.tox .tox-notification-container-dock-fadein {
3028
  opacity: 1;
3029
  visibility: visible;
3030
}
3031
.tox .tox-notification-container-dock-transition {
3032
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
3033
}
3034
.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
3035
  transition-delay: 0s;
3036
}
1 efrain 3037
.tox .tox-pop {
3038
  display: inline-block;
3039
  position: relative;
3040
}
3041
.tox .tox-pop--resizing {
3042
  transition: width 0.1s ease;
3043
}
3044
.tox .tox-pop--resizing .tox-toolbar,
3045
.tox .tox-pop--resizing .tox-toolbar__group {
3046
  flex-wrap: nowrap;
3047
}
3048
.tox .tox-pop--transition {
3049
  transition: 0.15s ease;
3050
  transition-property: left, right, top, bottom;
3051
}
3052
.tox .tox-pop--transition::before,
3053
.tox .tox-pop--transition::after {
3054
  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
3055
}
3056
.tox .tox-pop__dialog {
3057
  background-color: #fff;
3058
  border: 1px solid #eeeeee;
3059
  border-radius: 6px;
3060
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3061
  min-width: 0;
3062
  overflow: hidden;
3063
}
3064
.tox .tox-pop__dialog > *:not(.tox-toolbar) {
3065
  margin: 4px 4px 4px 8px;
3066
}
3067
.tox .tox-pop__dialog .tox-toolbar {
3068
  background-color: transparent;
3069
  margin-bottom: -1px;
3070
}
3071
.tox .tox-pop::before,
3072
.tox .tox-pop::after {
3073
  border-style: solid;
3074
  content: '';
3075
  display: block;
3076
  height: 0;
3077
  opacity: 1;
3078
  position: absolute;
3079
  width: 0;
3080
}
1441 ariadna 3081
@media (forced-colors: active) {
3082
  .tox .tox-pop::before,
3083
  .tox .tox-pop::after {
3084
    content: none;
3085
  }
3086
}
1 efrain 3087
.tox .tox-pop.tox-pop--inset::before,
3088
.tox .tox-pop.tox-pop--inset::after {
3089
  opacity: 0;
3090
  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
3091
}
3092
.tox .tox-pop.tox-pop--bottom::before,
3093
.tox .tox-pop.tox-pop--bottom::after {
3094
  left: 50%;
3095
  top: 100%;
3096
}
3097
.tox .tox-pop.tox-pop--bottom::after {
3098
  border-color: #fff transparent transparent transparent;
3099
  border-width: 8px;
3100
  margin-left: -8px;
3101
  margin-top: -1px;
3102
}
3103
.tox .tox-pop.tox-pop--bottom::before {
3104
  border-color: #eeeeee transparent transparent transparent;
3105
  border-width: 9px;
3106
  margin-left: -9px;
3107
}
3108
.tox .tox-pop.tox-pop--top::before,
3109
.tox .tox-pop.tox-pop--top::after {
3110
  left: 50%;
3111
  top: 0;
3112
  transform: translateY(-100%);
3113
}
3114
.tox .tox-pop.tox-pop--top::after {
3115
  border-color: transparent transparent #fff transparent;
3116
  border-width: 8px;
3117
  margin-left: -8px;
3118
  margin-top: 1px;
3119
}
3120
.tox .tox-pop.tox-pop--top::before {
3121
  border-color: transparent transparent #eeeeee transparent;
3122
  border-width: 9px;
3123
  margin-left: -9px;
3124
}
3125
.tox .tox-pop.tox-pop--left::before,
3126
.tox .tox-pop.tox-pop--left::after {
3127
  left: 0;
3128
  top: calc(50% - 1px);
3129
  transform: translateY(-50%);
3130
}
3131
.tox .tox-pop.tox-pop--left::after {
3132
  border-color: transparent #fff transparent transparent;
3133
  border-width: 8px;
3134
  margin-left: -15px;
3135
}
3136
.tox .tox-pop.tox-pop--left::before {
3137
  border-color: transparent #eeeeee transparent transparent;
3138
  border-width: 10px;
3139
  margin-left: -19px;
3140
}
3141
.tox .tox-pop.tox-pop--right::before,
3142
.tox .tox-pop.tox-pop--right::after {
3143
  left: 100%;
3144
  top: calc(50% + 1px);
3145
  transform: translateY(-50%);
3146
}
3147
.tox .tox-pop.tox-pop--right::after {
3148
  border-color: transparent transparent transparent #fff;
3149
  border-width: 8px;
3150
  margin-left: -1px;
3151
}
3152
.tox .tox-pop.tox-pop--right::before {
3153
  border-color: transparent transparent transparent #eeeeee;
3154
  border-width: 10px;
3155
  margin-left: -1px;
3156
}
3157
.tox .tox-pop.tox-pop--align-left::before,
3158
.tox .tox-pop.tox-pop--align-left::after {
3159
  left: 20px;
3160
}
3161
.tox .tox-pop.tox-pop--align-right::before,
3162
.tox .tox-pop.tox-pop--align-right::after {
3163
  left: calc(100% - 20px);
3164
}
3165
.tox .tox-sidebar-wrap {
3166
  display: flex;
3167
  flex-direction: row;
3168
  flex-grow: 1;
3169
  min-height: 0;
3170
}
3171
.tox .tox-sidebar {
1441 ariadna 3172
  background-color: #f0f0f0;
1 efrain 3173
  display: flex;
3174
  flex-direction: row;
3175
  justify-content: flex-end;
3176
}
3177
.tox .tox-sidebar__slider {
3178
  display: flex;
3179
  overflow: hidden;
3180
}
3181
.tox .tox-sidebar__pane-container {
3182
  display: flex;
3183
}
3184
.tox .tox-sidebar__pane {
3185
  display: flex;
3186
}
3187
.tox .tox-sidebar--sliding-closed {
3188
  opacity: 0;
3189
}
3190
.tox .tox-sidebar--sliding-open {
3191
  opacity: 1;
3192
}
3193
.tox .tox-sidebar--sliding-growing,
3194
.tox .tox-sidebar--sliding-shrinking {
3195
  transition: width 0.5s ease, opacity 0.5s ease;
3196
}
3197
.tox .tox-selector {
3198
  background-color: #4099ff;
3199
  border-color: #4099ff;
3200
  border-style: solid;
3201
  border-width: 1px;
3202
  box-sizing: border-box;
3203
  display: inline-block;
3204
  height: 10px;
3205
  position: absolute;
3206
  width: 10px;
3207
}
3208
.tox.tox-platform-touch .tox-selector {
3209
  height: 12px;
3210
  width: 12px;
3211
}
3212
.tox .tox-slider {
3213
  align-items: center;
3214
  display: flex;
3215
  flex: 1;
3216
  height: 24px;
3217
  justify-content: center;
3218
  position: relative;
3219
}
3220
.tox .tox-slider__rail {
3221
  background-color: transparent;
3222
  border: 1px solid #eeeeee;
3223
  border-radius: 6px;
3224
  height: 10px;
3225
  min-width: 120px;
3226
  width: 100%;
3227
}
3228
.tox .tox-slider__handle {
3229
  background-color: #006ce7;
3230
  border: 2px solid #0054b4;
3231
  border-radius: 6px;
3232
  box-shadow: none;
3233
  height: 24px;
3234
  left: 50%;
3235
  position: absolute;
3236
  top: 50%;
3237
  transform: translateX(-50%) translateY(-50%);
3238
  width: 14px;
3239
}
3240
.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
3241
  margin-inline-start: 8px;
3242
}
3243
.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
3244
  margin-inline-start: 32px;
3245
}
3246
.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3247
  margin-inline-start: 32px;
3248
}
1441 ariadna 3249
.tox .tox-toolbar-slider {
3250
  align-items: center;
3251
  display: inline-flex;
3252
  height: 16px;
3253
}
3254
.tox .tox-toolbar-slider__input {
3255
  appearance: none;
3256
  background: #eeeeee;
3257
  border-radius: 16px;
3258
  width: 130px;
3259
  height: 2px;
3260
}
3261
.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
3262
  background-color: transparent;
3263
  height: 16px;
3264
}
3265
.tox .tox-toolbar-slider__input::-moz-range-track {
3266
  background-color: transparent;
3267
  height: 16px;
3268
}
3269
.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
3270
  -webkit-appearance: none;
3271
  background-color: #006ce7;
3272
  border-radius: 16px;
3273
  border: none;
3274
  height: 16px;
3275
  width: 16px;
3276
}
3277
.tox .tox-toolbar-slider__input::-moz-range-thumb {
3278
  appearance: none;
3279
  background-color: #006ce7;
3280
  border-radius: 16px;
3281
  border: none;
3282
  height: 16px;
3283
  width: 16px;
3284
}
3285
.tox .tox-toolbar-slider__input:focus-visible {
3286
  outline: none;
3287
}
3288
.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
3289
  background-color: #0060ce;
3290
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
3291
}
3292
.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
3293
  background-color: #0060ce;
3294
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
3295
}
3296
.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
3297
  background-color: #0060ce;
3298
}
3299
.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
3300
  background-color: #0060ce;
3301
}
3302
.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
3303
  background-color: #0054b4;
3304
}
3305
.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
3306
  background-color: #0054b4;
3307
}
3308
.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
3309
  background-color: rgba(255, 255, 255, 0.5);
3310
}
3311
.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
3312
  background-color: rgba(255, 255, 255, 0.5);
3313
}
1 efrain 3314
.tox .tox-source-code {
3315
  overflow: auto;
3316
}
3317
.tox .tox-spinner {
3318
  display: flex;
3319
}
3320
.tox .tox-spinner > div {
3321
  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
3322
  background-color: rgba(34, 47, 62, 0.7);
3323
  border-radius: 100%;
3324
  height: 8px;
3325
  width: 8px;
3326
}
3327
.tox .tox-spinner > div:nth-child(1) {
3328
  animation-delay: -0.32s;
3329
}
3330
.tox .tox-spinner > div:nth-child(2) {
3331
  animation-delay: -0.16s;
3332
}
3333
@keyframes tam-bouncing-dots {
3334
  0%,
3335
  80%,
3336
  100% {
3337
    transform: scale(0);
3338
  }
3339
  40% {
3340
    transform: scale(1);
3341
  }
3342
}
3343
.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
3344
  margin-left: 4px;
3345
}
3346
.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
3347
  margin-right: 4px;
3348
}
3349
.tox .tox-statusbar {
3350
  align-items: center;
3351
  background-color: #fff;
3352
  border-top: 1px solid #e3e3e3;
3353
  color: rgba(34, 47, 62, 0.7);
3354
  display: flex;
3355
  flex: 0 0 auto;
3356
  font-size: 14px;
3357
  font-weight: normal;
3358
  height: 25px;
3359
  overflow: hidden;
3360
  padding: 0 8px;
3361
  position: relative;
3362
  text-transform: none;
3363
}
3364
.tox .tox-statusbar__path {
3365
  display: flex;
3366
  flex: 1 1 auto;
3367
  text-overflow: ellipsis;
3368
  white-space: nowrap;
3369
}
3370
.tox .tox-statusbar__right-container {
3371
  display: flex;
3372
  justify-content: flex-end;
3373
  white-space: nowrap;
3374
}
3375
.tox .tox-statusbar__help-text {
3376
  text-align: center;
3377
}
3378
.tox .tox-statusbar__text-container {
1441 ariadna 3379
  align-items: flex-start;
1 efrain 3380
  display: flex;
3381
  flex: 1 1 auto;
1441 ariadna 3382
  height: 16px;
1 efrain 3383
  justify-content: space-between;
3384
}
3385
@media only screen and (min-width: 768px ) {
3386
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
3387
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
3388
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
3389
    flex: 0 0 calc(100% / 3);
3390
  }
3391
}
3392
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
3393
  justify-content: flex-end;
3394
}
3395
.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
3396
  justify-content: flex-start;
3397
}
3398
.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
3399
  justify-content: space-around;
3400
}
3401
.tox .tox-statusbar__path > * {
3402
  display: inline;
3403
  white-space: nowrap;
3404
}
3405
.tox .tox-statusbar__wordcount {
3406
  flex: 0 0 auto;
3407
  margin-left: 1ch;
3408
}
3409
@media only screen and (max-width: 767px ) {
3410
  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
3411
    display: none;
3412
  }
3413
  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
3414
    display: block;
3415
  }
3416
}
3417
.tox .tox-statusbar a,
3418
.tox .tox-statusbar__path-item,
3419
.tox .tox-statusbar__wordcount {
3420
  color: rgba(34, 47, 62, 0.7);
1441 ariadna 3421
  position: relative;
3422
  -webkit-text-decoration: none;
1 efrain 3423
  text-decoration: none;
3424
}
3425
.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
3426
.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
3427
.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
3428
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3429
.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3430
.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3431
  color: #222f3e;
3432
  cursor: pointer;
3433
}
1441 ariadna 3434
.tox .tox-statusbar a:focus-visible::after,
3435
.tox .tox-statusbar__path-item:focus-visible::after,
3436
.tox .tox-statusbar__wordcount:focus-visible::after {
3437
  border-radius: 3px;
3438
  bottom: 0;
3439
  box-shadow: 0 0 0 2px #006ce7 ;
3440
  content: '';
3441
  left: 0;
3442
  position: absolute;
3443
  right: 0;
3444
  top: 0;
3445
}
3446
@media (forced-colors: active) {
3447
  .tox .tox-statusbar a:focus-visible::after,
3448
  .tox .tox-statusbar__path-item:focus-visible::after,
3449
  .tox .tox-statusbar__wordcount:focus-visible::after {
3450
    border: 2px solid highlight;
3451
  }
3452
}
1 efrain 3453
.tox .tox-statusbar__branding svg {
3454
  fill: rgba(34, 47, 62, 0.8);
1441 ariadna 3455
  height: 1em;
3456
  margin-left: 0.3em;
3457
  width: auto;
1 efrain 3458
}
1441 ariadna 3459
@media (forced-colors: active) {
3460
  .tox .tox-statusbar__branding svg {
3461
    fill: currentColor;
3462
  }
3463
}
3464
.tox .tox-statusbar__branding a {
3465
  align-items: center;
3466
  display: inline-flex;
3467
}
1 efrain 3468
.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
3469
.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
3470
  fill: #222f3e;
3471
}
3472
.tox .tox-statusbar__resize-handle {
3473
  align-items: flex-end;
3474
  align-self: stretch;
3475
  cursor: nwse-resize;
3476
  display: flex;
3477
  flex: 0 0 auto;
3478
  justify-content: flex-end;
1441 ariadna 3479
  margin-bottom: 3px;
3480
  margin-left: 4px;
3481
  margin-right: calc(3px - 8px);
3482
  margin-top: 3px;
3483
  padding-bottom: 0;
3484
  padding-left: 0;
3485
  padding-right: 0;
3486
  position: relative;
1 efrain 3487
}
3488
.tox .tox-statusbar__resize-handle svg {
3489
  display: block;
3490
  fill: rgba(34, 47, 62, 0.5);
3491
}
1441 ariadna 3492
.tox .tox-statusbar__resize-handle:hover svg,
1 efrain 3493
.tox .tox-statusbar__resize-handle:focus svg {
1441 ariadna 3494
  fill: #222f3e;
3495
}
3496
.tox .tox-statusbar__resize-handle:focus-visible {
3497
  background-color: transparent;
1 efrain 3498
  border-radius: 1px 1px 5px 1px;
1441 ariadna 3499
  box-shadow: 0 0 0 2px transparent;
1 efrain 3500
}
1441 ariadna 3501
.tox .tox-statusbar__resize-handle:focus-visible::after {
3502
  border-radius: 3px;
3503
  bottom: 0;
3504
  box-shadow: 0 0 0 2px #006ce7 ;
3505
  content: '';
3506
  left: 0;
3507
  position: absolute;
3508
  right: 0;
3509
  top: 0;
3510
}
3511
@media (forced-colors: active) {
3512
  .tox .tox-statusbar__resize-handle:focus-visible::after {
3513
    border: 2px solid highlight;
3514
  }
3515
}
3516
.tox .tox-statusbar__resize-handle:only-child {
3517
  margin-left: auto;
3518
}
1 efrain 3519
.tox:not([dir=rtl]) .tox-statusbar__path > * {
3520
  margin-right: 4px;
3521
}
3522
.tox:not([dir=rtl]) .tox-statusbar__branding {
3523
  margin-left: 2ch;
3524
}
3525
.tox[dir=rtl] .tox-statusbar {
3526
  flex-direction: row-reverse;
3527
}
3528
.tox[dir=rtl] .tox-statusbar__path > * {
3529
  margin-left: 4px;
3530
}
1441 ariadna 3531
.tox[dir=rtl] .tox-statusbar__branding svg {
3532
  margin-left: 0;
3533
  margin-right: 0.3em;
3534
}
1 efrain 3535
.tox .tox-throbber {
3536
  z-index: 1299;
3537
}
3538
.tox .tox-throbber__busy-spinner {
3539
  align-items: center;
3540
  background-color: rgba(255, 255, 255, 0.6);
3541
  bottom: 0;
3542
  display: flex;
3543
  justify-content: center;
3544
  left: 0;
3545
  position: absolute;
3546
  right: 0;
3547
  top: 0;
3548
}
3549
.tox .tox-tbtn {
3550
  align-items: center;
1441 ariadna 3551
  background: #fff;
1 efrain 3552
  border: 0;
3553
  border-radius: 3px;
3554
  box-shadow: none;
3555
  color: #222f3e;
3556
  display: flex;
3557
  flex: 0 0 auto;
3558
  font-size: 14px;
3559
  font-style: normal;
3560
  font-weight: normal;
3561
  height: 28px;
3562
  justify-content: center;
3563
  margin: 6px 1px 5px 0;
3564
  outline: none;
3565
  padding: 0;
3566
  text-transform: none;
3567
  width: 34px;
3568
}
1441 ariadna 3569
@media (forced-colors: active) {
3570
  .tox .tox-tbtn:hover,
3571
  .tox .tox-tbtn.tox-tbtn:hover {
3572
    outline: 1px dashed currentColor;
3573
  }
3574
  .tox .tox-tbtn.tox-tbtn--active,
3575
  .tox .tox-tbtn.tox-tbtn--enabled,
3576
  .tox .tox-tbtn.tox-tbtn--enabled:hover,
3577
  .tox .tox-tbtn.tox-tbtn--enabled:focus,
3578
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3579
    outline: 1px solid currentColor;
3580
    position: relative;
3581
  }
3582
}
1 efrain 3583
.tox .tox-tbtn svg {
3584
  display: block;
3585
  fill: #222f3e;
3586
}
1441 ariadna 3587
@media (forced-colors: active) {
3588
  .tox .tox-tbtn svg {
3589
    fill: currentColor !important;
3590
  }
3591
  .tox .tox-tbtn svg.tox-tbtn--enabled,
3592
  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
3593
    fill: currentColor !important;
3594
  }
3595
  .tox .tox-tbtn svg.tox-tbtn--disabled,
3596
  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
3597
  .tox .tox-tbtn svg .tox-tbtn:disabled,
3598
  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
3599
    filter: contrast(0%);
3600
  }
3601
}
1 efrain 3602
.tox .tox-tbtn.tox-tbtn-more {
3603
  padding-left: 5px;
3604
  padding-right: 5px;
3605
  width: inherit;
3606
}
3607
.tox .tox-tbtn:focus {
1441 ariadna 3608
  background: #fff;
1 efrain 3609
  border: 0;
3610
  box-shadow: none;
1441 ariadna 3611
  position: relative;
3612
  z-index: 1;
1 efrain 3613
}
1441 ariadna 3614
.tox .tox-tbtn:focus::after {
3615
  border-radius: 3px;
3616
  bottom: 0;
3617
  box-shadow: 0 0 0 2px #006ce7 ;
3618
  content: '';
3619
  left: 0;
3620
  position: absolute;
3621
  right: 0;
3622
  top: 0;
3623
}
3624
@media (forced-colors: active) {
3625
  .tox .tox-tbtn:focus::after {
3626
    border: 2px solid highlight;
3627
  }
3628
}
1 efrain 3629
.tox .tox-tbtn:hover {
1441 ariadna 3630
  background: #f0f0f0;
1 efrain 3631
  border: 0;
3632
  box-shadow: none;
3633
  color: #222f3e;
3634
}
3635
.tox .tox-tbtn:hover svg {
3636
  fill: #222f3e;
3637
}
3638
.tox .tox-tbtn:active {
3639
  background: #a6ccf7;
3640
  border: 0;
3641
  box-shadow: none;
3642
  color: #222f3e;
3643
}
3644
.tox .tox-tbtn:active svg {
3645
  fill: #222f3e;
3646
}
3647
.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3648
  fill: rgba(34, 47, 62, 0.5);
3649
}
3650
.tox .tox-tbtn--disabled,
3651
.tox .tox-tbtn--disabled:hover,
3652
.tox .tox-tbtn:disabled,
3653
.tox .tox-tbtn:disabled:hover {
1441 ariadna 3654
  background: #fff;
1 efrain 3655
  border: 0;
3656
  box-shadow: none;
3657
  color: rgba(34, 47, 62, 0.5);
3658
  cursor: not-allowed;
3659
}
3660
.tox .tox-tbtn--disabled svg,
3661
.tox .tox-tbtn--disabled:hover svg,
3662
.tox .tox-tbtn:disabled svg,
3663
.tox .tox-tbtn:disabled:hover svg {
3664
  fill: rgba(34, 47, 62, 0.5);
3665
}
1441 ariadna 3666
.tox .tox-tbtn--active,
1 efrain 3667
.tox .tox-tbtn--enabled,
1441 ariadna 3668
.tox .tox-tbtn--enabled:hover,
3669
.tox .tox-tbtn--enabled:focus {
1 efrain 3670
  background: #a6ccf7;
3671
  border: 0;
3672
  box-shadow: none;
3673
  color: #222f3e;
1441 ariadna 3674
  position: relative;
1 efrain 3675
}
1441 ariadna 3676
.tox .tox-tbtn--active > *,
1 efrain 3677
.tox .tox-tbtn--enabled > *,
1441 ariadna 3678
.tox .tox-tbtn--enabled:hover > *,
3679
.tox .tox-tbtn--enabled:focus > * {
1 efrain 3680
  transform: none;
3681
}
1441 ariadna 3682
.tox .tox-tbtn--active svg,
1 efrain 3683
.tox .tox-tbtn--enabled svg,
1441 ariadna 3684
.tox .tox-tbtn--enabled:hover svg,
3685
.tox .tox-tbtn--enabled:focus svg {
1 efrain 3686
  fill: #222f3e;
3687
}
1441 ariadna 3688
.tox .tox-tbtn--active.tox-tbtn--disabled svg,
1 efrain 3689
.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
1441 ariadna 3690
.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
3691
.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
1 efrain 3692
  fill: rgba(34, 47, 62, 0.5);
3693
}
1441 ariadna 3694
.tox .tox-tbtn--enabled:focus::after {
3695
  border-radius: 3px;
3696
  bottom: 0;
3697
  box-shadow: 0 0 0 2px #006ce7 ;
3698
  content: '';
3699
  left: 0;
3700
  position: absolute;
3701
  right: 0;
3702
  top: 0;
3703
}
3704
@media (forced-colors: active) {
3705
  .tox .tox-tbtn--enabled:focus::after {
3706
    border: 2px solid highlight;
3707
  }
3708
}
1 efrain 3709
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3710
  color: #222f3e;
3711
}
3712
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
3713
  fill: #222f3e;
3714
}
3715
.tox .tox-tbtn:active > * {
3716
  transform: none;
3717
}
3718
.tox .tox-tbtn--md {
3719
  height: 42px;
3720
  width: 51px;
3721
}
3722
.tox .tox-tbtn--lg {
3723
  flex-direction: column;
3724
  height: 56px;
3725
  width: 68px;
3726
}
3727
.tox .tox-tbtn--return {
3728
  align-self: stretch;
3729
  height: unset;
3730
  width: 16px;
3731
}
3732
.tox .tox-tbtn--labeled {
3733
  padding: 0 4px;
3734
  width: unset;
3735
}
3736
.tox .tox-tbtn__vlabel {
3737
  display: block;
3738
  font-size: 10px;
3739
  font-weight: normal;
3740
  letter-spacing: -0.025em;
3741
  margin-bottom: 4px;
3742
  white-space: nowrap;
3743
}
1441 ariadna 3744
.tox .tox-label--context-toolbar {
3745
  margin: 6px 1px 5px 0;
3746
  -webkit-touch-callout: none;
3747
  -webkit-user-select: none;
3748
  user-select: none;
3749
}
1 efrain 3750
.tox .tox-number-input {
1441 ariadna 3751
  background: #f7f7f7;
1 efrain 3752
  border-radius: 3px;
3753
  display: flex;
3754
  margin: 6px 1px 5px 0;
1441 ariadna 3755
  position: relative;
1 efrain 3756
  width: auto;
3757
}
1441 ariadna 3758
.tox .tox-number-input:focus {
3759
  background: #f7f7f7;
3760
}
3761
.tox .tox-number-input:focus::after {
3762
  border-radius: 3px;
3763
  bottom: 0;
3764
  box-shadow: 0 0 0 2px #006ce7 ;
3765
  content: '';
3766
  left: 0;
3767
  position: absolute;
3768
  right: 0;
3769
  top: 0;
3770
}
3771
@media (forced-colors: active) {
3772
  .tox .tox-number-input:focus::after {
3773
    border: 2px solid highlight;
3774
  }
3775
}
1 efrain 3776
.tox .tox-number-input .tox-input-wrapper {
3777
  display: flex;
3778
  pointer-events: none;
1441 ariadna 3779
  position: relative;
1 efrain 3780
  text-align: center;
3781
}
3782
.tox .tox-number-input .tox-input-wrapper:focus {
1441 ariadna 3783
  background-color: #f7f7f7;
3784
  z-index: 1;
1 efrain 3785
}
1441 ariadna 3786
.tox .tox-number-input .tox-input-wrapper:focus::after {
3787
  border-radius: 3px;
3788
  bottom: 0;
3789
  box-shadow: 0 0 0 2px #006ce7 ;
3790
  content: '';
3791
  left: 0;
3792
  position: absolute;
3793
  right: 0;
3794
  top: 0;
3795
}
3796
@media (forced-colors: active) {
3797
  .tox .tox-number-input .tox-input-wrapper:focus::after {
3798
    border: 2px solid highlight;
3799
  }
3800
}
3801
.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3802
  border-radius: 3px;
3803
  bottom: 0;
3804
  box-shadow: 0 0 0 2px #006ce7 ;
3805
  content: '';
3806
  left: 0;
3807
  position: absolute;
3808
  right: 0;
3809
  top: 0;
3810
}
3811
@media (forced-colors: active) {
3812
  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3813
    border: 2px solid highlight;
3814
  }
3815
}
1 efrain 3816
.tox .tox-number-input input {
3817
  border-radius: 3px;
3818
  color: #222f3e;
3819
  font-size: 14px;
3820
  margin: 2px 0;
3821
  pointer-events: all;
1441 ariadna 3822
  position: relative;
1 efrain 3823
  width: 60px;
3824
}
3825
.tox .tox-number-input input:hover {
1441 ariadna 3826
  background: #f0f0f0;
1 efrain 3827
  color: #222f3e;
3828
}
3829
.tox .tox-number-input input:focus {
1441 ariadna 3830
  background-color: #f7f7f7;
1 efrain 3831
}
3832
.tox .tox-number-input input:disabled {
1441 ariadna 3833
  background: #fff;
1 efrain 3834
  border: 0;
3835
  box-shadow: none;
3836
  color: rgba(34, 47, 62, 0.5);
3837
  cursor: not-allowed;
3838
}
3839
.tox .tox-number-input button {
3840
  color: #222f3e;
3841
  height: 28px;
1441 ariadna 3842
  position: relative;
1 efrain 3843
  text-align: center;
3844
  width: 24px;
3845
}
1441 ariadna 3846
@media (forced-colors: active) {
3847
  .tox .tox-number-input button:hover,
3848
  .tox .tox-number-input button:focus,
3849
  .tox .tox-number-input button:active {
3850
    outline: 1px solid currentColor !important;
3851
  }
3852
}
1 efrain 3853
.tox .tox-number-input button svg {
3854
  display: block;
3855
  fill: #222f3e;
3856
  margin: 0 auto;
3857
  transform: scale(0.67);
3858
}
1441 ariadna 3859
@media (forced-colors: active) {
3860
  .tox .tox-number-input button svg,
3861
  .tox .tox-number-input button svg:active,
3862
  .tox .tox-number-input button svg:hover {
3863
    fill: currentColor !important;
3864
  }
3865
  .tox .tox-number-input button svg:disabled {
3866
    filter: contrast(0);
3867
  }
3868
}
1 efrain 3869
.tox .tox-number-input button:focus {
1441 ariadna 3870
  background: #f7f7f7;
3871
  z-index: 1;
1 efrain 3872
}
1441 ariadna 3873
.tox .tox-number-input button:focus::after {
3874
  border-radius: 3px;
3875
  bottom: 0;
3876
  box-shadow: 0 0 0 2px #006ce7 ;
3877
  content: '';
3878
  left: 0;
3879
  position: absolute;
3880
  right: 0;
3881
  top: 0;
3882
}
3883
@media (forced-colors: active) {
3884
  .tox .tox-number-input button:focus::after {
3885
    border: 2px solid highlight;
3886
  }
3887
}
1 efrain 3888
.tox .tox-number-input button:hover {
1441 ariadna 3889
  background: #f0f0f0;
1 efrain 3890
  border: 0;
3891
  box-shadow: none;
3892
  color: #222f3e;
3893
}
3894
.tox .tox-number-input button:hover svg {
3895
  fill: #222f3e;
3896
}
3897
.tox .tox-number-input button:active {
3898
  background: #a6ccf7;
3899
  border: 0;
3900
  box-shadow: none;
3901
  color: #222f3e;
3902
}
3903
.tox .tox-number-input button:active svg {
3904
  fill: #222f3e;
3905
}
3906
.tox .tox-number-input button:disabled {
1441 ariadna 3907
  background: #fff;
1 efrain 3908
  border: 0;
3909
  box-shadow: none;
3910
  color: rgba(34, 47, 62, 0.5);
3911
  cursor: not-allowed;
3912
}
3913
.tox .tox-number-input button:disabled svg {
3914
  fill: rgba(34, 47, 62, 0.5);
3915
}
3916
.tox .tox-number-input button.minus {
3917
  border-radius: 3px 0 0 3px;
3918
}
3919
.tox .tox-number-input button.plus {
3920
  border-radius: 0 3px 3px 0;
3921
}
3922
.tox .tox-number-input:focus:not(:active) > button,
3923
.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
1441 ariadna 3924
  background: #f7f7f7;
1 efrain 3925
}
3926
.tox .tox-tbtn--select {
3927
  margin: 6px 1px 5px 0;
3928
  padding: 0 4px;
3929
  width: auto;
3930
}
3931
.tox .tox-tbtn__select-label {
3932
  cursor: default;
3933
  font-weight: normal;
3934
  height: initial;
3935
  margin: 0 4px;
3936
  overflow: hidden;
3937
  text-overflow: ellipsis;
3938
  white-space: nowrap;
3939
}
3940
.tox .tox-tbtn__select-chevron {
3941
  align-items: center;
3942
  display: flex;
3943
  justify-content: center;
3944
  width: 16px;
3945
}
3946
.tox .tox-tbtn__select-chevron svg {
3947
  fill: rgba(34, 47, 62, 0.5);
3948
}
1441 ariadna 3949
@media (forced-colors: active) {
3950
  .tox .tox-tbtn__select-chevron svg {
3951
    fill: currentColor;
3952
  }
3953
}
1 efrain 3954
.tox .tox-tbtn--bespoke {
3955
  background: #f7f7f7;
3956
}
1441 ariadna 3957
.tox .tox-tbtn--bespoke:focus {
3958
  background: #f7f7f7;
3959
}
1 efrain 3960
.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3961
  margin-inline-start: 4px;
3962
}
3963
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3964
  overflow: hidden;
3965
  text-overflow: ellipsis;
3966
  white-space: nowrap;
3967
  width: 7em;
3968
}
3969
.tox .tox-tbtn--disabled .tox-tbtn__select-label,
3970
.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3971
  cursor: not-allowed;
3972
}
3973
.tox .tox-split-button {
3974
  border: 0;
3975
  border-radius: 3px;
3976
  box-sizing: border-box;
3977
  display: flex;
3978
  margin: 6px 1px 5px 0;
3979
}
3980
.tox .tox-split-button:hover {
1441 ariadna 3981
  box-shadow: 0 0 0 1px #f0f0f0 inset;
1 efrain 3982
}
3983
.tox .tox-split-button:focus {
1441 ariadna 3984
  background: #fff;
1 efrain 3985
  box-shadow: none;
3986
  color: #222f3e;
1441 ariadna 3987
  position: relative;
3988
  z-index: 1;
1 efrain 3989
}
1441 ariadna 3990
.tox .tox-split-button:focus::after {
3991
  pointer-events: none;
3992
  border-radius: 3px;
3993
  bottom: 0;
3994
  box-shadow: 0 0 0 2px #006ce7 ;
3995
  content: '';
3996
  left: 0;
3997
  position: absolute;
3998
  right: 0;
3999
  top: 0;
4000
}
4001
@media (forced-colors: active) {
4002
  .tox .tox-split-button:focus::after {
4003
    border: 2px solid highlight;
4004
  }
4005
}
1 efrain 4006
.tox .tox-split-button > * {
4007
  border-radius: 0;
4008
}
1441 ariadna 4009
.tox .tox-split-button > *:nth-child(1) {
4010
  border-bottom-left-radius: 3px;
4011
  border-top-left-radius: 3px;
4012
}
4013
.tox .tox-split-button > *:nth-child(2) {
4014
  border-bottom-right-radius: 3px;
4015
  border-top-right-radius: 3px;
4016
}
1 efrain 4017
.tox .tox-split-button__chevron {
4018
  width: 16px;
4019
}
4020
.tox .tox-split-button__chevron svg {
4021
  fill: rgba(34, 47, 62, 0.5);
4022
}
1441 ariadna 4023
@media (forced-colors: active) {
4024
  .tox .tox-split-button__chevron svg {
4025
    fill: currentColor;
4026
  }
4027
}
1 efrain 4028
.tox .tox-split-button .tox-tbtn {
4029
  margin: 0;
4030
}
1441 ariadna 4031
.tox .tox-split-button:focus .tox-tbtn {
4032
  background-color: transparent;
4033
}
1 efrain 4034
.tox .tox-split-button.tox-tbtn--disabled:hover,
4035
.tox .tox-split-button.tox-tbtn--disabled:focus,
4036
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
4037
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
1441 ariadna 4038
  background: #fff;
1 efrain 4039
  box-shadow: none;
4040
  color: rgba(34, 47, 62, 0.5);
4041
}
4042
.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
4043
  padding: 0 0px;
4044
}
4045
.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
4046
  width: 30px;
4047
}
4048
.tox.tox-platform-touch .tox-split-button__chevron {
4049
  width: 20px;
4050
}
1441 ariadna 4051
.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
4052
.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
4053
  opacity: 0.3;
1 efrain 4054
}
4055
.tox .tox-toolbar-overlord {
4056
  background-color: #fff;
4057
}
4058
.tox .tox-toolbar,
4059
.tox .tox-toolbar__primary,
4060
.tox .tox-toolbar__overflow {
4061
  background-attachment: local;
4062
  background-color: #fff;
1441 ariadna 4063
  background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
1 efrain 4064
  background-position: center top 40px;
4065
  background-repeat: no-repeat;
4066
  background-size: calc(100% - 11px * 2) calc(100% - 41px);
4067
  display: flex;
4068
  flex: 0 0 auto;
4069
  flex-shrink: 0;
4070
  flex-wrap: wrap;
4071
  padding: 0 0px;
4072
  transform: perspective(1px);
4073
}
4074
.tox .tox-toolbar-overlord > .tox-toolbar,
4075
.tox .tox-toolbar-overlord > .tox-toolbar__primary,
4076
.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
4077
  background-position: center top 0px;
4078
  background-size: calc(100% - 11px * 2) calc(100% - 0px);
4079
}
4080
.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
4081
  height: 0;
4082
  opacity: 0;
4083
  padding-bottom: 0;
4084
  padding-top: 0;
4085
  visibility: hidden;
4086
}
4087
.tox .tox-toolbar__overflow--growing {
4088
  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
4089
}
4090
.tox .tox-toolbar__overflow--shrinking {
4091
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
4092
}
4093
.tox .tox-toolbar-overlord,
4094
.tox .tox-anchorbar {
4095
  grid-column: 1 / -1;
4096
}
4097
.tox .tox-menubar + .tox-toolbar,
4098
.tox .tox-menubar + .tox-toolbar-overlord {
4099
  border-top: 1px solid transparent;
4100
  margin-top: -1px;
4101
  padding-bottom: 1px;
4102
  padding-top: 1px;
4103
}
1441 ariadna 4104
@media (forced-colors: active) {
4105
  .tox .tox-menubar + .tox-toolbar,
4106
  .tox .tox-menubar + .tox-toolbar-overlord {
4107
    outline: 1px solid currentColor;
4108
  }
4109
}
1 efrain 4110
.tox .tox-toolbar--scrolling {
4111
  flex-wrap: nowrap;
4112
  overflow-x: auto;
4113
}
4114
.tox .tox-pop .tox-toolbar {
4115
  border-width: 0;
4116
}
4117
.tox .tox-toolbar--no-divider {
4118
  background-image: none;
4119
}
4120
.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
4121
.tox .tox-toolbar-overlord .tox-toolbar__primary {
4122
  background-position: center top 39px;
4123
}
4124
.tox .tox-editor-header > .tox-toolbar--scrolling,
4125
.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
4126
  background-image: none;
4127
}
1441 ariadna 4128
.tox .tox-focusable-wrapper {
4129
  border: 1px solid transparent;
4130
  margin-right: 2px;
4131
  pointer-events: none;
4132
}
4133
.tox .tox-focusable-wrapper .tox-textfield-size {
4134
  pointer-events: all;
4135
}
4136
.tox .tox-focusable-wrapper:focus {
4137
  background-color: #f7f7f7;
4138
  border-radius: 6px;
4139
  border-style: solid;
4140
  border-width: 1px;
4141
}
1 efrain 4142
.tox.tox-tinymce-aux .tox-toolbar__overflow {
4143
  background-color: #fff;
4144
  background-position: center top 43px;
4145
  background-size: calc(100% - 8px * 2) calc(100% - 51px);
4146
  border: none;
4147
  border-radius: 6px;
4148
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
4149
  overscroll-behavior: none;
4150
  padding: 4px 0;
4151
}
1441 ariadna 4152
@media (forced-colors: active) {
4153
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
4154
    border: solid;
4155
  }
1 efrain 4156
}
4157
.tox-pop .tox-pop__dialog .tox-toolbar {
4158
  background-position: center top 43px;
4159
  background-size: calc(100% - 11px * 2) calc(100% - 51px);
4160
  padding: 4px 0;
4161
}
1441 ariadna 4162
.tox-context-form__group {
4163
  display: flex;
4164
  align-items: center;
4165
}
1 efrain 4166
.tox .tox-toolbar__group {
4167
  align-items: center;
4168
  display: flex;
4169
  flex-wrap: wrap;
4170
  margin: 0 0;
4171
  padding: 0 11px 0 12px;
4172
}
4173
.tox .tox-toolbar__group--pull-right {
4174
  margin-left: auto;
4175
}
4176
.tox .tox-toolbar--scrolling .tox-toolbar__group {
4177
  flex-shrink: 0;
4178
  flex-wrap: nowrap;
4179
}
4180
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
4181
  border-right: 1px solid transparent;
4182
}
4183
.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
4184
  border-left: 1px solid transparent;
4185
}
4186
.tox .tox-tooltip {
4187
  display: inline-block;
1441 ariadna 4188
  max-width: 15em;
1 efrain 4189
  padding: 8px;
1441 ariadna 4190
  /*
4191
     * The pointer-events: none is designed to make mouse events bleed through the tooltip
4192
     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
4193
     * another item should trigger the hover of the item obscured by the tooltip, even though
4194
     * the tooltip is on top
4195
     */
4196
  pointer-events: none;
1 efrain 4197
  position: relative;
1441 ariadna 4198
  width: max-content;
4199
  z-index: 1150;
1 efrain 4200
}
4201
.tox .tox-tooltip__body {
4202
  background-color: #222f3e;
4203
  border-radius: 6px;
1441 ariadna 4204
  box-shadow: none;
4205
  color: #fff;
4206
  font-size: 12px;
1 efrain 4207
  font-style: normal;
1441 ariadna 4208
  font-weight: 600;
4209
  overflow-wrap: break-word;
4210
  padding: 4px 6px;
1 efrain 4211
  text-transform: none;
4212
}
1441 ariadna 4213
@media (forced-colors: active) {
4214
  .tox .tox-tooltip__body {
4215
    outline: outset 1px;
4216
  }
4217
}
1 efrain 4218
.tox .tox-tooltip__arrow {
4219
  position: absolute;
4220
}
4221
.tox .tox-tooltip--down .tox-tooltip__arrow {
4222
  border-left: 8px solid transparent;
4223
  border-right: 8px solid transparent;
4224
  border-top: 8px solid #222f3e;
4225
  bottom: 0;
4226
  left: 50%;
4227
  position: absolute;
4228
  transform: translateX(-50%);
4229
}
4230
.tox .tox-tooltip--up .tox-tooltip__arrow {
4231
  border-bottom: 8px solid #222f3e;
4232
  border-left: 8px solid transparent;
4233
  border-right: 8px solid transparent;
4234
  left: 50%;
4235
  position: absolute;
4236
  top: 0;
4237
  transform: translateX(-50%);
4238
}
4239
.tox .tox-tooltip--right .tox-tooltip__arrow {
4240
  border-bottom: 8px solid transparent;
4241
  border-left: 8px solid #222f3e;
4242
  border-top: 8px solid transparent;
4243
  position: absolute;
4244
  right: 0;
4245
  top: 50%;
4246
  transform: translateY(-50%);
4247
}
4248
.tox .tox-tooltip--left .tox-tooltip__arrow {
4249
  border-bottom: 8px solid transparent;
4250
  border-right: 8px solid #222f3e;
4251
  border-top: 8px solid transparent;
4252
  left: 0;
4253
  position: absolute;
4254
  top: 50%;
4255
  transform: translateY(-50%);
4256
}
4257
.tox .tox-tree {
4258
  display: flex;
4259
  flex-direction: column;
4260
}
4261
.tox .tox-tree .tox-trbtn {
4262
  align-items: center;
4263
  background: transparent;
4264
  border: 0;
4265
  border-radius: 4px;
4266
  box-shadow: none;
4267
  color: #222f3e;
4268
  display: flex;
4269
  flex: 0 0 auto;
4270
  font-size: 14px;
4271
  font-style: normal;
4272
  font-weight: normal;
4273
  height: 28px;
4274
  margin-bottom: 4px;
4275
  margin-top: 4px;
4276
  outline: none;
4277
  overflow: hidden;
4278
  padding: 0;
4279
  padding-left: 8px;
4280
  text-transform: none;
4281
}
4282
.tox .tox-tree .tox-trbtn .tox-tree__label {
4283
  cursor: default;
4284
  overflow: hidden;
4285
  text-overflow: ellipsis;
4286
  white-space: nowrap;
4287
}
4288
.tox .tox-tree .tox-trbtn svg {
4289
  display: block;
4290
  fill: #222f3e;
4291
}
4292
.tox .tox-tree .tox-trbtn:focus {
1441 ariadna 4293
  background: #f0f0f0;
1 efrain 4294
  border: 0;
4295
  box-shadow: none;
4296
}
4297
.tox .tox-tree .tox-trbtn:hover {
1441 ariadna 4298
  background: #f0f0f0;
1 efrain 4299
  border: 0;
4300
  box-shadow: none;
4301
  color: #222f3e;
4302
}
4303
.tox .tox-tree .tox-trbtn:hover svg {
4304
  fill: #222f3e;
4305
}
4306
.tox .tox-tree .tox-trbtn:active {
4307
  background: #a6ccf7;
4308
  border: 0;
4309
  box-shadow: none;
4310
  color: #222f3e;
4311
}
4312
.tox .tox-tree .tox-trbtn:active svg {
4313
  fill: #222f3e;
4314
}
4315
.tox .tox-tree .tox-trbtn--disabled,
4316
.tox .tox-tree .tox-trbtn--disabled:hover,
4317
.tox .tox-tree .tox-trbtn:disabled,
4318
.tox .tox-tree .tox-trbtn:disabled:hover {
4319
  background: transparent;
4320
  border: 0;
4321
  box-shadow: none;
4322
  color: rgba(34, 47, 62, 0.5);
4323
  cursor: not-allowed;
4324
}
4325
.tox .tox-tree .tox-trbtn--disabled svg,
4326
.tox .tox-tree .tox-trbtn--disabled:hover svg,
4327
.tox .tox-tree .tox-trbtn:disabled svg,
4328
.tox .tox-tree .tox-trbtn:disabled:hover svg {
4329
  fill: rgba(34, 47, 62, 0.5);
4330
}
4331
.tox .tox-tree .tox-trbtn--enabled,
4332
.tox .tox-tree .tox-trbtn--enabled:hover {
4333
  background: #a6ccf7;
4334
  border: 0;
4335
  box-shadow: none;
4336
  color: #222f3e;
4337
}
4338
.tox .tox-tree .tox-trbtn--enabled > *,
4339
.tox .tox-tree .tox-trbtn--enabled:hover > * {
4340
  transform: none;
4341
}
4342
.tox .tox-tree .tox-trbtn--enabled svg,
4343
.tox .tox-tree .tox-trbtn--enabled:hover svg {
4344
  fill: #222f3e;
4345
}
4346
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
4347
  color: #222f3e;
4348
}
4349
.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
4350
  fill: #222f3e;
4351
}
4352
.tox .tox-tree .tox-trbtn:active > * {
4353
  transform: none;
4354
}
4355
.tox .tox-tree .tox-trbtn--return {
4356
  align-self: stretch;
4357
  height: unset;
4358
  width: 16px;
4359
}
4360
.tox .tox-tree .tox-trbtn--labeled {
4361
  padding: 0 4px;
4362
  width: unset;
4363
}
4364
.tox .tox-tree .tox-trbtn__vlabel {
4365
  display: block;
4366
  font-size: 10px;
4367
  font-weight: normal;
4368
  letter-spacing: -0.025em;
4369
  margin-bottom: 4px;
4370
  white-space: nowrap;
4371
}
4372
.tox .tox-tree .tox-tree--directory {
4373
  display: flex;
4374
  flex-direction: column;
4375
}
4376
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
4377
  font-weight: bold;
4378
}
4379
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
4380
  margin-left: auto;
4381
}
4382
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
4383
  fill: transparent;
4384
}
4385
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
4386
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
4387
  fill: #222f3e;
4388
}
4389
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
4390
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
4391
  fill: #222f3e;
4392
}
4393
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
4394
  background-color: transparent;
4395
  color: #222f3e;
4396
}
4397
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
4398
  fill: #222f3e;
4399
}
4400
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
4401
  margin-right: 6px;
4402
}
4403
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
4404
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
4405
  transition: transform 0.5s ease-in-out;
4406
}
4407
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
4408
.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
4409
  transform: rotate(90deg);
4410
}
4411
.tox .tox-tree .tox-tree--leaf__label {
4412
  font-weight: normal;
4413
}
4414
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
4415
  margin-left: auto;
4416
}
4417
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
4418
  fill: transparent;
4419
}
4420
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
4421
.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
4422
  fill: #222f3e;
4423
}
4424
.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
4425
  fill: #222f3e;
4426
}
4427
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
4428
  background-color: transparent;
4429
  color: #222f3e;
4430
}
4431
.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
4432
  fill: #222f3e;
4433
}
1441 ariadna 4434
.tox .tox-tree .tox-icon-custom-state {
4435
  flex-grow: 1;
4436
  display: flex;
4437
  justify-content: flex-end;
4438
}
1 efrain 4439
.tox .tox-tree .tox-tree--directory__children {
4440
  overflow: hidden;
4441
  padding-left: 16px;
4442
}
4443
.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
4444
.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
4445
  transition: height 0.5s ease-in-out;
4446
}
4447
.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
4448
  display: flex;
4449
  justify-content: space-between;
4450
}
1441 ariadna 4451
.tox .tox-revisionhistory__pane {
4452
  padding: 0 !important;
4453
  /* Override the default padding of tox-view__pane */
4454
}
4455
.tox .tox-revisionhistory__container {
4456
  display: flex;
4457
  flex-direction: column;
4458
  height: 100%;
4459
}
4460
.tox .tox-revisionhistory {
4461
  background-color: #fff;
4462
  border-top: 1px solid #f0f0f0;
4463
  display: flex;
4464
  flex: 1;
4465
  height: 100%;
4466
  margin-top: 8px;
4467
  overflow-x: auto;
4468
  overflow-y: hidden;
4469
  position: relative;
4470
  width: 100%;
4471
}
4472
.tox .tox-revisionhistory--align-right {
4473
  margin-left: auto;
4474
}
4475
.tox .tox-revisionhistory__iframe {
4476
  flex: 1;
4477
}
4478
.tox .tox-revisionhistory__sidebar {
4479
  display: flex;
4480
  flex-direction: column;
4481
  height: 100%;
4482
  min-width: 248px;
4483
  width: 316px;
4484
}
4485
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
4486
  background-color: #fff;
4487
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4488
  color: #222f3e;
4489
  font-size: 20px;
4490
  font-weight: 400;
4491
  line-height: 28px;
4492
  padding: 12px;
4493
  z-index: 1;
4494
}
4495
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
4496
  background-color: #f0f0f0;
4497
  display: flex;
4498
  flex: 1;
4499
  flex-direction: column;
4500
  gap: 12px;
4501
  overflow-y: auto;
4502
  padding: 10px 12px;
4503
}
4504
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
4505
  height: 100%;
4506
  position: relative;
4507
  z-index: 1;
4508
}
4509
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4510
  border-radius: 3px;
4511
  bottom: 0;
4512
  box-shadow: 0 0 0 2px #006ce7 ;
4513
  content: '';
4514
  left: 0;
4515
  position: absolute;
4516
  right: 0;
4517
  top: 0;
4518
  border-radius: 6px;
4519
  bottom: 1px;
4520
  left: 1px;
4521
  right: 1px;
4522
  top: 1px;
4523
}
4524
@media (forced-colors: active) {
4525
  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4526
    border: 2px solid highlight;
4527
  }
4528
}
4529
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
4530
  background-color: #fff;
4531
  border: 1px solid #f0f0f0;
4532
  border-radius: 6px;
4533
  color: #222f3e;
4534
  cursor: pointer;
4535
  display: flex;
4536
  flex-direction: column;
4537
  font-size: 14px;
4538
  gap: 12px;
4539
  padding: 12px;
4540
  width: 100%;
4541
}
4542
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
4543
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4544
}
4545
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
4546
  position: relative;
4547
  z-index: 1;
4548
}
4549
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4550
  border-radius: 3px;
4551
  bottom: 0;
4552
  box-shadow: 0 0 0 2px #006ce7 #006ce7;
4553
  content: '';
4554
  left: 0;
4555
  position: absolute;
4556
  right: 0;
4557
  top: 0;
4558
  border-radius: 6px;
4559
  box-shadow: 0 0 0 2px #006ce7;
4560
  box-shadow: 0 0 0 2px #006ce7 !important;
4561
}
4562
@media (forced-colors: active) {
4563
  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4564
    border: 2px solid highlight;
4565
  }
4566
}
4567
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
4568
  background-color: #fff5cc;
4569
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4570
  position: relative;
4571
}
4572
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4573
  border-radius: 3px;
4574
  bottom: 0;
4575
  box-shadow: 0 0 0 2px #006ce7 #e3b82a;
4576
  content: '';
4577
  left: 0;
4578
  position: absolute;
4579
  right: 0;
4580
  top: 0;
4581
  border-radius: 6px;
4582
  box-shadow: 0 0 0 2px #e3b82a;
4583
}
4584
@media (forced-colors: active) {
4585
  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4586
    border: 2px solid highlight;
4587
  }
4588
}
4589
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
4590
  display: flex;
4591
  gap: 12px;
4592
  justify-content: space-between;
4593
}
4594
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
4595
  font-size: 16px;
4596
  line-height: 24px;
4597
}
4598
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
4599
  font-size: 12px;
4600
  font-weight: 600;
4601
  line-height: 24px;
4602
  padding: 0;
4603
}
4604
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
4605
  align-items: center;
4606
  display: flex;
4607
  flex: 1 0 0;
4608
  gap: 8px;
4609
  height: 36px;
4610
}
4611
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
4612
  overflow: hidden;
4613
  text-overflow: ellipsis;
4614
  white-space: nowrap;
4615
  font-size: 14px;
4616
  font-weight: 700;
4617
  line-height: 18px;
4618
}
4619
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
4620
  border-radius: 50%;
4621
  height: 36px;
4622
  object-fit: cover;
4623
  vertical-align: middle;
4624
  width: 36px;
4625
}
4626
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
4627
  color: rgba(34, 47, 62, 0.7);
4628
  font-size: 16px;
4629
  line-height: 24px;
4630
  padding: 5px 5.5px;
4631
}
4632
.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
4633
  color: #222f3e;
4634
  height: 24px;
4635
}
1 efrain 4636
.tox .tox-view-wrap,
4637
.tox .tox-view-wrap__slot-container {
4638
  background-color: #fff;
4639
  display: flex;
4640
  flex: 1;
4641
  flex-direction: column;
1441 ariadna 4642
  height: 100%;
1 efrain 4643
}
4644
.tox .tox-view {
4645
  display: flex;
4646
  flex: 1 1 auto;
4647
  flex-direction: column;
4648
  overflow: hidden;
4649
}
4650
.tox .tox-view__header {
4651
  align-items: center;
4652
  display: flex;
4653
  font-size: 16px;
4654
  justify-content: space-between;
1441 ariadna 4655
  padding: 10px 10px 2px 10px;
1 efrain 4656
  position: relative;
4657
}
1441 ariadna 4658
.tox .tox-view__label {
4659
  color: #222f3e;
4660
  font-weight: bold;
4661
  line-height: 24px;
4662
  padding: 4px 16px;
4663
  text-align: center;
4664
  white-space: nowrap;
4665
}
4666
.tox .tox-view__label--normal {
4667
  font-size: 16px;
4668
}
4669
.tox .tox-view__label--large {
4670
  font-size: 20px;
4671
}
1 efrain 4672
.tox .tox-view--mobile.tox-view__header,
4673
.tox .tox-view--mobile.tox-view__toolbar {
4674
  padding: 8px;
4675
}
4676
.tox .tox-view--scrolling {
4677
  flex-wrap: nowrap;
4678
  overflow-x: auto;
4679
}
4680
.tox .tox-view__toolbar {
4681
  display: flex;
4682
  flex-direction: row;
4683
  gap: 8px;
4684
  justify-content: space-between;
1441 ariadna 4685
  overflow-x: auto;
4686
  padding: 10px 10px 2px 10px;
1 efrain 4687
}
4688
.tox .tox-view__toolbar__group {
4689
  display: flex;
4690
  flex-direction: row;
4691
  gap: 12px;
4692
}
4693
.tox .tox-view__header-start,
4694
.tox .tox-view__header-end {
4695
  display: flex;
4696
}
4697
.tox .tox-view__pane {
4698
  height: 100%;
4699
  padding: 8px;
1441 ariadna 4700
  position: relative;
1 efrain 4701
  width: 100%;
4702
}
4703
.tox .tox-view__pane_panel {
4704
  border: 1px solid #eeeeee;
4705
  border-radius: 6px;
4706
}
4707
.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
4708
.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
4709
  margin-left: 8px;
4710
}
4711
.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
4712
.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
4713
  margin-right: 8px;
4714
}
4715
.tox .tox-well {
4716
  border: 1px solid #eeeeee;
4717
  border-radius: 6px;
4718
  padding: 8px;
4719
  width: 100%;
4720
}
4721
.tox .tox-well > *:first-child {
4722
  margin-top: 0;
4723
}
4724
.tox .tox-well > *:last-child {
4725
  margin-bottom: 0;
4726
}
4727
.tox .tox-well > *:only-child {
4728
  margin: 0;
4729
}
4730
.tox .tox-custom-editor {
4731
  border: 1px solid #eeeeee;
4732
  border-radius: 6px;
4733
  display: flex;
4734
  flex: 1;
4735
  overflow: hidden;
4736
  position: relative;
4737
}
4738
/* stylelint-disable */
4739
.tox {
4740
  /* stylelint-enable */
4741
}
4742
.tox .tox-dialog-loading::before {
4743
  background-color: rgba(0, 0, 0, 0.5);
4744
  content: "";
4745
  height: 100%;
4746
  position: absolute;
4747
  width: 100%;
4748
  z-index: 1000;
4749
}
4750
.tox .tox-tab {
4751
  cursor: pointer;
4752
}
4753
.tox .tox-dialog__content-js {
4754
  display: flex;
4755
  flex: 1;
4756
}
4757
.tox .tox-dialog__body-content .tox-collection {
4758
  display: flex;
4759
  flex: 1;
4760
}