@dangl/angular-material-shared 2.9.0-beta0040 → 2.9.0-beta0048

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (165) hide show
  1. package/package.json +1 -1
  2. package/tinymce-assets/icons/default/icons.js +9 -46
  3. package/tinymce-assets/icons/default/icons.min.js +1 -1
  4. package/tinymce-assets/models/dom/model.js +7239 -8193
  5. package/tinymce-assets/models/dom/model.min.js +1 -1
  6. package/tinymce-assets/plugins/accordion/plugin.js +879 -1174
  7. package/tinymce-assets/plugins/accordion/plugin.min.js +5 -1
  8. package/tinymce-assets/plugins/advlist/plugin.js +200 -412
  9. package/tinymce-assets/plugins/advlist/plugin.min.js +5 -1
  10. package/tinymce-assets/plugins/anchor/plugin.js +166 -189
  11. package/tinymce-assets/plugins/anchor/plugin.min.js +5 -1
  12. package/tinymce-assets/plugins/autolink/plugin.js +220 -310
  13. package/tinymce-assets/plugins/autolink/plugin.min.js +5 -1
  14. package/tinymce-assets/plugins/autoresize/plugin.js +149 -180
  15. package/tinymce-assets/plugins/autoresize/plugin.min.js +5 -1
  16. package/tinymce-assets/plugins/autosave/plugin.js +189 -208
  17. package/tinymce-assets/plugins/autosave/plugin.min.js +5 -1
  18. package/tinymce-assets/plugins/charmap/plugin.js +1566 -905
  19. package/tinymce-assets/plugins/charmap/plugin.min.js +5 -1
  20. package/tinymce-assets/plugins/code/plugin.js +61 -73
  21. package/tinymce-assets/plugins/code/plugin.min.js +4 -0
  22. package/tinymce-assets/plugins/codesample/plugin.js +2409 -3592
  23. package/tinymce-assets/plugins/codesample/plugin.min.js +12 -8
  24. package/tinymce-assets/plugins/directionality/plugin.js +304 -545
  25. package/tinymce-assets/plugins/directionality/plugin.min.js +5 -1
  26. package/tinymce-assets/plugins/emoticons/plugin.js +488 -702
  27. package/tinymce-assets/plugins/emoticons/plugin.min.js +5 -1
  28. package/tinymce-assets/plugins/fullscreen/plugin.js +1049 -1409
  29. package/tinymce-assets/plugins/fullscreen/plugin.min.js +5 -1
  30. package/tinymce-assets/plugins/help/js/i18n/keynav/ar.js +1 -4
  31. package/tinymce-assets/plugins/help/js/i18n/keynav/bg_BG.js +1 -4
  32. package/tinymce-assets/plugins/help/js/i18n/keynav/ca.js +1 -4
  33. package/tinymce-assets/plugins/help/js/i18n/keynav/cs.js +1 -4
  34. package/tinymce-assets/plugins/help/js/i18n/keynav/da.js +1 -4
  35. package/tinymce-assets/plugins/help/js/i18n/keynav/de.js +1 -4
  36. package/tinymce-assets/plugins/help/js/i18n/keynav/el.js +1 -4
  37. package/tinymce-assets/plugins/help/js/i18n/keynav/en.js +1 -4
  38. package/tinymce-assets/plugins/help/js/i18n/keynav/es.js +1 -4
  39. package/tinymce-assets/plugins/help/js/i18n/keynav/eu.js +1 -4
  40. package/tinymce-assets/plugins/help/js/i18n/keynav/fa.js +1 -4
  41. package/tinymce-assets/plugins/help/js/i18n/keynav/fi.js +1 -4
  42. package/tinymce-assets/plugins/help/js/i18n/keynav/fr_FR.js +1 -4
  43. package/tinymce-assets/plugins/help/js/i18n/keynav/he_IL.js +1 -4
  44. package/tinymce-assets/plugins/help/js/i18n/keynav/hi.js +1 -4
  45. package/tinymce-assets/plugins/help/js/i18n/keynav/hr.js +1 -4
  46. package/tinymce-assets/plugins/help/js/i18n/keynav/hu_HU.js +1 -4
  47. package/tinymce-assets/plugins/help/js/i18n/keynav/id.js +1 -4
  48. package/tinymce-assets/plugins/help/js/i18n/keynav/it.js +1 -4
  49. package/tinymce-assets/plugins/help/js/i18n/keynav/ja.js +1 -4
  50. package/tinymce-assets/plugins/help/js/i18n/keynav/kk.js +1 -4
  51. package/tinymce-assets/plugins/help/js/i18n/keynav/ko_KR.js +1 -4
  52. package/tinymce-assets/plugins/help/js/i18n/keynav/ms.js +1 -4
  53. package/tinymce-assets/plugins/help/js/i18n/keynav/nb_NO.js +1 -4
  54. package/tinymce-assets/plugins/help/js/i18n/keynav/nl.js +1 -4
  55. package/tinymce-assets/plugins/help/js/i18n/keynav/pl.js +1 -4
  56. package/tinymce-assets/plugins/help/js/i18n/keynav/pt_BR.js +1 -4
  57. package/tinymce-assets/plugins/help/js/i18n/keynav/pt_PT.js +1 -4
  58. package/tinymce-assets/plugins/help/js/i18n/keynav/ro.js +1 -4
  59. package/tinymce-assets/plugins/help/js/i18n/keynav/ru.js +1 -4
  60. package/tinymce-assets/plugins/help/js/i18n/keynav/sk.js +1 -4
  61. package/tinymce-assets/plugins/help/js/i18n/keynav/sl_SI.js +2 -5
  62. package/tinymce-assets/plugins/help/js/i18n/keynav/sv_SE.js +1 -4
  63. package/tinymce-assets/plugins/help/js/i18n/keynav/th_TH.js +1 -4
  64. package/tinymce-assets/plugins/help/js/i18n/keynav/tr.js +1 -4
  65. package/tinymce-assets/plugins/help/js/i18n/keynav/uk.js +1 -4
  66. package/tinymce-assets/plugins/help/js/i18n/keynav/vi.js +1 -4
  67. package/tinymce-assets/plugins/help/js/i18n/keynav/zh_CN.js +5 -8
  68. package/tinymce-assets/plugins/help/js/i18n/keynav/zh_TW.js +1 -4
  69. package/tinymce-assets/plugins/help/plugin.js +809 -739
  70. package/tinymce-assets/plugins/help/plugin.min.js +5 -1
  71. package/tinymce-assets/plugins/image/plugin.js +1291 -1475
  72. package/tinymce-assets/plugins/image/plugin.min.js +5 -1
  73. package/tinymce-assets/plugins/importcss/plugin.js +269 -328
  74. package/tinymce-assets/plugins/importcss/plugin.min.js +5 -1
  75. package/tinymce-assets/plugins/insertdatetime/plugin.js +141 -140
  76. package/tinymce-assets/plugins/insertdatetime/plugin.min.js +5 -1
  77. package/tinymce-assets/plugins/link/plugin.js +1084 -1419
  78. package/tinymce-assets/plugins/link/plugin.min.js +5 -1
  79. package/tinymce-assets/plugins/lists/plugin.js +1805 -2177
  80. package/tinymce-assets/plugins/lists/plugin.min.js +5 -1
  81. package/tinymce-assets/plugins/media/plugin.js +1047 -1305
  82. package/tinymce-assets/plugins/media/plugin.min.js +5 -1
  83. package/tinymce-assets/plugins/nonbreaking/plugin.js +88 -93
  84. package/tinymce-assets/plugins/nonbreaking/plugin.min.js +4 -0
  85. package/tinymce-assets/plugins/pagebreak/plugin.js +85 -91
  86. package/tinymce-assets/plugins/pagebreak/plugin.min.js +4 -0
  87. package/tinymce-assets/plugins/preview/plugin.js +74 -742
  88. package/tinymce-assets/plugins/preview/plugin.min.js +5 -1
  89. package/tinymce-assets/plugins/quickbars/plugin.js +375 -582
  90. package/tinymce-assets/plugins/quickbars/plugin.min.js +5 -1
  91. package/tinymce-assets/plugins/save/plugin.js +82 -100
  92. package/tinymce-assets/plugins/save/plugin.min.js +5 -1
  93. package/tinymce-assets/plugins/searchreplace/plugin.js +906 -1183
  94. package/tinymce-assets/plugins/searchreplace/plugin.min.js +5 -1
  95. package/tinymce-assets/plugins/table/plugin.js +3094 -3651
  96. package/tinymce-assets/plugins/table/plugin.min.js +5 -1
  97. package/tinymce-assets/plugins/template/index.js +7 -0
  98. package/tinymce-assets/plugins/template/plugin.js +567 -0
  99. package/tinymce-assets/plugins/template/plugin.min.js +5 -0
  100. package/tinymce-assets/plugins/visualblocks/plugin.js +63 -71
  101. package/tinymce-assets/plugins/visualblocks/plugin.min.js +5 -1
  102. package/tinymce-assets/plugins/visualchars/plugin.js +436 -685
  103. package/tinymce-assets/plugins/visualchars/plugin.min.js +5 -1
  104. package/tinymce-assets/plugins/wordcount/plugin.js +307 -382
  105. package/tinymce-assets/plugins/wordcount/plugin.min.js +5 -1
  106. package/tinymce-assets/skins/content/dark/content.css +4 -0
  107. package/tinymce-assets/skins/content/dark/content.js +6 -1
  108. package/tinymce-assets/skins/content/dark/content.min.css +4 -0
  109. package/tinymce-assets/skins/content/default/content.css +4 -0
  110. package/tinymce-assets/skins/content/default/content.js +6 -1
  111. package/tinymce-assets/skins/content/default/content.min.css +4 -0
  112. package/tinymce-assets/skins/content/document/content.css +4 -0
  113. package/tinymce-assets/skins/content/document/content.js +6 -1
  114. package/tinymce-assets/skins/content/document/content.min.css +4 -0
  115. package/tinymce-assets/skins/content/tinymce-5/content.css +4 -0
  116. package/tinymce-assets/skins/content/tinymce-5/content.js +6 -1
  117. package/tinymce-assets/skins/content/tinymce-5/content.min.css +4 -0
  118. package/tinymce-assets/skins/content/tinymce-5-dark/content.css +4 -0
  119. package/tinymce-assets/skins/content/tinymce-5-dark/content.js +6 -1
  120. package/tinymce-assets/skins/content/tinymce-5-dark/content.min.css +4 -0
  121. package/tinymce-assets/skins/content/writer/content.css +4 -0
  122. package/tinymce-assets/skins/content/writer/content.js +6 -1
  123. package/tinymce-assets/skins/content/writer/content.min.css +4 -0
  124. package/tinymce-assets/skins/ui/oxide/content.css +53 -148
  125. package/tinymce-assets/skins/ui/oxide/content.inline.css +53 -148
  126. package/tinymce-assets/skins/ui/oxide/content.inline.js +6 -1
  127. package/tinymce-assets/skins/ui/oxide/content.inline.min.css +5 -1
  128. package/tinymce-assets/skins/ui/oxide/content.js +6 -1
  129. package/tinymce-assets/skins/ui/oxide/content.min.css +5 -1
  130. package/tinymce-assets/skins/ui/oxide/skin.css +207 -1585
  131. package/tinymce-assets/skins/ui/oxide/skin.js +2 -1
  132. package/tinymce-assets/skins/ui/oxide/skin.min.css +1 -1
  133. package/tinymce-assets/skins/ui/oxide/skin.shadowdom.js +2 -1
  134. package/tinymce-assets/skins/ui/oxide-dark/content.css +46 -148
  135. package/tinymce-assets/skins/ui/oxide-dark/content.inline.css +53 -148
  136. package/tinymce-assets/skins/ui/oxide-dark/content.inline.js +6 -1
  137. package/tinymce-assets/skins/ui/oxide-dark/content.inline.min.css +5 -1
  138. package/tinymce-assets/skins/ui/oxide-dark/content.js +6 -1
  139. package/tinymce-assets/skins/ui/oxide-dark/content.min.css +5 -1
  140. package/tinymce-assets/skins/ui/oxide-dark/skin.css +219 -1597
  141. package/tinymce-assets/skins/ui/oxide-dark/skin.js +2 -1
  142. package/tinymce-assets/skins/ui/oxide-dark/skin.min.css +1 -1
  143. package/tinymce-assets/skins/ui/oxide-dark/skin.shadowdom.js +2 -1
  144. package/tinymce-assets/skins/ui/tinymce-5/content.css +53 -148
  145. package/tinymce-assets/skins/ui/tinymce-5/content.inline.css +53 -148
  146. package/tinymce-assets/skins/ui/tinymce-5/content.inline.js +6 -1
  147. package/tinymce-assets/skins/ui/tinymce-5/content.inline.min.css +5 -1
  148. package/tinymce-assets/skins/ui/tinymce-5/content.js +6 -1
  149. package/tinymce-assets/skins/ui/tinymce-5/content.min.css +5 -1
  150. package/tinymce-assets/skins/ui/tinymce-5/skin.css +194 -1597
  151. package/tinymce-assets/skins/ui/tinymce-5/skin.js +2 -1
  152. package/tinymce-assets/skins/ui/tinymce-5/skin.min.css +1 -1
  153. package/tinymce-assets/skins/ui/tinymce-5/skin.shadowdom.js +2 -1
  154. package/tinymce-assets/skins/ui/tinymce-5-dark/content.css +46 -148
  155. package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.css +53 -148
  156. package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.js +6 -1
  157. package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.min.css +5 -1
  158. package/tinymce-assets/skins/ui/tinymce-5-dark/content.js +6 -1
  159. package/tinymce-assets/skins/ui/tinymce-5-dark/content.min.css +5 -1
  160. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.css +202 -1605
  161. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.js +2 -1
  162. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.min.css +1 -1
  163. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -1
  164. package/tinymce-assets/themes/silver/theme.js +28439 -32466
  165. package/tinymce-assets/themes/silver/theme.min.js +1 -1
@@ -9,7 +9,6 @@
9
9
  font-weight: normal;
10
10
  line-height: normal;
11
11
  -webkit-tap-highlight-color: transparent;
12
- -webkit-text-decoration: none;
13
12
  text-decoration: none;
14
13
  text-shadow: none;
15
14
  text-transform: none;
