trestle-tinymce 0.1.3 → 0.3.1

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