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

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 (175) hide show
  1. package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs +29 -35
  2. package/fesm2022/dangl-angular-material-shared-tiny-mce.mjs.map +1 -1
  3. package/fesm2022/dangl-angular-material-shared.mjs +36 -51
  4. package/fesm2022/dangl-angular-material-shared.mjs.map +1 -1
  5. package/package.json +11 -10
  6. package/styles/material-theme.scss +1 -1
  7. package/styles/material-variables.scss +5 -5
  8. package/tinymce-assets/icons/default/icons.js +46 -9
  9. package/tinymce-assets/icons/default/icons.min.js +1 -1
  10. package/tinymce-assets/models/dom/model.js +8198 -7244
  11. package/tinymce-assets/models/dom/model.min.js +1 -4
  12. package/tinymce-assets/plugins/accordion/plugin.js +1174 -879
  13. package/tinymce-assets/plugins/accordion/plugin.min.js +1 -4
  14. package/tinymce-assets/plugins/advlist/plugin.js +412 -200
  15. package/tinymce-assets/plugins/advlist/plugin.min.js +1 -4
  16. package/tinymce-assets/plugins/anchor/plugin.js +189 -166
  17. package/tinymce-assets/plugins/anchor/plugin.min.js +1 -4
  18. package/tinymce-assets/plugins/autolink/plugin.js +310 -220
  19. package/tinymce-assets/plugins/autolink/plugin.min.js +1 -4
  20. package/tinymce-assets/plugins/autoresize/plugin.js +180 -149
  21. package/tinymce-assets/plugins/autoresize/plugin.min.js +1 -4
  22. package/tinymce-assets/plugins/autosave/plugin.js +208 -189
  23. package/tinymce-assets/plugins/autosave/plugin.min.js +1 -4
  24. package/tinymce-assets/plugins/charmap/plugin.js +905 -1566
  25. package/tinymce-assets/plugins/charmap/plugin.min.js +1 -4
  26. package/tinymce-assets/plugins/code/plugin.js +73 -61
  27. package/tinymce-assets/plugins/code/plugin.min.js +0 -3
  28. package/tinymce-assets/plugins/codesample/plugin.js +3593 -2402
  29. package/tinymce-assets/plugins/codesample/plugin.min.js +8 -3
  30. package/tinymce-assets/plugins/directionality/plugin.js +545 -304
  31. package/tinymce-assets/plugins/directionality/plugin.min.js +1 -4
  32. package/tinymce-assets/plugins/emoticons/js/emojiimages.min.js +0 -2
  33. package/tinymce-assets/plugins/emoticons/js/emojis.min.js +0 -1
  34. package/tinymce-assets/plugins/emoticons/plugin.js +702 -488
  35. package/tinymce-assets/plugins/emoticons/plugin.min.js +1 -4
  36. package/tinymce-assets/plugins/fullscreen/plugin.js +1409 -1049
  37. package/tinymce-assets/plugins/fullscreen/plugin.min.js +1 -4
  38. package/tinymce-assets/plugins/help/js/i18n/keynav/ar.js +4 -1
  39. package/tinymce-assets/plugins/help/js/i18n/keynav/bg_BG.js +4 -1
  40. package/tinymce-assets/plugins/help/js/i18n/keynav/ca.js +4 -1
  41. package/tinymce-assets/plugins/help/js/i18n/keynav/cs.js +4 -1
  42. package/tinymce-assets/plugins/help/js/i18n/keynav/da.js +4 -1
  43. package/tinymce-assets/plugins/help/js/i18n/keynav/de.js +4 -1
  44. package/tinymce-assets/plugins/help/js/i18n/keynav/el.js +4 -1
  45. package/tinymce-assets/plugins/help/js/i18n/keynav/en.js +4 -1
  46. package/tinymce-assets/plugins/help/js/i18n/keynav/es.js +4 -1
  47. package/tinymce-assets/plugins/help/js/i18n/keynav/eu.js +4 -1
  48. package/tinymce-assets/plugins/help/js/i18n/keynav/fa.js +4 -1
  49. package/tinymce-assets/plugins/help/js/i18n/keynav/fi.js +4 -1
  50. package/tinymce-assets/plugins/help/js/i18n/keynav/fr_FR.js +4 -1
  51. package/tinymce-assets/plugins/help/js/i18n/keynav/he_IL.js +4 -1
  52. package/tinymce-assets/plugins/help/js/i18n/keynav/hi.js +4 -1
  53. package/tinymce-assets/plugins/help/js/i18n/keynav/hr.js +4 -1
  54. package/tinymce-assets/plugins/help/js/i18n/keynav/hu_HU.js +4 -1
  55. package/tinymce-assets/plugins/help/js/i18n/keynav/id.js +4 -1
  56. package/tinymce-assets/plugins/help/js/i18n/keynav/it.js +4 -1
  57. package/tinymce-assets/plugins/help/js/i18n/keynav/ja.js +4 -1
  58. package/tinymce-assets/plugins/help/js/i18n/keynav/kk.js +4 -1
  59. package/tinymce-assets/plugins/help/js/i18n/keynav/ko_KR.js +4 -1
  60. package/tinymce-assets/plugins/help/js/i18n/keynav/ms.js +4 -1
  61. package/tinymce-assets/plugins/help/js/i18n/keynav/nb_NO.js +4 -1
  62. package/tinymce-assets/plugins/help/js/i18n/keynav/nl.js +4 -1
  63. package/tinymce-assets/plugins/help/js/i18n/keynav/pl.js +4 -1
  64. package/tinymce-assets/plugins/help/js/i18n/keynav/pt_BR.js +4 -1
  65. package/tinymce-assets/plugins/help/js/i18n/keynav/pt_PT.js +4 -1
  66. package/tinymce-assets/plugins/help/js/i18n/keynav/ro.js +4 -1
  67. package/tinymce-assets/plugins/help/js/i18n/keynav/ru.js +4 -1
  68. package/tinymce-assets/plugins/help/js/i18n/keynav/sk.js +4 -1
  69. package/tinymce-assets/plugins/help/js/i18n/keynav/sl_SI.js +5 -2
  70. package/tinymce-assets/plugins/help/js/i18n/keynav/sv_SE.js +4 -1
  71. package/tinymce-assets/plugins/help/js/i18n/keynav/th_TH.js +4 -1
  72. package/tinymce-assets/plugins/help/js/i18n/keynav/tr.js +4 -1
  73. package/tinymce-assets/plugins/help/js/i18n/keynav/uk.js +4 -1
  74. package/tinymce-assets/plugins/help/js/i18n/keynav/vi.js +4 -1
  75. package/tinymce-assets/plugins/help/js/i18n/keynav/zh_CN.js +8 -5
  76. package/tinymce-assets/plugins/help/js/i18n/keynav/zh_TW.js +4 -1
  77. package/tinymce-assets/plugins/help/plugin.js +739 -809
  78. package/tinymce-assets/plugins/help/plugin.min.js +1 -4
  79. package/tinymce-assets/plugins/image/plugin.js +1475 -1291
  80. package/tinymce-assets/plugins/image/plugin.min.js +1 -4
  81. package/tinymce-assets/plugins/importcss/plugin.js +328 -269
  82. package/tinymce-assets/plugins/importcss/plugin.min.js +1 -4
  83. package/tinymce-assets/plugins/insertdatetime/plugin.js +140 -141
  84. package/tinymce-assets/plugins/insertdatetime/plugin.min.js +1 -4
  85. package/tinymce-assets/plugins/link/plugin.js +1419 -1084
  86. package/tinymce-assets/plugins/link/plugin.min.js +1 -4
  87. package/tinymce-assets/plugins/lists/plugin.js +2177 -1805
  88. package/tinymce-assets/plugins/lists/plugin.min.js +1 -4
  89. package/tinymce-assets/plugins/media/plugin.js +1305 -1047
  90. package/tinymce-assets/plugins/media/plugin.min.js +1 -4
  91. package/tinymce-assets/plugins/nonbreaking/plugin.js +93 -88
  92. package/tinymce-assets/plugins/nonbreaking/plugin.min.js +0 -3
  93. package/tinymce-assets/plugins/pagebreak/plugin.js +91 -85
  94. package/tinymce-assets/plugins/pagebreak/plugin.min.js +0 -3
  95. package/tinymce-assets/plugins/preview/plugin.js +742 -74
  96. package/tinymce-assets/plugins/preview/plugin.min.js +1 -4
  97. package/tinymce-assets/plugins/quickbars/plugin.js +582 -375
  98. package/tinymce-assets/plugins/quickbars/plugin.min.js +1 -4
  99. package/tinymce-assets/plugins/save/plugin.js +100 -82
  100. package/tinymce-assets/plugins/save/plugin.min.js +1 -4
  101. package/tinymce-assets/plugins/searchreplace/plugin.js +1183 -906
  102. package/tinymce-assets/plugins/searchreplace/plugin.min.js +1 -4
  103. package/tinymce-assets/plugins/table/plugin.js +3651 -3094
  104. package/tinymce-assets/plugins/table/plugin.min.js +1 -4
  105. package/tinymce-assets/plugins/visualblocks/plugin.js +71 -63
  106. package/tinymce-assets/plugins/visualblocks/plugin.min.js +1 -4
  107. package/tinymce-assets/plugins/visualchars/plugin.js +685 -436
  108. package/tinymce-assets/plugins/visualchars/plugin.min.js +1 -4
  109. package/tinymce-assets/plugins/wordcount/plugin.js +382 -307
  110. package/tinymce-assets/plugins/wordcount/plugin.min.js +1 -4
  111. package/tinymce-assets/skins/content/dark/content.css +9 -0
  112. package/tinymce-assets/skins/content/dark/content.js +10 -2
  113. package/tinymce-assets/skins/content/dark/content.min.css +9 -0
  114. package/tinymce-assets/skins/content/default/content.css +9 -0
  115. package/tinymce-assets/skins/content/default/content.js +10 -2
  116. package/tinymce-assets/skins/content/default/content.min.css +9 -0
  117. package/tinymce-assets/skins/content/document/content.css +9 -0
  118. package/tinymce-assets/skins/content/document/content.js +10 -2
  119. package/tinymce-assets/skins/content/document/content.min.css +9 -0
  120. package/tinymce-assets/skins/content/tinymce-5/content.css +9 -0
  121. package/tinymce-assets/skins/content/tinymce-5/content.js +10 -2
  122. package/tinymce-assets/skins/content/tinymce-5/content.min.css +9 -0
  123. package/tinymce-assets/skins/content/tinymce-5-dark/content.css +9 -0
  124. package/tinymce-assets/skins/content/tinymce-5-dark/content.js +10 -2
  125. package/tinymce-assets/skins/content/tinymce-5-dark/content.min.css +9 -0
  126. package/tinymce-assets/skins/content/writer/content.css +9 -0
  127. package/tinymce-assets/skins/content/writer/content.js +10 -2
  128. package/tinymce-assets/skins/content/writer/content.min.css +9 -0
  129. package/tinymce-assets/skins/ui/oxide/content.css +157 -49
  130. package/tinymce-assets/skins/ui/oxide/content.inline.css +157 -49
  131. package/tinymce-assets/skins/ui/oxide/content.inline.js +10 -2
  132. package/tinymce-assets/skins/ui/oxide/content.inline.min.css +10 -1
  133. package/tinymce-assets/skins/ui/oxide/content.js +10 -2
  134. package/tinymce-assets/skins/ui/oxide/content.min.css +10 -1
  135. package/tinymce-assets/skins/ui/oxide/skin.css +1592 -214
  136. package/tinymce-assets/skins/ui/oxide/skin.js +1 -2
  137. package/tinymce-assets/skins/ui/oxide/skin.min.css +1 -1
  138. package/tinymce-assets/skins/ui/oxide/skin.shadowdom.js +1 -2
  139. package/tinymce-assets/skins/ui/oxide-dark/content.css +157 -42
  140. package/tinymce-assets/skins/ui/oxide-dark/content.inline.css +157 -49
  141. package/tinymce-assets/skins/ui/oxide-dark/content.inline.js +10 -2
  142. package/tinymce-assets/skins/ui/oxide-dark/content.inline.min.css +10 -1
  143. package/tinymce-assets/skins/ui/oxide-dark/content.js +10 -2
  144. package/tinymce-assets/skins/ui/oxide-dark/content.min.css +10 -1
  145. package/tinymce-assets/skins/ui/oxide-dark/skin.css +1595 -217
  146. package/tinymce-assets/skins/ui/oxide-dark/skin.js +1 -2
  147. package/tinymce-assets/skins/ui/oxide-dark/skin.min.css +1 -1
  148. package/tinymce-assets/skins/ui/oxide-dark/skin.shadowdom.js +1 -2
  149. package/tinymce-assets/skins/ui/tinymce-5/content.css +157 -49
  150. package/tinymce-assets/skins/ui/tinymce-5/content.inline.css +157 -49
  151. package/tinymce-assets/skins/ui/tinymce-5/content.inline.js +10 -2
  152. package/tinymce-assets/skins/ui/tinymce-5/content.inline.min.css +10 -1
  153. package/tinymce-assets/skins/ui/tinymce-5/content.js +10 -2
  154. package/tinymce-assets/skins/ui/tinymce-5/content.min.css +10 -1
  155. package/tinymce-assets/skins/ui/tinymce-5/skin.css +1606 -203
  156. package/tinymce-assets/skins/ui/tinymce-5/skin.js +1 -2
  157. package/tinymce-assets/skins/ui/tinymce-5/skin.min.css +1 -1
  158. package/tinymce-assets/skins/ui/tinymce-5/skin.shadowdom.js +1 -2
  159. package/tinymce-assets/skins/ui/tinymce-5-dark/content.css +157 -42
  160. package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.css +157 -49
  161. package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.js +10 -2
  162. package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.min.css +10 -1
  163. package/tinymce-assets/skins/ui/tinymce-5-dark/content.js +10 -2
  164. package/tinymce-assets/skins/ui/tinymce-5-dark/content.min.css +10 -1
  165. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.css +1607 -204
  166. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.js +1 -2
  167. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.min.css +1 -1
  168. package/tinymce-assets/skins/ui/tinymce-5-dark/skin.shadowdom.js +1 -2
  169. package/tinymce-assets/themes/silver/theme.js +32786 -28738
  170. package/tinymce-assets/themes/silver/theme.min.js +1 -4
  171. package/types/dangl-angular-material-shared-tiny-mce.d.ts +12 -13
  172. package/types/dangl-angular-material-shared.d.ts +26 -26
  173. package/tinymce-assets/plugins/template/index.js +0 -7
  174. package/tinymce-assets/plugins/template/plugin.js +0 -567
  175. package/tinymce-assets/plugins/template/plugin.min.js +0 -4