@@ -97,36 +96,15 @@ button::-moz-focus-inner {
97
96
  .tox[dir=rtl] .tox-icon--flip svg {
98
97
  transform: rotateY(180deg);
99
98
  }
100
- @keyframes tox-rotation {
101
- 0% {
102
- transform: rotate(0deg);
103
- }
104
- 100% {
105
- transform: rotate(360deg);
106
- }
107
- }
108
99
  .tox .accessibility-issue__header {
109
100
  align-items: center;
110
101
  display: flex;
111
102
  margin-bottom: 4px;
112
103
  }
113
- .tox #accessibility-issue__subheader {
114
- font-size: 16px;
115
- color: #fff;
116
- }
117
- .tox .accessbility-sr-only {
118
- position: absolute;
119
- clip: rect(1px, 1px, 1px, 1px);
120
- clip-path: inset(0 0 99.9% 99.9%);
121
- overflow: hidden;
122
- height: 1px;
123
- width: 1px;
124
- padding: 0;
125
- border: 0;
126
- }
127
104
  .tox .accessibility-issue__description {
128
105
  align-items: stretch;
129
106
  border-radius: 6px;
107
+ display: flex;
130
108
  justify-content: space-between;
131
109
  }
132
110
  .tox .accessibility-issue__description > div {
@@ -140,32 +118,18 @@ button::-moz-focus-inner {
140
118
  .tox .accessibility-issue__description > div > div .tox-icon svg {
141
119
  display: block;
142
120
  }
143
- .tox #accessibility-issue__contentID {
144
- margin-top: 8px;
145
- margin-bottom: 8px;
146
- }
147
- .tox #accessibility-issue__contentID span:first-child {
148
- font-weight: bold;
149
- }
150
- .tox #accessibility-issue__document {
151
- padding-bottom: 8px;
152
- }
153
121
  .tox .accessibility-issue__repair {
154
- margin-top: 8px;
155
- }
156
- .tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
157
- color: #eb9999;
122
+ margin-top: 16px;
158
123
  }
159
124
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
160
- background-color: #1f354f;
125
+ background-color: rgba(0, 101, 216, 0.4);
161
126
  color: #fff;
162
127
  }
163
128
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
164
- font-size: 14px;
165
- color: #99c4f5;
129
+ color: #fff;
166
130
  }
167
- .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
168
- fill: #99c4f5;
131
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
132
+ fill: #fff;
169
133
  }
170
134
  .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
171
135
  background-color: #006ce7;
@@ -178,16 +142,18 @@ button::-moz-focus-inner {
178
142
  .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
179
143
  background-color: #0054b4;
180
144
  }
145
+ .tox .tox-dialog__body-content .accessibility-issue--warn {
146
+ /* stylelint-disable-next-line no-descending-specificity */
147
+ }
181
148
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
182
- background-color: #383f38;
149
+ background-color: rgba(255, 165, 0, 0.5);
183
150
  color: #fff;
184
151
  }
185
152
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
186
- font-size: 14px;
187
- color: #ffeb99;
153
+ color: #fff;
188
154
  }
189
- .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
190
- fill: #ffeb99;
155
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
156
+ fill: #fff;
191
157
  }
192
158
  .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
193
159
  background-color: #FFE89D;
@@ -202,16 +168,18 @@ button::-moz-focus-inner {
202
168
  background-color: #E8C657;
203
169
  color: #222f3e;
204
170
  }
171
+ .tox .tox-dialog__body-content .accessibility-issue--error {
172
+ /* stylelint-disable-next-line no-descending-specificity */
173
+ }
205
174
  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
206
- background-color: #332a38;
175
+ background-color: rgba(204, 0, 0, 0.5);
207
176
  color: #fff;
208
177
  }
209
178
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
210
- font-size: 14px;
211
- color: #eb9999;
179
+ color: #fff;
212
180
  }
213
- .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
214
- fill: #eb9999;
181
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
182
+ fill: #fff;
215
183
  }
216
184
  .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
217
185
  background-color: #F2BFBF;
@@ -236,11 +204,12 @@ button::-moz-focus-inner {
236
204
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
237
205
  color: #fff;
238
206
  }
239
- .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
207
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
240
208
  fill: #fff;
241
209
  }
242
210
  .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
243
211
  .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
212
+ font-size: 14px;
244
213
  margin-top: 0;
245
214
  }
246
215
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
@@ -250,7 +219,7 @@ button::-moz-focus-inner {
250
219
  margin-left: auto;
251
220
  }
252
221
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
253
- padding: 8px;
222
+ padding: 4px 4px 4px 8px;
254
223
  }
255
224
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
256
225
  margin-right: 4px;
@@ -261,20 +230,6 @@ button::-moz-focus-inner {
261
230
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
262
231
  padding: 4px 8px 4px 4px;
263
232
  }
264
- .tox .mce-codemirror {
265
- background: #fff;
266
- bottom: 0;
267
- font-size: 13px;
268
- left: 0;
269
- position: absolute;
270
- right: 0;
271
- top: 0;
272
- z-index: 1;
273
- }
274
- .tox .mce-codemirror.tox-inline-codemirror {
275
- margin: 8px;
276
- position: absolute;
277
- }
278
233
  .tox .tox-advtemplate .tox-form__grid {
279
234
  flex: 1;
280
235
  }
@@ -337,7 +292,6 @@ button::-moz-focus-inner {
337
292
  padding: 4px 16px;
338
293
  position: relative;
339
294
  text-align: center;
340
- -webkit-text-decoration: none;
341
295
  text-decoration: none;
342
296
  text-transform: none;
343
297
  white-space: nowrap;
@@ -345,7 +299,7 @@ button::-moz-focus-inner {
345
299
  .tox .tox-button::before {
346
300
  border-radius: 6px;
347
301
  bottom: -1px;
348
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
302
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
349
303
  content: '';
350
304
  left: -1px;
351
305
  opacity: 0;
@@ -369,7 +323,7 @@ button::-moz-focus-inner {
369
323
  box-shadow: none;
370
324
  color: #fff;
371
325
  }
372
- .tox .tox-button:focus:not(:disabled)::before {
326
+ .tox .tox-button:focus-visible:not(:disabled)::before {
373
327
  opacity: 1;
374
328
  }
375
329
  .tox .tox-button:hover:not(:disabled) {
@@ -451,7 +405,6 @@ button::-moz-focus-inner {
451
405
  letter-spacing: normal;
452
406
  outline: none;
453
407
  padding: 4px 16px;
454
- -webkit-text-decoration: none;
455
408
  text-decoration: none;
456
409
  text-transform: none;
457
410
  }
@@ -529,11 +482,6 @@ button::-moz-focus-inner {
529
482
  display: block;
530
483
  fill: currentColor;
531
484
  }
532
- .tox-context-form__group .tox-button--icon,
533
- .tox-context-form__group .tox-button.tox-button--icon {
534
- margin: 6px 1px 5px 0;
535
- padding: 0;
536
- }
537
485
  .tox .tox-button-link {
538
486
  background: 0;
539
487
  border: none;
@@ -618,11 +566,6 @@ button::-moz-focus-inner {
618
566
  display: block;
619
567
  fill: rgba(255, 255, 255, 0.2);
620
568
  }
621
- @media (forced-colors: active) {
622
- .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
623
- fill: currentColor !important;
624
- }
625
- }
626
569
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
627
570
  display: none;
628
571
  fill: #006ce7;
@@ -679,6 +622,9 @@ button::-moz-focus-inner {
679
622
  .tox[dir=rtl] .tox-bar .tox-checkbox {
680
623
  margin-right: 4px;
681
624
  }
625
+ .tox {
626
+ /* stylelint-disable-next-line no-descending-specificity */
627
+ }
682
628
  .tox .tox-collection--toolbar .tox-collection__group {
683
629
  display: flex;
684
630
  padding: 0;
@@ -716,6 +662,7 @@ button::-moz-focus-inner {
716
662
  text-transform: none;
717
663
  -webkit-touch-callout: none;
718
664
  -webkit-user-select: none;
665
+ -moz-user-select: none;
719
666
  user-select: none;
720
667
  }
721
668
  .tox .tox-collection__item {
@@ -725,51 +672,9 @@ button::-moz-focus-inner {
725
672
  display: flex;
726
673
  -webkit-touch-callout: none;
727
674
  -webkit-user-select: none;
675
+ -moz-user-select: none;
728
676
  user-select: none;
729
677
  }
730
- .tox .tox-image-selector-menu .tox-collection__item-image-selector,
731
- .tox .tox-image-selector-menu .tox-collection__item {
732
- flex-direction: column;
733
- }
734
- .tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
735
- .tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
736
- .tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
737
- .tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
738
- .tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
739
- .tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
740
- flex-grow: 1;
741
- }
742
- .tox .tox-image-selector-menu .tox-collection__item-image-selector label,
743
- .tox .tox-image-selector-menu .tox-collection__item label {
744
- width: 48px;
745
- white-space: nowrap;
746
- overflow: hidden;
747
- font-size: 12px;
748
- color: #fff;
749
- text-align: center;
750
- align-self: flex-end;
751
- }
752
- .tox .tox-image-selector-menu .tox-collection__item-checkmark {
753
- height: 24px;
754
- width: 24px;
755
- position: absolute;
756
- top: 50%;
757
- left: 50%;
758
- transform: translate(-50%, -50%);
759
- }
760
- .tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
761
- fill: #006ce7;
762
- stroke: #006ce7;
763
- }
764
- .tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
765
- background-color: #222F3E;
766
- }
767
- .tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
768
- z-index: 2;
769
- background-color: #222F3E;
770
- opacity: 0.8;
771
- background-clip: content-box;
772
- }
773
678
  .tox .tox-collection--list .tox-collection__item {
774
679
  padding: 4px 8px;
775
680
  }
@@ -781,97 +686,34 @@ button::-moz-focus-inner {
781
686
  border-radius: 3px;
782
687
  padding: 4px;
783
688
  }
784
- .tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
689
+ .tox .tox-collection--list .tox-collection__item--enabled {
785
690
  background-color: #2b3b4e;
786
691
  color: #fff;
787
692
  }
788
- .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
789
- background-color: #006ce7;
790
- color: #fff;
791
- }
792
- @media (forced-colors: active) {
793
- .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
794
- border: solid 1px;
795
- }
693
+ .tox .tox-collection--list .tox-collection__item--active {
694
+ background-color: #3389ec;
796
695
  }
797
- .tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
696
+ .tox .tox-collection--toolbar .tox-collection__item--enabled {
798
697
  background-color: #599fef;
799
698
  color: #fff;
800
699
  }
801
- .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
802
- background-color: #2f4055;
803
- color: #fff;
804
- position: relative;
805
- z-index: 1;
806
- }
807
- .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
808
- border-radius: 3px;
809
- bottom: 0;
810
- box-shadow: 0 0 0 2px #fff inset;
811
- content: '';
812
- left: 0;
813
- position: absolute;
814
- right: 0;
815
- top: 0;
816
- }
817
- @media (forced-colors: active) {
818
- .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
819
- border: 2px solid highlight;
820
- }
700
+ .tox .tox-collection--toolbar .tox-collection__item--active {
701
+ background-color: #3389ec;
821
702
  }
822
- .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
703
+ .tox .tox-collection--grid .tox-collection__item--enabled {
823
704
  background-color: #599fef;
824
705
  color: #fff;
825
706
  }
826
- @media (forced-colors: active) {
827
- .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
828
- border-radius: 3px;
829
- outline: solid 1px;
830
- }
831
- }
832
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
707
+ .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
708
+ background-color: #3389ec;
833
709
  color: #fff;
834
- background-color: #2b3b4e;
835
- position: relative;
836
710
  }
837
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
838
- background-color: #2f4055;
711
+ .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
839
712
  color: #fff;
840
713
  }
841
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
842
- background-color: #2f4055;
714
+ .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
843
715
  color: #fff;
844
716
  }
845
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
846
- border-radius: 3px;
847
- bottom: 0;
848
- box-shadow: 0 0 0 2px #fff ;
849
- content: '';
850
- left: 0;
851
- position: absolute;
852
- right: 0;
853
- top: 0;
854
- }
855
- @media (forced-colors: active) {
856
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
857
- border: 2px solid highlight;
858
- }
859
- }
860
- @media (forced-colors: active) {
861
- .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
862
- border-radius: 3px;
863
- outline: solid 1px;
864
- }
865
- }
866
- .tox .tox-collection__item-image {
867
- border: 1px solid #161f29;
868
- border-radius: 6px;
869
- display: flex;
870
- flex-direction: column;
871
- justify-content: center;
872
- margin-bottom: 4px;
873
- position: relative;
874
- }
875
717
  .tox .tox-collection__item-icon,