@@ -9,6 +9,7 @@
9
9
  font-weight: normal;
10
10
  line-height: normal;
11
11
  -webkit-tap-highlight-color: transparent;
12
+ -webkit-text-decoration: none;
12
13
  text-decoration: none;
13
14
  text-shadow: none;
14
15
  text-transform: none;
@@ -96,15 +97,36 @@ button::-moz-focus-inner {
96
97
  .tox[dir=rtl] .tox-icon--flip svg {
97
98
  transform: rotateY(180deg);
98
99
  }
100
+ @keyframes tox-rotation {
101
+ 0% {
102
+ transform: rotate(0deg);
103
+ }
104
+ 100% {
105
+ transform: rotate(360deg);
106
+ }
107
+ }
99
108
  .tox .accessibility-issue__header {
100
109
  align-items: center;
101
110
  display: flex;
102
111
  margin-bottom: 4px;
103
112
  }
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
+ }
104
127
  .tox .accessibility-issue__description {
105
128
  align-items: stretch;
106
129
  border-radius: 3px;
107
- display: flex;
108
130
  justify-content: space-between;
109
131
  }
110
132
  .tox .accessibility-issue__description > div {
@@ -118,18 +140,32 @@ button::-moz-focus-inner {
118
140
  .tox .accessibility-issue__description > div > div .tox-icon svg {
119
141
  display: block;
120
142
  }
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
+ }
121
153
  .tox .accessibility-issue__repair {
122
- margin-top: 16px;
154
+ margin-top: 8px;
155
+ }
156
+ .tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
157
+ color: #eb9999;
123
158
  }
124
159
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
125
- background-color: rgba(30, 113, 170, 0.4);
160
+ background-color: #22374a;
126
161
  color: #fff;
127
162
  }
128
163
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
129
- color: #fff;
164
+ font-size: 14px;
165
+ color: #a6cae2;
130
166
  }
131
- .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
132
- fill: #fff;
167
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
168
+ fill: #a6cae2;
133
169
  }
134
170
  .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
135
171
  background-color: #207ab7;
@@ -142,18 +178,16 @@ button::-moz-focus-inner {
142
178
  .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
143
179
  background-color: #185d8c;
144
180
  }
145
- .tox .tox-dialog__body-content .accessibility-issue--warn {
146
- /* stylelint-disable-next-line no-descending-specificity */
147
- }
148
181
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
149
- background-color: rgba(255, 165, 0, 0.5);
182
+ background-color: #383f38;
150
183
  color: #fff;
151
184
  }
152
185
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
153
- color: #fff;
186
+ font-size: 14px;
187
+ color: #ffeb99;
154
188
  }
155
- .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
156
- fill: #fff;
189
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
190
+ fill: #ffeb99;
157
191
  }
158
192
  .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
159
193
  background-color: #FFE89D;
@@ -168,18 +202,16 @@ button::-moz-focus-inner {
168
202
  background-color: #E8C657;
169
203
  color: #2A3746;
170
204
  }
171
- .tox .tox-dialog__body-content .accessibility-issue--error {
172
- /* stylelint-disable-next-line no-descending-specificity */
173
- }
174
205
  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
175
- background-color: rgba(204, 0, 0, 0.5);
206
+ background-color: #332a38;
176
207
  color: #fff;
177
208
  }
178
209
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
179
- color: #fff;
210
+ font-size: 14px;
211
+ color: #eb9999;
180
212
  }
181
- .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
182
- fill: #fff;
213
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
214
+ fill: #eb9999;
183
215
  }
184
216
  .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
185
217
  background-color: #F2BFBF;
@@ -204,12 +236,11 @@ button::-moz-focus-inner {
204
236
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
205
237
  color: #fff;
206
238
  }
207
- .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
239
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
208
240
  fill: #fff;
209
241
  }
210
242
  .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
211
243
  .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
212
- font-size: 14px;
213
244
  margin-top: 0;
214
245
  }
215
246
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
@@ -219,7 +250,7 @@ button::-moz-focus-inner {
219
250
  margin-left: auto;
220
251
  }
221
252
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
222
- padding: 4px 4px 4px 8px;
253
+ padding: 8px;
223
254
  }
224
255
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
225
256
  margin-right: 4px;
@@ -230,6 +261,20 @@ button::-moz-focus-inner {
230
261
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
231
262
  padding: 4px 8px 4px 4px;
232
263
  }
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
+ }
233
278
  .tox .tox-advtemplate .tox-form__grid {
234
279
  flex: 1;
235
280
  }
@@ -292,6 +337,7 @@ button::-moz-focus-inner {
292
337
  padding: 4px 16px;
293
338
  position: relative;
294
339
  text-align: center;
340
+ -webkit-text-decoration: none;
295
341
  text-decoration: none;
296
342
  text-transform: none;
297
343
  white-space: nowrap;
@@ -299,7 +345,7 @@ button::-moz-focus-inner {
299
345
  .tox .tox-button::before {
300
346
  border-radius: 3px;
301
347
  bottom: -1px;
302
- box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #207ab7, 0 0 0 3px rgba(32, 122, 183, 0.25);
348
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
303
349
  content: '';
304
350
  left: -1px;
305
351
  opacity: 0;
@@ -323,7 +369,7 @@ button::-moz-focus-inner {
323
369
  box-shadow: none;
324
370
  color: #fff;
325
371
  }
326
- .tox .tox-button:focus-visible:not(:disabled)::before {
372
+ .tox .tox-button:focus:not(:disabled)::before {
327
373
  opacity: 1;
328
374
  }
329
375
  .tox .tox-button:hover:not(:disabled) {
@@ -405,6 +451,7 @@ button::-moz-focus-inner {
405
451
  letter-spacing: normal;
406
452
  outline: none;
407
453
  padding: 4px 16px;
454
+ -webkit-text-decoration: none;
408
455
  text-decoration: none;
409
456
  text-transform: none;
410
457
  }
@@ -482,6 +529,11 @@ button::-moz-focus-inner {
482
529
  display: block;
483
530
  fill: currentColor;
484
531
  }
532
+ .tox-context-form__group .tox-button--icon,
533
+ .tox-context-form__group .tox-button.tox-button--icon {
534
+ margin: 3px 0 2px 0;
535
+ padding: 0;
536
+ }
485
537
  .tox .tox-button-link {
486
538
  background: 0;
487
539
  border: none;
@@ -566,6 +618,11 @@ button::-moz-focus-inner {
566
618
  display: block;
567
619
  fill: rgba(255, 255, 255, 0.2);
568
620
  }
621
+ @media (forced-colors: active) {
622
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
623
+ fill: currentColor !important;
624
+ }
625
+ }
569
626
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
570
627
  display: none;
571
628
  fill: #207ab7;
@@ -622,9 +679,6 @@ button::-moz-focus-inner {
622
679
  .tox[dir=rtl] .tox-bar .tox-checkbox {
623
680
  margin-right: 4px;
624
681
  }
625
- .tox {
626
- /* stylelint-disable-next-line no-descending-specificity */
627
- }
628
682
  .tox .tox-collection--toolbar .tox-collection__group {
629
683
  display: flex;
630
684
  padding: 0;
@@ -662,7 +716,6 @@ button::-moz-focus-inner {
662
716
  text-transform: none;
663
717
  -webkit-touch-callout: none;
664
718
  -webkit-user-select: none;
665
- -moz-user-select: none;
666
719
  user-select: none;
667
720
  }
668
721
  .tox .tox-collection__item {
@@ -672,9 +725,51 @@ button::-moz-focus-inner {
672
725
  display: flex;
673
726
  -webkit-touch-callout: none;
674
727
  -webkit-user-select: none;
675
- -moz-user-select: none;
676
728
  user-select: none;
677
729
  }
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: #207ab7;
762
+ stroke: #207ab7;
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
+ }
678
773
  .tox .tox-collection--list .tox-collection__item {
679
774
  padding: 4px 8px;
680
775
  }
@@ -686,33 +781,96 @@ button::-moz-focus-inner {
686
781
  border-radius: 3px;
687
782
  padding: 4px;
688
783
  }
689
- .tox .tox-collection--list .tox-collection__item--enabled {
784
+ .tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
690
785
  background-color: #2b3b4e;
691
786
  color: #fff;
692
787
  }
693
- .tox .tox-collection--list .tox-collection__item--active {
788
+ .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
694
789
  background-color: #4a5562;
695
- }
696
- .tox .tox-collection--toolbar .tox-collection__item--enabled {
697
- background-color: #757d87;
698
790
  color: #fff;
699
791
  }
700
- .tox .tox-collection--toolbar .tox-collection__item--active {
701
- background-color: #4a5562;
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
+ }
702
796
  }
703
- .tox .tox-collection--grid .tox-collection__item--enabled {
797
+ .tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
704
798
  background-color: #757d87;
705
799
  color: #fff;
706
800
  }
707
801
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
708
802
  background-color: #4a5562;
709
803
  color: #fff;
804
+ position: relative;
805
+ z-index: 1;
710
806
  }
711
- .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
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 0 transparent 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
+ }
821
+ }
822
+ .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
823
+ background-color: #757d87;
712
824
  color: #fff;
713
825
  }
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
+ }
714
832
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
715
833
  color: #fff;
834
+ background-color: #2b3b4e;
835
+ position: relative;
836
+ }
837
+ .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
838
+ background-color: #4a5562;
839
+ color: #fff;
840
+ }
841
+ .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
842
+ background-color: #4a5562;
843
+ color: #fff;
844
+ }
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 0 transparent ;
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 #000000;
868
+ border-radius: 3px;
869
+ display: flex;
870
+ flex-direction: column;
871
+ justify-content: center;
872
+ margin-bottom: 4px;
873
+ position: relative;
716
874
  }
717
875
  .tox .tox-collection__item-icon,