876
718
  .tox .tox-collection__item-checkmark {
877
719
  align-items: center;
@@ -901,7 +743,7 @@ button::-moz-focus-inner {
901
743
  word-break: break-all;
902
744
  }
903
745
  .tox .tox-collection__item-accessory {
904
- color: currentColor;
746
+ color: rgba(255, 255, 255, 0.5);
905
747
  display: inline-block;
906
748
  font-size: 14px;
907
749
  height: 24px;
@@ -919,7 +761,7 @@ button::-moz-focus-inner {
919
761
  min-height: inherit;
920
762
  }
921
763
  .tox .tox-collection__item-caret svg {
922
- fill: currentColor;
764
+ fill: #fff;
923
765
  }
924
766
  .tox .tox-collection__item--state-disabled {
925
767
  background-color: transparent;
@@ -1048,14 +890,6 @@ button::-moz-focus-inner {
1048
890
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
1049
891
  margin-right: 4px;
1050
892
  }
1051
- @media (forced-colors: active) {
1052
- .tox .tox-hue-slider,
1053
- .tox .tox-rgb-form .tox-rgba-preview {
1054
- background-color: currentColor !important;
1055
- border: 1px solid highlight !important;
1056
- forced-color-adjust: none;
1057
- }
1058
- }
1059
893
  .tox .tox-color-picker-container {
1060
894
  display: flex;
1061
895
  flex-direction: row;
@@ -1128,37 +962,11 @@ button::-moz-focus-inner {
1128
962
  width: inherit;
1129
963
  }
1130
964
  .tox .tox-rgb-form input {
1131
- min-width: 6em;
965
+ width: 6em;
1132
966
  }
1133
967
  .tox .tox-rgb-form input.tox-invalid {
1134
968
  /* Need !important to override Chrome's focus styling unfortunately */
1135
- border: 1px solid #f00 !important;
1136
- box-shadow: 0 0 0 1px #f00;
1137
- }
1138
- .tox .tox-rgb-container {
1139
- position: relative;
1140
- }
1141
- .tox .tox-rgb-form .tox-invalid-icon {
1142
- align-content: center;
1143
- align-items: center;
1144
- display: none;
1145
- height: 100%;
1146
- position: absolute;
1147
- right: 0;
1148
- top: 0;
1149
- }
1150
- .tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
1151
- margin: 0;
1152
- }
1153
- .tox .tox-rgb-warning-note {
1154
- background-color: #442632;
1155
- border: 1px solid #55212b;
1156
- border-radius: 3px;
1157
- color: #e68080;
1158
- padding: 3px;
1159
- }
1160
- .tox input.tox-invalid + .tox-invalid-icon {
1161
- display: flex;
969
+ border: 1px solid red !important;
1162
970
  }
1163
971
  .tox .tox-rgb-form .tox-rgba-preview {
1164
972
  border: 1px solid black;
@@ -1201,11 +1009,6 @@ button::-moz-focus-inner {
1201
1009
  .tox .tox-swatches__row {
1202
1010
  display: flex;
1203
1011
  }
1204
- @media (forced-colors: active) {
1205
- .tox .tox-swatches__row {
1206
- forced-color-adjust: none;
1207
- }
1208
- }
1209
1012
  .tox .tox-swatch {
1210
1013
  height: 30px;
1211
1014
  transition: transform 0.15s, box-shadow 0.15s;
@@ -1242,7 +1045,7 @@ button::-moz-focus-inner {
1242
1045
  width: 24px;
1243
1046
  }
1244
1047
  .tox .tox-swatches__picker-btn:hover {
1245
- background: #2f4055;
1048
+ background: #3389ec;
1246
1049
  }
1247
1050
  .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1248
1051
  display: none;
@@ -1266,80 +1069,21 @@ button::-moz-focus-inner {
1266
1069
  .tox[dir=rtl] .tox-swatches__picker-btn {
1267
1070
  margin-right: auto;
1268
1071
  }
1269
- .tox {
1270
- /* Animation for deleting a comment */
1271
- /* A comment fades to 0 when it is being deleted, then is removed */
1272
- }
1273
- .tox .tox-conversations {
1274
- display: flex;
1275
- flex-direction: column;
1072
+ .tox .tox-comment-thread {
1073
+ background: #2b3b4e;
1276
1074
  position: relative;
1277
- height: 100%;
1278
- /* This is to give the sidebar a consistent width. Need a solution for this */
1279
- min-width: 300px;
1280
- max-width: 300px;
1281
- width: 300px;
1282
- }
1283
- .tox .tox-conversations__header {
1284
- align-items: center;
1285
- display: flex;
1286
- justify-content: space-between;
1287
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1288
- padding: 8px 12px;
1289
- background: #222F3E;
1290
- z-index: 1;
1291
1075
  }
1292
- .tox .tox-conversations__title {
1293
- font-size: 20px;
1294
- font-weight: 400;
1295
- padding: 8px 0 8px 0;
1296
- color: #fff;
1297
- line-height: 28px;
1076
+ .tox .tox-comment-thread > *:not(:first-child) {
1077
+ margin-top: 8px;
1298
1078
  }
1299
1079
  .tox .tox-comment {
1300
- background: #222F3E;
1301
- border: 1px solid #222F3E;
1080
+ background: #2b3b4e;
1081
+ border: 1px solid #161f29;
1302
1082
  border-radius: 6px;
1303
- padding: 8px;
1304
- padding-bottom: 16px;
1305
- position: relative;
1306
- }
1307
- .tox .tox-comment:hover {
1308
1083
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1309
- }
1310
- .tox .tox-comment.tox-comment--selected {
1311
- background-color: #1b3b60;
1312
- border: 1px solid #006ce7;
1313
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1314
- }
1315
- .tox .tox-comment.tox-comment--selected:focus {
1316
- border: 2px solid #fff;
1317
- margin: -1px;
1318
- }
1319
- .tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
1320
- margin-top: 7px;
1321
- }
1322
- .tox .tox-comment.tox-comment--selected .tox-comment__single {
1323
- margin-bottom: 12px;
1324
- }
1325
- .tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
1084
+ padding: 8px 8px 16px 8px;
1326
1085
  position: relative;
1327
1086
  }
1328
- .tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
1329
- top: -9px;
1330
- pointer-events: none;
1331
- position: absolute;
1332
- content: "";
1333
- display: block;
1334
- bottom: -9px;
1335
- left: -9px;
1336
- right: -9px;
1337
- border-radius: 6px;
1338
- border: 2px solid #fff;
1339
- }
1340
- .tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
1341
- bottom: calc((12px + 16px + 1px) * -1);
1342
- }
1343
1087
  .tox .tox-comment__header {
1344
1088
  align-items: center;
1345
1089
  color: #fff;
@@ -1353,62 +1097,18 @@ button::-moz-focus-inner {
1353
1097
  }
1354
1098
  .tox .tox-comment__body {
1355
1099
  color: #fff;
1356
- font-size: 16px;
1100
+ font-size: 14px;
1357
1101
  font-style: normal;
1358
1102
  font-weight: normal;
1359
1103
  line-height: 1.3;
1360
1104
  margin-top: 8px;
1361
1105
  position: relative;
1362
1106
  text-transform: initial;
1363
- transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
1364
- white-space: pre-wrap;
1365
- /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
1366
- }
1367
- .tox .tox-comment__body.tox-comment__body--expanded {
1368
- max-height: 100em;
1369
- transition: max-height 1s ease-in-out;
1370
- }
1371
- .tox .tox-comment__body.tox-comment__body--pending {
1372
- transition: max-height 0s;
1373
- }
1374
- .tox .tox-comment__body p {
1375
- margin: 0;
1376
1107
  }
1377
1108
  .tox .tox-comment__body textarea {
1378
1109
  resize: none;
1379
1110
  white-space: normal;
1380
1111
  width: 100%;
1381
- font-size: 16px;
1382
- }
1383
- .tox .tox-comment__loading-text {
1384
- align-items: center;
1385
- color: #fff;
1386
- display: flex;
1387
- flex-direction: column;
1388
- position: relative;
1389
- }
1390
- .tox .tox-comment__loading-text > div {
1391
- padding-bottom: 16px;
1392
- }
1393
- .tox .tox-comment__overlaytext {
1394
- bottom: 0;
1395
- flex-direction: column;
1396
- font-size: 14px;
1397
- left: 0;
1398
- padding: 1em;
1399
- position: absolute;
1400
- right: 0;
1401
- top: 0;
1402
- z-index: 10;
1403
- }
1404
- .tox .tox-comment__overlaytext p {
1405
- background-color: #222F3E;
1406
- box-shadow: 0 0 8px 8px #222F3E;
1407
- color: #fff;
1408
- text-align: center;
1409
- }
1410
- .tox .tox-comment__overlaytext div:nth-of-type(2) {
1411
- font-size: 0.8em;
1412
1112
  }
1413
1113
  .tox .tox-comment__expander {
1414
1114
  padding-top: 8px;
@@ -1417,36 +1117,16 @@ button::-moz-focus-inner {
1417
1117
  color: rgba(255, 255, 255, 0.5);
1418
1118
  font-size: 14px;
1419
1119
  font-style: normal;
1420
- /* Need a focus highlight on the show more/less button */
1421
1120
  }
1422
- .tox .tox-comment__expander p:focus {
1423
- font-weight: bold;
1121
+ .tox .tox-comment__body p {
1122
+ margin: 0;
1424
1123
  }
1425
1124
  .tox .tox-comment__buttonspacing {
1426
1125
  padding-top: 16px;
1427
1126
  text-align: center;
1428
1127
  }
1429
- .tox .tox-tbtn.tox-comment__mention-btn {
1430
- display: flex;
1431
- width: 34px;
1432
- height: 34px;
1433
- padding: 5px;
1434
- justify-content: center;
1435
- align-items: center;
1436
- margin: 0;
1437
- background-color: transparent;
1438
- }
1439
- .tox .tox-comment-thread {
1440
- background: #222F3E;
1441
- position: relative;
1442
- border-radius: 6px;
1443
- background-color: transparent;
1444
- }
1445
- .tox .tox-comment-thread > *:not(:first-child) {
1446
- margin-top: 8px;
1447
- }
1448
1128
  .tox .tox-comment-thread__overlay::after {
1449
- background: #222F3E;
1129
+ background: #2b3b4e;
1450
1130
  bottom: 0;
1451
1131
  content: "";
1452
1132
  display: flex;
@@ -1472,10 +1152,10 @@ button::-moz-focus-inner {
1472
1152
  display: flex;
1473
1153
  flex-wrap: wrap;
1474
1154
  justify-content: flex-end;
1475
- margin-top: 8px;
1155
+ margin-top: 16px;
1476
1156
  }
1477
1157
  .tox .tox-comment__gradient::after {
1478
- background: linear-gradient(rgba(34, 47, 62, 0), #222F3E);
1158
+ background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
1479
1159
  bottom: 0;
1480
1160
  content: "";
1481
1161
  display: block;
@@ -1485,7 +1165,7 @@ button::-moz-focus-inner {
1485
1165
  width: 100%;
1486
1166
  }
1487
1167
  .tox .tox-comment__overlay {
1488
- background: #222F3E;
1168
+ background: #2b3b4e;
1489
1169
  bottom: 0;
1490
1170
  display: flex;
1491
1171
  flex-direction: column;
@@ -1498,15 +1178,45 @@ button::-moz-focus-inner {
1498
1178
  top: 0;
1499
1179
  z-index: 5;
1500
1180
  }
1501
- .tox .tox-comment__busy-spinner {
1181
+ .tox .tox-comment__loading-text {
1502
1182
  align-items: center;
1503
- background-color: #222F3E;
1504
- bottom: 0;
1183
+ color: #fff;
1505
1184
  display: flex;
1506
- justify-content: center;
1507
- left: 0;
1508
- position: absolute;
1509
- right: 0;
1185
+ flex-direction: column;
1186
+ position: relative;
1187
+ }
1188
+ .tox .tox-comment__loading-text > div {
1189
+ padding-bottom: 16px;
1190
+ }
1191
+ .tox .tox-comment__overlaytext {
1192
+ bottom: 0;
1193
+ flex-direction: column;
1194
+ font-size: 14px;
1195
+ left: 0;
1196
+ padding: 1em;
1197
+ position: absolute;
1198
+ right: 0;
1199
+ top: 0;
1200
+ z-index: 10;
1201
+ }
1202
+ .tox .tox-comment__overlaytext p {
1203
+ background-color: #2b3b4e;
1204
+ box-shadow: 0 0 8px 8px #2b3b4e;
1205
+ color: #fff;
1206
+ text-align: center;
1207
+ }
1208
+ .tox .tox-comment__overlaytext div:nth-of-type(2) {
1209
+ font-size: 0.8em;
1210
+ }
1211
+ .tox .tox-comment__busy-spinner {
1212
+ align-items: center;
1213
+ background-color: #2b3b4e;
1214
+ bottom: 0;
1215
+ display: flex;
1216
+ justify-content: center;
1217
+ left: 0;
1218
+ position: absolute;
1219
+ right: 0;
1510
1220
  top: 0;
1511
1221
  z-index: 20;
1512
1222
  }
@@ -1515,49 +1225,9 @@ button::-moz-focus-inner {
1515
1225
  flex-direction: column;
1516
1226
  flex-shrink: 1;
1517
1227
  overflow: auto;
1518
- padding: 12px;
1519
- scroll-behavior: smooth;
1520
- }
1521
- .tox .tox-comment__scroll:has(textarea:focus) {
1522
- scroll-behavior: auto;
1523
- }
1524
- .tox .tox-comment--disappearing {
1525
- transition: opacity 0.5s ease;
1526
- }
1527
- .tox .tox-comment[data-transitioning-destination="deleting"] {
1528
- opacity: 0;
1529
- }
1530
- .tox .tox-skeleton .tox-skeleton__line {
1531
- height: 16px;
1532
- width: 100%;
1533
- background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
1534
- animation: wave 2s infinite ease-out;
1535
- }
1536
- .tox .tox-skeleton .tox-skeleton__circle {
1537
- height: 36px;
1538
- width: 36px;
1539
- margin-right: 8px;
1540
- border-radius: 100%;
1541
- background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
1542
- animation: wave 2s infinite ease-out;
1543
- }
1544
- @keyframes wave {
1545
- 0% {
1546
- background-position: -268px 0;
1547
- }
1548
- 100% {
1549
- background-position: 268px 0;
1550
- }
1551
1228
  }
1552
- .tox .tox-ring-loader {
1553
- width: 10px;
1554
- height: 10px;
1555
- border: 1px solid #FFF;
1556
- border-bottom-color: transparent;
1557
- border-radius: 50%;
1558
- display: inline-block;
1559
- box-sizing: border-box;
1560
- animation: tox-rotation 1s linear infinite;
1229
+ .tox .tox-conversations {
1230
+ margin: 8px;
1561
1231
  }
1562
1232
  .tox:not([dir=rtl]) .tox-comment__edit {
1563
1233
  margin-left: 8px;
@@ -1611,11 +1281,6 @@ button::-moz-focus-inner {
1611
1281
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1612
1282
  margin-right: 8px;
1613
1283
  }
1614
- .tox {
1615
- /* .tox-dialog-blocker-wrap {
1616
- //
1617
- } */
1618
- }
1619
1284
  .tox .tox-dialog-wrap {
1620
1285
  align-items: center;
1621
1286
  bottom: 0;
@@ -1644,7 +1309,7 @@ button::-moz-focus-inner {
1644
1309
  border-color: #161f29;
1645
1310
  border-radius: 10px;
1646
1311
  border-style: solid;
1647
- border-width: 0;
1312
+ border-width: 0px;
1648
1313
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1649
1314
  display: flex;
1650
1315
  flex-direction: column;
@@ -1749,7 +1414,6 @@ button::-moz-focus-inner {
1749
1414
  line-height: 1.3;
1750
1415
  margin-bottom: 8px;
1751
1416
  max-width: 13em;
1752
- -webkit-text-decoration: none;
1753
1417
  text-decoration: none;
1754
1418
  }
1755
1419
  .tox .tox-dialog__body-nav-item:focus {
@@ -1759,12 +1423,6 @@ button::-moz-focus-inner {
1759
1423
  border-bottom: 2px solid #67aeff;
1760
1424
  color: #67aeff;
1761
1425
  }
1762
- @media (forced-colors: active) {
1763
- .tox .tox-dialog__body-nav-item--active {
1764
- border-bottom: 2px solid highlight;
1765
- color: highlight;
1766
- }
1767
- }
1768
1426
  .tox .tox-dialog__body-content {
1769
1427
  box-sizing: border-box;
1770
1428
  display: flex;
@@ -1792,13 +1450,11 @@ button::-moz-focus-inner {
1792
1450
  .tox .tox-dialog__body-content a {
1793
1451
  color: #67aeff;
1794
1452
  cursor: pointer;
1795
- -webkit-text-decoration: underline;
1796
1453
  text-decoration: underline;
1797
1454
  }
1798
1455
  .tox .tox-dialog__body-content a:hover,
1799
1456
  .tox .tox-dialog__body-content a:focus {
1800
1457
  color: #cde5ff;
1801
- -webkit-text-decoration: underline;
1802
1458
  text-decoration: underline;
1803
1459
  }
1804
1460
  .tox .tox-dialog__body-content a:focus-visible {
@@ -1808,7 +1464,6 @@ button::-moz-focus-inner {
1808
1464
  }
1809
1465
  .tox .tox-dialog__body-content a:active {
1810
1466
  color: #ffffff;
1811
- -webkit-text-decoration: underline;
1812
1467
  text-decoration: underline;
1813
1468
  }
1814
1469
  .tox .tox-dialog__body-content svg {
@@ -1971,12 +1626,9 @@ button::-moz-focus-inner {
1971
1626
  position: absolute;
1972
1627
  z-index: 1;
1973
1628
  }
1974
- .tox .tox-navobj-bordered iframe {
1975
- border-radius: 6px;
1976
- }
1977
1629
  .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1978
1630
  border-color: #006ce7;
1979
- box-shadow: 0 0 0 1px #006ce7;
1631
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
1980
1632
  outline: none;
1981
1633
  }
1982
1634
  .tox .tox-dialog__popups {
@@ -2082,11 +1734,6 @@ body.tox-dialog__disable-scroll {
2082
1734
  transition: opacity 0.15s;
2083
1735
  z-index: 1;
2084
1736
  }
2085
- @media (forced-colors: active) {
2086
- .tox .tox-edit-area::before {
2087
- border: 2px solid highlight;
2088
- }
2089
- }
2090
1737
  .tox .tox-edit-area__iframe {
2091
1738
  background-color: #fff;
2092
1739
  border: 0;
@@ -2196,14 +1843,6 @@ body.tox-dialog__disable-scroll {
2196
1843
  .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
2197
1844
  left: 4px;
2198
1845
  }
2199
- .tox .tox-custom-preview {
2200
- border-color: #161f29;
2201
- border-radius: 6px;
2202
- border-style: solid;
2203
- border-width: 1px;
2204
- flex: 1;
2205
- padding: 8px;
2206
- }
2207
1846
  .tox .tox-autocompleter {
2208
1847
  max-width: 25em;
2209
1848
  }
@@ -2223,7 +1862,7 @@ body.tox-dialog__disable-scroll {
2223
1862
  z-index: -1;
2224
1863
  }
2225
1864
  .tox .tox-color-input span {
2226
- border-color: rgba(34 47 3.1%);
1865
+ border-color: rgba(34, 47, 62, 0.2);
2227
1866
  border-radius: 6px;
2228
1867
  border-style: solid;
2229
1868
  border-width: 1px;
@@ -2234,13 +1873,6 @@ body.tox-dialog__disable-scroll {
2234
1873
  top: 6px;
2235
1874
  width: 24px;
2236
1875
  }
2237
- @media (forced-colors: active) {
2238
- .tox .tox-color-input span {
2239
- border-color: currentColor;
2240
- border-width: 2px !important;
2241
- forced-color-adjust: none;
2242
- }
2243
- }
2244
1876
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
2245
1877
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
2246
1878
  border-color: #006ce7;
@@ -2261,20 +1893,21 @@ body.tox-dialog__disable-scroll {
2261
1893
  width: 24px;
2262
1894
  z-index: -1;
2263
1895
  }
2264
- @media (forced-colors: active) {
2265
- .tox .tox-color-input span::before {
2266
- border: none;
2267
- }
2268
- }
2269
1896
  .tox .tox-color-input span[aria-disabled=true] {
2270
1897
  cursor: not-allowed;
2271
1898
  }
1899
+ .tox:not([dir=rtl]) .tox-color-input {
1900
+ /* stylelint-disable-next-line no-descending-specificity */
1901
+ }
2272
1902
  .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
2273
1903
  padding-left: 36px;
2274
1904
  }
2275
1905
  .tox:not([dir=rtl]) .tox-color-input span {
2276
1906
  left: 6px;
2277
1907
  }
1908
+ .tox[dir="rtl"] .tox-color-input {
1909
+ /* stylelint-disable-next-line no-descending-specificity */
1910
+ }
2278
1911
  .tox[dir="rtl"] .tox-color-input .tox-textfield {
2279
1912
  padding-right: 36px;
2280
1913
  }
@@ -2366,16 +1999,14 @@ body.tox-dialog__disable-scroll {
2366
1999
  .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
2367
2000
  display: none;
2368
2001
  }
2369
- .tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
2370
- margin-left: 8px;
2371
- margin-right: 8px;
2372
- }
2373
2002
  .tox .tox-textfield,
2374
2003
  .tox .tox-toolbar-textfield,
2375
2004
  .tox .tox-listboxfield .tox-listbox--select,
2376
2005
  .tox .tox-textarea,
2377
2006
  .tox .tox-textarea-wrap .tox-textarea:focus {
2378
- appearance: none;
2007
+ -webkit-appearance: none;
2008
+ -moz-appearance: none;
2009
+ appearance: none;
2379
2010
  background-color: #2b3b4e;
2380
2011
  border-color: #161f29;
2381
2012
  border-radius: 6px;
@@ -2395,29 +2026,26 @@ body.tox-dialog__disable-scroll {
2395
2026
  width: 100%;
2396
2027
  }
2397
2028
  .tox .tox-textfield[disabled],
2398
- .tox .tox-toolbar-textfield[disabled],
2399
2029
  .tox .tox-textarea[disabled] {
2400
2030
  background-color: #222f3e;
2401
2031
  color: rgba(255, 255, 255, 0.85);
2402
2032
  cursor: not-allowed;
2403
2033
  }
2404
2034
  .tox .tox-textfield:focus,
2405
- .tox .tox-toolbar-textfield:focus,
2406
2035
  .tox .tox-listboxfield .tox-listbox--select:focus,
2407
2036
  .tox .tox-textarea-wrap:focus-within,
2408
2037
  .tox .tox-textarea:focus,
2409
- .tox .tox-focusable-wrapper:focus,
2410
2038
  .tox .tox-custom-editor:focus-within {
2411
2039
  background-color: #2b3b4e;
2412
2040
  border-color: #006ce7;
2413
- box-shadow: 0 0 0 1px #006ce7;
2041
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2414
2042
  outline: none;
2415
2043
  }
2416
2044
  .tox .tox-toolbar-textfield {
2045
+ border-width: 0;
2046
+ margin-bottom: 3px;
2047
+ margin-top: 2px;
2417
2048
  max-width: 250px;
2418
- min-height: unset;
2419
- height: 28px;
2420
- margin: 5px 0 6px 0;
2421
2049
  }
2422
2050
  .tox .tox-naked-btn {
2423
2051
  background-color: transparent;
@@ -2434,9 +2062,6 @@ body.tox-dialog__disable-scroll {
2434
2062
  display: block;
2435
2063
  fill: #fff;
2436
2064
  }
2437
- .tox .tox-textfield-size {
2438
- width: 80px;
2439
- }
2440
2065
  .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
2441
2066
  margin-left: 4px;
2442
2067
  }
@@ -2466,11 +2091,6 @@ body.tox-dialog__disable-scroll {
2466
2091
  .tox .tox-listbox__select-chevron svg {
2467
2092
  fill: #fff;
2468
2093
  }
2469
- @media (forced-colors: active) {
2470
- .tox .tox-listbox__select-chevron svg {
2471
- fill: currentColor !important;
2472
- }
2473
- }
2474
2094
  .tox .tox-listboxfield .tox-listbox--select {
2475
2095
  align-items: center;
2476
2096
  display: flex;
@@ -2486,7 +2106,9 @@ body.tox-dialog__disable-scroll {
2486
2106
  position: relative;
2487
2107
  }
2488
2108
  .tox .tox-selectfield select {
2489
- appearance: none;
2109
+ -webkit-appearance: none;
2110
+ -moz-appearance: none;
2111
+ appearance: none;
2490
2112
  background-color: #2b3b4e;
2491
2113
  border-color: #161f29;
2492
2114
  border-radius: 6px;
@@ -2516,7 +2138,7 @@ body.tox-dialog__disable-scroll {
2516
2138
  .tox .tox-selectfield select:focus {
2517
2139
  background-color: #2b3b4e;
2518
2140
  border-color: #006ce7;
2519
- box-shadow: 0 0 0 1px #006ce7;
2141
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2520
2142
  outline: none;
2521
2143
  }
2522
2144
  .tox .tox-selectfield svg {
@@ -2525,10 +2147,6 @@ body.tox-dialog__disable-scroll {
2525
2147
  top: 50%;
2526
2148
  transform: translateY(-50%);
2527
2149
  }
2528
- .tox .tox-selectfield select option:checked {
2529
- background-color: revert;
2530
- color: revert;
2531
- }
2532
2150
  .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
2533
2151
  .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
2534
2152
  padding-right: 24px;
@@ -2553,7 +2171,9 @@ body.tox-dialog__disable-scroll {
2553
2171
  overflow: hidden;
2554
2172
  }
2555
2173
  .tox .tox-textarea {
2556
- appearance: textarea;
2174
+ -webkit-appearance: textarea;
2175
+ -moz-appearance: textarea;
2176
+ appearance: textarea;
2557
2177
  white-space: pre-wrap;
2558
2178
  }
2559
2179
  .tox .tox-textarea-wrap .tox-textarea {
@@ -2673,92 +2293,7 @@ body.tox-dialog__disable-scroll {
2673
2293
  margin: -20px 0 0 -20px;
2674
2294
  top: 200px;
2675
2295
  }
2676
- .tox .tox-image-selector-loading-spinner-wrapper {
2677
- display: flex;
2678
- justify-content: center;
2679
- align-items: center;
2680
- }
2681
- .tox .tox-image-selector-loading-spinner {
2682
- position: absolute;
2683
- width: min(24px, 30%);
2684
- aspect-ratio: 1;
2685
- border-radius: 50%;
2686
- border: 3px solid #006ce7;
2687
- border-bottom-color: transparent;
2688
- animation: tox-rotation 1s linear infinite;
2689
- }
2690
- .tox .tox-toolbar .tox-image-selector,
2691
- .tox .tox-toolbar__primary .tox-image-selector,
2692
- .tox .tox-toolbar__overflow .tox-image-selector {
2693
- margin: 5px 0 6px 11px;
2694
- }
2695
- .tox .tox-image-selector-menu {
2696
- border: 0;
2697
- border-radius: 3px;
2698
- margin: -4px -4px;
2699
- padding: 4px;
2700
- }
2701
- .tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
2702
- border: 0;
2703
- padding: 0;
2704
- margin: -4px -4px;
2705
- }
2706
- .tox .tox-image-selector-menu .tox-collection__item {
2707
- max-width: 48px;
2708
- }
2709
- .tox .tox-image-selector-menu .tox-collection__item-icon {
2710
- border: 1px solid #161f29;
2711
- border-radius: 3px;
2712
- margin-bottom: 4px;
2713
- width: 100%;
2714
- }
2715
- .tox .tox-image-selector-menu .tox-collection__item-icon svg path {
2716
- stroke: #c00;
2717
- }
2718
- .tox .tox-image-selector__row {
2719
- display: flex;
2720
- }
2721
- .tox .tox-image-selector--remove {
2722
- align-items: center;
2723
- display: flex;
2724
- justify-content: center;
2725
- }
2726
- .tox .tox-image-selector--remove svg path {
2727
- stroke: #c00;
2728
- }
2729
- .tox .tox-image-selector-image-wrapper {
2730
- width: 46px;
2731
- height: 46px;
2732
- display: flex;
2733
- align-items: center;
2734
- justify-content: center;
2735
- }
2736
- .tox .tox-image-selector-image-img {
2737
- max-width: 100%;
2738
- max-height: 100%;
2739
- }
2740
- .tox .tox-image-selector__picker-btn {
2741
- align-items: center;
2742
- background-color: transparent;
2743
- border: 0;
2744
- cursor: pointer;
2745
- display: flex;
2746
- height: 30px;
2747
- justify-content: center;
2748
- outline: none;
2749
- padding: 0;
2750
- width: 30px;
2751
- }
2752
- .tox .tox-image-selector__picker-btn svg {
2753
- fill: #fff;
2754
- height: 24px;
2755
- width: 24px;
2756
- }
2757
- .tox .tox-image-selector__picker-btn:hover {
2758
- background: #2f4055;
2759
- }
2760
2296
  .tox .tox-insert-table-picker {
2761
- background-color: #222F3E;
2762
2297
  display: flex;
2763
2298
  flex-wrap: wrap;
2764
2299
  width: 170px;
@@ -2775,14 +2310,8 @@ body.tox-dialog__disable-scroll {
2775
2310
  margin: -4px -4px;
2776
2311
  }
2777
2312
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2778
- background-color: #006ce7;
2779
- border-color: rgba(255, 255, 255, 0.15);
2780
- }
2781
- @media (forced-colors: active) {
2782
- .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2783
- border-color: Highlight;
2784
- filter: contrast(50%);
2785
- }
2313
+ background-color: rgba(0, 108, 231, 0.5);
2314
+ border-color: rgba(0, 108, 231, 0.5);
2786
2315
  }
2787
2316
  .tox .tox-insert-table-picker__label {
2788
2317
  color: #fff;
@@ -2792,45 +2321,18 @@ body.tox-dialog__disable-scroll {
2792
2321
  text-align: center;
2793
2322
  width: 100%;
2794
2323
  }
2324
+ .tox:not([dir=rtl]) {
2325
+ /* stylelint-disable-next-line no-descending-specificity */
2326
+ }
2795
2327
  .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2796
2328
  border-right: 0;
2797
2329
  }
2330
+ .tox[dir=rtl] {
2331
+ /* stylelint-disable-next-line no-descending-specificity */
2332
+ }
2798
2333
  .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2799
2334
  border-right: 0;
2800
2335
  }
2801
- .tox-mentions__card-common {
2802
- z-index: 1200;
2803
- }
2804
- .tox.tox-mentions__card {
2805
- background: #222F3E;
2806
- border: 1px solid #161f29;
2807
- display: flex;
2808
- padding: 4px 8px;
2809
- }
2810
- .tox.tox-mentions__card .tox-mentions__container {
2811
- display: flex;
2812
- flex-direction: column;
2813
- align-self: center;
2814
- margin: 0 4px;
2815
- }
2816
- .tox .tox-mentions__avatar {
2817
- width: 42px;
2818
- height: 42px;
2819
- border-radius: 50%;
2820
- margin-right: 4px;
2821
- }
2822
- .tox .tox-mentions__username {
2823
- font-size: 14px;
2824
- line-height: 21px;
2825
- }
2826
- .tox .tox-mentions__description {
2827
- font-size: 12px;
2828
- line-height: 21px;
2829
- color: rgba(255, 255, 255, 0.5);
2830
- }
2831
- .tox .tox-collection__item--active .tox-mentions__description {
2832
- color: inherit;
2833
- }
2834
2336
  .tox {
2835
2337
  /* stylelint-disable */
2836
2338
  /* stylelint-enable */
@@ -2875,7 +2377,7 @@ body.tox-dialog__disable-scroll {
2875
2377
  margin: 0;
2876
2378
  }
2877
2379
  .tox .tox-menubar {
2878
- background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2380
+ background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2879
2381
  background-color: #222F3E;
2880
2382
  display: flex;
2881
2383
  flex: 0 0 auto;
@@ -2889,7 +2391,7 @@ body.tox-dialog__disable-scroll {
2889
2391
  grid-column: 1;
2890
2392
  }
2891
2393
  .tox .tox-promotion {
2892
- background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2394
+ background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2893
2395
  background-color: #222F3E;
2894
2396
  grid-column: 2;
2895
2397
  grid-row: 1;
@@ -2918,7 +2420,7 @@ body.tox-dialog__disable-scroll {
2918
2420
  /* Deprecated. Remove in next major release */
2919
2421
  .tox .tox-mbtn {
2920
2422
  align-items: center;
2921
- background: #222F3E;
2423
+ background: transparent;
2922
2424
  border: 0;
2923
2425
  border-radius: 3px;
2924
2426
  box-shadow: none;
@@ -2932,49 +2434,32 @@ body.tox-dialog__disable-scroll {
2932
2434
  justify-content: center;
2933
2435
  margin: 5px 1px 6px 0;
2934
2436
  outline: none;
2437
+ overflow: hidden;
2935
2438
  padding: 0 4px;
2936
2439
  text-transform: none;
2937
2440
  width: auto;
2938
2441
  }
2939
2442
  .tox .tox-mbtn[disabled] {
2940
- background-color: #222F3E;
2443
+ background-color: transparent;
2941
2444
  border: 0;
2942
2445
  box-shadow: none;
2943
2446
  color: rgba(255, 255, 255, 0.5);
2944
2447
  cursor: not-allowed;
2945
2448
  }
2946
2449
  .tox .tox-mbtn:focus:not(:disabled) {
2947
- background: #222F3E;
2450
+ background: #3389ec;
2948
2451
  border: 0;
2949
2452
  box-shadow: none;
2950
2453
  color: #fff;
2951
- position: relative;
2952
- z-index: 1;
2953
- }
2954
- .tox .tox-mbtn:focus:not(:disabled)::after {
2955
- border-radius: 3px;
2956
- bottom: 0;
2957
- box-shadow: 0 0 0 2px #fff ;
2958
- content: '';
2959
- left: 0;
2960
- position: absolute;
2961
- right: 0;
2962
- top: 0;
2963
- }
2964
- @media (forced-colors: active) {
2965
- .tox .tox-mbtn:focus:not(:disabled)::after {
2966
- border: 2px solid highlight;
2967
- }
2968
2454
  }
2969
- .tox .tox-mbtn--active,
2970
- .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
2455
+ .tox .tox-mbtn--active {
2971
2456
  background: #599fef;
2972
2457
  border: 0;
2973
2458
  box-shadow: none;
2974
2459
  color: #fff;
2975
2460
  }
2976
2461
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2977
- background: #2f4055;
2462
+ background: #3389ec;
2978
2463
  border: 0;
2979
2464
  box-shadow: none;
2980
2465
  color: #fff;
@@ -3004,26 +2489,18 @@ body.tox-dialog__disable-scroll {
3004
2489
  font-size: 14px;
3005
2490
  font-weight: normal;
3006
2491
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3007
- margin-left: auto;
3008
- margin-right: auto;
3009
2492
  margin-top: 4px;
3010
2493
  opacity: 0;
3011
2494
  padding: 4px;
3012
2495
  transition: transform 100ms ease-in, opacity 150ms ease-in;
3013
- width: max-content;
3014
- }
3015
- .tox .tox-notification a {
3016
- cursor: pointer;
3017
- -webkit-text-decoration: underline;
3018
- text-decoration: underline;
3019
2496
  }
3020
2497
  .tox .tox-notification p {
3021
2498
  font-size: 14px;
3022
2499
  font-weight: normal;
3023
2500
  }
3024
- .tox .tox-notification:focus {
3025
- border-color: #006ce7;
3026
- box-shadow: 0 0 0 1px #006ce7;
2501
+ .tox .tox-notification a {
2502
+ cursor: pointer;
2503
+ text-decoration: underline;
3027
2504
  }
3028
2505
  .tox .tox-notification--in {
3029
2506
  opacity: 1;
@@ -3039,22 +2516,6 @@ body.tox-dialog__disable-scroll {
3039
2516
  .tox .tox-notification--success a {
3040
2517
  color: #b5d199;
3041
2518
  }
3042
- .tox .tox-notification--success a:hover,
3043
- .tox .tox-notification--success a:focus {
3044
- color: #82b153;
3045
- -webkit-text-decoration: underline;
3046
- text-decoration: underline;
3047
- }
3048
- .tox .tox-notification--success a:focus-visible {
3049
- border-radius: 1px;
3050
- outline: 2px solid #b5d199;
3051
- outline-offset: 2px;
3052
- }
3053
- .tox .tox-notification--success a:active {
3054
- color: #689041;
3055
- -webkit-text-decoration: underline;
3056
- text-decoration: underline;
3057
- }
3058
2519
  .tox .tox-notification--success svg {
3059
2520
  fill: #fff;
3060
2521
  }
@@ -3069,22 +2530,6 @@ body.tox-dialog__disable-scroll {
3069
2530
  .tox .tox-notification--error a {
3070
2531
  color: #e68080;
3071
2532
  }
3072
- .tox .tox-notification--error a:hover,
3073
- .tox .tox-notification--error a:focus {
3074
- color: #d42b2b;
3075
- -webkit-text-decoration: underline;
3076
- text-decoration: underline;
3077
- }
3078
- .tox .tox-notification--error a:focus-visible {
3079
- border-radius: 1px;
3080
- outline: 2px solid #e68080;
3081
- outline-offset: 2px;
3082
- }
3083
- .tox .tox-notification--error a:active {
3084
- color: #aa2222;
3085
- -webkit-text-decoration: underline;
3086
- text-decoration: underline;
3087
- }
3088
2533
  .tox .tox-notification--error svg {
3089
2534
  fill: #fff;
3090
2535
  }
@@ -3102,26 +2547,6 @@ body.tox-dialog__disable-scroll {
3102
2547
  .tox .tox-notification--warning a {
3103
2548
  color: #ffcc00;
3104
2549
  }
3105
- .tox .tox-notification--warn a:hover,
3106
- .tox .tox-notification--warning a:hover,
3107
- .tox .tox-notification--warn a:focus,
3108
- .tox .tox-notification--warning a:focus {
3109
- color: #997a00;
3110
- -webkit-text-decoration: underline;
3111
- text-decoration: underline;
3112
- }
3113
- .tox .tox-notification--warn a:focus-visible,
3114
- .tox .tox-notification--warning a:focus-visible {
3115
- border-radius: 1px;
3116
- outline: 2px solid #ffcc00;
3117
- outline-offset: 2px;
3118
- }
3119
- .tox .tox-notification--warn a:active,
3120
- .tox .tox-notification--warning a:active {
3121
- color: #665200;
3122
- -webkit-text-decoration: underline;
3123
- text-decoration: underline;
3124
- }
3125
2550
  .tox .tox-notification--warn svg,
3126
2551
  .tox .tox-notification--warning svg {
3127
2552
  fill: #fff0b3;
@@ -3137,22 +2562,6 @@ body.tox-dialog__disable-scroll {
3137
2562
  .tox .tox-notification--info a {
3138
2563
  color: #83b7f3;
3139
2564
  }
3140
- .tox .tox-notification--info a:hover,
3141
- .tox .tox-notification--info a:focus {
3142
- color: #2681ea;
3143
- -webkit-text-decoration: underline;
3144
- text-decoration: underline;
3145
- }
3146
- .tox .tox-notification--info a:focus-visible {
3147
- border-radius: 1px;
3148
- outline: 2px solid #83b7f3;
3149
- outline-offset: 2px;
3150
- }
3151
- .tox .tox-notification--info a:active {
3152
- color: #1368c9;
3153
- -webkit-text-decoration: underline;
3154
- text-decoration: underline;
3155
- }
3156
2565
  .tox .tox-notification--info svg {
3157
2566
  fill: #fff;
3158
2567
  }
@@ -3201,220 +2610,20 @@ body.tox-dialog__disable-scroll {
3201
2610
  grid-row-start: 2;
3202
2611
  justify-self: center;
3203
2612
  }
3204
- .tox .tox-notification-container-dock-fadeout {
3205
- opacity: 0;
3206
- visibility: hidden;
2613
+ .tox .tox-pop {
2614
+ display: inline-block;
2615
+ position: relative;
3207
2616
  }
3208
- .tox .tox-notification-container-dock-fadein {
3209
- opacity: 1;
3210
- visibility: visible;
2617
+ .tox .tox-pop--resizing {
2618
+ transition: width 0.1s ease;
3211
2619
  }
3212
- .tox .tox-notification-container-dock-transition {
3213
- transition: visibility 0s linear 0.3s, opacity 0.3s ease;
2620
+ .tox .tox-pop--resizing .tox-toolbar,
2621
+ .tox .tox-pop--resizing .tox-toolbar__group {
2622
+ flex-wrap: nowrap;
3214
2623
  }
3215
- .tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
3216
- transition-delay: 0s;
3217
- }
3218
- .tox .tox-onboarding-overlay {
3219
- height: 100%;
3220
- background-color: #17202a;
3221
- position: absolute;
3222
- top: 0;
3223
- left: 0;
3224
- right: 0;
3225
- z-index: 1;
3226
- overflow: auto;
3227
- display: grid;
3228
- justify-content: center;
3229
- align-items: center;
3230
- }
3231
- .tox .tox-onboarding-dialog {
3232
- max-width: 512px;
3233
- background-color: #222F3E;
3234
- display: flex;
3235
- flex-direction: column;
3236
- box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
3237
- border-radius: 12px;
3238
- margin: 8px;
3239
- }
3240
- .tox .tox-onboarding-dialog .tox-onboarding-header {
3241
- color: #fff;
3242
- display: flex;
3243
- justify-content: center;
3244
- align-items: center;
3245
- font-size: 20px;
3246
- margin: 24px 0 8px;
3247
- }
3248
- .tox .tox-onboarding-dialog .tox-onboarding-step {
3249
- display: grid;
3250
- grid-template-columns: min-content 1fr min-content;
3251
- align-items: center;
3252
- margin: 0 24px;
3253
- }
3254
- .tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
3255
- border-bottom: 1px solid rgba(255, 255, 255, 0.15);
3256
- }
3257
- .tox .tox-onboarding-dialog .tox-onboarding-step--number {
3258
- width: 24px;
3259
- aspect-ratio: 1;
3260
- border-radius: 50%;
3261
- border: 1px solid #00AD0E;
3262
- display: flex;
3263
- justify-content: center;
3264
- align-items: center;
3265
- font-size: 12px;
3266
- font-weight: bold;
3267
- color: #00AD0E;
3268
- }
3269
- .tox .tox-onboarding-dialog .tox-onboarding-step--body {
3270
- padding: 24px 0 24px 16px;
3271
- }
3272
- .tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
3273
- color: #fff;
3274
- font-size: 14px;
3275
- font-weight: bold;
3276
- margin-bottom: 4px;
3277
- }
3278
- .tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
3279
- color: rgba(255, 255, 255, 0.5);
3280
- font-size: 14px;
3281
- }
3282
- .tox .tox-onboarding-dialog .tox-onboarding-step--action {
3283
- padding-left: 24px;
3284
- }
3285
- .tox .tox-onboarding-dialog .tox-onboarding-footer {
3286
- background-color: #2b3b4e;
3287
- display: flex;
3288
- justify-content: space-between;
3289
- align-items: center;
3290
- padding: 16px 24px;
3291
- border-bottom-left-radius: 12px;
3292
- border-bottom-right-radius: 12px;
3293
- }
3294
- .tox .tox-onboarding-dialog .tox-onboarding-footer p {
3295
- display: flex;
3296
- align-items: center;
3297
- justify-content: center;
3298
- gap: 4px;
3299
- font-size: 14px;
3300
- color: rgba(255, 255, 255, 0.5);
3301
- }
3302
- .tox .tox-onboarding-dialog svg {
3303
- width: 24px;
3304
- fill: rgba(255, 255, 255, 0.5);
3305
- }
3306
- .tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
3307
- display: grid;
3308
- align-items: center;
3309
- grid-template-columns: min-content 1fr min-content;
3310
- border-bottom: 1px solid rgba(255, 255, 255, 0.15);
3311
- padding: 24px 0;
3312
- margin: 0 16px;
3313
- }
3314
- .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
3315
- margin: 0 16px;
3316
- }
3317
- .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
3318
- color: #fff;
3319
- font-size: 14px;
3320
- font-weight: bold;
3321
- margin-bottom: 4px;
3322
- }
3323
- .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
3324
- color: rgba(255, 255, 255, 0.5);
3325
- font-size: 14px;
3326
- }
3327
- .tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
3328
- display: grid;
3329
- place-content: center;
3330
- width: 56px;
3331
- height: 56px;
3332
- line-height: 24px;
3333
- font-size: 24px;
3334
- border-radius: 12px;
3335
- background: linear-gradient(180deg, #2b3b4e 24%, #202d3b 100%);
3336
- box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
3337
- color: #006ce7;
3338
- }
3339
- .tox .tox-promotion-dialog--subtitle {
3340
- margin: 16px;
3341
- color: rgba(255, 255, 255, 0.5);
3342
- font-size: 14px;
3343
- }
3344
- .tox .tox-promotion-dialog--explore {
3345
- text-align: center;
3346
- margin: 16px;
3347
- color: rgba(255, 255, 255, 0.5);
3348
- font-size: 14px;
3349
- }
3350
- .tox .tox-promotion-dialog--explore a {
3351
- color: #006ce7;
3352
- }
3353
- .tox .tox-promotion-dialog--footer {
3354
- background-color: #17202a;
3355
- color: rgba(255, 255, 255, 0.5);
3356
- font-size: 12px;
3357
- text-align: center;
3358
- padding: 16px;
3359
- }
3360
- .tox .tox-promotion-button {
3361
- display: flex;
3362
- align-items: center;
3363
- height: 26.6px;
3364
- line-height: 26.6px;
3365
- font-size: 14px;
3366
- font-weight: bold;
3367
- background-color: #55367A;
3368
- color: #C290FB;
3369
- padding: 8px 16px;
3370
- cursor: pointer;
3371
- white-space: nowrap;
3372
- border-radius: 5px;
3373
- }
3374
- .tox .tox-promotion-button:focus {
3375
- outline: 1px solid #C290FB;
3376
- }
3377
- .tox .tox-onboarding-dialog a,
3378
- .tox .tox-promotion-dialog--footer a {
3379
- color: rgba(255, 255, 255, 0.5);
3380
- cursor: pointer;
3381
- -webkit-text-decoration: underline;
3382
- text-decoration: underline;
3383
- }
3384
- .tox .tox-onboarding-dialog a:hover,
3385
- .tox .tox-promotion-dialog--footer a:hover,
3386
- .tox .tox-onboarding-dialog a:focus,
3387
- .tox .tox-promotion-dialog--footer a:focus {
3388
- color: #cde5ff;
3389
- -webkit-text-decoration: underline;
3390
- text-decoration: underline;
3391
- }
3392
- .tox .tox-onboarding-dialog a:focus-visible,
3393
- .tox .tox-promotion-dialog--footer a:focus-visible {
3394
- border-radius: 1px;
3395
- outline: 2px solid #67aeff;
3396
- outline-offset: 2px;
3397
- }
3398
- .tox .tox-onboarding-dialog a:active,
3399
- .tox .tox-promotion-dialog--footer a:active {
3400
- color: #ffffff;
3401
- -webkit-text-decoration: underline;
3402
- text-decoration: underline;
3403
- }
3404
- .tox .tox-pop {
3405
- display: inline-block;
3406
- position: relative;
3407
- }
3408
- .tox .tox-pop--resizing {
3409
- transition: width 0.1s ease;
3410
- }
3411
- .tox .tox-pop--resizing .tox-toolbar,
3412
- .tox .tox-pop--resizing .tox-toolbar__group {
3413
- flex-wrap: nowrap;
3414
- }
3415
- .tox .tox-pop--transition {
3416
- transition: 0.15s ease;
3417
- transition-property: left, right, top, bottom;
2624
+ .tox .tox-pop--transition {
2625
+ transition: 0.15s ease;
2626
+ transition-property: left, right, top, bottom;
3418
2627
  }
3419
2628
  .tox .tox-pop--transition::before,
3420
2629
  .tox .tox-pop--transition::after {
@@ -3445,12 +2654,6 @@ body.tox-dialog__disable-scroll {
3445
2654
  position: absolute;
3446
2655
  width: 0;
3447
2656
  }
3448
- @media (forced-colors: active) {
3449
- .tox .tox-pop::before,
3450
- .tox .tox-pop::after {
3451
- content: none;
3452
- }
3453
- }
3454
2657
  .tox .tox-pop.tox-pop--inset::before,
3455
2658
  .tox .tox-pop.tox-pop--inset::after {
3456
2659
  opacity: 0;
@@ -3536,7 +2739,7 @@ body.tox-dialog__disable-scroll {
3536
2739
  min-height: 0;
3537
2740
  }
3538
2741
  .tox .tox-sidebar {
3539
- background-color: #34485f;
2742
+ background-color: #222F3E;
3540
2743
  display: flex;
3541
2744
  flex-direction: row;
3542
2745
  justify-content: flex-end;
@@ -3613,71 +2816,6 @@ body.tox-dialog__disable-scroll {
3613
2816
  .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3614
2817
  margin-inline-start: 32px;
3615
2818
  }
3616
- .tox .tox-toolbar-slider {
3617
- align-items: center;
3618
- display: inline-flex;
3619
- height: 16px;
3620
- }
3621
- .tox .tox-toolbar-slider__input {
3622
- appearance: none;
3623
- background: #161f29;
3624
- border-radius: 16px;
3625
- width: 130px;
3626
- height: 2px;
3627
- }
3628
- .tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
3629
- background-color: transparent;
3630
- height: 16px;
3631
- }
3632
- .tox .tox-toolbar-slider__input::-moz-range-track {
3633
- background-color: transparent;
3634
- height: 16px;
3635
- }
3636
- .tox .tox-toolbar-slider__input::-webkit-slider-thumb {
3637
- -webkit-appearance: none;
3638
- background-color: #006ce7;
3639
- border-radius: 16px;
3640
- border: none;
3641
- height: 16px;
3642
- width: 16px;
3643
- }
3644
- .tox .tox-toolbar-slider__input::-moz-range-thumb {
3645
- appearance: none;
3646
- background-color: #006ce7;
3647
- border-radius: 16px;
3648
- border: none;
3649
- height: 16px;
3650
- width: 16px;
3651
- }
3652
- .tox .tox-toolbar-slider__input:focus-visible {
3653
- outline: none;
3654
- }
3655
- .tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
3656
- background-color: #0060ce;
3657
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
3658
- }
3659
- .tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
3660
- background-color: #0060ce;
3661
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
3662
- }
3663
- .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
3664
- background-color: #0060ce;
3665
- }
3666
- .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
3667
- background-color: #0060ce;
3668
- }
3669
- .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
3670
- background-color: #0054b4;
3671
- }
3672
- .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
3673
- background-color: #0054b4;
3674
- }
3675
- .tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
3676
- background-color: rgba(255, 255, 255, 0.5);
3677
- }
3678
- .tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
3679
- background-color: rgba(255, 255, 255, 0.5);
3680
- }
3681
2819
  .tox .tox-source-code {
3682
2820
  overflow: auto;
3683
2821
  }
@@ -3731,6 +2869,7 @@ body.tox-dialog__disable-scroll {
3731
2869
  .tox .tox-statusbar__path {
3732
2870
  display: flex;
3733
2871
  flex: 1 1 auto;
2872
+ overflow: hidden;
3734
2873
  text-overflow: ellipsis;
3735
2874
  white-space: nowrap;
3736
2875
  }
@@ -3743,11 +2882,10 @@ body.tox-dialog__disable-scroll {
3743
2882
  text-align: center;
3744
2883
  }
3745
2884
  .tox .tox-statusbar__text-container {
3746
- align-items: flex-start;
3747
2885
  display: flex;
3748
2886
  flex: 1 1 auto;
3749
- height: 16px;
3750
2887
  justify-content: space-between;
2888
+ overflow: hidden;
3751
2889
  }
3752
2890
  @media only screen and (min-width: 768px ) {
3753
2891
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
@@ -3785,8 +2923,6 @@ body.tox-dialog__disable-scroll {
3785
2923
  .tox .tox-statusbar__path-item,
3786
2924
  .tox .tox-statusbar__wordcount {
3787
2925
  color: rgba(255, 255, 255, 0.75);
3788
- position: relative;
3789
- -webkit-text-decoration: none;
3790
2926
  text-decoration: none;
3791
2927
  }
3792
2928
  .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
@@ -3798,95 +2934,37 @@ body.tox-dialog__disable-scroll {
3798
2934
  color: #fff;
3799
2935
  cursor: pointer;
3800
2936
  }
3801
- .tox .tox-statusbar a:focus-visible::after,
3802
- .tox .tox-statusbar__path-item:focus-visible::after,
3803
- .tox .tox-statusbar__wordcount:focus-visible::after {
3804
- border-radius: 3px;
3805
- bottom: 0;
3806
- box-shadow: 0 0 0 2px #fff ;
3807
- content: '';
3808
- left: 0;
3809
- position: absolute;
3810
- right: 0;
3811
- top: 0;
3812
- }
3813
- @media (forced-colors: active) {
3814
- .tox .tox-statusbar a:focus-visible::after,
3815
- .tox .tox-statusbar__path-item:focus-visible::after,
3816
- .tox .tox-statusbar__wordcount:focus-visible::after {
3817
- border: 2px solid highlight;
3818
- }
3819
- }
3820
2937
  .tox .tox-statusbar__branding svg {
3821
2938
  fill: rgba(255, 255, 255, 0.8);
3822
- height: 1em;
3823
- margin-left: 0.3em;
3824
- width: auto;
3825
- }
3826
- @media (forced-colors: active) {
3827
- .tox .tox-statusbar__branding svg {
3828
- fill: currentColor;
3829
- }
3830
- }
3831
- .tox .tox-statusbar__branding a {
3832
- align-items: center;
3833
- display: inline-flex;
2939
+ height: 1.14em;
2940
+ vertical-align: -0.28em;
2941
+ width: 3.6em;
3834
2942
  }
3835
2943
  .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
3836
2944
  .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
3837
2945
  fill: #fff;
3838
2946
  }
3839
- .tox .tox-statusbar__resize-cursor-default {
3840
- cursor: ns-resize;
3841
- }
3842
- .tox .tox-statusbar__resize-cursor-both {
3843
- cursor: nwse-resize;
3844
- }
3845
2947
  .tox .tox-statusbar__resize-handle {
3846
2948
  align-items: flex-end;
3847
2949
  align-self: stretch;
2950
+ cursor: nwse-resize;
3848
2951
  display: flex;
3849
2952
  flex: 0 0 auto;
3850
2953
  justify-content: flex-end;
3851
- margin-bottom: 3px;
3852
- margin-left: 4px;
3853
- margin-right: calc(3px - 8px);
3854
- margin-top: 3px;
3855
- padding-bottom: 0;
3856
- padding-left: 0;
3857
- padding-right: 0;
3858
- position: relative;
2954
+ margin-left: auto;
2955
+ margin-right: -8px;
2956
+ padding-bottom: 3px;
2957
+ padding-left: 1ch;
2958
+ padding-right: 3px;
3859
2959
  }
3860
2960
  .tox .tox-statusbar__resize-handle svg {
3861
2961
  display: block;
3862
2962
  fill: rgba(255, 255, 255, 0.5);
3863
2963
  }
3864
- .tox .tox-statusbar__resize-handle:hover svg,
3865
2964
  .tox .tox-statusbar__resize-handle:focus svg {
3866
- fill: #fff;
3867
- }
3868
- .tox .tox-statusbar__resize-handle:focus-visible {
3869
- background-color: transparent;
2965
+ background-color: #434e5b;
3870
2966
  border-radius: 1px 1px 5px 1px;
3871
- box-shadow: 0 0 0 2px transparent;
3872
- }
3873
- .tox .tox-statusbar__resize-handle:focus-visible::after {
3874
- border-radius: 3px;
3875
- bottom: 0;
3876
- box-shadow: 0 0 0 2px #fff ;
3877
- content: '';
3878
- left: 0;
3879
- position: absolute;
3880
- right: 0;
3881
- top: 0;
3882
- }
3883
- @media (forced-colors: active) {
3884
- .tox .tox-statusbar__resize-handle:focus-visible::after {
3885
- border: 2px solid highlight;
3886
- }
3887
- }
3888
- .tox .tox-statusbar__resize-handle:only-child {
3889
- margin-left: auto;
2967
+ box-shadow: 0 0 0 2px #434e5b;
3890
2968
  }
3891
2969
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
3892
2970
  margin-right: 4px;
@@ -3900,10 +2978,6 @@ body.tox-dialog__disable-scroll {
3900
2978
  .tox[dir=rtl] .tox-statusbar__path > * {
3901
2979
  margin-left: 4px;
3902
2980
  }
3903
- .tox[dir=rtl] .tox-statusbar__branding svg {
3904
- margin-left: 0;
3905
- margin-right: 0.3em;
3906
- }
3907
2981
  .tox .tox-throbber {
3908
2982
  z-index: 1299;
3909
2983
  }
@@ -3920,7 +2994,7 @@ body.tox-dialog__disable-scroll {
3920
2994
  }
3921
2995
  .tox .tox-tbtn {
3922
2996
  align-items: center;
3923
- background: #222F3E;
2997
+ background: transparent;
3924
2998
  border: 0;
3925
2999
  border-radius: 3px;
3926
3000
  box-shadow: none;
@@ -3934,72 +3008,27 @@ body.tox-dialog__disable-scroll {
3934
3008
  justify-content: center;
3935
3009
  margin: 6px 1px 5px 0;
3936
3010
  outline: none;
3011
+ overflow: hidden;
3937
3012
  padding: 0;
3938
3013
  text-transform: none;
3939
3014
  width: 34px;
3940
3015
  }
3941
- @media (forced-colors: active) {
3942
- .tox .tox-tbtn:hover,
3943
- .tox .tox-tbtn.tox-tbtn:hover {
3944
- outline: 1px dashed currentColor;
3945
- }
3946
- .tox .tox-tbtn.tox-tbtn--active,
3947
- .tox .tox-tbtn.tox-tbtn--enabled,
3948
- .tox .tox-tbtn.tox-tbtn--enabled:hover,
3949
- .tox .tox-tbtn.tox-tbtn--enabled:focus,
3950
- .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3951
- outline: 1px solid currentColor;
3952
- position: relative;
3953
- }
3954
- }
3955
3016
  .tox .tox-tbtn svg {
3956
3017
  display: block;
3957
3018
  fill: #fff;
3958
3019
  }
3959
- @media (forced-colors: active) {
3960
- .tox .tox-tbtn svg {
3961
- fill: currentColor !important;
3962
- }
3963
- .tox .tox-tbtn svg.tox-tbtn--enabled,
3964
- .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
3965
- fill: currentColor !important;
3966
- }
3967
- .tox .tox-tbtn svg.tox-tbtn--disabled,
3968
- .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
3969
- .tox .tox-tbtn svg .tox-tbtn:disabled,
3970
- .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
3971
- filter: contrast(0%);
3972
- }
3973
- }
3974
3020
  .tox .tox-tbtn.tox-tbtn-more {
3975
3021
  padding-left: 5px;
3976
3022
  padding-right: 5px;
3977
3023
  width: inherit;
3978
3024
  }
3979
3025
  .tox .tox-tbtn:focus {
3980
- background: #222F3E;
3026
+ background: #3389ec;
3981
3027
  border: 0;
3982
3028
  box-shadow: none;
3983
- position: relative;
3984
- z-index: 1;
3985
- }
3986
- .tox .tox-tbtn:focus::after {
3987
- border-radius: 3px;
3988
- bottom: 0;
3989
- box-shadow: 0 0 0 2px #fff ;
3990
- content: '';
3991
- left: 0;
3992
- position: absolute;
3993
- right: 0;
3994
- top: 0;
3995
- }
3996
- @media (forced-colors: active) {
3997
- .tox .tox-tbtn:focus::after {
3998
- border: 2px solid highlight;
3999
- }
4000
3029
  }
4001
3030
  .tox .tox-tbtn:hover {
4002
- background: #2f4055;
3031
+ background: #3389ec;
4003
3032
  border: 0;
4004
3033
  box-shadow: none;
4005
3034
  color: #fff;
@@ -4023,7 +3052,7 @@ body.tox-dialog__disable-scroll {
4023
3052
  .tox .tox-tbtn--disabled:hover,
4024
3053
  .tox .tox-tbtn:disabled,
4025
3054
  .tox .tox-tbtn:disabled:hover {
4026
- background: #222F3E;
3055
+ background: transparent;
4027
3056
  border: 0;
4028
3057
  box-shadow: none;
4029
3058
  color: rgba(255, 255, 255, 0.5);
@@ -4033,51 +3062,29 @@ body.tox-dialog__disable-scroll {
4033
3062
  .tox .tox-tbtn--disabled:hover svg,
4034
3063
  .tox .tox-tbtn:disabled svg,
4035
3064
  .tox .tox-tbtn:disabled:hover svg {
3065
+ /* stylelint-disable-line no-descending-specificity */
4036
3066
  fill: rgba(255, 255, 255, 0.5);
4037
3067
  }
4038
- .tox .tox-tbtn--active,
4039
3068
  .tox .tox-tbtn--enabled,
4040
- .tox .tox-tbtn--enabled:hover,
4041
- .tox .tox-tbtn--enabled:focus {
3069
+ .tox .tox-tbtn--enabled:hover {
4042
3070
  background: #599fef;
4043
3071
  border: 0;
4044
3072
  box-shadow: none;
4045
3073
  color: #fff;
4046
- position: relative;
4047
3074
  }
4048
- .tox .tox-tbtn--active > *,
4049
3075
  .tox .tox-tbtn--enabled > *,
4050
- .tox .tox-tbtn--enabled:hover > *,
4051
- .tox .tox-tbtn--enabled:focus > * {
3076
+ .tox .tox-tbtn--enabled:hover > * {
4052
3077
  transform: none;
4053
3078
  }
4054
- .tox .tox-tbtn--active svg,
4055
3079
  .tox .tox-tbtn--enabled svg,
4056
- .tox .tox-tbtn--enabled:hover svg,
4057
- .tox .tox-tbtn--enabled:focus svg {
3080
+ .tox .tox-tbtn--enabled:hover svg {
3081
+ /* stylelint-disable-line no-descending-specificity */
4058
3082
  fill: #fff;
4059
3083
  }
4060
- .tox .tox-tbtn--active.tox-tbtn--disabled svg,
4061
3084
  .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
4062
- .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
4063
- .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
3085
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
4064
3086
  fill: rgba(255, 255, 255, 0.5);
4065
3087
  }
4066
- .tox .tox-tbtn--enabled:focus::after {
4067
- border-radius: 3px;
4068
- bottom: 0;
4069
- box-shadow: 0 0 0 2px #fff ;
4070
- content: '';
4071
- left: 0;
4072
- position: absolute;
4073
- right: 0;
4074
- top: 0;
4075
- }
4076
- @media (forced-colors: active) {
4077
- .tox .tox-tbtn--enabled:focus::after {
4078
- border: 2px solid highlight;
4079
- }
4080
- }
4081
3088
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
4082
3089
  color: #fff;
4083
3090
  }
@@ -4113,77 +3120,21 @@ body.tox-dialog__disable-scroll {
4113
3120
  margin-bottom: 4px;
4114
3121
  white-space: nowrap;
4115
3122
  }
4116
- .tox .tox-label--context-toolbar {
4117
- margin: 6px 1px 5px 0;
4118
- -webkit-touch-callout: none;
4119
- -webkit-user-select: none;
4120
- user-select: none;
4121
- }
4122
3123
  .tox .tox-number-input {
4123
- background: #2f4055;
4124
3124
  border-radius: 3px;
4125
- display: flex;
4126
- margin: 6px 1px 5px 0;
4127
- position: relative;
4128
- width: auto;
4129
- }
4130
- .tox .tox-number-input:focus {
4131
- background: #2f4055;
4132
- }
4133
- .tox .tox-number-input:focus::after {
4134
- border-radius: 3px;
4135
- bottom: 0;
4136
- box-shadow: 0 0 0 2px #fff ;
4137
- content: '';
4138
- left: 0;
4139
- position: absolute;
4140
- right: 0;
4141
- top: 0;
4142
- }
4143
- @media (forced-colors: active) {
4144
- .tox .tox-number-input:focus::after {
4145
- border: 2px solid highlight;
4146
- }
3125
+ display: flex;
3126
+ margin: 6px 1px 5px 0;
3127
+ padding: 0 4px;
3128
+ width: auto;
4147
3129
  }
4148
3130
  .tox .tox-number-input .tox-input-wrapper {
3131
+ background: #2f4055;
4149
3132
  display: flex;
4150
3133
  pointer-events: none;
4151
- position: relative;
4152
3134
  text-align: center;
4153
3135
  }
4154
3136
  .tox .tox-number-input .tox-input-wrapper:focus {
4155
- background-color: #2f4055;
4156
- z-index: 1;
4157
- }
4158
- .tox .tox-number-input .tox-input-wrapper:focus::after {
4159
- border-radius: 3px;
4160
- bottom: 0;
4161
- box-shadow: 0 0 0 2px #fff ;
4162
- content: '';
4163
- left: 0;
4164
- position: absolute;
4165
- right: 0;
4166
- top: 0;
4167
- }
4168
- @media (forced-colors: active) {
4169
- .tox .tox-number-input .tox-input-wrapper:focus::after {
4170
- border: 2px solid highlight;
4171
- }
4172
- }
4173
- .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
4174
- border-radius: 3px;
4175
- bottom: 0;
4176
- box-shadow: 0 0 0 2px #fff ;
4177
- content: '';
4178
- left: 0;
4179
- position: absolute;
4180
- right: 0;
4181
- top: 0;
4182
- }
4183
- @media (forced-colors: active) {
4184
- .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
4185
- border: 2px solid highlight;
4186
- }
3137
+ background: #3389ec;
4187
3138
  }
4188
3139
  .tox .tox-number-input input {
4189
3140
  border-radius: 3px;
@@ -4191,74 +3142,41 @@ body.tox-dialog__disable-scroll {
4191
3142
  font-size: 14px;
4192
3143
  margin: 2px 0;
4193
3144
  pointer-events: all;
4194
- position: relative;
4195
3145
  width: 60px;
4196
3146
  }
4197
3147
  .tox .tox-number-input input:hover {
4198
- background: #2f4055;
3148
+ background: #3389ec;
4199
3149
  color: #fff;
4200
3150
  }
4201
3151
  .tox .tox-number-input input:focus {
4202
- background-color: #2f4055;
3152
+ background: #fff;
3153
+ color: #222f3e;
4203
3154
  }
4204
3155
  .tox .tox-number-input input:disabled {
4205
- background: #222F3E;
3156
+ background: transparent;
4206
3157
  border: 0;
4207
3158
  box-shadow: none;
4208
3159
  color: rgba(255, 255, 255, 0.5);
4209
3160
  cursor: not-allowed;
4210
3161
  }
4211
3162
  .tox .tox-number-input button {
3163
+ background: #2f4055;
4212
3164
  color: #fff;
4213
3165
  height: 28px;
4214
- position: relative;
4215
3166
  text-align: center;
4216
3167
  width: 24px;
4217
3168
  }
4218
- @media (forced-colors: active) {
4219
- .tox .tox-number-input button:hover,
4220
- .tox .tox-number-input button:focus,
4221
- .tox .tox-number-input button:active {
4222
- outline: 1px solid currentColor !important;
4223
- }
4224
- }
4225
3169
  .tox .tox-number-input button svg {
4226
3170
  display: block;
4227
3171
  fill: #fff;
4228
3172
  margin: 0 auto;
4229
3173
  transform: scale(0.67);
4230
3174
  }
4231
- @media (forced-colors: active) {
4232
- .tox .tox-number-input button svg,
4233
- .tox .tox-number-input button svg:active,
4234
- .tox .tox-number-input button svg:hover {
4235
- fill: currentColor !important;
4236
- }
4237
- .tox .tox-number-input button svg:disabled {
4238
- filter: contrast(0);
4239
- }
4240
- }
4241
3175
  .tox .tox-number-input button:focus {
4242
- background: #2f4055;
4243
- z-index: 1;
4244
- }
4245
- .tox .tox-number-input button:focus::after {
4246
- border-radius: 3px;
4247
- bottom: 0;
4248
- box-shadow: 0 0 0 2px #fff ;
4249
- content: '';
4250
- left: 0;
4251
- position: absolute;
4252
- right: 0;
4253
- top: 0;
4254
- }
4255
- @media (forced-colors: active) {
4256
- .tox .tox-number-input button:focus::after {
4257
- border: 2px solid highlight;
4258
- }
3176
+ background: #3389ec;
4259
3177
  }
4260
3178
  .tox .tox-number-input button:hover {
4261
- background: #2f4055;
3179
+ background: #3389ec;
4262
3180
  border: 0;
4263
3181
  box-shadow: none;
4264
3182
  color: #fff;
@@ -4276,7 +3194,7 @@ body.tox-dialog__disable-scroll {
4276
3194
  fill: #fff;
4277
3195
  }
4278
3196
  .tox .tox-number-input button:disabled {
4279
- background: #222F3E;
3197
+ background: transparent;
4280
3198
  border: 0;
4281
3199
  box-shadow: none;
4282
3200
  color: rgba(255, 255, 255, 0.5);
@@ -4293,18 +3211,13 @@ body.tox-dialog__disable-scroll {
4293
3211
  }
4294
3212
  .tox .tox-number-input:focus:not(:active) > button,
4295
3213
  .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
4296
- background: #2f4055;
3214
+ background: #3389ec;
4297
3215
  }
4298
3216
  .tox .tox-tbtn--select {
4299
3217
  margin: 6px 1px 5px 0;
4300
3218
  padding: 0 4px;
4301
3219
  width: auto;
4302
3220
  }
4303
- .tox .tox-tbtn--bordered,
4304
- .tox .tox-tbtn--bordered:focus,
4305
- .tox .tox-tbtn--bordered:hover {
4306
- border: 1px solid #161f29;
4307
- }
4308
3221
  .tox .tox-tbtn__select-label {
4309
3222
  cursor: default;
4310
3223
  font-weight: normal;
@@ -4323,17 +3236,9 @@ body.tox-dialog__disable-scroll {
4323
3236
  .tox .tox-tbtn__select-chevron svg {
4324
3237
  fill: rgba(255, 255, 255, 0.5);
4325
3238
  }
4326
- @media (forced-colors: active) {
4327
- .tox .tox-tbtn__select-chevron svg {
4328
- fill: currentColor;
4329
- }
4330
- }
4331
3239
  .tox .tox-tbtn--bespoke {
4332
3240
  background: #2f4055;
4333
3241
  }
4334
- .tox .tox-tbtn--bespoke:focus {
4335
- background: #2f4055;
4336
- }
4337
3242
  .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
4338
3243
  margin-inline-start: 4px;
4339
3244
  }
@@ -4353,66 +3258,33 @@ body.tox-dialog__disable-scroll {
4353
3258
  box-sizing: border-box;
4354
3259
  display: flex;
4355
3260
  margin: 6px 1px 5px 0;
3261
+ overflow: hidden;
4356
3262
  }
4357
3263
  .tox .tox-split-button:hover {
4358
- box-shadow: 0 0 0 1px #2f4055 inset;
3264
+ box-shadow: 0 0 0 1px #3389ec inset;
4359
3265
  }
4360
3266
  .tox .tox-split-button:focus {
4361
- background: #222F3E;
3267
+ background: #3389ec;
4362
3268
  box-shadow: none;
4363
3269
  color: #fff;
4364
- position: relative;
4365
- z-index: 1;
4366
- }
4367
- .tox .tox-split-button:focus::after {
4368
- pointer-events: none;
4369
- border-radius: 3px;
4370
- bottom: 0;
4371
- box-shadow: 0 0 0 2px #fff ;
4372
- content: '';
4373
- left: 0;
4374
- position: absolute;
4375
- right: 0;
4376
- top: 0;
4377
- }
4378
- @media (forced-colors: active) {
4379
- .tox .tox-split-button:focus::after {
4380
- border: 2px solid highlight;
4381
- }
4382
3270
  }
4383
3271
  .tox .tox-split-button > * {
4384
3272
  border-radius: 0;
4385
3273
  }
4386
- .tox .tox-split-button > *:nth-child(1) {
4387
- border-bottom-left-radius: 3px;
4388
- border-top-left-radius: 3px;
4389
- }
4390
- .tox .tox-split-button > *:nth-child(2) {
4391
- border-bottom-right-radius: 3px;
4392
- border-top-right-radius: 3px;
4393
- }
4394
3274
  .tox .tox-split-button__chevron {
4395
3275
  width: 16px;
4396
3276
  }
4397
3277
  .tox .tox-split-button__chevron svg {
4398
3278
  fill: rgba(255, 255, 255, 0.5);
4399
3279
  }
4400
- @media (forced-colors: active) {
4401
- .tox .tox-split-button__chevron svg {
4402
- fill: currentColor;
4403
- }
4404
- }
4405
3280
  .tox .tox-split-button .tox-tbtn {
4406
3281
  margin: 0;
4407
3282
  }
4408
- .tox .tox-split-button:focus .tox-tbtn {
4409
- background-color: transparent;
4410
- }
4411
3283
  .tox .tox-split-button.tox-tbtn--disabled:hover,
4412
3284
  .tox .tox-split-button.tox-tbtn--disabled:focus,
4413
3285
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
4414
3286
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
4415
- background: #222F3E;
3287
+ background: transparent;
4416
3288
  box-shadow: none;
4417
3289
  color: rgba(255, 255, 255, 0.5);
4418
3290
  }
@@ -4425,9 +3297,9 @@ body.tox-dialog__disable-scroll {
4425
3297
  .tox.tox-platform-touch .tox-split-button__chevron {
4426
3298
  width: 20px;
4427
3299
  }
4428
- .tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
4429
- .tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
4430
- opacity: 0.3;
3300
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
3301
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color {
3302
+ opacity: 0.6;
4431
3303
  }
4432
3304
  .tox .tox-toolbar-overlord {
4433
3305
  background-color: #222F3E;
@@ -4437,7 +3309,7 @@ body.tox-dialog__disable-scroll {
4437
3309
  .tox .tox-toolbar__overflow {
4438
3310
  background-attachment: local;
4439
3311
  background-color: #222F3E;
4440
- background-image: repeating-linear-gradient(rgba(255, 255, 255, 0.15) 0 1px, transparent 1px 39px);
3312
+ background-image: repeating-linear-gradient(rgba(255, 255, 255, 0.15) 0px 1px, transparent 1px 39px);
4441
3313
  background-position: center top 40px;
4442
3314
  background-repeat: no-repeat;
4443
3315
  background-size: calc(100% - 11px * 2) calc(100% - 41px);
@@ -4478,12 +3350,6 @@ body.tox-dialog__disable-scroll {
4478
3350
  padding-bottom: 1px;
4479
3351
  padding-top: 1px;
4480
3352
  }
4481
- @media (forced-colors: active) {
4482
- .tox .tox-menubar + .tox-toolbar,
4483
- .tox .tox-menubar + .tox-toolbar-overlord {
4484
- outline: 1px solid currentColor;
4485
- }
4486
- }
4487
3353
  .tox .tox-toolbar--scrolling {
4488
3354
  flex-wrap: nowrap;
4489
3355
  overflow-x: auto;
@@ -4502,20 +3368,6 @@ body.tox-dialog__disable-scroll {
4502
3368
  .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
4503
3369
  background-image: none;
4504
3370
  }
4505
- .tox .tox-focusable-wrapper {
4506
- border: 1px solid transparent;
4507
- margin-right: 2px;
4508
- pointer-events: none;
4509
- }
4510
- .tox .tox-focusable-wrapper .tox-textfield-size {
4511
- pointer-events: all;
4512
- }
4513
- .tox .tox-focusable-wrapper:focus {
4514
- background-color: #2f4055;
4515
- border-radius: 6px;
4516
- border-style: solid;
4517
- border-width: 1px;
4518
- }
4519
3371
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
4520
3372
  background-color: #222F3E;
4521
3373
  background-position: center top 43px;
@@ -4526,20 +3378,14 @@ body.tox-dialog__disable-scroll {
4526
3378
  overscroll-behavior: none;
4527
3379
  padding: 4px 0;
4528
3380
  }
4529
- @media (forced-colors: active) {
4530
- .tox.tox-tinymce-aux .tox-toolbar__overflow {
4531
- border: solid;
4532
- }
3381
+ .tox-pop .tox-pop__dialog {
3382
+ /* stylelint-disable-next-line no-descending-specificity */
4533
3383
  }
4534
3384
  .tox-pop .tox-pop__dialog .tox-toolbar {
4535
3385
  background-position: center top 43px;
4536
3386
  background-size: calc(100% - 11px * 2) calc(100% - 51px);
4537
3387
  padding: 4px 0;
4538
3388
  }
4539
- .tox-context-form__group {
4540
- display: flex;
4541
- align-items: center;
4542
- }
4543
3389
  .tox .tox-toolbar__group {
4544
3390
  align-items: center;
4545
3391
  display: flex;
@@ -4562,50 +3408,34 @@ body.tox-dialog__disable-scroll {
4562
3408
  }
4563
3409
  .tox .tox-tooltip {
4564
3410
  display: inline-block;
4565
- max-width: 15em;
4566
3411
  padding: 8px;
4567
- /*
4568
- * The pointer-events: none is designed to make mouse events bleed through the tooltip
4569
- * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
4570
- * another item should trigger the hover of the item obscured by the tooltip, even though
4571
- * the tooltip is on top
4572
- */
4573
- pointer-events: none;
4574
3412
  position: relative;
4575
- width: max-content;
4576
- z-index: 1150;
4577
3413
  }
4578
3414
  .tox .tox-tooltip__body {
4579
- background-color: #324053;
3415
+ background-color: #3d546f;
4580
3416
  border-radius: 6px;
4581
- box-shadow: none;
4582
- color: #fff;
4583
- font-size: 12px;
3417
+ box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3418
+ color: rgba(255, 255, 255, 0.75);
3419
+ font-size: 14px;
4584
3420
  font-style: normal;
4585
- font-weight: 600;
4586
- overflow-wrap: break-word;
4587
- padding: 4px 6px;
3421
+ font-weight: normal;
3422
+ padding: 4px 8px;
4588
3423
  text-transform: none;
4589
3424
  }
4590
- @media (forced-colors: active) {
4591
- .tox .tox-tooltip__body {
4592
- outline: outset 1px;
4593
- }
4594
- }
4595
3425
  .tox .tox-tooltip__arrow {
4596
3426
  position: absolute;
4597
3427
  }
4598
3428
  .tox .tox-tooltip--down .tox-tooltip__arrow {
4599
3429
  border-left: 8px solid transparent;
4600
3430
  border-right: 8px solid transparent;
4601
- border-top: 8px solid #324053;
3431
+ border-top: 8px solid #3d546f;
4602
3432
  bottom: 0;
4603
3433
  left: 50%;
4604
3434
  position: absolute;
4605
3435
  transform: translateX(-50%);
4606
3436
  }
4607
3437
  .tox .tox-tooltip--up .tox-tooltip__arrow {
4608
- border-bottom: 8px solid #324053;
3438
+ border-bottom: 8px solid #3d546f;
4609
3439
  border-left: 8px solid transparent;
4610
3440
  border-right: 8px solid transparent;
4611
3441
  left: 50%;
@@ -4615,7 +3445,7 @@ body.tox-dialog__disable-scroll {
4615
3445
  }
4616
3446
  .tox .tox-tooltip--right .tox-tooltip__arrow {
4617
3447
  border-bottom: 8px solid transparent;
4618
- border-left: 8px solid #324053;
3448
+ border-left: 8px solid #3d546f;
4619
3449
  border-top: 8px solid transparent;
4620
3450
  position: absolute;
4621
3451
  right: 0;
@@ -4624,7 +3454,7 @@ body.tox-dialog__disable-scroll {
4624
3454
  }
4625
3455
  .tox .tox-tooltip--left .tox-tooltip__arrow {
4626
3456
  border-bottom: 8px solid transparent;
4627
- border-right: 8px solid #324053;
3457
+ border-right: 8px solid #3d546f;
4628
3458
  border-top: 8px solid transparent;
4629
3459
  left: 0;
4630
3460
  position: absolute;
@@ -4667,12 +3497,12 @@ body.tox-dialog__disable-scroll {
4667
3497
  fill: #fff;
4668
3498
  }
4669
3499
  .tox .tox-tree .tox-trbtn:focus {
4670
- background: #2f4055;
3500
+ background: #3389ec;
4671
3501
  border: 0;
4672
3502
  box-shadow: none;
4673
3503
  }
4674
3504
  .tox .tox-tree .tox-trbtn:hover {
4675
- background: #2f4055;
3505
+ background: #3389ec;
4676
3506
  border: 0;
4677
3507
  box-shadow: none;
4678
3508
  color: #fff;
@@ -4703,6 +3533,7 @@ body.tox-dialog__disable-scroll {
4703
3533
  .tox .tox-tree .tox-trbtn--disabled:hover svg,
4704
3534
  .tox .tox-tree .tox-trbtn:disabled svg,
4705
3535
  .tox .tox-tree .tox-trbtn:disabled:hover svg {
3536
+ /* stylelint-disable-line no-descending-specificity */
4706
3537
  fill: rgba(255, 255, 255, 0.5);
4707
3538
  }
4708
3539
  .tox .tox-tree .tox-trbtn--enabled,
@@ -4718,6 +3549,7 @@ body.tox-dialog__disable-scroll {
4718
3549
  }
4719
3550
  .tox .tox-tree .tox-trbtn--enabled svg,
4720
3551
  .tox .tox-tree .tox-trbtn--enabled:hover svg {
3552
+ /* stylelint-disable-line no-descending-specificity */
4721
3553
  fill: #fff;
4722
3554
  }
4723
3555
  .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
@@ -4749,6 +3581,7 @@ body.tox-dialog__disable-scroll {
4749
3581
  .tox .tox-tree .tox-tree--directory {
4750
3582
  display: flex;
4751
3583
  flex-direction: column;
3584
+ /* stylelint-disable no-descending-specificity */
4752
3585
  }
4753
3586
  .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
4754
3587
  font-weight: bold;
@@ -4808,11 +3641,6 @@ body.tox-dialog__disable-scroll {
4808
3641
  .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
4809
3642
  fill: #fff;
4810
3643
  }
4811
- .tox .tox-tree .tox-icon-custom-state {
4812
- flex-grow: 1;
4813
- display: flex;
4814
- justify-content: flex-end;
4815
- }
4816
3644
  .tox .tox-tree .tox-tree--directory__children {
4817
3645
  overflow: hidden;
4818
3646
  padding-left: 16px;
@@ -4825,202 +3653,12 @@ body.tox-dialog__disable-scroll {
4825
3653
  display: flex;
4826
3654
  justify-content: space-between;
4827
3655
  }
4828
- .tox .tox-revisionhistory__pane {
4829
- padding: 0 !important;
4830
- /* Override the default padding of tox-view__pane */
4831
- }
4832
- .tox .tox-revisionhistory__container {
4833
- display: flex;
4834
- flex-direction: column;
4835
- height: 100%;
4836
- }
4837
- .tox .tox-revisionhistory {
4838
- background-color: #222F3E;
4839
- border-top: 1px solid rgba(255, 255, 255, 0.15);
4840
- display: flex;
4841
- flex: 1;
4842
- height: 100%;
4843
- margin-top: 8px;
4844
- overflow-x: auto;
4845
- overflow-y: hidden;
4846
- position: relative;
4847
- width: 100%;
4848
- }
4849
- .tox .tox-revisionhistory--align-right {
4850
- margin-left: auto;
4851
- }
4852
- .tox .tox-revisionhistory__iframe {
4853
- flex: 1;
4854
- }
4855
- .tox .tox-revisionhistory__sidebar {
4856
- display: flex;
4857
- flex-direction: column;
4858
- height: 100%;
4859
- min-width: 248px;
4860
- width: 316px;
4861
- }
4862
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
4863
- background-color: #222F3E;
4864
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4865
- color: #fff;
4866
- font-size: 20px;
4867
- font-weight: 400;
4868
- line-height: 28px;
4869
- padding: 12px;
4870
- z-index: 1;
4871
- }
4872
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
4873
- background-color: #2b3b4e;
4874
- display: flex;
4875
- flex: 1;
4876
- flex-direction: column;
4877
- gap: 12px;
4878
- overflow-y: auto;
4879
- padding: 10px 12px;
4880
- }
4881
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
4882
- height: 100%;
4883
- position: relative;
4884
- z-index: 1;
4885
- }
4886
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4887
- border-radius: 3px;
4888
- bottom: 0;
4889
- box-shadow: 0 0 0 2px #fff ;
4890
- content: '';
4891
- left: 0;
4892
- position: absolute;
4893
- right: 0;
4894
- top: 0;
4895
- border-radius: 6px;
4896
- bottom: 1px;
4897
- left: 1px;
4898
- right: 1px;
4899
- top: 1px;
4900
- }
4901
- @media (forced-colors: active) {
4902
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4903
- border: 2px solid highlight;
4904
- }
4905
- }
4906
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
4907
- background-color: #222F3E;
4908
- border: 1px solid rgba(255, 255, 255, 0.15);
4909
- border-radius: 6px;
4910
- color: #fff;
4911
- cursor: pointer;
4912
- display: flex;
4913
- flex-direction: column;
4914
- font-size: 14px;
4915
- gap: 12px;
4916
- padding: 12px;
4917
- width: 100%;
4918
- }
4919
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
4920
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4921
- }
4922
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
4923
- position: relative;
4924
- z-index: 1;
4925
- }
4926
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4927
- border-radius: 3px;
4928
- bottom: 0;
4929
- box-shadow: 0 0 0 2px #fff #285ec7;
4930
- content: '';
4931
- left: 0;
4932
- position: absolute;
4933
- right: 0;
4934
- top: 0;
4935
- border-radius: 6px;
4936
- box-shadow: 0 0 0 2px #285ec7;
4937
- box-shadow: 0 0 0 2px #285ec7 !important;
4938
- }
4939
- @media (forced-colors: active) {
4940
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4941
- border: 2px solid highlight;
4942
- }
4943
- }
4944
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
4945
- background-color: #62430b;
4946
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4947
- position: relative;
4948
- }
4949
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4950
- border-radius: 3px;
4951
- bottom: 0;
4952
- box-shadow: 0 0 0 2px #fff #cea215;
4953
- content: '';
4954
- left: 0;
4955
- position: absolute;
4956
- right: 0;
4957
- top: 0;
4958
- border-radius: 6px;
4959
- box-shadow: 0 0 0 2px #cea215;
4960
- }
4961
- @media (forced-colors: active) {
4962
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4963
- border: 2px solid highlight;
4964
- }
4965
- }
4966
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
4967
- display: flex;
4968
- gap: 12px;
4969
- justify-content: space-between;
4970
- }
4971
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
4972
- font-size: 16px;
4973
- line-height: 24px;
4974
- }
4975
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
4976
- font-size: 12px;
4977
- font-weight: 600;
4978
- line-height: 24px;
4979
- padding: 0;
4980
- }
4981
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
4982
- align-items: center;
4983
- display: flex;
4984
- flex: 1 0 0;
4985
- gap: 8px;
4986
- height: 36px;
4987
- }
4988
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
4989
- overflow: hidden;
4990
- text-overflow: ellipsis;
4991
- white-space: nowrap;
4992
- font-size: 14px;
4993
- font-weight: 700;
4994
- line-height: 18px;
4995
- }
4996
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
4997
- border-radius: 50%;
4998
- height: 36px;
4999
- object-fit: cover;
5000
- vertical-align: middle;
5001
- width: 36px;
5002
- }
5003
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
5004
- color: rgba(255, 255, 255, 0.5);
5005
- font-size: 16px;
5006
- line-height: 24px;
5007
- padding: 5px 5.5px;
5008
- }
5009
- .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
5010
- color: #fff;
5011
- height: 24px;
5012
- }
5013
- [data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
5014
- fill: #c00;
5015
- stroke: #c00;
5016
- }
5017
3656
  .tox .tox-view-wrap,
5018
3657
  .tox .tox-view-wrap__slot-container {
5019
3658
  background-color: #222F3E;
5020
3659
  display: flex;
5021
3660
  flex: 1;
5022
3661
  flex-direction: column;
5023
- height: 100%;
5024
3662
  }
5025
3663
  .tox .tox-view {
5026
3664
  display: flex;
@@ -5033,23 +3671,9 @@ body.tox-dialog__disable-scroll {
5033
3671
  display: flex;
5034
3672
  font-size: 16px;
5035
3673
  justify-content: space-between;
5036
- padding: 10px 10px 2px 10px;
3674
+ padding: 8px 8px 0 8px;
5037
3675
  position: relative;
5038
3676
  }
5039
- .tox .tox-view__label {
5040
- color: #fff;
5041
- font-weight: bold;
5042
- line-height: 24px;
5043
- padding: 4px 16px;
5044
- text-align: center;
5045
- white-space: nowrap;
5046
- }
5047
- .tox .tox-view__label--normal {
5048
- font-size: 16px;
5049
- }
5050
- .tox .tox-view__label--large {
5051
- font-size: 20px;
5052
- }
5053
3677
  .tox .tox-view--mobile.tox-view__header,
5054
3678
  .tox .tox-view--mobile.tox-view__toolbar {
5055
3679
  padding: 8px;
@@ -5063,8 +3687,7 @@ body.tox-dialog__disable-scroll {
5063
3687
  flex-direction: row;
5064
3688
  gap: 8px;
5065
3689
  justify-content: space-between;
5066
- overflow-x: auto;
5067
- padding: 10px 10px 2px 10px;
3690
+ padding: 8px 8px 0 8px;
5068
3691
  }
5069
3692
  .tox .tox-view__toolbar__group {
5070
3693
  display: flex;
@@ -5078,7 +3701,6 @@ body.tox-dialog__disable-scroll {
5078
3701
  .tox .tox-view__pane {
5079
3702
  height: 100%;
5080
3703
  padding: 8px;
5081
- position: relative;
5082
3704
  width: 100%;
5083
3705
  }
5084
3706
  .tox .tox-view__pane_panel {