718
876
  .tox .tox-collection__item-checkmark {
@@ -743,7 +901,7 @@ button::-moz-focus-inner {
743
901
  word-break: break-all;
744
902
  }
745
903
  .tox .tox-collection__item-accessory {
746
- color: rgba(255, 255, 255, 0.5);
904
+ color: currentColor;
747
905
  display: inline-block;
748
906
  font-size: 14px;
749
907
  height: 24px;
@@ -761,7 +919,7 @@ button::-moz-focus-inner {
761
919
  min-height: inherit;
762
920
  }
763
921
  .tox .tox-collection__item-caret svg {
764
- fill: #fff;
922
+ fill: currentColor;
765
923
  }
766
924
  .tox .tox-collection__item--state-disabled {
767
925
  background-color: transparent;
@@ -890,6 +1048,14 @@ button::-moz-focus-inner {
890
1048
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
891
1049
  margin-right: 4px;
892
1050
  }
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
+ }
893
1059
  .tox .tox-color-picker-container {
894
1060
  display: flex;
895
1061
  flex-direction: row;
@@ -962,11 +1128,37 @@ button::-moz-focus-inner {
962
1128
  width: inherit;
963
1129
  }
964
1130
  .tox .tox-rgb-form input {
965
- width: 6em;
1131
+ min-width: 6em;
966
1132
  }
967
1133
  .tox .tox-rgb-form input.tox-invalid {
968
1134
  /* Need !important to override Chrome's focus styling unfortunately */
969
- border: 1px solid red !important;
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;
970
1162
  }
971
1163
  .tox .tox-rgb-form .tox-rgba-preview {
972
1164
  border: 1px solid black;
@@ -1009,6 +1201,11 @@ button::-moz-focus-inner {
1009
1201
  .tox .tox-swatches__row {
1010
1202
  display: flex;
1011
1203
  }
1204
+ @media (forced-colors: active) {
1205
+ .tox .tox-swatches__row {
1206
+ forced-color-adjust: none;
1207
+ }
1208
+ }
1012
1209
  .tox .tox-swatch {
1013
1210
  height: 30px;
1014
1211
  transition: transform 0.15s, box-shadow 0.15s;
@@ -1069,21 +1266,80 @@ button::-moz-focus-inner {
1069
1266
  .tox[dir=rtl] .tox-swatches__picker-btn {
1070
1267
  margin-right: auto;
1071
1268
  }
1072
- .tox .tox-comment-thread {
1073
- background: #2b3b4e;
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;
1074
1276
  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;
1075
1282
  }
1076
- .tox .tox-comment-thread > *:not(:first-child) {
1077
- margin-top: 8px;
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(42, 55, 70, 0.1);
1288
+ padding: 8px 12px;
1289
+ background: #222f3e;
1290
+ z-index: 1;
1291
+ }
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;
1078
1298
  }
1079
1299
  .tox .tox-comment {
1080
- background: #2b3b4e;
1081
- border: 1px solid #000000;
1300
+ background: #222f3e;
1301
+ border: 1px solid #222f3e;
1082
1302
  border-radius: 3px;
1303
+ padding: 8px;
1304
+ padding-bottom: 16px;
1305
+ position: relative;
1306
+ }
1307
+ .tox .tox-comment:hover {
1308
+ box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
1309
+ }
1310
+ .tox .tox-comment.tox-comment--selected {
1311
+ background-color: #555542;
1312
+ border: 1px solid #ffcf30;
1083
1313
  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
1084
- padding: 8px 8px 16px 8px;
1314
+ }
1315
+ .tox .tox-comment.tox-comment--selected:focus {
1316
+ border: 2px solid transparent;
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 {
1085
1326
  position: relative;
1086
1327
  }
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: 3px;
1338
+ border: 2px solid transparent;
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
+ }
1087
1343
  .tox .tox-comment__header {
1088
1344
  align-items: center;
1089
1345
  color: #fff;
@@ -1097,18 +1353,62 @@ button::-moz-focus-inner {
1097
1353
  }
1098
1354
  .tox .tox-comment__body {
1099
1355
  color: #fff;
1100
- font-size: 14px;
1356
+ font-size: 16px;
1101
1357
  font-style: normal;
1102
1358
  font-weight: normal;
1103
1359
  line-height: 1.3;
1104
1360
  margin-top: 8px;
1105
1361
  position: relative;
1106
1362
  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;
1107
1376
  }
1108
1377
  .tox .tox-comment__body textarea {
1109
1378
  resize: none;
1110
1379
  white-space: normal;
1111
1380
  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;
1112
1412
  }
1113
1413
  .tox .tox-comment__expander {
1114
1414
  padding-top: 8px;
@@ -1117,16 +1417,36 @@ button::-moz-focus-inner {
1117
1417
  color: rgba(255, 255, 255, 0.5);
1118
1418
  font-size: 14px;
1119
1419
  font-style: normal;
1420
+ /* Need a focus highlight on the show more/less button */
1120
1421
  }
1121
- .tox .tox-comment__body p {
1122
- margin: 0;
1422
+ .tox .tox-comment__expander p:focus {
1423
+ font-weight: bold;
1123
1424
  }
1124
1425
  .tox .tox-comment__buttonspacing {
1125
1426
  padding-top: 16px;
1126
1427
  text-align: center;
1127
1428
  }
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: 3px;
1443
+ background-color: transparent;
1444
+ }
1445
+ .tox .tox-comment-thread > *:not(:first-child) {
1446
+ margin-top: 8px;
1447
+ }
1128
1448
  .tox .tox-comment-thread__overlay::after {
1129
- background: #2b3b4e;
1449
+ background: #222f3e;
1130
1450
  bottom: 0;
1131
1451
  content: "";
1132
1452
  display: flex;
@@ -1152,10 +1472,10 @@ button::-moz-focus-inner {
1152
1472
  display: flex;
1153
1473
  flex-wrap: wrap;
1154
1474
  justify-content: flex-end;
1155
- margin-top: 16px;
1475
+ margin-top: 8px;
1156
1476
  }
1157
1477
  .tox .tox-comment__gradient::after {
1158
- background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
1478
+ background: linear-gradient(rgba(34, 47, 62, 0), #222f3e);
1159
1479
  bottom: 0;
1160
1480
  content: "";
1161
1481
  display: block;
@@ -1165,7 +1485,7 @@ button::-moz-focus-inner {
1165
1485
  width: 100%;
1166
1486
  }
1167
1487
  .tox .tox-comment__overlay {
1168
- background: #2b3b4e;
1488
+ background: #222f3e;
1169
1489
  bottom: 0;
1170
1490
  display: flex;
1171
1491
  flex-direction: column;
@@ -1178,40 +1498,10 @@ button::-moz-focus-inner {
1178
1498
  top: 0;
1179
1499
  z-index: 5;
1180
1500
  }
1181
- .tox .tox-comment__loading-text {
1501
+ .tox .tox-comment__busy-spinner {
1182
1502
  align-items: center;
1183
- color: #fff;
1184
- display: flex;
1185
- flex-direction: column;
1186
- position: relative;
1187
- }
1188
- .tox .tox-comment__loading-text > div {
1189
- padding-bottom: 16px;
1190
- }
1191
- .tox .tox-comment__overlaytext {
1192
- bottom: 0;
1193
- flex-direction: column;
1194
- font-size: 14px;
1195
- left: 0;
1196
- padding: 1em;
1197
- position: absolute;
1198
- right: 0;
1199
- top: 0;
1200
- z-index: 10;
1201
- }
1202
- .tox .tox-comment__overlaytext p {
1203
- background-color: #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;
1503
+ background-color: #222f3e;
1504
+ bottom: 0;
1215
1505
  display: flex;
1216
1506
  justify-content: center;
1217
1507
  left: 0;
@@ -1225,9 +1515,49 @@ button::-moz-focus-inner {
1225
1515
  flex-direction: column;
1226
1516
  flex-shrink: 1;
1227
1517
  overflow: auto;
1518
+ padding: 12px;
1519
+ scroll-behavior: smooth;
1228
1520
  }
1229
- .tox .tox-conversations {
1230
- margin: 8px;
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
+ }
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;
1231
1561
  }
1232
1562
  .tox:not([dir=rtl]) .tox-comment__edit {
1233
1563
  margin-left: 8px;
@@ -1281,6 +1611,11 @@ button::-moz-focus-inner {
1281
1611
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1282
1612
  margin-right: 8px;
1283
1613
  }
1614
+ .tox {
1615
+ /* .tox-dialog-blocker-wrap {
1616
+ //
1617
+ } */
1618
+ }
1284
1619
  .tox .tox-dialog-wrap {
1285
1620
  align-items: center;
1286
1621
  bottom: 0;
@@ -1414,14 +1749,21 @@ button::-moz-focus-inner {
1414
1749
  line-height: 1.3;
1415
1750
  margin-bottom: 8px;
1416
1751
  max-width: 13em;
1752
+ -webkit-text-decoration: none;
1417
1753
  text-decoration: none;
1418
1754
  }
1419
1755
  .tox .tox-dialog__body-nav-item:focus {
1420
1756
  background-color: rgba(32, 122, 183, 0.1);
1421
1757
  }
1422
1758
  .tox .tox-dialog__body-nav-item--active {
1423
- border-bottom: 2px solid #207ab7;
1424
- color: #207ab7;
1759
+ border-bottom: 2px solid #90bddb;
1760
+ color: #90bddb;
1761
+ }
1762
+ @media (forced-colors: active) {
1763
+ .tox .tox-dialog__body-nav-item--active {
1764
+ border-bottom: 2px solid highlight;
1765
+ color: highlight;
1766
+ }
1425
1767
  }
1426
1768
  .tox .tox-dialog__body-content {
1427
1769
  box-sizing: border-box;
@@ -1448,22 +1790,25 @@ button::-moz-focus-inner {
1448
1790
  margin-top: 0;
1449
1791
  }
1450
1792
  .tox .tox-dialog__body-content a {
1451
- color: #207ab7;
1793
+ color: #90bddb;
1452
1794
  cursor: pointer;
1795
+ -webkit-text-decoration: underline;
1453
1796
  text-decoration: underline;
1454
1797
  }
1455
1798
  .tox .tox-dialog__body-content a:hover,
1456
1799
  .tox .tox-dialog__body-content a:focus {
1457
- color: #114060;
1800
+ color: #428fc2;
1801
+ -webkit-text-decoration: underline;
1458
1802
  text-decoration: underline;
1459
1803
  }
1460
1804
  .tox .tox-dialog__body-content a:focus-visible {
1461
1805
  border-radius: 1px;
1462
- outline: 2px solid #207ab7;
1806
+ outline: 2px solid #90bddb;
1463
1807
  outline-offset: 2px;
1464
1808
  }
1465
1809
  .tox .tox-dialog__body-content a:active {
1466
- color: #092335;
1810
+ color: #33739e;
1811
+ -webkit-text-decoration: underline;
1467
1812
  text-decoration: underline;
1468
1813
  }
1469
1814
  .tox .tox-dialog__body-content svg {
@@ -1626,6 +1971,9 @@ button::-moz-focus-inner {
1626
1971
  position: absolute;
1627
1972
  z-index: 1;
1628
1973
  }
1974
+ .tox .tox-navobj-bordered iframe {
1975
+ border-radius: 3px;
1976
+ }
1629
1977
  .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1630
1978
  border-color: #207ab7;
1631
1979
  box-shadow: none;
@@ -1724,7 +2072,7 @@ body.tox-dialog__disable-scroll {
1724
2072
  position: relative;
1725
2073
  }
1726
2074
  .tox .tox-edit-area::before {
1727
- border: 2px solid #2D6ADF;
2075
+ border: 0 solid transparent;
1728
2076
  border-radius: 4px;
1729
2077
  content: '';
1730
2078
  inset: 0;
@@ -1734,6 +2082,11 @@ body.tox-dialog__disable-scroll {
1734
2082
  transition: opacity 0.15s;
1735
2083
  z-index: 1;
1736
2084
  }
2085
+ @media (forced-colors: active) {
2086
+ .tox .tox-edit-area::before {
2087
+ border: 0 solid highlight;
2088
+ }
2089
+ }
1737
2090
  .tox .tox-edit-area__iframe {
1738
2091
  background-color: #fff;
1739
2092
  border: 0;
@@ -1843,6 +2196,14 @@ body.tox-dialog__disable-scroll {
1843
2196
  .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1844
2197
  left: 4px;
1845
2198
  }
2199
+ .tox .tox-custom-preview {
2200
+ border-color: #000000;
2201
+ border-radius: 3px;
2202
+ border-style: solid;
2203
+ border-width: 1px;
2204
+ flex: 1;
2205
+ padding: 8px;
2206
+ }
1846
2207
  .tox .tox-autocompleter {
1847
2208
  max-width: 25em;
1848
2209
  }
@@ -1862,7 +2223,7 @@ body.tox-dialog__disable-scroll {
1862
2223
  z-index: -1;
1863
2224
  }
1864
2225
  .tox .tox-color-input span {
1865
- border-color: rgba(42, 55, 70, 0.2);
2226
+ border-color: rgba(42 55 3.5%);
1866
2227
  border-radius: 3px;
1867
2228
  border-style: solid;
1868
2229
  border-width: 1px;
@@ -1873,6 +2234,13 @@ body.tox-dialog__disable-scroll {
1873
2234
  top: 6px;
1874
2235
  width: 24px;
1875
2236
  }
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
+ }
1876
2244
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
1877
2245
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1878
2246
  border-color: #207ab7;
@@ -1893,21 +2261,20 @@ body.tox-dialog__disable-scroll {
1893
2261
  width: 24px;
1894
2262
  z-index: -1;
1895
2263
  }
2264
+ @media (forced-colors: active) {
2265
+ .tox .tox-color-input span::before {
2266
+ border: none;
2267
+ }
2268
+ }
1896
2269
  .tox .tox-color-input span[aria-disabled=true] {
1897
2270
  cursor: not-allowed;
1898
2271
  }
1899
- .tox:not([dir=rtl]) .tox-color-input {
1900
- /* stylelint-disable-next-line no-descending-specificity */
1901
- }
1902
2272
  .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
1903
2273
  padding-left: 36px;
1904
2274
  }
1905
2275
  .tox:not([dir=rtl]) .tox-color-input span {
1906
2276
  left: 6px;
1907
2277
  }
1908
- .tox[dir="rtl"] .tox-color-input {
1909
- /* stylelint-disable-next-line no-descending-specificity */
1910
- }
1911
2278
  .tox[dir="rtl"] .tox-color-input .tox-textfield {
1912
2279
  padding-right: 36px;
1913
2280
  }
@@ -1999,14 +2366,16 @@ body.tox-dialog__disable-scroll {
1999
2366
  .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
2000
2367
  display: none;
2001
2368
  }
2369
+ .tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
2370
+ margin-left: 8px;
2371
+ margin-right: 8px;
2372
+ }
2002
2373
  .tox .tox-textfield,
2003
2374
  .tox .tox-toolbar-textfield,
2004
2375
  .tox .tox-listboxfield .tox-listbox--select,
2005
2376
  .tox .tox-textarea,
2006
2377
  .tox .tox-textarea-wrap .tox-textarea:focus {
2007
- -webkit-appearance: none;
2008
- -moz-appearance: none;
2009
- appearance: none;
2378
+ appearance: none;
2010
2379
  background-color: #2b3b4e;
2011
2380
  border-color: #000000;
2012
2381
  border-radius: 3px;
@@ -2026,15 +2395,18 @@ body.tox-dialog__disable-scroll {
2026
2395
  width: 100%;
2027
2396
  }
2028
2397
  .tox .tox-textfield[disabled],
2398
+ .tox .tox-toolbar-textfield[disabled],
2029
2399
  .tox .tox-textarea[disabled] {
2030
2400
  background-color: #222f3e;
2031
2401
  color: rgba(255, 255, 255, 0.85);
2032
2402
  cursor: not-allowed;
2033
2403
  }
2034
2404
  .tox .tox-textfield:focus,
2405
+ .tox .tox-toolbar-textfield:focus,
2035
2406
  .tox .tox-listboxfield .tox-listbox--select:focus,
2036
2407
  .tox .tox-textarea-wrap:focus-within,
2037
2408
  .tox .tox-textarea:focus,
2409
+ .tox .tox-focusable-wrapper:focus,
2038
2410
  .tox .tox-custom-editor:focus-within {
2039
2411
  background-color: #2b3b4e;
2040
2412
  border-color: #207ab7;
@@ -2042,10 +2414,10 @@ body.tox-dialog__disable-scroll {
2042
2414
  outline: 2px solid rgba(32, 122, 183, 0.25);
2043
2415
  }
2044
2416
  .tox .tox-toolbar-textfield {
2045
- border-width: 0;
2046
- margin-bottom: 3px;
2047
- margin-top: 2px;
2048
2417
  max-width: 250px;
2418
+ min-height: unset;
2419
+ height: 34px;
2420
+ margin: 2px 0 3px 0;
2049
2421
  }
2050
2422
  .tox .tox-naked-btn {
2051
2423
  background-color: transparent;
@@ -2062,6 +2434,9 @@ body.tox-dialog__disable-scroll {
2062
2434
  display: block;
2063
2435
  fill: #fff;
2064
2436
  }
2437
+ .tox .tox-textfield-size {
2438
+ width: 80px;
2439
+ }
2065
2440
  .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
2066
2441
  margin-left: 4px;
2067
2442
  }
@@ -2091,6 +2466,11 @@ body.tox-dialog__disable-scroll {
2091
2466
  .tox .tox-listbox__select-chevron svg {
2092
2467
  fill: #fff;
2093
2468
  }
2469
+ @media (forced-colors: active) {
2470
+ .tox .tox-listbox__select-chevron svg {
2471
+ fill: currentColor !important;
2472
+ }
2473
+ }
2094
2474
  .tox .tox-listboxfield .tox-listbox--select {
2095
2475
  align-items: center;
2096
2476
  display: flex;
@@ -2106,9 +2486,7 @@ body.tox-dialog__disable-scroll {
2106
2486
  position: relative;
2107
2487
  }
2108
2488
  .tox .tox-selectfield select {
2109
- -webkit-appearance: none;
2110
- -moz-appearance: none;
2111
- appearance: none;
2489
+ appearance: none;
2112
2490
  background-color: #2b3b4e;
2113
2491
  border-color: #000000;
2114
2492
  border-radius: 3px;
@@ -2147,6 +2525,10 @@ body.tox-dialog__disable-scroll {
2147
2525
  top: 50%;
2148
2526
  transform: translateY(-50%);
2149
2527
  }
2528
+ .tox .tox-selectfield select option:checked {
2529
+ background-color: revert;
2530
+ color: revert;
2531
+ }
2150
2532
  .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
2151
2533
  .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
2152
2534
  padding-right: 24px;
@@ -2171,9 +2553,7 @@ body.tox-dialog__disable-scroll {
2171
2553
  overflow: hidden;
2172
2554
  }
2173
2555
  .tox .tox-textarea {
2174
- -webkit-appearance: textarea;
2175
- -moz-appearance: textarea;
2176
- appearance: textarea;
2556
+ appearance: textarea;
2177
2557
  white-space: pre-wrap;
2178
2558
  }
2179
2559
  .tox .tox-textarea-wrap .tox-textarea {
@@ -2293,7 +2673,92 @@ body.tox-dialog__disable-scroll {
2293
2673
  margin: -20px 0 0 -20px;
2294
2674
  top: 200px;
2295
2675
  }
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 #207ab7;
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: 2px 0 3px 4px;
2694
+ }
2695
+ .tox .tox-image-selector-menu {
2696
+ border: 0;
2697
+ border-radius: 3px;
2698
+ margin: -4px 0;
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 0;
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 #000000;
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: #4a5562;
2759
+ }
2296
2760
  .tox .tox-insert-table-picker {
2761
+ background-color: #222f3e;
2297
2762
  display: flex;
2298
2763
  flex-wrap: wrap;
2299
2764
  width: 170px;
@@ -2313,6 +2778,12 @@ body.tox-dialog__disable-scroll {
2313
2778
  background-color: rgba(32, 122, 183, 0.5);
2314
2779
  border-color: rgba(32, 122, 183, 0.5);
2315
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
+ }
2786
+ }
2316
2787
  .tox .tox-insert-table-picker__label {
2317
2788
  color: #fff;
2318
2789
  display: block;
@@ -2321,18 +2792,45 @@ body.tox-dialog__disable-scroll {
2321
2792
  text-align: center;
2322
2793
  width: 100%;
2323
2794
  }
2324
- .tox:not([dir=rtl]) {
2325
- /* stylelint-disable-next-line no-descending-specificity */
2326
- }
2327
2795
  .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2328
2796
  border-right: 0;
2329
2797
  }
2330
- .tox[dir=rtl] {
2331
- /* stylelint-disable-next-line no-descending-specificity */
2332
- }
2333
2798
  .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2334
2799
  border-right: 0;
2335
2800
  }
2801
+ .tox-mentions__card-common {
2802
+ z-index: 1200;
2803
+ }
2804
+ .tox.tox-mentions__card {
2805
+ background: #222f3e;
2806
+ border: 1px solid #000000;
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
+ }
2336
2834
  .tox {
2337
2835
  /* stylelint-disable */
2338
2836
  /* stylelint-enable */
@@ -2420,7 +2918,7 @@ body.tox-dialog__disable-scroll {
2420
2918
  /* Deprecated. Remove in next major release */
2421
2919
  .tox .tox-mbtn {
2422
2920
  align-items: center;
2423
- background: transparent;
2921
+ background: #222f3e;
2424
2922
  border: 0;
2425
2923
  border-radius: 3px;
2426
2924
  box-shadow: none;
@@ -2434,13 +2932,12 @@ body.tox-dialog__disable-scroll {
2434
2932
  justify-content: center;
2435
2933
  margin: 2px 0 3px 0;
2436
2934
  outline: none;
2437
- overflow: hidden;
2438
2935
  padding: 0 4px;
2439
2936
  text-transform: none;
2440
2937
  width: auto;
2441
2938
  }
2442
2939
  .tox .tox-mbtn[disabled] {
2443
- background-color: transparent;
2940
+ background-color: #222f3e;
2444
2941
  border: 0;
2445
2942
  box-shadow: none;
2446
2943
  color: rgba(255, 255, 255, 0.5);
@@ -2451,8 +2948,26 @@ body.tox-dialog__disable-scroll {
2451
2948
  border: 0;
2452
2949
  box-shadow: none;
2453
2950
  color: #fff;
2951
+ position: relative;
2952
+ z-index: 1;
2454
2953
  }
2455
- .tox .tox-mbtn--active {
2954
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2955
+ border-radius: 3px;
2956
+ bottom: 0;
2957
+ box-shadow: 0 0 0 0 transparent ;
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
+ }
2969
+ .tox .tox-mbtn--active,
2970
+ .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
2456
2971
  background: #757d87;
2457
2972
  border: 0;
2458
2973
  box-shadow: none;
@@ -2489,18 +3004,26 @@ body.tox-dialog__disable-scroll {
2489
3004
  font-size: 14px;
2490
3005
  font-weight: normal;
2491
3006
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3007
+ margin-left: auto;
3008
+ margin-right: auto;
2492
3009
  margin-top: 4px;
2493
3010
  opacity: 0;
2494
3011
  padding: 4px;
2495
3012
  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;
2496
3019
  }
2497
3020
  .tox .tox-notification p {
2498
3021
  font-size: 14px;
2499
3022
  font-weight: normal;
2500
3023
  }
2501
- .tox .tox-notification a {
2502
- cursor: pointer;
2503
- text-decoration: underline;
3024
+ .tox .tox-notification:focus {
3025
+ border-color: #207ab7;
3026
+ box-shadow: none;
2504
3027
  }
2505
3028
  .tox .tox-notification--in {
2506
3029
  opacity: 1;
@@ -2516,6 +3039,22 @@ body.tox-dialog__disable-scroll {
2516
3039
  .tox .tox-notification--success a {
2517
3040
  color: #b5d199;
2518
3041
  }
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
+ }
2519
3058
  .tox .tox-notification--success svg {
2520
3059
  fill: #fff;
2521
3060
  }
@@ -2530,6 +3069,22 @@ body.tox-dialog__disable-scroll {
2530
3069
  .tox .tox-notification--error a {
2531
3070
  color: #e68080;
2532
3071
  }
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
+ }
2533
3088
  .tox .tox-notification--error svg {
2534
3089
  fill: #fff;
2535
3090
  }
@@ -2547,6 +3102,26 @@ body.tox-dialog__disable-scroll {
2547
3102
  .tox .tox-notification--warning a {
2548
3103
  color: #ffcc00;
2549
3104
  }
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
+ }
2550
3125
  .tox .tox-notification--warn svg,
2551
3126
  .tox .tox-notification--warning svg {
2552
3127
  fill: #fff0b3;
@@ -2562,6 +3137,22 @@ body.tox-dialog__disable-scroll {
2562
3137
  .tox .tox-notification--info a {
2563
3138
  color: #83b7f3;
2564
3139
  }
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
+ }
2565
3156
  .tox .tox-notification--info svg {
2566
3157
  fill: #fff;
2567
3158
  }
@@ -2610,26 +3201,226 @@ body.tox-dialog__disable-scroll {
2610
3201
  grid-row-start: 2;
2611
3202
  justify-self: center;
2612
3203
  }
2613
- .tox .tox-pop {
2614
- display: inline-block;
2615
- position: relative;
3204
+ .tox .tox-notification-container-dock-fadeout {
3205
+ opacity: 0;
3206
+ visibility: hidden;
2616
3207
  }
2617
- .tox .tox-pop--resizing {
2618
- transition: width 0.1s ease;
3208
+ .tox .tox-notification-container-dock-fadein {
3209
+ opacity: 1;
3210
+ visibility: visible;
2619
3211
  }
2620
- .tox .tox-pop--resizing .tox-toolbar,
2621
- .tox .tox-pop--resizing .tox-toolbar__group {
2622
- flex-wrap: nowrap;
3212
+ .tox .tox-notification-container-dock-transition {
3213
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
2623
3214
  }
2624
- .tox .tox-pop--transition {
2625
- transition: 0.15s ease;
2626
- transition-property: left, right, top, bottom;
3215
+ .tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
3216
+ transition-delay: 0s;
2627
3217
  }
2628
- .tox .tox-pop--transition::before,
2629
- .tox .tox-pop--transition::after {
2630
- transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
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;
2631
3230
  }
2632
- .tox .tox-pop__dialog {
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(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 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 #000000;
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 #000000;
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: #207ab7;
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: #207ab7;
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: #428fc2;
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 #90bddb;
3396
+ outline-offset: 2px;
3397
+ }
3398
+ .tox .tox-onboarding-dialog a:active,
3399
+ .tox .tox-promotion-dialog--footer a:active {
3400
+ color: #33739e;
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;
3418
+ }
3419
+ .tox .tox-pop--transition::before,
3420
+ .tox .tox-pop--transition::after {
3421
+ transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
3422
+ }
3423
+ .tox .tox-pop__dialog {
2633
3424
  background-color: #222f3e;
2634
3425
  border: 1px solid #000000;
2635
3426
  border-radius: 3px;
@@ -2654,6 +3445,12 @@ body.tox-dialog__disable-scroll {
2654
3445
  position: absolute;
2655
3446
  width: 0;
2656
3447
  }
3448
+ @media (forced-colors: active) {
3449
+ .tox .tox-pop::before,
3450
+ .tox .tox-pop::after {
3451
+ content: none;
3452
+ }
3453
+ }
2657
3454
  .tox .tox-pop.tox-pop--inset::before,
2658
3455
  .tox .tox-pop.tox-pop--inset::after {
2659
3456
  opacity: 0;
@@ -2739,7 +3536,7 @@ body.tox-dialog__disable-scroll {
2739
3536
  min-height: 0;
2740
3537
  }
2741
3538
  .tox .tox-sidebar {
2742
- background-color: #222f3e;
3539
+ background-color: #34485f;
2743
3540
  display: flex;
2744
3541
  flex-direction: row;
2745
3542
  justify-content: flex-end;
@@ -2816,6 +3613,71 @@ body.tox-dialog__disable-scroll {
2816
3613
  .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
2817
3614
  margin-inline-start: 32px;
2818
3615
  }
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: #000000;
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: #207ab7;
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: #207ab7;
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: #1c6ca1;
3657
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
3658
+ }
3659
+ .tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
3660
+ background-color: #1c6ca1;
3661
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
3662
+ }
3663
+ .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
3664
+ background-color: #1c6ca1;
3665
+ }
3666
+ .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
3667
+ background-color: #1c6ca1;
3668
+ }
3669
+ .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
3670
+ background-color: #185d8c;
3671
+ }
3672
+ .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
3673
+ background-color: #185d8c;
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
+ }
2819
3681
  .tox .tox-source-code {
2820
3682
  overflow: auto;
2821
3683
  }
@@ -2869,7 +3731,6 @@ body.tox-dialog__disable-scroll {
2869
3731
  .tox .tox-statusbar__path {
2870
3732
  display: flex;
2871
3733
  flex: 1 1 auto;
2872
- overflow: hidden;
2873
3734
  text-overflow: ellipsis;
2874
3735
  white-space: nowrap;
2875
3736
  }
@@ -2882,10 +3743,11 @@ body.tox-dialog__disable-scroll {
2882
3743
  text-align: center;
2883
3744
  }
2884
3745
  .tox .tox-statusbar__text-container {
3746
+ align-items: flex-start;
2885
3747
  display: flex;
2886
3748
  flex: 1 1 auto;
3749
+ height: 16px;
2887
3750
  justify-content: space-between;
2888
- overflow: hidden;
2889
3751
  }
2890
3752
  @media only screen and (min-width: 768px ) {
2891
3753
  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
@@ -2923,6 +3785,8 @@ body.tox-dialog__disable-scroll {
2923
3785
  .tox .tox-statusbar__path-item,
2924
3786
  .tox .tox-statusbar__wordcount {
2925
3787
  color: #fff;
3788
+ position: relative;
3789
+ -webkit-text-decoration: none;
2926
3790
  text-decoration: none;
2927
3791
  }
2928
3792
  .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
@@ -2934,37 +3798,95 @@ body.tox-dialog__disable-scroll {
2934
3798
  color: #fff;
2935
3799
  cursor: pointer;
2936
3800
  }
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 0 transparent ;
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
+ }
2937
3820
  .tox .tox-statusbar__branding svg {
2938
3821
  fill: rgba(255, 255, 255, 0.8);
2939
- height: 1.14em;
2940
- vertical-align: -0.28em;
2941
- width: 3.6em;
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;
2942
3834
  }
2943
3835
  .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
2944
3836
  .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
2945
3837
  fill: #fff;
2946
3838
  }
3839
+ .tox .tox-statusbar__resize-cursor-default {
3840
+ cursor: ns-resize;
3841
+ }
3842
+ .tox .tox-statusbar__resize-cursor-both {
3843
+ cursor: nwse-resize;
3844
+ }
2947
3845
  .tox .tox-statusbar__resize-handle {
2948
3846
  align-items: flex-end;
2949
3847
  align-self: stretch;
2950
- cursor: nwse-resize;
2951
3848
  display: flex;
2952
3849
  flex: 0 0 auto;
2953
3850
  justify-content: flex-end;
2954
- margin-left: auto;
2955
- margin-right: -8px;
2956
- padding-bottom: 3px;
2957
- padding-left: 1ch;
2958
- padding-right: 3px;
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;
2959
3859
  }
2960
3860
  .tox .tox-statusbar__resize-handle svg {
2961
3861
  display: block;
2962
3862
  fill: rgba(255, 255, 255, 0.5);
2963
3863
  }
3864
+ .tox .tox-statusbar__resize-handle:hover svg,
2964
3865
  .tox .tox-statusbar__resize-handle:focus svg {
2965
- background-color: #4a5562;
3866
+ fill: #fff;
3867
+ }
3868
+ .tox .tox-statusbar__resize-handle:focus-visible {
3869
+ background-color: transparent;
2966
3870
  border-radius: 1px 1px -4px 1px;
2967
- box-shadow: 0 0 0 2px #4a5562;
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 0 transparent ;
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;
2968
3890
  }
2969
3891
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
2970
3892
  margin-right: 4px;
@@ -2978,6 +3900,10 @@ body.tox-dialog__disable-scroll {
2978
3900
  .tox[dir=rtl] .tox-statusbar__path > * {
2979
3901
  margin-left: 4px;
2980
3902
  }
3903
+ .tox[dir=rtl] .tox-statusbar__branding svg {
3904
+ margin-left: 0;
3905
+ margin-right: 0.3em;
3906
+ }
2981
3907
  .tox .tox-throbber {
2982
3908
  z-index: 1299;
2983
3909
  }
@@ -2994,7 +3920,7 @@ body.tox-dialog__disable-scroll {
2994
3920
  }
2995
3921
  .tox .tox-tbtn {
2996
3922
  align-items: center;
2997
- background: transparent;
3923
+ background: #222f3e;
2998
3924
  border: 0;
2999
3925
  border-radius: 3px;
3000
3926
  box-shadow: none;
@@ -3008,15 +3934,43 @@ body.tox-dialog__disable-scroll {
3008
3934
  justify-content: center;
3009
3935
  margin: 3px 0 2px 0;
3010
3936
  outline: none;
3011
- overflow: hidden;
3012
3937
  padding: 0;
3013
3938
  text-transform: none;
3014
3939
  width: 34px;
3015
3940
  }
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
+ }
3016
3955
  .tox .tox-tbtn svg {
3017
3956
  display: block;
3018
3957
  fill: #fff;
3019
3958
  }
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
+ }
3020
3974
  .tox .tox-tbtn.tox-tbtn-more {
3021
3975
  padding-left: 5px;
3022
3976
  padding-right: 5px;
@@ -3026,6 +3980,23 @@ body.tox-dialog__disable-scroll {
3026
3980
  background: #4a5562;
3027
3981
  border: 0;
3028
3982
  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 0 transparent ;
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
+ }
3029
4000
  }
3030
4001
  .tox .tox-tbtn:hover {
3031
4002
  background: #4a5562;
@@ -3052,7 +4023,7 @@ body.tox-dialog__disable-scroll {
3052
4023
  .tox .tox-tbtn--disabled:hover,
3053
4024
  .tox .tox-tbtn:disabled,
3054
4025
  .tox .tox-tbtn:disabled:hover {
3055
- background: transparent;
4026
+ background: #222f3e;
3056
4027
  border: 0;
3057
4028
  box-shadow: none;
3058
4029
  color: rgba(255, 255, 255, 0.5);
@@ -3062,29 +4033,51 @@ body.tox-dialog__disable-scroll {
3062
4033
  .tox .tox-tbtn--disabled:hover svg,
3063
4034
  .tox .tox-tbtn:disabled svg,
3064
4035
  .tox .tox-tbtn:disabled:hover svg {
3065
- /* stylelint-disable-line no-descending-specificity */
3066
4036
  fill: rgba(255, 255, 255, 0.5);
3067
4037
  }
4038
+ .tox .tox-tbtn--active,
3068
4039
  .tox .tox-tbtn--enabled,
3069
- .tox .tox-tbtn--enabled:hover {
4040
+ .tox .tox-tbtn--enabled:hover,
4041
+ .tox .tox-tbtn--enabled:focus {
3070
4042
  background: #757d87;
3071
4043
  border: 0;
3072
4044
  box-shadow: none;
3073
4045
  color: #fff;
4046
+ position: relative;
3074
4047
  }
4048
+ .tox .tox-tbtn--active > *,
3075
4049
  .tox .tox-tbtn--enabled > *,
3076
- .tox .tox-tbtn--enabled:hover > * {
4050
+ .tox .tox-tbtn--enabled:hover > *,
4051
+ .tox .tox-tbtn--enabled:focus > * {
3077
4052
  transform: none;
3078
4053
  }
4054
+ .tox .tox-tbtn--active svg,
3079
4055
  .tox .tox-tbtn--enabled svg,
3080
- .tox .tox-tbtn--enabled:hover svg {
3081
- /* stylelint-disable-line no-descending-specificity */
4056
+ .tox .tox-tbtn--enabled:hover svg,
4057
+ .tox .tox-tbtn--enabled:focus svg {
3082
4058
  fill: #fff;
3083
4059
  }
4060
+ .tox .tox-tbtn--active.tox-tbtn--disabled svg,
3084
4061
  .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3085
- .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
4062
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
4063
+ .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
3086
4064
  fill: rgba(255, 255, 255, 0.5);
3087
4065
  }
4066
+ .tox .tox-tbtn--enabled:focus::after {
4067
+ border-radius: 3px;
4068
+ bottom: 0;
4069
+ box-shadow: 0 0 0 0 transparent ;
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
+ }
3088
4081
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3089
4082
  color: #fff;
3090
4083
  }
@@ -3120,21 +4113,77 @@ body.tox-dialog__disable-scroll {
3120
4113
  margin-bottom: 4px;
3121
4114
  white-space: nowrap;
3122
4115
  }
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
+ }
3123
4122
  .tox .tox-number-input {
4123
+ background: transparent;
3124
4124
  border-radius: 3px;
3125
4125
  display: flex;
3126
4126
  margin: 3px 0 2px 0;
3127
- padding: 0 4px;
4127
+ position: relative;
3128
4128
  width: auto;
3129
4129
  }
4130
+ .tox .tox-number-input:focus {
4131
+ background: #4a5562;
4132
+ }
4133
+ .tox .tox-number-input:focus::after {
4134
+ border-radius: 3px;
4135
+ bottom: 0;
4136
+ box-shadow: 0 0 0 0 transparent ;
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
+ }
4147
+ }
3130
4148
  .tox .tox-number-input .tox-input-wrapper {
3131
- background: transparent;
3132
4149
  display: flex;
3133
4150
  pointer-events: none;
4151
+ position: relative;
3134
4152
  text-align: center;
3135
4153
  }
3136
4154
  .tox .tox-number-input .tox-input-wrapper:focus {
3137
- background: #4a5562;
4155
+ background-color: #4a5562;
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 0 transparent ;
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 0 transparent ;
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
+ }
3138
4187
  }
3139
4188
  .tox .tox-number-input input {
3140
4189
  border-radius: 3px;
@@ -3142,6 +4191,7 @@ body.tox-dialog__disable-scroll {
3142
4191
  font-size: 14px;
3143
4192
  margin: 2px 0;
3144
4193
  pointer-events: all;
4194
+ position: relative;
3145
4195
  width: 60px;
3146
4196
  }
3147
4197
  .tox .tox-number-input input:hover {
@@ -3149,31 +4199,63 @@ body.tox-dialog__disable-scroll {
3149
4199
  color: #fff;
3150
4200
  }
3151
4201
  .tox .tox-number-input input:focus {
3152
- background: #fff;
3153
- color: #2A3746;
4202
+ background-color: #4a5562;
3154
4203
  }
3155
4204
  .tox .tox-number-input input:disabled {
3156
- background: transparent;
4205
+ background: #222f3e;
3157
4206
  border: 0;
3158
4207
  box-shadow: none;
3159
4208
  color: rgba(255, 255, 255, 0.5);
3160
4209
  cursor: not-allowed;
3161
4210
  }
3162
4211
  .tox .tox-number-input button {
3163
- background: transparent;
3164
4212
  color: #fff;
3165
4213
  height: 34px;
4214
+ position: relative;
3166
4215
  text-align: center;
3167
4216
  width: 24px;
3168
4217
  }
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
+ }
3169
4225
  .tox .tox-number-input button svg {
3170
4226
  display: block;
3171
4227
  fill: #fff;
3172
4228
  margin: 0 auto;
3173
4229
  transform: scale(0.67);
3174
4230
  }
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
+ }
3175
4241
  .tox .tox-number-input button:focus {
3176
4242
  background: #4a5562;
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 0 transparent ;
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
+ }
3177
4259
  }
3178
4260
  .tox .tox-number-input button:hover {
3179
4261
  background: #4a5562;
@@ -3194,7 +4276,7 @@ body.tox-dialog__disable-scroll {
3194
4276
  fill: #fff;
3195
4277
  }
3196
4278
  .tox .tox-number-input button:disabled {
3197
- background: transparent;
4279
+ background: #222f3e;
3198
4280
  border: 0;
3199
4281
  box-shadow: none;
3200
4282
  color: rgba(255, 255, 255, 0.5);
@@ -3218,6 +4300,11 @@ body.tox-dialog__disable-scroll {
3218
4300
  padding: 0 4px;
3219
4301
  width: auto;
3220
4302
  }
4303
+ .tox .tox-tbtn--bordered,
4304
+ .tox .tox-tbtn--bordered:focus,
4305
+ .tox .tox-tbtn--bordered:hover {
4306
+ border: 1px solid #000000;
4307
+ }
3221
4308
  .tox .tox-tbtn__select-label {
3222
4309
  cursor: default;
3223
4310
  font-weight: normal;
@@ -3236,9 +4323,17 @@ body.tox-dialog__disable-scroll {
3236
4323
  .tox .tox-tbtn__select-chevron svg {
3237
4324
  fill: rgba(255, 255, 255, 0.5);
3238
4325
  }
4326
+ @media (forced-colors: active) {
4327
+ .tox .tox-tbtn__select-chevron svg {
4328
+ fill: currentColor;
4329
+ }
4330
+ }
3239
4331
  .tox .tox-tbtn--bespoke {
3240
4332
  background: transparent;
3241
4333
  }
4334
+ .tox .tox-tbtn--bespoke:focus {
4335
+ background: #4a5562;
4336
+ }
3242
4337
  .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3243
4338
  margin-inline-start: 0;
3244
4339
  }
@@ -3258,7 +4353,6 @@ body.tox-dialog__disable-scroll {
3258
4353
  box-sizing: border-box;
3259
4354
  display: flex;
3260
4355
  margin: 3px 0 2px 0;
3261
- overflow: hidden;
3262
4356
  }
3263
4357
  .tox .tox-split-button:hover {
3264
4358
  box-shadow: 0 0 0 1px #4a5562 inset;
@@ -3267,24 +4361,58 @@ body.tox-dialog__disable-scroll {
3267
4361
  background: #4a5562;
3268
4362
  box-shadow: none;
3269
4363
  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 0 transparent ;
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
+ }
3270
4382
  }
3271
4383
  .tox .tox-split-button > * {
3272
4384
  border-radius: 0;
3273
4385
  }
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
+ }
3274
4394
  .tox .tox-split-button__chevron {
3275
4395
  width: 16px;
3276
4396
  }
3277
4397
  .tox .tox-split-button__chevron svg {
3278
4398
  fill: rgba(255, 255, 255, 0.5);
3279
4399
  }
4400
+ @media (forced-colors: active) {
4401
+ .tox .tox-split-button__chevron svg {
4402
+ fill: currentColor;
4403
+ }
4404
+ }
3280
4405
  .tox .tox-split-button .tox-tbtn {
3281
4406
  margin: 0;
3282
4407
  }
4408
+ .tox .tox-split-button:focus .tox-tbtn {
4409
+ background-color: transparent;
4410
+ }
3283
4411
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3284
4412
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3285
4413
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
3286
4414
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
3287
- background: transparent;
4415
+ background: #222f3e;
3288
4416
  box-shadow: none;
3289
4417
  color: rgba(255, 255, 255, 0.5);
3290
4418
  }
@@ -3297,9 +4425,9 @@ body.tox-dialog__disable-scroll {
3297
4425
  .tox.tox-platform-touch .tox-split-button__chevron {
3298
4426
  width: 20px;
3299
4427
  }
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;
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;
3303
4431
  }
3304
4432
  .tox .tox-toolbar-overlord {
3305
4433
  background-color: #222f3e;
@@ -3309,7 +4437,7 @@ body.tox-dialog__disable-scroll {
3309
4437
  .tox .tox-toolbar__overflow {
3310
4438
  background-attachment: local;
3311
4439
  background-color: #222f3e;
3312
- background-image: repeating-linear-gradient(#000000 0px 1px, transparent 1px 39px);
4440
+ background-image: repeating-linear-gradient(#000000 0 1px, transparent 1px 39px);
3313
4441
  background-position: center top 39px;
3314
4442
  background-repeat: no-repeat;
3315
4443
  background-size: calc(100% - 4px * 2) calc(100% - 39px);
@@ -3347,8 +4475,14 @@ body.tox-dialog__disable-scroll {
3347
4475
  .tox .tox-menubar + .tox-toolbar-overlord {
3348
4476
  border-top: 1px solid #000000;
3349
4477
  margin-top: -1px;
3350
- padding-bottom: 0px;
3351
- padding-top: 0px;
4478
+ padding-bottom: 0;
4479
+ padding-top: 0;
4480
+ }
4481
+ @media (forced-colors: active) {
4482
+ .tox .tox-menubar + .tox-toolbar,
4483
+ .tox .tox-menubar + .tox-toolbar-overlord {
4484
+ outline: 1px solid currentColor;
4485
+ }
3352
4486
  }
3353
4487
  .tox .tox-toolbar--scrolling {
3354
4488
  flex-wrap: nowrap;
@@ -3368,6 +4502,20 @@ body.tox-dialog__disable-scroll {
3368
4502
  .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3369
4503
  background-image: none;
3370
4504
  }
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: #4a5562;
4515
+ border-radius: 3px;
4516
+ border-style: solid;
4517
+ border-width: 1px;
4518
+ }
3371
4519
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
3372
4520
  background-color: #222f3e;
3373
4521
  background-position: center top 43px;
@@ -3378,14 +4526,20 @@ body.tox-dialog__disable-scroll {
3378
4526
  overscroll-behavior: none;
3379
4527
  padding: 4px 0;
3380
4528
  }
3381
- .tox-pop .tox-pop__dialog {
3382
- /* stylelint-disable-next-line no-descending-specificity */
4529
+ @media (forced-colors: active) {
4530
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
4531
+ border: solid;
4532
+ }
3383
4533
  }
3384
4534
  .tox-pop .tox-pop__dialog .tox-toolbar {
3385
4535
  background-position: center top 43px;
3386
4536
  background-size: calc(100% - 4px * 2) calc(100% - 51px);
3387
4537
  padding: 4px 0;
3388
4538
  }
4539
+ .tox-context-form__group {
4540
+ display: flex;
4541
+ align-items: center;
4542
+ }
3389
4543
  .tox .tox-toolbar__group {
3390
4544
  align-items: center;
3391
4545
  display: flex;
@@ -3408,34 +4562,50 @@ body.tox-dialog__disable-scroll {
3408
4562
  }
3409
4563
  .tox .tox-tooltip {
3410
4564
  display: inline-block;
4565
+ max-width: 15em;
3411
4566
  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;
3412
4574
  position: relative;
4575
+ width: max-content;
4576
+ z-index: 1150;
3413
4577
  }
3414
4578
  .tox .tox-tooltip__body {
3415
- background-color: #3d546f;
4579
+ background-color: #2A3746;
3416
4580
  border-radius: 3px;
3417
- box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3);
3418
- color: rgba(255, 255, 255, 0.75);
3419
- font-size: 14px;
4581
+ box-shadow: none;
4582
+ color: #fff;
4583
+ font-size: 12px;
3420
4584
  font-style: normal;
3421
- font-weight: normal;
3422
- padding: 4px 8px;
4585
+ font-weight: 600;
4586
+ overflow-wrap: break-word;
4587
+ padding: 4px 6px;
3423
4588
  text-transform: none;
3424
4589
  }
4590
+ @media (forced-colors: active) {
4591
+ .tox .tox-tooltip__body {
4592
+ outline: outset 1px;
4593
+ }
4594
+ }
3425
4595
  .tox .tox-tooltip__arrow {
3426
4596
  position: absolute;
3427
4597
  }
3428
4598
  .tox .tox-tooltip--down .tox-tooltip__arrow {
3429
4599
  border-left: 8px solid transparent;
3430
4600
  border-right: 8px solid transparent;
3431
- border-top: 8px solid #3d546f;
4601
+ border-top: 8px solid #2A3746;
3432
4602
  bottom: 0;
3433
4603
  left: 50%;
3434
4604
  position: absolute;
3435
4605
  transform: translateX(-50%);
3436
4606
  }
3437
4607
  .tox .tox-tooltip--up .tox-tooltip__arrow {
3438
- border-bottom: 8px solid #3d546f;
4608
+ border-bottom: 8px solid #2A3746;
3439
4609
  border-left: 8px solid transparent;
3440
4610
  border-right: 8px solid transparent;
3441
4611
  left: 50%;
@@ -3445,7 +4615,7 @@ body.tox-dialog__disable-scroll {
3445
4615
  }
3446
4616
  .tox .tox-tooltip--right .tox-tooltip__arrow {
3447
4617
  border-bottom: 8px solid transparent;
3448
- border-left: 8px solid #3d546f;
4618
+ border-left: 8px solid #2A3746;
3449
4619
  border-top: 8px solid transparent;
3450
4620
  position: absolute;
3451
4621
  right: 0;
@@ -3454,7 +4624,7 @@ body.tox-dialog__disable-scroll {
3454
4624
  }
3455
4625
  .tox .tox-tooltip--left .tox-tooltip__arrow {
3456
4626
  border-bottom: 8px solid transparent;
3457
- border-right: 8px solid #3d546f;
4627
+ border-right: 8px solid #2A3746;
3458
4628
  border-top: 8px solid transparent;
3459
4629
  left: 0;
3460
4630
  position: absolute;
@@ -3533,7 +4703,6 @@ body.tox-dialog__disable-scroll {
3533
4703
  .tox .tox-tree .tox-trbtn--disabled:hover svg,
3534
4704
  .tox .tox-tree .tox-trbtn:disabled svg,
3535
4705
  .tox .tox-tree .tox-trbtn:disabled:hover svg {
3536
- /* stylelint-disable-line no-descending-specificity */
3537
4706
  fill: rgba(255, 255, 255, 0.5);
3538
4707
  }
3539
4708
  .tox .tox-tree .tox-trbtn--enabled,
@@ -3549,7 +4718,6 @@ body.tox-dialog__disable-scroll {
3549
4718
  }
3550
4719
  .tox .tox-tree .tox-trbtn--enabled svg,
3551
4720
  .tox .tox-tree .tox-trbtn--enabled:hover svg {
3552
- /* stylelint-disable-line no-descending-specificity */
3553
4721
  fill: #fff;
3554
4722
  }
3555
4723
  .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
@@ -3581,7 +4749,6 @@ body.tox-dialog__disable-scroll {
3581
4749
  .tox .tox-tree .tox-tree--directory {
3582
4750
  display: flex;
3583
4751
  flex-direction: column;
3584
- /* stylelint-disable no-descending-specificity */
3585
4752
  }
3586
4753
  .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
3587
4754
  font-weight: bold;
@@ -3641,6 +4808,11 @@ body.tox-dialog__disable-scroll {
3641
4808
  .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3642
4809
  fill: #fff;
3643
4810
  }
4811
+ .tox .tox-tree .tox-icon-custom-state {
4812
+ flex-grow: 1;
4813
+ display: flex;
4814
+ justify-content: flex-end;
4815
+ }
3644
4816
  .tox .tox-tree .tox-tree--directory__children {
3645
4817
  overflow: hidden;
3646
4818
  padding-left: 16px;
@@ -3653,12 +4825,201 @@ body.tox-dialog__disable-scroll {
3653
4825
  display: flex;
3654
4826
  justify-content: space-between;
3655
4827
  }
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
+ bottom: 0;
4888
+ box-shadow: 0 0 0 0 transparent ;
4889
+ content: '';
4890
+ left: 0;
4891
+ position: absolute;
4892
+ right: 0;
4893
+ top: 0;
4894
+ border-radius: 3px;
4895
+ bottom: 1px;
4896
+ left: 1px;
4897
+ right: 1px;
4898
+ top: 1px;
4899
+ }
4900
+ @media (forced-colors: active) {
4901
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4902
+ border: 2px solid highlight;
4903
+ }
4904
+ }
4905
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
4906
+ background-color: #222f3e;
4907
+ border: 1px solid rgba(255, 255, 255, 0.15);
4908
+ border-radius: 6px;
4909
+ color: #fff;
4910
+ cursor: pointer;
4911
+ display: flex;
4912
+ flex-direction: column;
4913
+ font-size: 14px;
4914
+ gap: 12px;
4915
+ padding: 12px;
4916
+ width: 100%;
4917
+ }
4918
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
4919
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4920
+ }
4921
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
4922
+ position: relative;
4923
+ z-index: 1;
4924
+ }
4925
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4926
+ border-radius: 3px;
4927
+ bottom: 0;
4928
+ box-shadow: 0 0 0 0 transparent #285ec7;
4929
+ content: '';
4930
+ left: 0;
4931
+ position: absolute;
4932
+ right: 0;
4933
+ top: 0;
4934
+ border-radius: 6px;
4935
+ box-shadow: 0 0 0 2px #285ec7;
4936
+ box-shadow: 0 0 0 2px #285ec7 !important;
4937
+ }
4938
+ @media (forced-colors: active) {
4939
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4940
+ border: 2px solid highlight;
4941
+ }
4942
+ }
4943
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
4944
+ background-color: #62430b;
4945
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4946
+ position: relative;
4947
+ }
4948
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4949
+ border-radius: 3px;
4950
+ bottom: 0;
4951
+ box-shadow: 0 0 0 0 transparent #cea215;
4952
+ content: '';
4953
+ left: 0;
4954
+ position: absolute;
4955
+ right: 0;
4956
+ top: 0;
4957
+ border-radius: 6px;
4958
+ box-shadow: 0 0 0 2px #cea215;
4959
+ }
4960
+ @media (forced-colors: active) {
4961
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4962
+ border: 2px solid highlight;
4963
+ }
4964
+ }
4965
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
4966
+ display: flex;
4967
+ gap: 12px;
4968
+ justify-content: space-between;
4969
+ }
4970
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
4971
+ font-size: 16px;
4972
+ line-height: 24px;
4973
+ }
4974
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
4975
+ font-size: 12px;
4976
+ font-weight: 600;
4977
+ line-height: 24px;
4978
+ padding: 0;
4979
+ }
4980
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
4981
+ align-items: center;
4982
+ display: flex;
4983
+ flex: 1 0 0;
4984
+ gap: 8px;
4985
+ height: 36px;
4986
+ }
4987
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
4988
+ overflow: hidden;
4989
+ text-overflow: ellipsis;
4990
+ white-space: nowrap;
4991
+ font-size: 14px;
4992
+ font-weight: 700;
4993
+ line-height: 18px;
4994
+ }
4995
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
4996
+ border-radius: 50%;
4997
+ height: 36px;
4998
+ object-fit: cover;
4999
+ vertical-align: middle;
5000
+ width: 36px;
5001
+ }
5002
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
5003
+ color: rgba(255, 255, 255, 0.5);
5004
+ font-size: 16px;
5005
+ line-height: 24px;
5006
+ padding: 5px 5.5px;
5007
+ }
5008
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
5009
+ color: #fff;
5010
+ height: 24px;
5011
+ }
5012
+ [data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
5013
+ fill: #c00;
5014
+ stroke: #c00;
5015
+ }
3656
5016
  .tox .tox-view-wrap,
3657
5017
  .tox .tox-view-wrap__slot-container {
3658
5018
  background-color: #222f3e;
3659
5019
  display: flex;
3660
5020
  flex: 1;
3661
5021
  flex-direction: column;
5022
+ height: 100%;
3662
5023
  }
3663
5024
  .tox .tox-view {
3664
5025
  display: flex;
@@ -3674,6 +5035,20 @@ body.tox-dialog__disable-scroll {
3674
5035
  padding: 8px 8px 0 8px;
3675
5036
  position: relative;
3676
5037
  }
5038
+ .tox .tox-view__label {
5039
+ color: #fff;
5040
+ font-weight: bold;
5041
+ line-height: 24px;
5042
+ padding: 4px 16px;
5043
+ text-align: center;
5044
+ white-space: nowrap;
5045
+ }
5046
+ .tox .tox-view__label--normal {
5047
+ font-size: 16px;
5048
+ }
5049
+ .tox .tox-view__label--large {
5050
+ font-size: 20px;
5051
+ }
3677
5052
  .tox .tox-view--mobile.tox-view__header,
3678
5053
  .tox .tox-view--mobile.tox-view__toolbar {
3679
5054
  padding: 8px;
@@ -3687,6 +5062,7 @@ body.tox-dialog__disable-scroll {
3687
5062
  flex-direction: row;
3688
5063
  gap: 8px;
3689
5064
  justify-content: space-between;
5065
+ overflow-x: auto;
3690
5066
  padding: 8px 8px 0 8px;
3691
5067
  }
3692
5068
  .tox .tox-view__toolbar__group {
@@ -3701,6 +5077,7 @@ body.tox-dialog__disable-scroll {
3701
5077
  .tox .tox-view__pane {
3702
5078
  height: 100%;
3703
5079
  padding: 8px;
5080
+ position: relative;
3704
5081
  width: 100%;
3705
5082
  }
3706
5083
  .tox .tox-view__pane_panel {
@@ -3794,15 +5171,22 @@ body.tox-dialog__disable-scroll {
3794
5171
  box-shadow: none;
3795
5172
  }
3796
5173
  .tox .tox-tbtn,
5174
+ .tox .tox-label,
3797
5175
  .tox .tox-number-input,
3798
5176
  .tox .tox-tbtn--select,
3799
- .tox .tox-split-button {
5177
+ .tox .tox-split-button,
5178
+ .tox .tox-toolbar-label {
3800
5179
  margin: 2px 0 3px 0;
3801
5180
  }
5181
+ .tox .tox-tbtn--bordered,
5182
+ .tox .tox-tbtn--bordered:focus,
5183
+ .tox .tox-tbtn--bordered:hover {
5184
+ border: 1px solid #000000;
5185
+ }
3802
5186
  .tox .tox-toolbar,
3803
5187
  .tox .tox-toolbar__primary,
3804
5188
  .tox .tox-toolbar__overflow {
3805
- background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0px #222f3e !important;
5189
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e !important;
3806
5190
  }
3807
5191
  .tox .tox-menubar + .tox-toolbar-overlord {
3808
5192
  border-top: none;
@@ -3840,14 +5224,33 @@ body.tox-dialog__disable-scroll {
3840
5224
  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3841
5225
  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3842
5226
  color: #fff;
3843
- text-decoration: underline;
3844
5227
  }
3845
5228
  .tox .tox-statusbar__branding svg {
3846
- vertical-align: -0.25em;
5229
+ fill: rgba(255, 255, 255, 0.8);
5230
+ height: 1em;
5231
+ margin-left: 0.3em;
5232
+ width: auto;
5233
+ }
5234
+ @media (forced-colors: active) {
5235
+ .tox .tox-statusbar__branding svg {
5236
+ fill: currentColor;
5237
+ }
5238
+ }
5239
+ .tox .tox-statusbar__branding a {
5240
+ align-items: center;
5241
+ display: inline-flex;
5242
+ }
5243
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
5244
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
5245
+ fill: #fff;
3847
5246
  }
3848
5247
  .tox:not([dir=rtl]) .tox-statusbar__branding {
3849
5248
  margin-left: 1ch;
3850
5249
  }
5250
+ .tox[dir=rtl] .tox-statusbar__branding svg {
5251
+ margin-left: 0;
5252
+ margin-right: 0.3em;
5253
+ }
3851
5254
  .tox .tox-statusbar__resize-handle {
3852
5255
  padding-bottom: 0;
3853
5256
  padding-right: 0;