argous 1.2.202 → 1.2.204

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 (426) hide show
  1. package/dist/components/ConfirmModal/ModalProvider.d.ts +1 -1
  2. package/dist/components/Editor/Events.d.ts +9 -7
  3. package/dist/components/Editor/Events.js +0 -7
  4. package/dist/components/Editor/ScriptLoader2.d.ts +10 -0
  5. package/dist/components/Editor/ScriptLoader2.js +146 -0
  6. package/dist/components/Editor/TinyMCE.d.ts +1 -8
  7. package/dist/components/Editor/TinyMCE.js +2 -10
  8. package/dist/components/Editor/Utils.d.ts +2 -7
  9. package/dist/components/Editor/Utils.js +29 -9
  10. package/dist/components/Editor/components/Editor.d.ts +17 -16
  11. package/dist/components/Editor/components/Editor.js +94 -51
  12. package/dist/components/Editor/components/EditorPropTypes.d.ts +1 -8
  13. package/dist/components/Editor/components/EditorPropTypes.js +19 -9
  14. package/dist/components/Editor/index.d.ts +2 -9
  15. package/dist/components/Editor/index.js +0 -7
  16. package/dist/components/Editor/skins/content/dark/content.d.ts +0 -0
  17. package/dist/components/Editor/skins/content/dark/content.js +3 -0
  18. package/dist/components/Editor/skins/content/default/content.d.ts +0 -0
  19. package/dist/components/Editor/skins/content/default/content.js +3 -0
  20. package/dist/components/Editor/skins/content/document/content.d.ts +0 -0
  21. package/dist/components/Editor/skins/content/document/content.js +3 -0
  22. package/dist/components/Editor/skins/content/tinymce-5/content.d.ts +0 -0
  23. package/dist/components/Editor/skins/content/tinymce-5/content.js +3 -0
  24. package/dist/components/Editor/skins/content/tinymce-5-dark/content.d.ts +0 -0
  25. package/dist/components/Editor/skins/content/tinymce-5-dark/content.js +3 -0
  26. package/dist/components/Editor/skins/content/writer/content.d.ts +0 -0
  27. package/dist/components/Editor/skins/content/writer/content.js +3 -0
  28. package/dist/components/Editor/skins/ui/oxide/content.d.ts +0 -0
  29. package/dist/components/Editor/skins/ui/oxide/content.inline.d.ts +0 -0
  30. package/dist/components/Editor/skins/ui/oxide/content.inline.js +3 -0
  31. package/dist/components/Editor/skins/ui/oxide/content.js +3 -0
  32. package/dist/components/Editor/skins/ui/oxide/skin.d.ts +0 -0
  33. package/dist/components/Editor/skins/ui/oxide/skin.js +3 -0
  34. package/dist/components/Editor/skins/ui/oxide/skin.shadowdom.d.ts +0 -0
  35. package/dist/components/Editor/skins/ui/oxide/skin.shadowdom.js +3 -0
  36. package/dist/components/Editor/skins/ui/oxide-dark/content.d.ts +0 -0
  37. package/dist/components/Editor/skins/ui/oxide-dark/content.inline.d.ts +0 -0
  38. package/dist/components/Editor/skins/ui/oxide-dark/content.inline.js +3 -0
  39. package/dist/components/Editor/skins/ui/oxide-dark/content.js +3 -0
  40. package/dist/components/Editor/skins/ui/oxide-dark/skin.d.ts +0 -0
  41. package/dist/components/Editor/skins/ui/oxide-dark/skin.js +3 -0
  42. package/dist/components/Editor/skins/ui/oxide-dark/skin.shadowdom.d.ts +0 -0
  43. package/dist/components/Editor/skins/ui/oxide-dark/skin.shadowdom.js +3 -0
  44. package/dist/components/Editor/skins/ui/tinymce-5/content.d.ts +0 -0
  45. package/dist/components/Editor/skins/ui/tinymce-5/content.inline.d.ts +0 -0
  46. package/dist/components/Editor/skins/ui/tinymce-5/content.inline.js +3 -0
  47. package/dist/components/Editor/skins/ui/tinymce-5/content.js +3 -0
  48. package/dist/components/Editor/skins/ui/tinymce-5/skin.d.ts +0 -0
  49. package/dist/components/Editor/skins/ui/tinymce-5/skin.js +3 -0
  50. package/dist/components/Editor/skins/ui/tinymce-5/skin.shadowdom.d.ts +0 -0
  51. package/dist/components/Editor/skins/ui/tinymce-5/skin.shadowdom.js +3 -0
  52. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.d.ts +0 -0
  53. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.inline.d.ts +0 -0
  54. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.inline.js +3 -0
  55. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.js +3 -0
  56. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.d.ts +0 -0
  57. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.js +3 -0
  58. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.d.ts +0 -0
  59. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.js +3 -0
  60. package/dist/components/Editor/tinymce/tinymce.d.ts +1722 -1447
  61. package/lib/components/Editor/Events.ts +9 -8
  62. package/lib/components/Editor/ScriptLoader2.ts +161 -0
  63. package/lib/components/Editor/TinyMCE.ts +2 -12
  64. package/lib/components/Editor/Utils.ts +25 -8
  65. package/lib/components/Editor/components/Editor.tsx +102 -79
  66. package/lib/components/Editor/components/EditorPropTypes.ts +21 -12
  67. package/lib/components/Editor/index.tsx +2 -10
  68. package/lib/components/Editor/skins/content/dark/content.js +2 -0
  69. package/lib/components/Editor/skins/content/dark/content.min.css +1 -8
  70. package/lib/components/Editor/skins/content/default/content.js +2 -0
  71. package/lib/components/Editor/skins/content/default/content.min.css +0 -7
  72. package/lib/components/Editor/skins/content/document/content.js +2 -0
  73. package/lib/components/Editor/skins/content/document/content.min.css +0 -7
  74. package/lib/components/Editor/skins/content/tinymce-5/content.js +2 -0
  75. package/lib/components/Editor/skins/content/tinymce-5/content.min.css +1 -0
  76. package/lib/components/Editor/skins/content/tinymce-5-dark/content.js +2 -0
  77. package/lib/components/Editor/skins/content/tinymce-5-dark/content.min.css +1 -0
  78. package/lib/components/Editor/skins/content/writer/content.js +2 -0
  79. package/lib/components/Editor/skins/content/writer/content.min.css +0 -7
  80. package/lib/components/Editor/skins/ui/oxide/content.inline.js +2 -0
  81. package/lib/components/Editor/skins/ui/oxide/content.inline.min.css +1 -0
  82. package/lib/components/Editor/skins/ui/oxide/content.js +2 -0
  83. package/lib/components/Editor/skins/ui/oxide/content.min.css +1 -0
  84. package/lib/components/Editor/skins/ui/oxide/skin.js +2 -0
  85. package/lib/components/Editor/skins/ui/oxide/skin.min.css +1 -0
  86. package/lib/components/Editor/skins/ui/oxide/skin.shadowdom.js +2 -0
  87. package/lib/components/Editor/skins/ui/oxide/skin.shadowdom.min.css +1 -0
  88. package/lib/components/Editor/skins/ui/oxide-dark/content.inline.js +2 -0
  89. package/lib/components/Editor/skins/ui/oxide-dark/content.inline.min.css +1 -0
  90. package/lib/components/Editor/skins/ui/oxide-dark/content.js +2 -0
  91. package/lib/components/Editor/skins/ui/oxide-dark/content.min.css +1 -0
  92. package/lib/components/Editor/skins/ui/oxide-dark/skin.js +2 -0
  93. package/lib/components/Editor/skins/ui/oxide-dark/skin.min.css +1 -0
  94. package/lib/components/Editor/skins/ui/oxide-dark/skin.shadowdom.js +2 -0
  95. package/lib/components/Editor/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -0
  96. package/lib/components/Editor/skins/ui/tinymce-5/content.inline.js +2 -0
  97. package/lib/components/Editor/skins/ui/tinymce-5/content.inline.min.css +1 -0
  98. package/lib/components/Editor/skins/ui/tinymce-5/content.js +2 -0
  99. package/lib/components/Editor/skins/ui/tinymce-5/content.min.css +1 -0
  100. package/lib/components/Editor/skins/ui/tinymce-5/skin.js +2 -0
  101. package/lib/components/Editor/skins/ui/tinymce-5/skin.min.css +1 -0
  102. package/lib/components/Editor/skins/ui/tinymce-5/skin.shadowdom.js +2 -0
  103. package/lib/components/Editor/skins/ui/tinymce-5/skin.shadowdom.min.css +1 -0
  104. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.inline.js +2 -0
  105. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.inline.min.css +1 -0
  106. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.js +2 -0
  107. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.min.css +1 -0
  108. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.js +2 -0
  109. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.min.css +1 -0
  110. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -0
  111. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +1 -0
  112. package/lib/components/Editor/tinymce/README.md +24 -14
  113. package/lib/components/Editor/tinymce/icons/default/icons.js +185 -163
  114. package/lib/components/Editor/tinymce/icons/default/icons.min.js +1 -1
  115. package/lib/components/Editor/tinymce/langs/README.md +1 -1
  116. package/lib/components/Editor/tinymce/license.txt +21 -504
  117. package/lib/components/Editor/tinymce/models/dom/model.js +8040 -0
  118. package/lib/components/Editor/tinymce/models/dom/model.min.js +4 -0
  119. package/lib/components/Editor/tinymce/plugins/accordion/plugin.js +1054 -0
  120. package/lib/components/Editor/tinymce/plugins/accordion/plugin.min.js +4 -0
  121. package/lib/components/Editor/tinymce/plugins/advlist/plugin.js +187 -208
  122. package/lib/components/Editor/tinymce/plugins/advlist/plugin.min.js +2 -7
  123. package/lib/components/Editor/tinymce/plugins/anchor/plugin.js +82 -84
  124. package/lib/components/Editor/tinymce/plugins/anchor/plugin.min.js +2 -7
  125. package/lib/components/Editor/tinymce/plugins/autolink/plugin.js +210 -167
  126. package/lib/components/Editor/tinymce/plugins/autolink/plugin.min.js +2 -7
  127. package/lib/components/Editor/tinymce/plugins/autoresize/plugin.js +118 -97
  128. package/lib/components/Editor/tinymce/plugins/autoresize/plugin.min.js +2 -7
  129. package/lib/components/Editor/tinymce/plugins/autosave/plugin.js +129 -108
  130. package/lib/components/Editor/tinymce/plugins/autosave/plugin.min.js +2 -7
  131. package/lib/components/Editor/tinymce/plugins/charmap/plugin.js +285 -333
  132. package/lib/components/Editor/tinymce/plugins/charmap/plugin.min.js +2 -7
  133. package/lib/components/Editor/tinymce/plugins/code/plugin.js +19 -26
  134. package/lib/components/Editor/tinymce/plugins/code/plugin.min.js +2 -7
  135. package/lib/components/Editor/tinymce/plugins/codesample/plugin.js +2225 -2094
  136. package/lib/components/Editor/tinymce/plugins/codesample/plugin.min.js +2 -7
  137. package/lib/components/Editor/tinymce/plugins/directionality/plugin.js +318 -243
  138. package/lib/components/Editor/tinymce/plugins/directionality/plugin.min.js +2 -7
  139. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojiimages.js +1 -9424
  140. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojiimages.min.js +1 -1
  141. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojis.js +1 -9423
  142. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojis.min.js +1 -1
  143. package/lib/components/Editor/tinymce/plugins/emoticons/plugin.js +406 -416
  144. package/lib/components/Editor/tinymce/plugins/emoticons/plugin.min.js +2 -7
  145. package/lib/components/Editor/tinymce/plugins/fullscreen/plugin.js +821 -604
  146. package/lib/components/Editor/tinymce/plugins/fullscreen/plugin.min.js +2 -7
  147. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ar.js +90 -0
  148. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/bg_BG.js +90 -0
  149. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ca.js +90 -0
  150. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/cs.js +90 -0
  151. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/da.js +90 -0
  152. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/de.js +90 -0
  153. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/el.js +90 -0
  154. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/en.js +90 -0
  155. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/es.js +90 -0
  156. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/eu.js +90 -0
  157. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/fa.js +90 -0
  158. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/fi.js +90 -0
  159. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/fr_FR.js +90 -0
  160. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/he_IL.js +90 -0
  161. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/hi.js +90 -0
  162. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/hr.js +90 -0
  163. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/hu_HU.js +90 -0
  164. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/id.js +90 -0
  165. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/it.js +90 -0
  166. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ja.js +90 -0
  167. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/kk.js +90 -0
  168. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ko_KR.js +90 -0
  169. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ms.js +90 -0
  170. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/nb_NO.js +90 -0
  171. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/nl.js +90 -0
  172. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/pl.js +90 -0
  173. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/pt_BR.js +90 -0
  174. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/pt_PT.js +90 -0
  175. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ro.js +90 -0
  176. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ru.js +90 -0
  177. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/sk.js +90 -0
  178. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/sl_SI.js +90 -0
  179. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/sv_SE.js +90 -0
  180. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/th_TH.js +90 -0
  181. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/tr.js +90 -0
  182. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/uk.js +90 -0
  183. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/vi.js +90 -0
  184. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/zh_CN.js +84 -0
  185. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/zh_TW.js +90 -0
  186. package/lib/components/Editor/tinymce/plugins/help/plugin.js +428 -403
  187. package/lib/components/Editor/tinymce/plugins/help/plugin.min.js +2 -7
  188. package/lib/components/Editor/tinymce/plugins/image/plugin.js +887 -1043
  189. package/lib/components/Editor/tinymce/plugins/image/plugin.min.js +2 -7
  190. package/lib/components/Editor/tinymce/plugins/importcss/plugin.js +163 -162
  191. package/lib/components/Editor/tinymce/plugins/importcss/plugin.min.js +2 -7
  192. package/lib/components/Editor/tinymce/plugins/insertdatetime/plugin.js +101 -91
  193. package/lib/components/Editor/tinymce/plugins/insertdatetime/plugin.min.js +2 -7
  194. package/lib/components/Editor/tinymce/plugins/link/plugin.js +739 -784
  195. package/lib/components/Editor/tinymce/plugins/link/plugin.min.js +2 -7
  196. package/lib/components/Editor/tinymce/plugins/lists/plugin.js +1282 -1396
  197. package/lib/components/Editor/tinymce/plugins/lists/plugin.min.js +2 -7
  198. package/lib/components/Editor/tinymce/plugins/media/plugin.js +641 -806
  199. package/lib/components/Editor/tinymce/plugins/media/plugin.min.js +2 -7
  200. package/lib/components/Editor/tinymce/plugins/nonbreaking/plugin.js +76 -54
  201. package/lib/components/Editor/tinymce/plugins/nonbreaking/plugin.min.js +2 -7
  202. package/lib/components/Editor/tinymce/plugins/pagebreak/plugin.js +58 -46
  203. package/lib/components/Editor/tinymce/plugins/pagebreak/plugin.min.js +2 -7
  204. package/lib/components/Editor/tinymce/plugins/preview/plugin.js +39 -69
  205. package/lib/components/Editor/tinymce/plugins/preview/plugin.min.js +2 -7
  206. package/lib/components/Editor/tinymce/plugins/quickbars/plugin.js +307 -349
  207. package/lib/components/Editor/tinymce/plugins/quickbars/plugin.min.js +2 -7
  208. package/lib/components/Editor/tinymce/plugins/save/plugin.js +50 -51
  209. package/lib/components/Editor/tinymce/plugins/save/plugin.min.js +2 -7
  210. package/lib/components/Editor/tinymce/plugins/searchreplace/plugin.js +517 -587
  211. package/lib/components/Editor/tinymce/plugins/searchreplace/plugin.min.js +2 -7
  212. package/lib/components/Editor/tinymce/plugins/table/plugin.js +2666 -10142
  213. package/lib/components/Editor/tinymce/plugins/table/plugin.min.js +2 -7
  214. package/lib/components/Editor/tinymce/plugins/template/plugin.js +403 -413
  215. package/lib/components/Editor/tinymce/plugins/template/plugin.min.js +2 -7
  216. package/lib/components/Editor/tinymce/plugins/visualblocks/plugin.js +42 -48
  217. package/lib/components/Editor/tinymce/plugins/visualblocks/plugin.min.js +2 -7
  218. package/lib/components/Editor/tinymce/plugins/visualchars/plugin.js +352 -333
  219. package/lib/components/Editor/tinymce/plugins/visualchars/plugin.min.js +2 -7
  220. package/lib/components/Editor/tinymce/plugins/wordcount/plugin.js +184 -195
  221. package/lib/components/Editor/tinymce/plugins/wordcount/plugin.min.js +2 -7
  222. package/lib/components/Editor/tinymce/skins/content/dark/content.css +2 -8
  223. package/lib/components/Editor/tinymce/skins/content/dark/content.js +2 -0
  224. package/lib/components/Editor/tinymce/skins/content/dark/content.js.map +1 -0
  225. package/lib/components/Editor/tinymce/skins/content/dark/content.min.css +2 -8
  226. package/lib/components/Editor/tinymce/skins/content/dark/content.min.css.map +1 -1
  227. package/lib/components/Editor/tinymce/skins/content/default/content.css +0 -6
  228. package/lib/components/Editor/tinymce/skins/content/default/content.js +2 -0
  229. package/lib/components/Editor/tinymce/skins/content/default/content.js.map +1 -0
  230. package/lib/components/Editor/tinymce/skins/content/default/content.min.css +1 -7
  231. package/lib/components/Editor/tinymce/skins/content/default/content.min.css.map +1 -1
  232. package/lib/components/Editor/tinymce/skins/content/document/content.css +0 -6
  233. package/lib/components/Editor/tinymce/skins/content/document/content.js +2 -0
  234. package/lib/components/Editor/tinymce/skins/content/document/content.js.map +1 -0
  235. package/lib/components/Editor/tinymce/skins/content/document/content.min.css +0 -6
  236. package/lib/components/Editor/tinymce/skins/content/document/content.min.css.map +1 -1
  237. package/lib/components/Editor/{skins/content/default → tinymce/skins/content/tinymce-5}/content.css +0 -6
  238. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.js +2 -0
  239. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.js.map +1 -0
  240. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.min.css +2 -0
  241. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.min.css.map +1 -0
  242. package/lib/components/Editor/{skins/content/dark → tinymce/skins/content/tinymce-5-dark}/content.css +1 -7
  243. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.js +2 -0
  244. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.js.map +1 -0
  245. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.min.css +2 -0
  246. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.min.css.map +1 -0
  247. package/lib/components/Editor/tinymce/skins/content/writer/content.css +0 -6
  248. package/lib/components/Editor/tinymce/skins/content/writer/content.js +2 -0
  249. package/lib/components/Editor/tinymce/skins/content/writer/content.js.map +1 -0
  250. package/lib/components/Editor/tinymce/skins/content/writer/content.min.css +0 -6
  251. package/lib/components/Editor/tinymce/skins/content/writer/content.min.css.map +1 -1
  252. package/lib/components/Editor/tinymce/skins/ui/oxide/content.css +74 -21
  253. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.css +74 -21
  254. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.js +2 -0
  255. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.js.map +1 -0
  256. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.min.css +1 -7
  257. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.min.css.map +1 -1
  258. package/lib/components/Editor/tinymce/skins/ui/oxide/content.js +2 -0
  259. package/lib/components/Editor/tinymce/skins/ui/oxide/content.js.map +1 -0
  260. package/lib/components/Editor/tinymce/skins/ui/oxide/content.min.css +1 -7
  261. package/lib/components/Editor/tinymce/skins/ui/oxide/content.min.css.map +1 -1
  262. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.css +1131 -402
  263. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.js +2 -0
  264. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.js.map +1 -0
  265. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.min.css +1 -7
  266. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.min.css.map +1 -1
  267. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.css +8 -15
  268. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.js +2 -0
  269. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.js.map +1 -0
  270. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.min.css +1 -7
  271. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.min.css.map +1 -1
  272. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.css +72 -20
  273. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.css +74 -21
  274. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.js +2 -0
  275. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.js.map +1 -0
  276. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.min.css +1 -7
  277. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.min.css.map +1 -1
  278. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.js +2 -0
  279. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.js.map +1 -0
  280. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.min.css +1 -7
  281. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.min.css.map +1 -1
  282. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.css +1155 -423
  283. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.js +2 -0
  284. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.js.map +1 -0
  285. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.min.css +1 -7
  286. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.min.css.map +1 -1
  287. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.css +8 -15
  288. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.js +2 -0
  289. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.js.map +1 -0
  290. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -7
  291. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css.map +1 -1
  292. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/content.css +75 -22
  293. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/content.inline.css +75 -22
  294. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.js +2 -0
  295. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.js.map +1 -0
  296. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.min.css +2 -0
  297. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.min.css.map +1 -0
  298. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.js +2 -0
  299. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.js.map +1 -0
  300. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.min.css +2 -0
  301. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.min.css.map +1 -0
  302. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/skin.css +1261 -438
  303. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.js +2 -0
  304. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.js.map +1 -0
  305. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.min.css +2 -0
  306. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.min.css.map +1 -0
  307. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/skin.shadowdom.css +8 -15
  308. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.js +2 -0
  309. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.js.map +1 -0
  310. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css +2 -0
  311. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css.map +1 -0
  312. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/content.css +73 -21
  313. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/content.inline.css +75 -22
  314. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.js +2 -0
  315. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.js.map +1 -0
  316. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css +2 -0
  317. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css.map +1 -0
  318. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.js +2 -0
  319. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.js.map +1 -0
  320. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.min.css +2 -0
  321. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.min.css.map +1 -0
  322. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/skin.css +1244 -421
  323. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.js +2 -0
  324. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.js.map +1 -0
  325. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.min.css +2 -0
  326. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.min.css.map +1 -0
  327. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/skin.shadowdom.css +8 -15
  328. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -0
  329. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js.map +1 -0
  330. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +2 -0
  331. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css.map +1 -0
  332. package/lib/components/Editor/tinymce/themes/silver/theme.js +23228 -24955
  333. package/lib/components/Editor/tinymce/themes/silver/theme.min.js +2 -7
  334. package/lib/components/Editor/tinymce/tinymce.d.ts +1722 -1447
  335. package/lib/components/Editor/tinymce/tinymce.js +23668 -22018
  336. package/lib/components/Editor/tinymce/tinymce.min.js +2 -30104
  337. package/package.json +1 -1
  338. package/lib/components/Editor/ScriptLoader.ts +0 -96
  339. package/lib/components/Editor/skins/content/dark/content.min.css.map +0 -1
  340. package/lib/components/Editor/skins/content/default/content.min.css.map +0 -1
  341. package/lib/components/Editor/skins/content/document/content.css +0 -72
  342. package/lib/components/Editor/skins/content/document/content.min.css.map +0 -1
  343. package/lib/components/Editor/skins/content/writer/content.css +0 -68
  344. package/lib/components/Editor/skins/content/writer/content.min.css.map +0 -1
  345. package/lib/components/Editor/skins/ui/dark/content.inline.min.css +0 -8
  346. package/lib/components/Editor/skins/ui/dark/content.inline.min.css.map +0 -1
  347. package/lib/components/Editor/skins/ui/dark/content.min.css +0 -8
  348. package/lib/components/Editor/skins/ui/dark/content.min.css.map +0 -1
  349. package/lib/components/Editor/skins/ui/dark/content.mobile.css +0 -29
  350. package/lib/components/Editor/skins/ui/dark/content.mobile.min.css +0 -8
  351. package/lib/components/Editor/skins/ui/dark/content.mobile.min.css.map +0 -1
  352. package/lib/components/Editor/skins/ui/dark/fonts/tinymce-mobile.woff +0 -0
  353. package/lib/components/Editor/skins/ui/dark/skin.min.css +0 -8
  354. package/lib/components/Editor/skins/ui/dark/skin.min.css.map +0 -1
  355. package/lib/components/Editor/skins/ui/dark/skin.mobile.css +0 -673
  356. package/lib/components/Editor/skins/ui/dark/skin.mobile.min.css +0 -8
  357. package/lib/components/Editor/skins/ui/dark/skin.mobile.min.css.map +0 -1
  358. package/lib/components/Editor/skins/ui/dark/skin.shadowdom.min.css +0 -8
  359. package/lib/components/Editor/skins/ui/dark/skin.shadowdom.min.css.map +0 -1
  360. package/lib/components/Editor/skins/ui/default/content.inline.min.css +0 -8
  361. package/lib/components/Editor/skins/ui/default/content.inline.min.css.map +0 -1
  362. package/lib/components/Editor/skins/ui/default/content.min.css +0 -8
  363. package/lib/components/Editor/skins/ui/default/content.min.css.map +0 -1
  364. package/lib/components/Editor/skins/ui/default/content.mobile.css +0 -29
  365. package/lib/components/Editor/skins/ui/default/content.mobile.min.css +0 -8
  366. package/lib/components/Editor/skins/ui/default/content.mobile.min.css.map +0 -1
  367. package/lib/components/Editor/skins/ui/default/fonts/tinymce-mobile.woff +0 -0
  368. package/lib/components/Editor/skins/ui/default/skin.min.css +0 -8
  369. package/lib/components/Editor/skins/ui/default/skin.min.css.map +0 -1
  370. package/lib/components/Editor/skins/ui/default/skin.mobile.css +0 -673
  371. package/lib/components/Editor/skins/ui/default/skin.mobile.min.css +0 -8
  372. package/lib/components/Editor/skins/ui/default/skin.mobile.min.css.map +0 -1
  373. package/lib/components/Editor/skins/ui/default/skin.shadowdom.min.css +0 -8
  374. package/lib/components/Editor/skins/ui/default/skin.shadowdom.min.css.map +0 -1
  375. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/fonts/tinymce-mobile.woff +0 -0
  376. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/plugin-tinycomments-tinymce4.css +0 -1641
  377. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/plugin-tinycomments-tinymce4.min.css +0 -8
  378. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/plugin-tinycomments-tinymce4.min.css.map +0 -1
  379. package/lib/components/Editor/tinymce/jquery.tinymce.min.js +0 -92
  380. package/lib/components/Editor/tinymce/langs/pt_BR.js +0 -419
  381. package/lib/components/Editor/tinymce/plugins/bbcode/plugin.js +0 -99
  382. package/lib/components/Editor/tinymce/plugins/bbcode/plugin.min.js +0 -9
  383. package/lib/components/Editor/tinymce/plugins/colorpicker/plugin.js +0 -22
  384. package/lib/components/Editor/tinymce/plugins/colorpicker/plugin.min.js +0 -9
  385. package/lib/components/Editor/tinymce/plugins/contextmenu/plugin.js +0 -22
  386. package/lib/components/Editor/tinymce/plugins/contextmenu/plugin.min.js +0 -9
  387. package/lib/components/Editor/tinymce/plugins/fullpage/plugin.js +0 -544
  388. package/lib/components/Editor/tinymce/plugins/fullpage/plugin.min.js +0 -9
  389. package/lib/components/Editor/tinymce/plugins/hr/plugin.js +0 -46
  390. package/lib/components/Editor/tinymce/plugins/hr/plugin.min.js +0 -9
  391. package/lib/components/Editor/tinymce/plugins/imagetools/plugin.js +0 -1354
  392. package/lib/components/Editor/tinymce/plugins/imagetools/plugin.min.js +0 -9
  393. package/lib/components/Editor/tinymce/plugins/legacyoutput/plugin.js +0 -199
  394. package/lib/components/Editor/tinymce/plugins/legacyoutput/plugin.min.js +0 -9
  395. package/lib/components/Editor/tinymce/plugins/noneditable/plugin.js +0 -117
  396. package/lib/components/Editor/tinymce/plugins/noneditable/plugin.min.js +0 -9
  397. package/lib/components/Editor/tinymce/plugins/paste/plugin.js +0 -1764
  398. package/lib/components/Editor/tinymce/plugins/paste/plugin.min.js +0 -9
  399. package/lib/components/Editor/tinymce/plugins/print/plugin.js +0 -53
  400. package/lib/components/Editor/tinymce/plugins/print/plugin.min.js +0 -9
  401. package/lib/components/Editor/tinymce/plugins/spellchecker/plugin.js +0 -731
  402. package/lib/components/Editor/tinymce/plugins/spellchecker/plugin.min.js +0 -9
  403. package/lib/components/Editor/tinymce/plugins/tabfocus/plugin.js +0 -129
  404. package/lib/components/Editor/tinymce/plugins/tabfocus/plugin.min.js +0 -9
  405. package/lib/components/Editor/tinymce/plugins/textcolor/plugin.js +0 -22
  406. package/lib/components/Editor/tinymce/plugins/textcolor/plugin.min.js +0 -9
  407. package/lib/components/Editor/tinymce/plugins/textpattern/plugin.js +0 -1394
  408. package/lib/components/Editor/tinymce/plugins/textpattern/plugin.min.js +0 -9
  409. package/lib/components/Editor/tinymce/plugins/toc/plugin.js +0 -236
  410. package/lib/components/Editor/tinymce/plugins/toc/plugin.min.js +0 -9
  411. package/lib/components/Editor/tinymce/skins/ui/oxide/content.mobile.css +0 -29
  412. package/lib/components/Editor/tinymce/skins/ui/oxide/content.mobile.min.css +0 -8
  413. package/lib/components/Editor/tinymce/skins/ui/oxide/content.mobile.min.css.map +0 -1
  414. package/lib/components/Editor/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff +0 -0
  415. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.mobile.css +0 -673
  416. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.mobile.min.css +0 -8
  417. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.mobile.min.css.map +0 -1
  418. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.mobile.css +0 -29
  419. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.mobile.min.css +0 -8
  420. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.mobile.min.css.map +0 -1
  421. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff +0 -0
  422. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.mobile.css +0 -673
  423. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.mobile.min.css +0 -8
  424. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.mobile.min.css.map +0 -1
  425. package/lib/components/Editor/tinymce/themes/mobile/theme.js +0 -13587
  426. package/lib/components/Editor/tinymce/themes/mobile/theme.min.js +0 -9
@@ -1,15 +1,9 @@
1
- /**
2
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3
- * Licensed under the LGPL or a commercial license.
4
- * For LGPL see License.txt in the project root for license information.
5
- * For commercial licenses see https://www.tiny.cloud/
6
- */
7
1
  .tox {
8
2
  box-shadow: none;
9
3
  box-sizing: content-box;
10
- color: #424242;
4
+ color: #222f3e;
11
5
  cursor: auto;
12
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
6
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13
7
  font-size: 16px;
14
8
  font-style: normal;
15
9
  font-weight: normal;
@@ -68,23 +62,28 @@
68
62
  box-sizing: border-box;
69
63
  display: flex;
70
64
  flex-direction: column;
71
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
65
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
72
66
  overflow: hidden;
73
67
  position: relative;
74
68
  visibility: inherit !important;
75
69
  }
76
- .tox-tinymce-inline {
70
+ .tox.tox-tinymce-inline {
77
71
  border: none;
78
72
  box-shadow: none;
73
+ overflow: initial;
79
74
  }
80
- .tox-tinymce-inline .tox-editor-header {
81
- background-color: transparent;
75
+ .tox.tox-tinymce-inline .tox-editor-container {
76
+ overflow: initial;
77
+ }
78
+ .tox.tox-tinymce-inline .tox-editor-header {
79
+ background-color: #fff;
82
80
  border: 1px solid #cccccc;
83
81
  border-radius: 0;
84
82
  box-shadow: none;
83
+ overflow: hidden;
85
84
  }
86
85
  .tox-tinymce-aux {
87
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
86
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
88
87
  z-index: 1300;
89
88
  }
90
89
  .tox-tinymce *:focus,
@@ -94,6 +93,9 @@
94
93
  button::-moz-focus-inner {
95
94
  border: 0;
96
95
  }
96
+ .tox[dir=rtl] .tox-icon--flip svg {
97
+ transform: rotateY(180deg);
98
+ }
97
99
  .tox .accessibility-issue__header {
98
100
  align-items: center;
99
101
  display: flex;
@@ -101,7 +103,6 @@ button::-moz-focus-inner {
101
103
  }
102
104
  .tox .accessibility-issue__description {
103
105
  align-items: stretch;
104
- border: 1px solid #cccccc;
105
106
  border-radius: 3px;
106
107
  display: flex;
107
108
  justify-content: space-between;
@@ -114,83 +115,101 @@ button::-moz-focus-inner {
114
115
  display: flex;
115
116
  margin-bottom: 4px;
116
117
  }
117
- .tox .accessibility-issue__description > *:last-child:not(:only-child) {
118
- border-color: #cccccc;
119
- border-style: solid;
118
+ .tox .accessibility-issue__description > div > div .tox-icon svg {
119
+ display: block;
120
120
  }
121
121
  .tox .accessibility-issue__repair {
122
122
  margin-top: 16px;
123
123
  }
124
124
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
125
- background-color: rgba(0, 153, 93, 0.1);
126
- border-color: rgba(0, 153, 93, 0.4);
127
- color: #424242;
128
- }
129
- .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
130
- border-color: rgba(0, 153, 93, 0.4);
125
+ background-color: rgba(30, 113, 170, 0.1);
126
+ color: #222f3e;
131
127
  }
132
128
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
133
- color: #00995d;
129
+ color: #207ab7;
134
130
  }
135
131
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
136
- fill: #00995d;
132
+ fill: #207ab7;
137
133
  }
138
- .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
139
- color: #00995d;
134
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
135
+ background-color: #207ab7;
136
+ color: #fff;
140
137
  }
141
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
142
- background-color: rgba(255, 165, 0, 0.1);
143
- border-color: rgba(255, 165, 0, 0.5);
144
- color: #424242;
138
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
139
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
140
+ background-color: #1c6ca1;
141
+ }
142
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
143
+ background-color: #185d8c;
144
+ }
145
+ .tox .tox-dialog__body-content .accessibility-issue--warn {
146
+ /* stylelint-disable-next-line no-descending-specificity */
145
147
  }
146
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
147
- border-color: rgba(255, 165, 0, 0.5);
148
+ .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
149
+ background-color: rgba(255, 165, 0, 0.08);
150
+ color: #222f3e;
148
151
  }
149
152
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
150
- color: #cc8500;
153
+ color: #8f5d00;
151
154
  }
152
155
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
153
- fill: #cc8500;
156
+ fill: #8f5d00;
154
157
  }
155
- .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
156
- color: #cc8500;
158
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
159
+ background-color: #FFE89D;
160
+ color: #222f3e;
157
161
  }
158
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
159
- background-color: rgba(244, 67, 54, 0.1);
160
- border-color: rgba(244, 67, 54, 0.4);
161
- color: #424242;
162
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
163
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
164
+ background-color: #F2D574;
165
+ color: #222f3e;
166
+ }
167
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
168
+ background-color: #E8C657;
169
+ color: #222f3e;
162
170
  }
163
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
164
- border-color: rgba(244, 67, 54, 0.4);
171
+ .tox .tox-dialog__body-content .accessibility-issue--error {
172
+ /* stylelint-disable-next-line no-descending-specificity */
173
+ }
174
+ .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
175
+ background-color: rgba(204, 0, 0, 0.1);
176
+ color: #222f3e;
165
177
  }
166
178
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
167
- color: #f44336;
179
+ color: #c00;
168
180
  }
169
181
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
170
- fill: #f44336;
182
+ fill: #c00;
183
+ }
184
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
185
+ background-color: #F2BFBF;
186
+ color: #222f3e;
171
187
  }
172
- .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
173
- color: #f44336;
188
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
189
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
190
+ background-color: #E9A4A4;
191
+ color: #222f3e;
192
+ }
193
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
194
+ background-color: #EE9494;
195
+ color: #222f3e;
174
196
  }
175
197
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
176
- background-color: rgba(76, 175, 80, 0.1);
177
- border-color: rgba(76, 175, 80, 0.4);
178
- color: #424242;
198
+ background-color: rgba(120, 171, 70, 0.1);
199
+ color: #222f3e;
179
200
  }
180
201
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
181
- border-color: rgba(76, 175, 80, 0.4);
202
+ display: none;
182
203
  }
183
204
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
184
- color: #4caf50;
205
+ color: #527530;
185
206
  }
186
207
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
187
- fill: #4caf50;
208
+ fill: #527530;
188
209
  }
189
- .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
190
- color: #4caf50;
191
- }
192
- .tox .tox-dialog__body-content .accessibility-issue__header h1,
210
+ .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
193
211
  .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
212
+ font-size: 14px;
194
213
  margin-top: 0;
195
214
  }
196
215
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
@@ -202,10 +221,6 @@ button::-moz-focus-inner {
202
221
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
203
222
  padding: 4px 4px 4px 8px;
204
223
  }
205
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
206
- border-left-width: 1px;
207
- padding-left: 4px;
208
- }
209
224
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
210
225
  margin-right: 4px;
211
226
  }
@@ -215,24 +230,49 @@ button::-moz-focus-inner {
215
230
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
216
231
  padding: 4px 8px 4px 4px;
217
232
  }
218
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
219
- border-right-width: 1px;
220
- padding-right: 4px;
233
+ .tox .tox-advtemplate .tox-form__grid {
234
+ flex: 1;
235
+ }
236
+ .tox .tox-advtemplate .tox-form__grid > div:first-child {
237
+ display: flex;
238
+ flex-direction: column;
239
+ width: 30%;
240
+ }
241
+ .tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
242
+ flex-basis: 0;
243
+ flex-grow: 1;
244
+ overflow: auto;
245
+ }
246
+ @media only screen and (max-width: 767px ) {
247
+ body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
248
+ width: 100%;
249
+ }
250
+ }
251
+ .tox .tox-advtemplate iframe {
252
+ border-color: #cccccc;
253
+ border-radius: 0;
254
+ border-style: solid;
255
+ border-width: 1px;
256
+ margin: 0 10px;
221
257
  }
222
258
  .tox .tox-anchorbar {
223
259
  display: flex;
224
260
  flex: 0 0 auto;
225
261
  }
262
+ .tox .tox-bottom-anchorbar {
263
+ display: flex;
264
+ flex: 0 0 auto;
265
+ }
226
266
  .tox .tox-bar {
227
267
  display: flex;
228
268
  flex: 0 0 auto;
229
269
  }
230
270
  .tox .tox-button {
231
- background-color: #00995d;
271
+ background-color: #207ab7;
232
272
  background-image: none;
233
273
  background-position: 0 0;
234
274
  background-repeat: repeat;
235
- border-color: #00995d;
275
+ border-color: #207ab7;
236
276
  border-radius: 3px;
237
277
  border-style: solid;
238
278
  border-width: 1px;
@@ -241,7 +281,7 @@ button::-moz-focus-inner {
241
281
  color: #fff;
242
282
  cursor: pointer;
243
283
  display: inline-block;
244
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
284
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
245
285
  font-size: 14px;
246
286
  font-style: normal;
247
287
  font-weight: bold;
@@ -250,40 +290,104 @@ button::-moz-focus-inner {
250
290
  margin: 0;
251
291
  outline: none;
252
292
  padding: 4px 16px;
293
+ position: relative;
253
294
  text-align: center;
254
295
  text-decoration: none;
255
296
  text-transform: none;
256
297
  white-space: nowrap;
257
298
  }
299
+ .tox .tox-button::before {
300
+ border-radius: 3px;
301
+ 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);
303
+ content: '';
304
+ left: -1px;
305
+ opacity: 0;
306
+ pointer-events: none;
307
+ position: absolute;
308
+ right: -1px;
309
+ top: -1px;
310
+ }
258
311
  .tox .tox-button[disabled] {
259
- background-color: #00995d;
312
+ background-color: #207ab7;
260
313
  background-image: none;
261
- border-color: #00995d;
314
+ border-color: #207ab7;
262
315
  box-shadow: none;
263
316
  color: rgba(255, 255, 255, 0.5);
264
317
  cursor: not-allowed;
265
318
  }
266
319
  .tox .tox-button:focus:not(:disabled) {
267
- background-color: #00804e;
320
+ background-color: #1c6ca1;
268
321
  background-image: none;
269
- border-color: #00804e;
322
+ border-color: #1c6ca1;
270
323
  box-shadow: none;
271
324
  color: #fff;
272
325
  }
326
+ .tox .tox-button:focus-visible:not(:disabled)::before {
327
+ opacity: 1;
328
+ }
273
329
  .tox .tox-button:hover:not(:disabled) {
274
- background-color: #00804e;
330
+ background-color: #1c6ca1;
275
331
  background-image: none;
276
- border-color: #00804e;
332
+ border-color: #1c6ca1;
277
333
  box-shadow: none;
278
334
  color: #fff;
279
335
  }
280
336
  .tox .tox-button:active:not(:disabled) {
281
- background-color: #00663e;
337
+ background-color: #185d8c;
338
+ background-image: none;
339
+ border-color: #185d8c;
340
+ box-shadow: none;
341
+ color: #fff;
342
+ }
343
+ .tox .tox-button.tox-button--enabled {
344
+ background-color: #185d8c;
345
+ background-image: none;
346
+ border-color: #185d8c;
347
+ box-shadow: none;
348
+ color: #fff;
349
+ }
350
+ .tox .tox-button.tox-button--enabled[disabled] {
351
+ background-color: #185d8c;
352
+ background-image: none;
353
+ border-color: #185d8c;
354
+ box-shadow: none;
355
+ color: rgba(255, 255, 255, 0.5);
356
+ cursor: not-allowed;
357
+ }
358
+ .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
359
+ background-color: #154f76;
360
+ background-image: none;
361
+ border-color: #154f76;
362
+ box-shadow: none;
363
+ color: #fff;
364
+ }
365
+ .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
366
+ background-color: #154f76;
367
+ background-image: none;
368
+ border-color: #154f76;
369
+ box-shadow: none;
370
+ color: #fff;
371
+ }
372
+ .tox .tox-button.tox-button--enabled:active:not(:disabled) {
373
+ background-color: #114060;
282
374
  background-image: none;
283
- border-color: #00663e;
375
+ border-color: #114060;
284
376
  box-shadow: none;
285
377
  color: #fff;
286
378
  }
379
+ .tox .tox-button--icon-and-text,
380
+ .tox .tox-button.tox-button--icon-and-text,
381
+ .tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
382
+ display: flex;
383
+ padding: 5px 4px;
384
+ }
385
+ .tox .tox-button--icon-and-text .tox-icon svg,
386
+ .tox .tox-button.tox-button--icon-and-text .tox-icon svg,
387
+ .tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
388
+ display: block;
389
+ fill: currentColor;
390
+ }
287
391
  .tox .tox-button--secondary {
288
392
  background-color: #f0f0f0;
289
393
  background-image: none;
@@ -294,7 +398,7 @@ button::-moz-focus-inner {
294
398
  border-style: solid;
295
399
  border-width: 1px;
296
400
  box-shadow: none;
297
- color: #424242;
401
+ color: #222f3e;
298
402
  font-size: 14px;
299
403
  font-style: normal;
300
404
  font-weight: bold;
@@ -309,28 +413,63 @@ button::-moz-focus-inner {
309
413
  background-image: none;
310
414
  border-color: #f0f0f0;
311
415
  box-shadow: none;
312
- color: rgba(66, 66, 66, 0.5);
416
+ color: rgba(34, 47, 62, 0.5);
313
417
  }
314
418
  .tox .tox-button--secondary:focus:not(:disabled) {
315
419
  background-color: #e3e3e3;
316
420
  background-image: none;
317
421
  border-color: #e3e3e3;
318
422
  box-shadow: none;
319
- color: #424242;
423
+ color: #222f3e;
320
424
  }
321
425
  .tox .tox-button--secondary:hover:not(:disabled) {
322
426
  background-color: #e3e3e3;
323
427
  background-image: none;
324
428
  border-color: #e3e3e3;
325
429
  box-shadow: none;
326
- color: #424242;
430
+ color: #222f3e;
327
431
  }
328
432
  .tox .tox-button--secondary:active:not(:disabled) {
329
433
  background-color: #d6d6d6;
330
434
  background-image: none;
331
435
  border-color: #d6d6d6;
332
436
  box-shadow: none;
333
- color: #424242;
437
+ color: #222f3e;
438
+ }
439
+ .tox .tox-button--secondary.tox-button--enabled {
440
+ background-color: #b1ccdf;
441
+ background-image: none;
442
+ border-color: #b1ccdf;
443
+ box-shadow: none;
444
+ color: #222f3e;
445
+ }
446
+ .tox .tox-button--secondary.tox-button--enabled[disabled] {
447
+ background-color: #b1ccdf;
448
+ background-image: none;
449
+ border-color: #b1ccdf;
450
+ box-shadow: none;
451
+ color: rgba(34, 47, 62, 0.5);
452
+ }
453
+ .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
454
+ background-color: #9fc1d7;
455
+ background-image: none;
456
+ border-color: #9fc1d7;
457
+ box-shadow: none;
458
+ color: #222f3e;
459
+ }
460
+ .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
461
+ background-color: #9fc1d7;
462
+ background-image: none;
463
+ border-color: #9fc1d7;
464
+ box-shadow: none;
465
+ color: #222f3e;
466
+ }
467
+ .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
468
+ background-color: #8db5d0;
469
+ background-image: none;
470
+ border-color: #8db5d0;
471
+ box-shadow: none;
472
+ color: #222f3e;
334
473
  }
335
474
  .tox .tox-button--icon,
336
475
  .tox .tox-button.tox-button--icon,
@@ -349,7 +488,7 @@ button::-moz-focus-inner {
349
488
  box-sizing: border-box;
350
489
  cursor: pointer;
351
490
  display: inline-block;
352
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
491
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
353
492
  font-size: 16px;
354
493
  font-weight: normal;
355
494
  line-height: 1.3;
@@ -364,37 +503,37 @@ button::-moz-focus-inner {
364
503
  background-color: transparent;
365
504
  border-color: transparent;
366
505
  box-shadow: unset;
367
- color: #424242;
506
+ color: #222f3e;
368
507
  }
369
508
  .tox .tox-button--naked[disabled] {
370
509
  background-color: #f0f0f0;
371
510
  border-color: #f0f0f0;
372
511
  box-shadow: none;
373
- color: rgba(66, 66, 66, 0.5);
512
+ color: rgba(34, 47, 62, 0.5);
374
513
  }
375
514
  .tox .tox-button--naked:hover:not(:disabled) {
376
515
  background-color: #e3e3e3;
377
516
  border-color: #e3e3e3;
378
517
  box-shadow: none;
379
- color: #424242;
518
+ color: #222f3e;
380
519
  }
381
520
  .tox .tox-button--naked:focus:not(:disabled) {
382
521
  background-color: #e3e3e3;
383
522
  border-color: #e3e3e3;
384
523
  box-shadow: none;
385
- color: #424242;
524
+ color: #222f3e;
386
525
  }
387
526
  .tox .tox-button--naked:active:not(:disabled) {
388
527
  background-color: #d6d6d6;
389
528
  border-color: #d6d6d6;
390
529
  box-shadow: none;
391
- color: #424242;
530
+ color: #222f3e;
392
531
  }
393
532
  .tox .tox-button--naked .tox-icon svg {
394
533
  fill: currentColor;
395
534
  }
396
535
  .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
397
- color: #424242;
536
+ color: #222f3e;
398
537
  }
399
538
  .tox .tox-checkbox {
400
539
  align-items: center;
@@ -425,28 +564,28 @@ button::-moz-focus-inner {
425
564
  }
426
565
  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
427
566
  display: block;
428
- fill: rgba(66, 66, 66, 0.3);
567
+ fill: rgba(34, 47, 62, 0.3);
429
568
  }
430
569
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
431
570
  display: none;
432
- fill: #00995d;
571
+ fill: #207ab7;
433
572
  }
434
573
  .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
435
574
  display: none;
436
- fill: #00995d;
575
+ fill: #207ab7;
437
576
  }
438
577
  .tox .tox-checkbox--disabled {
439
- color: rgba(66, 66, 66, 0.5);
578
+ color: rgba(34, 47, 62, 0.5);
440
579
  cursor: not-allowed;
441
580
  }
442
581
  .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
443
- fill: rgba(66, 66, 66, 0.5);
582
+ fill: rgba(34, 47, 62, 0.5);
444
583
  }
445
584
  .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
446
- fill: rgba(66, 66, 66, 0.5);
585
+ fill: rgba(34, 47, 62, 0.5);
447
586
  }
448
587
  .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
449
- fill: rgba(66, 66, 66, 0.5);
588
+ fill: rgba(34, 47, 62, 0.5);
450
589
  }
451
590
  .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
452
591
  display: none;
@@ -462,7 +601,7 @@ button::-moz-focus-inner {
462
601
  }
463
602
  .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
464
603
  border-radius: 3px;
465
- box-shadow: inset 0 0 0 1px #00995d;
604
+ box-shadow: inset 0 0 0 1px #207ab7;
466
605
  padding: calc(4px - 1px);
467
606
  }
468
607
  .tox:not([dir=rtl]) .tox-checkbox__label {
@@ -512,7 +651,7 @@ button::-moz-focus-inner {
512
651
  }
513
652
  .tox .tox-collection__group-heading {
514
653
  background-color: #e6e6e6;
515
- color: rgba(66, 66, 66, 0.7);
654
+ color: rgba(34, 47, 62, 0.7);
516
655
  cursor: default;
517
656
  font-size: 12px;
518
657
  font-style: normal;
@@ -524,18 +663,16 @@ button::-moz-focus-inner {
524
663
  -webkit-touch-callout: none;
525
664
  -webkit-user-select: none;
526
665
  -moz-user-select: none;
527
- -ms-user-select: none;
528
666
  user-select: none;
529
667
  }
530
668
  .tox .tox-collection__item {
531
669
  align-items: center;
532
- color: #424242;
533
- cursor: pointer;
670
+ border-radius: 3px;
671
+ color: #222f3e;
534
672
  display: flex;
535
673
  -webkit-touch-callout: none;
536
674
  -webkit-user-select: none;
537
675
  -moz-user-select: none;
538
- -ms-user-select: none;
539
676
  user-select: none;
540
677
  }
541
678
  .tox .tox-collection--list .tox-collection__item {
@@ -551,36 +688,31 @@ button::-moz-focus-inner {
551
688
  }
552
689
  .tox .tox-collection--list .tox-collection__item--enabled {
553
690
  background-color: #fff;
554
- color: #424242;
691
+ color: #222f3e;
555
692
  }
556
693
  .tox .tox-collection--list .tox-collection__item--active {
557
- background-color: #e3e3e3;
694
+ background-color: #dee0e2;
558
695
  }
559
696
  .tox .tox-collection--toolbar .tox-collection__item--enabled {
560
- background-color: #d0d0d0;
561
- color: #424242;
697
+ background-color: #c8cbcf;
698
+ color: #222f3e;
562
699
  }
563
700
  .tox .tox-collection--toolbar .tox-collection__item--active {
564
- background-color: #e3e3e3;
701
+ background-color: #dee0e2;
565
702
  }
566
703
  .tox .tox-collection--grid .tox-collection__item--enabled {
567
- background-color: #d0d0d0;
568
- color: #424242;
704
+ background-color: #c8cbcf;
705
+ color: #222f3e;
569
706
  }
570
707
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
571
- background-color: #e3e3e3;
572
- color: #424242;
708
+ background-color: #dee0e2;
709
+ color: #222f3e;
573
710
  }
574
711
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
575
- color: #424242;
712
+ color: #222f3e;
576
713
  }
577
714
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
578
- color: #424242;
579
- }
580
- .tox .tox-collection__item--state-disabled {
581
- background-color: transparent;
582
- color: rgba(66, 66, 66, 0.5);
583
- cursor: not-allowed;
715
+ color: #222f3e;
584
716
  }
585
717
  .tox .tox-collection__item-icon,
586
718
  .tox .tox-collection__item-checkmark {
@@ -602,16 +734,16 @@ button::-moz-focus-inner {
602
734
  color: currentColor;
603
735
  display: inline-block;
604
736
  flex: 1;
605
- -ms-flex-preferred-size: auto;
606
737
  font-size: 14px;
607
738
  font-style: normal;
608
739
  font-weight: normal;
609
740
  line-height: 24px;
741
+ max-width: 100%;
610
742
  text-transform: none;
611
743
  word-break: break-all;
612
744
  }
613
745
  .tox .tox-collection__item-accessory {
614
- color: rgba(66, 66, 66, 0.7);
746
+ color: rgba(34, 47, 62, 0.7);
615
747
  display: inline-block;
616
748
  font-size: 14px;
617
749
  height: 24px;
@@ -629,7 +761,15 @@ button::-moz-focus-inner {
629
761
  min-height: inherit;
630
762
  }
631
763
  .tox .tox-collection__item-caret svg {
632
- fill: #424242;
764
+ fill: #222f3e;
765
+ }
766
+ .tox .tox-collection__item--state-disabled {
767
+ background-color: transparent;
768
+ color: rgba(34, 47, 62, 0.5);
769
+ cursor: not-allowed;
770
+ }
771
+ .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
772
+ fill: rgba(34, 47, 62, 0.5);
633
773
  }
634
774
  .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
635
775
  display: none;
@@ -641,7 +781,7 @@ button::-moz-focus-inner {
641
781
  background-color: #fff;
642
782
  border: 1px solid #cccccc;
643
783
  border-radius: 3px;
644
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
784
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
645
785
  display: flex;
646
786
  flex: 0 0 auto;
647
787
  flex-shrink: 0;
@@ -659,7 +799,7 @@ button::-moz-focus-inner {
659
799
  }
660
800
  .tox .tox-collection--horizontal .tox-collection__item {
661
801
  height: 34px;
662
- margin: 2px 0 3px 0;
802
+ margin: 3px 0 2px 0;
663
803
  padding: 0 4px;
664
804
  }
665
805
  .tox .tox-collection--horizontal .tox-collection__item-label {
@@ -695,8 +835,7 @@ button::-moz-focus-inner {
695
835
  margin-top: auto;
696
836
  }
697
837
  .tox .tox-collection__item-container--column {
698
- -ms-grid-row-align: center;
699
- align-self: center;
838
+ align-self: center;
700
839
  flex: 1 1 auto;
701
840
  flex-direction: column;
702
841
  }
@@ -710,8 +849,7 @@ button::-moz-focus-inner {
710
849
  align-self: flex-start;
711
850
  }
712
851
  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
713
- -ms-grid-row-align: center;
714
- align-self: center;
852
+ align-self: center;
715
853
  }
716
854
  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
717
855
  align-self: flex-end;
@@ -741,12 +879,6 @@ button::-moz-focus-inner {
741
879
  .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
742
880
  margin-right: 4px;
743
881
  }
744
- .tox[dir=rtl] .tox-collection__item-icon-rtl {
745
- /* stylelint-disable-next-line no-descending-specificity */
746
- }
747
- .tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
748
- transform: rotateY(180deg);
749
- }
750
882
  .tox[dir=rtl] .tox-collection__item-accessory {
751
883
  margin-right: 16px;
752
884
  text-align: left;
@@ -806,6 +938,10 @@ button::-moz-focus-inner {
806
938
  .tox .tox-hue-slider-spectrum {
807
939
  width: 20px;
808
940
  }
941
+ .tox .tox-hue-slider-spectrum:focus,
942
+ .tox .tox-sv-palette-spectrum:focus {
943
+ outline: #08f solid;
944
+ }
809
945
  .tox .tox-hue-slider-thumb {
810
946
  background: white;
811
947
  border: 1px solid black;
@@ -904,11 +1040,28 @@ button::-moz-focus-inner {
904
1040
  width: 30px;
905
1041
  }
906
1042
  .tox .tox-swatches__picker-btn svg {
1043
+ fill: #222f3e;
907
1044
  height: 24px;
908
1045
  width: 24px;
909
1046
  }
910
1047
  .tox .tox-swatches__picker-btn:hover {
911
- background: #e3e3e3;
1048
+ background: #dee0e2;
1049
+ }
1050
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1051
+ display: none;
1052
+ fill: #222f3e;
1053
+ height: 24px;
1054
+ margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
1055
+ width: 24px;
1056
+ }
1057
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
1058
+ fill: #fff;
1059
+ paint-order: stroke;
1060
+ stroke: #222f3e;
1061
+ stroke-width: 2px;
1062
+ }
1063
+ .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
1064
+ display: block;
912
1065
  }
913
1066
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
914
1067
  margin-left: auto;
@@ -927,22 +1080,23 @@ button::-moz-focus-inner {
927
1080
  background: #fff;
928
1081
  border: 1px solid #cccccc;
929
1082
  border-radius: 3px;
930
- box-shadow: 0 4px 8px 0 rgba(66, 66, 66, 0.1);
1083
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
931
1084
  padding: 8px 8px 16px 8px;
932
1085
  position: relative;
933
1086
  }
934
1087
  .tox .tox-comment__header {
935
1088
  align-items: center;
936
- color: #424242;
1089
+ color: #222f3e;
937
1090
  display: flex;
938
1091
  justify-content: space-between;
939
1092
  }
940
1093
  .tox .tox-comment__date {
941
- color: rgba(66, 66, 66, 0.7);
1094
+ color: #222f3e;
942
1095
  font-size: 12px;
1096
+ line-height: 18px;
943
1097
  }
944
1098
  .tox .tox-comment__body {
945
- color: #424242;
1099
+ color: #222f3e;
946
1100
  font-size: 14px;
947
1101
  font-style: normal;
948
1102
  font-weight: normal;
@@ -960,7 +1114,7 @@ button::-moz-focus-inner {
960
1114
  padding-top: 8px;
961
1115
  }
962
1116
  .tox .tox-comment__expander p {
963
- color: rgba(66, 66, 66, 0.7);
1117
+ color: rgba(34, 47, 62, 0.7);
964
1118
  font-size: 14px;
965
1119
  font-style: normal;
966
1120
  }
@@ -1026,7 +1180,7 @@ button::-moz-focus-inner {
1026
1180
  }
1027
1181
  .tox .tox-comment__loading-text {
1028
1182
  align-items: center;
1029
- color: #424242;
1183
+ color: #222f3e;
1030
1184
  display: flex;
1031
1185
  flex-direction: column;
1032
1186
  position: relative;
@@ -1048,7 +1202,7 @@ button::-moz-focus-inner {
1048
1202
  .tox .tox-comment__overlaytext p {
1049
1203
  background-color: #fff;
1050
1204
  box-shadow: 0 0 8px 8px #fff;
1051
- color: #424242;
1205
+ color: #222f3e;
1052
1206
  text-align: center;
1053
1207
  }
1054
1208
  .tox .tox-comment__overlaytext div:nth-of-type(2) {
@@ -1096,22 +1250,32 @@ button::-moz-focus-inner {
1096
1250
  display: flex;
1097
1251
  }
1098
1252
  .tox .tox-user__avatar svg {
1099
- fill: rgba(66, 66, 66, 0.7);
1253
+ fill: rgba(34, 47, 62, 0.7);
1254
+ }
1255
+ .tox .tox-user__avatar img {
1256
+ border-radius: 50%;
1257
+ height: 36px;
1258
+ object-fit: cover;
1259
+ vertical-align: middle;
1260
+ width: 36px;
1100
1261
  }
1101
1262
  .tox .tox-user__name {
1102
- color: rgba(66, 66, 66, 0.7);
1103
- font-size: 12px;
1263
+ color: #222f3e;
1264
+ font-size: 14px;
1104
1265
  font-style: normal;
1105
1266
  font-weight: bold;
1106
- text-transform: uppercase;
1267
+ line-height: 18px;
1268
+ text-transform: none;
1107
1269
  }
1108
- .tox:not([dir=rtl]) .tox-user__avatar svg {
1270
+ .tox:not([dir=rtl]) .tox-user__avatar svg,
1271
+ .tox:not([dir=rtl]) .tox-user__avatar img {
1109
1272
  margin-right: 8px;
1110
1273
  }
1111
1274
  .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1112
1275
  margin-left: 8px;
1113
1276
  }
1114
- .tox[dir=rtl] .tox-user__avatar svg {
1277
+ .tox[dir=rtl] .tox-user__avatar svg,
1278
+ .tox[dir=rtl] .tox-user__avatar img {
1115
1279
  margin-left: 8px;
1116
1280
  }
1117
1281
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
@@ -1146,7 +1310,7 @@ button::-moz-focus-inner {
1146
1310
  border-radius: 3px;
1147
1311
  border-style: solid;
1148
1312
  border-width: 1px;
1149
- box-shadow: 0 16px 16px -10px rgba(66, 66, 66, 0.15), 0 0 40px 1px rgba(66, 66, 66, 0.15);
1313
+ box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1150
1314
  display: flex;
1151
1315
  flex-direction: column;
1152
1316
  max-height: 100%;
@@ -1156,10 +1320,11 @@ button::-moz-focus-inner {
1156
1320
  width: 95vw;
1157
1321
  z-index: 2;
1158
1322
  }
1159
- @media only screen and (max-width:767px) {
1323
+ @media only screen and (max-width: 767px ) {
1160
1324
  body:not(.tox-force-desktop) .tox .tox-dialog {
1161
1325
  align-self: flex-start;
1162
1326
  margin: 8px auto;
1327
+ max-height: calc(100vh - 8px * 2);
1163
1328
  width: calc(100vw - 16px);
1164
1329
  }
1165
1330
  }
@@ -1170,7 +1335,7 @@ button::-moz-focus-inner {
1170
1335
  align-items: center;
1171
1336
  background-color: #fff;
1172
1337
  border-bottom: none;
1173
- color: #424242;
1338
+ color: #222f3e;
1174
1339
  display: flex;
1175
1340
  font-size: 16px;
1176
1341
  justify-content: space-between;
@@ -1195,7 +1360,7 @@ button::-moz-focus-inner {
1195
1360
  margin-left: auto;
1196
1361
  }
1197
1362
  .tox .tox-dialog__title {
1198
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1363
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1199
1364
  font-size: 20px;
1200
1365
  font-style: normal;
1201
1366
  font-weight: normal;
@@ -1204,10 +1369,9 @@ button::-moz-focus-inner {
1204
1369
  text-transform: none;
1205
1370
  }
1206
1371
  .tox .tox-dialog__body {
1207
- color: #424242;
1372
+ color: #222f3e;
1208
1373
  display: flex;
1209
1374
  flex: 1;
1210
- -ms-flex-preferred-size: auto;
1211
1375
  font-size: 16px;
1212
1376
  font-style: normal;
1213
1377
  font-weight: normal;
@@ -1216,7 +1380,7 @@ button::-moz-focus-inner {
1216
1380
  text-align: left;
1217
1381
  text-transform: none;
1218
1382
  }
1219
- @media only screen and (max-width:767px) {
1383
+ @media only screen and (max-width: 767px ) {
1220
1384
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
1221
1385
  flex-direction: column;
1222
1386
  }
@@ -1225,9 +1389,15 @@ button::-moz-focus-inner {
1225
1389
  align-items: flex-start;
1226
1390
  display: flex;
1227
1391
  flex-direction: column;
1392
+ flex-shrink: 0;
1228
1393
  padding: 16px 16px;
1229
1394
  }
1230
- @media only screen and (max-width:767px) {
1395
+ @media only screen and (min-width: 768px ) {
1396
+ .tox .tox-dialog__body-nav {
1397
+ max-width: 11em;
1398
+ }
1399
+ }
1400
+ @media only screen and (max-width: 767px ) {
1231
1401
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1232
1402
  flex-direction: row;
1233
1403
  -webkit-overflow-scrolling: touch;
@@ -1237,28 +1407,28 @@ button::-moz-focus-inner {
1237
1407
  }
1238
1408
  .tox .tox-dialog__body-nav-item {
1239
1409
  border-bottom: 2px solid transparent;
1240
- color: rgba(66, 66, 66, 0.7);
1410
+ color: rgba(34, 47, 62, 0.7);
1241
1411
  display: inline-block;
1412
+ flex-shrink: 0;
1242
1413
  font-size: 14px;
1243
1414
  line-height: 1.3;
1244
1415
  margin-bottom: 8px;
1416
+ max-width: 13em;
1245
1417
  text-decoration: none;
1246
- white-space: nowrap;
1247
1418
  }
1248
1419
  .tox .tox-dialog__body-nav-item:focus {
1249
- background-color: rgba(0, 153, 93, 0.1);
1420
+ background-color: rgba(32, 122, 183, 0.1);
1250
1421
  }
1251
1422
  .tox .tox-dialog__body-nav-item--active {
1252
- border-bottom: 2px solid #00995d;
1253
- color: #00995d;
1423
+ border-bottom: 2px solid #207ab7;
1424
+ color: #207ab7;
1254
1425
  }
1255
1426
  .tox .tox-dialog__body-content {
1256
1427
  box-sizing: border-box;
1257
1428
  display: flex;
1258
1429
  flex: 1;
1259
1430
  flex-direction: column;
1260
- -ms-flex-preferred-size: auto;
1261
- max-height: 650px;
1431
+ max-height: min(650px, calc(100vh - 110px));
1262
1432
  overflow: auto;
1263
1433
  -webkit-overflow-scrolling: touch;
1264
1434
  padding: 16px 16px;
@@ -1278,35 +1448,54 @@ button::-moz-focus-inner {
1278
1448
  margin-top: 0;
1279
1449
  }
1280
1450
  .tox .tox-dialog__body-content a {
1281
- color: #00995d;
1451
+ color: #207ab7;
1282
1452
  cursor: pointer;
1283
- text-decoration: none;
1453
+ text-decoration: underline;
1284
1454
  }
1285
1455
  .tox .tox-dialog__body-content a:hover,
1286
1456
  .tox .tox-dialog__body-content a:focus {
1287
- color: #00663e;
1288
- text-decoration: none;
1457
+ color: #114060;
1458
+ text-decoration: underline;
1459
+ }
1460
+ .tox .tox-dialog__body-content a:focus-visible {
1461
+ border-radius: 1px;
1462
+ outline: 2px solid #207ab7;
1463
+ outline-offset: 2px;
1289
1464
  }
1290
1465
  .tox .tox-dialog__body-content a:active {
1291
- color: #00663e;
1292
- text-decoration: none;
1466
+ color: #092335;
1467
+ text-decoration: underline;
1293
1468
  }
1294
1469
  .tox .tox-dialog__body-content svg {
1295
- fill: #424242;
1470
+ fill: #222f3e;
1471
+ }
1472
+ .tox .tox-dialog__body-content strong {
1473
+ font-weight: bold;
1296
1474
  }
1297
1475
  .tox .tox-dialog__body-content ul {
1298
- display: block;
1299
1476
  list-style-type: disc;
1477
+ }
1478
+ .tox .tox-dialog__body-content ul,
1479
+ .tox .tox-dialog__body-content ol,
1480
+ .tox .tox-dialog__body-content dd {
1481
+ padding-inline-start: 2.5rem;
1482
+ }
1483
+ .tox .tox-dialog__body-content ul,
1484
+ .tox .tox-dialog__body-content ol,
1485
+ .tox .tox-dialog__body-content dl {
1300
1486
  margin-bottom: 16px;
1301
- -webkit-margin-end: 0;
1302
- margin-inline-end: 0;
1303
- -webkit-margin-start: 0;
1304
- margin-inline-start: 0;
1305
- -webkit-padding-start: 2.5rem;
1306
- padding-inline-start: 2.5rem;
1487
+ }
1488
+ .tox .tox-dialog__body-content ul,
1489
+ .tox .tox-dialog__body-content ol,
1490
+ .tox .tox-dialog__body-content dl,
1491
+ .tox .tox-dialog__body-content dd,
1492
+ .tox .tox-dialog__body-content dt {
1493
+ display: block;
1494
+ margin-inline-end: 0;
1495
+ margin-inline-start: 0;
1307
1496
  }
1308
1497
  .tox .tox-dialog__body-content .tox-form__group h1 {
1309
- color: #424242;
1498
+ color: #222f3e;
1310
1499
  font-size: 20px;
1311
1500
  font-style: normal;
1312
1501
  font-weight: bold;
@@ -1316,7 +1505,7 @@ button::-moz-focus-inner {
1316
1505
  text-transform: none;
1317
1506
  }
1318
1507
  .tox .tox-dialog__body-content .tox-form__group h2 {
1319
- color: #424242;
1508
+ color: #222f3e;
1320
1509
  font-size: 16px;
1321
1510
  font-style: normal;
1322
1511
  font-weight: bold;
@@ -1344,10 +1533,23 @@ button::-moz-focus-inner {
1344
1533
  margin-bottom: 0;
1345
1534
  margin-top: 0;
1346
1535
  }
1536
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1537
+ text-align: center;
1538
+ }
1539
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1540
+ text-align: end;
1541
+ }
1347
1542
  .tox .tox-dialog--width-lg {
1348
1543
  height: 650px;
1349
1544
  max-width: 1200px;
1350
1545
  }
1546
+ .tox .tox-dialog--fullscreen {
1547
+ height: 100%;
1548
+ max-width: 100%;
1549
+ }
1550
+ .tox .tox-dialog--fullscreen .tox-dialog__body-content {
1551
+ max-height: 100%;
1552
+ }
1351
1553
  .tox .tox-dialog--width-md {
1352
1554
  max-width: 800px;
1353
1555
  }
@@ -1389,8 +1591,11 @@ button::-moz-focus-inner {
1389
1591
  font-weight: bold;
1390
1592
  padding-bottom: 8px;
1391
1593
  }
1594
+ .tox .tox-dialog__table thead th:first-child {
1595
+ padding-right: 8px;
1596
+ }
1392
1597
  .tox .tox-dialog__table tbody tr {
1393
- border-bottom: 1px solid #cccccc;
1598
+ border-bottom: 1px solid #404040;
1394
1599
  }
1395
1600
  .tox .tox-dialog__table tbody tr:last-child {
1396
1601
  border-bottom: none;
@@ -1399,6 +1604,33 @@ button::-moz-focus-inner {
1399
1604
  padding-bottom: 8px;
1400
1605
  padding-top: 8px;
1401
1606
  }
1607
+ .tox .tox-dialog__table td:first-child {
1608
+ padding-right: 8px;
1609
+ }
1610
+ .tox .tox-dialog__iframe {
1611
+ min-height: 200px;
1612
+ }
1613
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1614
+ background: #fff;
1615
+ }
1616
+ .tox .tox-navobj-bordered {
1617
+ position: relative;
1618
+ }
1619
+ .tox .tox-navobj-bordered::before {
1620
+ border: 1px solid #cccccc;
1621
+ border-radius: 3px;
1622
+ content: '';
1623
+ inset: 0;
1624
+ opacity: 1;
1625
+ pointer-events: none;
1626
+ position: absolute;
1627
+ z-index: 1;
1628
+ }
1629
+ .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1630
+ border-color: #207ab7;
1631
+ box-shadow: none;
1632
+ outline: 2px solid rgba(32, 122, 183, 0.25);
1633
+ }
1402
1634
  .tox .tox-dialog__popups {
1403
1635
  position: absolute;
1404
1636
  width: 100%;
@@ -1408,16 +1640,13 @@ button::-moz-focus-inner {
1408
1640
  display: flex;
1409
1641
  flex: 1;
1410
1642
  flex-direction: column;
1411
- -ms-flex-preferred-size: auto;
1412
1643
  }
1413
1644
  .tox .tox-dialog__body-iframe .tox-navobj {
1414
1645
  display: flex;
1415
1646
  flex: 1;
1416
- -ms-flex-preferred-size: auto;
1417
1647
  }
1418
1648
  .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1419
1649
  flex: 1;
1420
- -ms-flex-preferred-size: auto;
1421
1650
  height: 100%;
1422
1651
  }
1423
1652
  .tox .tox-dialog-dock-fadeout {
@@ -1434,18 +1663,12 @@ button::-moz-focus-inner {
1434
1663
  .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1435
1664
  transition-delay: 0s;
1436
1665
  }
1437
- .tox.tox-platform-ie {
1438
- /* IE11 CSS styles go here */
1439
- }
1440
- .tox.tox-platform-ie .tox-dialog-wrap {
1441
- position: -ms-device-fixed;
1442
- }
1443
- @media only screen and (max-width:767px) {
1666
+ @media only screen and (max-width: 767px ) {
1444
1667
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
1445
1668
  margin-right: 0;
1446
1669
  }
1447
1670
  }
1448
- @media only screen and (max-width:767px) {
1671
+ @media only screen and (max-width: 767px ) {
1449
1672
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
1450
1673
  margin-left: 8px;
1451
1674
  }
@@ -1457,12 +1680,12 @@ button::-moz-focus-inner {
1457
1680
  .tox[dir=rtl] .tox-dialog__body {
1458
1681
  text-align: right;
1459
1682
  }
1460
- @media only screen and (max-width:767px) {
1683
+ @media only screen and (max-width: 767px ) {
1461
1684
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
1462
1685
  margin-left: 0;
1463
1686
  }
1464
1687
  }
1465
- @media only screen and (max-width:767px) {
1688
+ @media only screen and (max-width: 767px ) {
1466
1689
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
1467
1690
  margin-right: 8px;
1468
1691
  }
@@ -1477,7 +1700,6 @@ body.tox-dialog__disable-scroll {
1477
1700
  .tox .tox-dropzone-container {
1478
1701
  display: flex;
1479
1702
  flex: 1;
1480
- -ms-flex-preferred-size: auto;
1481
1703
  }
1482
1704
  .tox .tox-dropzone {
1483
1705
  align-items: center;
@@ -1492,26 +1714,38 @@ body.tox-dialog__disable-scroll {
1492
1714
  padding: 10px;
1493
1715
  }
1494
1716
  .tox .tox-dropzone p {
1495
- color: rgba(66, 66, 66, 0.7);
1717
+ color: rgba(34, 47, 62, 0.7);
1496
1718
  margin: 0 0 16px 0;
1497
1719
  }
1498
1720
  .tox .tox-edit-area {
1499
1721
  display: flex;
1500
1722
  flex: 1;
1501
- -ms-flex-preferred-size: auto;
1502
1723
  overflow: hidden;
1503
1724
  position: relative;
1504
1725
  }
1726
+ .tox .tox-edit-area::before {
1727
+ border: 2px solid #2D6ADF;
1728
+ border-radius: 4px;
1729
+ content: '';
1730
+ inset: 0;
1731
+ opacity: 0;
1732
+ pointer-events: none;
1733
+ position: absolute;
1734
+ transition: opacity 0.15s;
1735
+ z-index: 1;
1736
+ }
1505
1737
  .tox .tox-edit-area__iframe {
1506
1738
  background-color: #fff;
1507
1739
  border: 0;
1508
1740
  box-sizing: border-box;
1509
1741
  flex: 1;
1510
- -ms-flex-preferred-size: auto;
1511
1742
  height: 100%;
1512
1743
  position: absolute;
1513
1744
  width: 100%;
1514
1745
  }
1746
+ .tox.tox-edit-focus .tox-edit-area::before {
1747
+ opacity: 1;
1748
+ }
1515
1749
  .tox.tox-inline-edit-area {
1516
1750
  border: 1px dotted #cccccc;
1517
1751
  }
@@ -1522,19 +1756,36 @@ body.tox-dialog__disable-scroll {
1522
1756
  overflow: hidden;
1523
1757
  }
1524
1758
  .tox .tox-editor-header {
1525
- z-index: 1;
1759
+ display: grid;
1760
+ grid-template-columns: 1fr min-content;
1761
+ z-index: 2;
1526
1762
  }
1527
1763
  .tox:not(.tox-tinymce-inline) .tox-editor-header {
1764
+ background-color: #fff;
1765
+ border-bottom: none;
1528
1766
  box-shadow: none;
1767
+ padding: 4px 0;
1768
+ }
1769
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
1529
1770
  transition: box-shadow 0.5s;
1530
1771
  }
1531
- .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
1532
- .tox.tox-tinymce-inline .tox-editor-header {
1533
- margin-bottom: -1px;
1772
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
1773
+ border-top: 1px solid #cccccc;
1774
+ box-shadow: none;
1534
1775
  }
1535
- .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
1536
- background-color: transparent;
1776
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
1777
+ background-color: #fff;
1537
1778
  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1779
+ padding: 4px 0;
1780
+ }
1781
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
1782
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1783
+ }
1784
+ .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
1785
+ background: none;
1786
+ border: none;
1787
+ box-shadow: none;
1788
+ padding: 0;
1538
1789
  }
1539
1790
  .tox-editor-dock-fadeout {
1540
1791
  opacity: 0;
@@ -1568,7 +1819,7 @@ body.tox-dialog__disable-scroll {
1568
1819
  transform: translateY(-50%);
1569
1820
  }
1570
1821
  .tox .tox-control-wrap__status-icon-invalid svg {
1571
- fill: #f44336;
1822
+ fill: #c00;
1572
1823
  }
1573
1824
  .tox .tox-control-wrap__status-icon-unknown svg {
1574
1825
  fill: orange;
@@ -1596,6 +1847,7 @@ body.tox-dialog__disable-scroll {
1596
1847
  max-width: 25em;
1597
1848
  }
1598
1849
  .tox .tox-autocompleter .tox-menu {
1850
+ box-sizing: border-box;
1599
1851
  max-width: 25em;
1600
1852
  }
1601
1853
  .tox .tox-autocompleter .tox-autocompleter-highlight {
@@ -1610,7 +1862,7 @@ body.tox-dialog__disable-scroll {
1610
1862
  z-index: -1;
1611
1863
  }
1612
1864
  .tox .tox-color-input span {
1613
- border-color: rgba(66, 66, 66, 0.2);
1865
+ border-color: rgba(34, 47, 62, 0.2);
1614
1866
  border-radius: 3px;
1615
1867
  border-style: solid;
1616
1868
  border-width: 1px;
@@ -1623,7 +1875,7 @@ body.tox-dialog__disable-scroll {
1623
1875
  }
1624
1876
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
1625
1877
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1626
- border-color: #00995d;
1878
+ border-color: #207ab7;
1627
1879
  cursor: pointer;
1628
1880
  }
1629
1881
  .tox .tox-color-input span::before {
@@ -1664,7 +1916,7 @@ body.tox-dialog__disable-scroll {
1664
1916
  }
1665
1917
  .tox .tox-label,
1666
1918
  .tox .tox-toolbar-label {
1667
- color: rgba(66, 66, 66, 0.7);
1919
+ color: rgba(34, 47, 62, 0.7);
1668
1920
  display: block;
1669
1921
  font-size: 14px;
1670
1922
  font-style: normal;
@@ -1684,7 +1936,6 @@ body.tox-dialog__disable-scroll {
1684
1936
  display: flex;
1685
1937
  flex: 1;
1686
1938
  flex-direction: column;
1687
- -ms-flex-preferred-size: auto;
1688
1939
  }
1689
1940
  .tox .tox-form__group {
1690
1941
  box-sizing: border-box;
@@ -1694,7 +1945,7 @@ body.tox-dialog__disable-scroll {
1694
1945
  flex: 1;
1695
1946
  }
1696
1947
  .tox .tox-form__group--error {
1697
- color: #f44336;
1948
+ color: #c00;
1698
1949
  }
1699
1950
  .tox .tox-form__group--collection {
1700
1951
  display: flex;
@@ -1726,20 +1977,16 @@ body.tox-dialog__disable-scroll {
1726
1977
  display: flex;
1727
1978
  flex: 1;
1728
1979
  flex-direction: column;
1729
- -ms-flex-preferred-size: auto;
1730
1980
  }
1731
1981
  .tox .tox-form__group--stretched .tox-textarea {
1732
1982
  flex: 1;
1733
- -ms-flex-preferred-size: auto;
1734
1983
  }
1735
1984
  .tox .tox-form__group--stretched .tox-navobj {
1736
1985
  display: flex;
1737
1986
  flex: 1;
1738
- -ms-flex-preferred-size: auto;
1739
1987
  }
1740
1988
  .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1741
1989
  flex: 1;
1742
- -ms-flex-preferred-size: auto;
1743
1990
  height: 100%;
1744
1991
  }
1745
1992
  .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
@@ -1755,7 +2002,8 @@ body.tox-dialog__disable-scroll {
1755
2002
  .tox .tox-textfield,
1756
2003
  .tox .tox-toolbar-textfield,
1757
2004
  .tox .tox-listboxfield .tox-listbox--select,
1758
- .tox .tox-textarea {
2005
+ .tox .tox-textarea,
2006
+ .tox .tox-textarea-wrap .tox-textarea:focus {
1759
2007
  -webkit-appearance: none;
1760
2008
  -moz-appearance: none;
1761
2009
  appearance: none;
@@ -1766,8 +2014,8 @@ body.tox-dialog__disable-scroll {
1766
2014
  border-width: 1px;
1767
2015
  box-shadow: none;
1768
2016
  box-sizing: border-box;
1769
- color: #424242;
1770
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2017
+ color: #222f3e;
2018
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1771
2019
  font-size: 16px;
1772
2020
  line-height: 24px;
1773
2021
  margin: 0;
@@ -1780,16 +2028,18 @@ body.tox-dialog__disable-scroll {
1780
2028
  .tox .tox-textfield[disabled],
1781
2029
  .tox .tox-textarea[disabled] {
1782
2030
  background-color: #f2f2f2;
1783
- color: rgba(66, 66, 66, 0.85);
2031
+ color: rgba(34, 47, 62, 0.85);
1784
2032
  cursor: not-allowed;
1785
2033
  }
1786
2034
  .tox .tox-textfield:focus,
1787
2035
  .tox .tox-listboxfield .tox-listbox--select:focus,
1788
- .tox .tox-textarea:focus {
2036
+ .tox .tox-textarea-wrap:focus-within,
2037
+ .tox .tox-textarea:focus,
2038
+ .tox .tox-custom-editor:focus-within {
1789
2039
  background-color: #fff;
1790
- border-color: #00995d;
2040
+ border-color: #207ab7;
1791
2041
  box-shadow: none;
1792
- outline: none;
2042
+ outline: 2px solid rgba(32, 122, 183, 0.25);
1793
2043
  }
1794
2044
  .tox .tox-toolbar-textfield {
1795
2045
  border-width: 0;
@@ -1802,7 +2052,7 @@ body.tox-dialog__disable-scroll {
1802
2052
  border: 0;
1803
2053
  border-color: transparent;
1804
2054
  box-shadow: unset;
1805
- color: #00995d;
2055
+ color: #207ab7;
1806
2056
  cursor: pointer;
1807
2057
  display: block;
1808
2058
  margin: 0;
@@ -1810,7 +2060,7 @@ body.tox-dialog__disable-scroll {
1810
2060
  }
1811
2061
  .tox .tox-naked-btn svg {
1812
2062
  display: block;
1813
- fill: #424242;
2063
+ fill: #222f3e;
1814
2064
  }
1815
2065
  .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
1816
2066
  margin-left: 4px;
@@ -1824,7 +2074,7 @@ body.tox-dialog__disable-scroll {
1824
2074
  }
1825
2075
  .tox .tox-listboxfield .tox-listbox--select[disabled] {
1826
2076
  background-color: #f2f2f2;
1827
- color: rgba(66, 66, 66, 0.85);
2077
+ color: rgba(34, 47, 62, 0.85);
1828
2078
  cursor: not-allowed;
1829
2079
  }
1830
2080
  .tox .tox-listbox__select-label {
@@ -1839,7 +2089,7 @@ body.tox-dialog__disable-scroll {
1839
2089
  width: 16px;
1840
2090
  }
1841
2091
  .tox .tox-listbox__select-chevron svg {
1842
- fill: #424242;
2092
+ fill: #222f3e;
1843
2093
  }
1844
2094
  .tox .tox-listboxfield .tox-listbox--select {
1845
2095
  align-items: center;
@@ -1866,8 +2116,8 @@ body.tox-dialog__disable-scroll {
1866
2116
  border-width: 1px;
1867
2117
  box-shadow: none;
1868
2118
  box-sizing: border-box;
1869
- color: #424242;
1870
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2119
+ color: #222f3e;
2120
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1871
2121
  font-size: 16px;
1872
2122
  line-height: 24px;
1873
2123
  margin: 0;
@@ -1879,7 +2129,7 @@ body.tox-dialog__disable-scroll {
1879
2129
  }
1880
2130
  .tox .tox-selectfield select[disabled] {
1881
2131
  background-color: #f2f2f2;
1882
- color: rgba(66, 66, 66, 0.85);
2132
+ color: rgba(34, 47, 62, 0.85);
1883
2133
  cursor: not-allowed;
1884
2134
  }
1885
2135
  .tox .tox-selectfield select::-ms-expand {
@@ -1887,9 +2137,9 @@ body.tox-dialog__disable-scroll {
1887
2137
  }
1888
2138
  .tox .tox-selectfield select:focus {
1889
2139
  background-color: #fff;
1890
- border-color: #00995d;
2140
+ border-color: #207ab7;
1891
2141
  box-shadow: none;
1892
- outline: none;
2142
+ outline: 2px solid rgba(32, 122, 183, 0.25);
1893
2143
  }
1894
2144
  .tox .tox-selectfield svg {
1895
2145
  pointer-events: none;
@@ -1911,36 +2161,50 @@ body.tox-dialog__disable-scroll {
1911
2161
  .tox[dir=rtl] .tox-selectfield svg {
1912
2162
  left: 8px;
1913
2163
  }
2164
+ .tox .tox-textarea-wrap {
2165
+ border-color: #cccccc;
2166
+ border-radius: 3px;
2167
+ border-style: solid;
2168
+ border-width: 1px;
2169
+ display: flex;
2170
+ flex: 1;
2171
+ overflow: hidden;
2172
+ }
1914
2173
  .tox .tox-textarea {
1915
2174
  -webkit-appearance: textarea;
1916
2175
  -moz-appearance: textarea;
1917
2176
  appearance: textarea;
1918
2177
  white-space: pre-wrap;
1919
2178
  }
2179
+ .tox .tox-textarea-wrap .tox-textarea {
2180
+ border: none;
2181
+ }
2182
+ .tox .tox-textarea-wrap .tox-textarea:focus {
2183
+ border: none;
2184
+ }
1920
2185
  .tox-fullscreen {
1921
2186
  border: 0;
1922
2187
  height: 100%;
1923
- left: 0;
1924
2188
  margin: 0;
1925
2189
  overflow: hidden;
1926
- -ms-scroll-chaining: none;
1927
- overscroll-behavior: none;
2190
+ overscroll-behavior: none;
1928
2191
  padding: 0;
1929
- position: fixed;
1930
- top: 0;
1931
2192
  touch-action: pinch-zoom;
1932
2193
  width: 100%;
1933
2194
  }
1934
2195
  .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
1935
2196
  display: none;
1936
2197
  }
1937
- .tox.tox-tinymce.tox-fullscreen {
1938
- background-color: transparent;
1939
- z-index: 1200;
1940
- }
2198
+ .tox.tox-tinymce.tox-fullscreen,
1941
2199
  .tox-shadowhost.tox-fullscreen {
2200
+ left: 0;
2201
+ position: fixed;
2202
+ top: 0;
1942
2203
  z-index: 1200;
1943
2204
  }
2205
+ .tox.tox-tinymce.tox-fullscreen {
2206
+ background-color: transparent;
2207
+ }
1944
2208
  .tox-fullscreen .tox.tox-tinymce-aux,
1945
2209
  .tox-fullscreen ~ .tox.tox-tinymce-aux {
1946
2210
  z-index: 1201;
@@ -1949,40 +2213,46 @@ body.tox-dialog__disable-scroll {
1949
2213
  list-style: none;
1950
2214
  margin-top: 1em;
1951
2215
  }
1952
- .tox .tox-image-tools {
1953
- width: 100%;
1954
- }
1955
- .tox .tox-image-tools__toolbar {
1956
- align-items: center;
1957
- display: flex;
1958
- justify-content: center;
1959
- }
1960
- .tox .tox-image-tools__image {
2216
+ .tox .tox-imagepreview {
1961
2217
  background-color: #666;
1962
2218
  height: 380px;
1963
- overflow: auto;
2219
+ overflow: hidden;
1964
2220
  position: relative;
1965
2221
  width: 100%;
1966
2222
  }
1967
- .tox .tox-image-tools__image,
1968
- .tox .tox-image-tools__image + .tox-image-tools__toolbar {
1969
- margin-top: 8px;
2223
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2224
+ overflow: auto;
2225
+ }
2226
+ .tox .tox-imagepreview__container {
2227
+ display: flex;
2228
+ left: 100vw;
2229
+ position: absolute;
2230
+ top: 100vw;
1970
2231
  }
1971
- .tox .tox-image-tools__image-bg {
2232
+ .tox .tox-imagepreview__image {
1972
2233
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
1973
2234
  }
1974
- .tox .tox-image-tools__toolbar > .tox-spacer {
2235
+ .tox .tox-image-tools .tox-spacer {
1975
2236
  flex: 1;
1976
- -ms-flex-preferred-size: auto;
1977
- }
1978
- .tox .tox-croprect-block {
1979
- background: black;
1980
- filter: alpha(opacity=50);
1981
- opacity: 0.5;
1982
- position: absolute;
1983
- zoom: 1;
1984
2237
  }
1985
- .tox .tox-croprect-handle {
2238
+ .tox .tox-image-tools .tox-bar {
2239
+ align-items: center;
2240
+ display: flex;
2241
+ height: 60px;
2242
+ justify-content: center;
2243
+ }
2244
+ .tox .tox-image-tools .tox-imagepreview,
2245
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2246
+ margin-top: 8px;
2247
+ }
2248
+ .tox .tox-image-tools .tox-croprect-block {
2249
+ background: black;
2250
+ filter: alpha(opacity=50);
2251
+ opacity: 0.5;
2252
+ position: absolute;
2253
+ zoom: 1;
2254
+ }
2255
+ .tox .tox-image-tools .tox-croprect-handle {
1986
2256
  border: 2px solid white;
1987
2257
  height: 20px;
1988
2258
  left: 0;
@@ -1990,57 +2260,39 @@ body.tox-dialog__disable-scroll {
1990
2260
  top: 0;
1991
2261
  width: 20px;
1992
2262
  }
1993
- .tox .tox-croprect-handle-move {
2263
+ .tox .tox-image-tools .tox-croprect-handle-move {
1994
2264
  border: 0;
1995
2265
  cursor: move;
1996
2266
  position: absolute;
1997
2267
  }
1998
- .tox .tox-croprect-handle-nw {
2268
+ .tox .tox-image-tools .tox-croprect-handle-nw {
1999
2269
  border-width: 2px 0 0 2px;
2000
2270
  cursor: nw-resize;
2001
2271
  left: 100px;
2002
2272
  margin: -2px 0 0 -2px;
2003
2273
  top: 100px;
2004
2274
  }
2005
- .tox .tox-croprect-handle-ne {
2275
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2006
2276
  border-width: 2px 2px 0 0;
2007
2277
  cursor: ne-resize;
2008
2278
  left: 200px;
2009
2279
  margin: -2px 0 0 -20px;
2010
2280
  top: 100px;
2011
2281
  }
2012
- .tox .tox-croprect-handle-sw {
2282
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2013
2283
  border-width: 0 0 2px 2px;
2014
2284
  cursor: sw-resize;
2015
2285
  left: 100px;
2016
2286
  margin: -20px 2px 0 -2px;
2017
2287
  top: 200px;
2018
2288
  }
2019
- .tox .tox-croprect-handle-se {
2289
+ .tox .tox-image-tools .tox-croprect-handle-se {
2020
2290
  border-width: 0 2px 2px 0;
2021
2291
  cursor: se-resize;
2022
2292
  left: 200px;
2023
2293
  margin: -20px 0 0 -20px;
2024
2294
  top: 200px;
2025
2295
  }
2026
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2027
- margin-left: 8px;
2028
- }
2029
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2030
- margin-left: 32px;
2031
- }
2032
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2033
- margin-left: 32px;
2034
- }
2035
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2036
- margin-right: 8px;
2037
- }
2038
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2039
- margin-right: 32px;
2040
- }
2041
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2042
- margin-right: 32px;
2043
- }
2044
2296
  .tox .tox-insert-table-picker {
2045
2297
  display: flex;
2046
2298
  flex-wrap: wrap;
@@ -2055,14 +2307,14 @@ body.tox-dialog__disable-scroll {
2055
2307
  width: 17px;
2056
2308
  }
2057
2309
  .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2058
- margin: -4px 0;
2310
+ margin: 0 -4px;
2059
2311
  }
2060
2312
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2061
- background-color: rgba(0, 153, 93, 0.5);
2062
- border-color: rgba(0, 153, 93, 0.5);
2313
+ background-color: rgba(32, 122, 183, 0.5);
2314
+ border-color: rgba(32, 122, 183, 0.5);
2063
2315
  }
2064
2316
  .tox .tox-insert-table-picker__label {
2065
- color: rgba(66, 66, 66, 0.7);
2317
+ color: rgba(34, 47, 62, 0.7);
2066
2318
  display: block;
2067
2319
  font-size: 14px;
2068
2320
  padding: 4px;
@@ -2089,14 +2341,14 @@ body.tox-dialog__disable-scroll {
2089
2341
  background-color: #fff;
2090
2342
  border: 1px solid #cccccc;
2091
2343
  border-radius: 3px;
2092
- box-shadow: 0 4px 8px 0 rgba(66, 66, 66, 0.1);
2344
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
2093
2345
  display: inline-block;
2094
2346
  overflow: hidden;
2095
2347
  vertical-align: top;
2096
2348
  z-index: 1150;
2097
2349
  }
2098
2350
  .tox .tox-menu.tox-collection.tox-collection--list {
2099
- padding: 0;
2351
+ padding: 0 0;
2100
2352
  }
2101
2353
  .tox .tox-menu.tox-collection.tox-collection--toolbar {
2102
2354
  padding: 4px;
@@ -2104,6 +2356,15 @@ body.tox-dialog__disable-scroll {
2104
2356
  .tox .tox-menu.tox-collection.tox-collection--grid {
2105
2357
  padding: 4px;
2106
2358
  }
2359
+ @media only screen and (min-width: 768px ) {
2360
+ .tox .tox-menu .tox-collection__item-label {
2361
+ overflow-wrap: break-word;
2362
+ word-break: normal;
2363
+ }
2364
+ .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
2365
+ word-break: break-all;
2366
+ }
2367
+ }
2107
2368
  .tox .tox-menu__label h1,
2108
2369
  .tox .tox-menu__label h2,
2109
2370
  .tox .tox-menu__label h3,
@@ -2122,10 +2383,39 @@ body.tox-dialog__disable-scroll {
2122
2383
  flex: 0 0 auto;
2123
2384
  flex-shrink: 0;
2124
2385
  flex-wrap: wrap;
2386
+ grid-column: 1 / -1;
2387
+ grid-row: 1;
2125
2388
  padding: 0 4px 0 4px;
2126
2389
  }
2127
- .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
2128
- border-top: 1px solid #cccccc;
2390
+ .tox .tox-promotion + .tox-menubar {
2391
+ grid-column: 1;
2392
+ }
2393
+ .tox .tox-promotion {
2394
+ 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='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
2395
+ background-color: #fff;
2396
+ grid-column: 2;
2397
+ grid-row: 1;
2398
+ padding-inline-end: 8px;
2399
+ padding-inline-start: 4px;
2400
+ padding-top: 5px;
2401
+ }
2402
+ .tox .tox-promotion-link {
2403
+ align-items: unsafe center;
2404
+ background-color: #E8F1F8;
2405
+ border-radius: 5px;
2406
+ color: #086BE6;
2407
+ cursor: pointer;
2408
+ display: flex;
2409
+ font-size: 14px;
2410
+ height: 26.6px;
2411
+ padding: 4px 8px;
2412
+ white-space: nowrap;
2413
+ }
2414
+ .tox .tox-promotion-link:hover {
2415
+ background-color: #B4D7FF;
2416
+ }
2417
+ .tox .tox-promotion-link:focus {
2418
+ background-color: #D9EDF7;
2129
2419
  }
2130
2420
  /* Deprecated. Remove in next major release */
2131
2421
  .tox .tox-mbtn {
@@ -2134,7 +2424,7 @@ body.tox-dialog__disable-scroll {
2134
2424
  border: 0;
2135
2425
  border-radius: 3px;
2136
2426
  box-shadow: none;
2137
- color: #424242;
2427
+ color: #222f3e;
2138
2428
  display: flex;
2139
2429
  flex: 0 0 auto;
2140
2430
  font-size: 14px;
@@ -2153,26 +2443,26 @@ body.tox-dialog__disable-scroll {
2153
2443
  background-color: transparent;
2154
2444
  border: 0;
2155
2445
  box-shadow: none;
2156
- color: rgba(66, 66, 66, 0.5);
2446
+ color: rgba(34, 47, 62, 0.5);
2157
2447
  cursor: not-allowed;
2158
2448
  }
2159
2449
  .tox .tox-mbtn:focus:not(:disabled) {
2160
- background: #e3e3e3;
2450
+ background: #dee0e2;
2161
2451
  border: 0;
2162
2452
  box-shadow: none;
2163
- color: #424242;
2453
+ color: #222f3e;
2164
2454
  }
2165
2455
  .tox .tox-mbtn--active {
2166
- background: #d0d0d0;
2456
+ background: #c8cbcf;
2167
2457
  border: 0;
2168
2458
  box-shadow: none;
2169
- color: #424242;
2459
+ color: #222f3e;
2170
2460
  }
2171
2461
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2172
- background: #e3e3e3;
2462
+ background: #dee0e2;
2173
2463
  border: 0;
2174
2464
  box-shadow: none;
2175
- color: #424242;
2465
+ color: #222f3e;
2176
2466
  }
2177
2467
  .tox .tox-mbtn__select-label {
2178
2468
  cursor: default;
@@ -2195,12 +2485,10 @@ body.tox-dialog__disable-scroll {
2195
2485
  border-width: 1px;
2196
2486
  box-shadow: none;
2197
2487
  box-sizing: border-box;
2198
- display: -ms-grid;
2199
2488
  display: grid;
2200
2489
  font-size: 14px;
2201
2490
  font-weight: normal;
2202
- -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2203
- grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2491
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2204
2492
  margin-top: 4px;
2205
2493
  opacity: 0;
2206
2494
  padding: 4px;
@@ -2211,84 +2499,80 @@ body.tox-dialog__disable-scroll {
2211
2499
  font-weight: normal;
2212
2500
  }
2213
2501
  .tox .tox-notification a {
2502
+ cursor: pointer;
2214
2503
  text-decoration: underline;
2215
2504
  }
2216
2505
  .tox .tox-notification--in {
2217
2506
  opacity: 1;
2218
2507
  }
2219
2508
  .tox .tox-notification--success {
2220
- background-color: #dbefdc;
2221
- border-color: #c9e7cb;
2222
- color: #424242;
2509
+ background-color: #e4eeda;
2510
+ border-color: #d7e6c8;
2511
+ color: #222f3e;
2223
2512
  }
2224
2513
  .tox .tox-notification--success p {
2225
- color: #424242;
2514
+ color: #222f3e;
2226
2515
  }
2227
2516
  .tox .tox-notification--success a {
2228
- color: #357a38;
2517
+ color: #517342;
2229
2518
  }
2230
2519
  .tox .tox-notification--success svg {
2231
- fill: #424242;
2520
+ fill: #222f3e;
2232
2521
  }
2233
2522
  .tox .tox-notification--error {
2234
- background-color: #fee7e5;
2235
- border-color: #fcd0cd;
2236
- color: #424242;
2523
+ background-color: #f5cccc;
2524
+ border-color: #f0b3b3;
2525
+ color: #222f3e;
2237
2526
  }
2238
2527
  .tox .tox-notification--error p {
2239
- color: #424242;
2528
+ color: #222f3e;
2240
2529
  }
2241
2530
  .tox .tox-notification--error a {
2242
- color: #f44336;
2531
+ color: #77181f;
2243
2532
  }
2244
2533
  .tox .tox-notification--error svg {
2245
- fill: #424242;
2534
+ fill: #222f3e;
2246
2535
  }
2247
2536
  .tox .tox-notification--warn,
2248
2537
  .tox .tox-notification--warning {
2249
- background-color: #fffaea;
2250
- border-color: #ffe89d;
2251
- color: #424242;
2538
+ background-color: #fff5cc;
2539
+ border-color: #fff0b3;
2540
+ color: #222f3e;
2252
2541
  }
2253
2542
  .tox .tox-notification--warn p,
2254
2543
  .tox .tox-notification--warning p {
2255
- color: #424242;
2544
+ color: #222f3e;
2256
2545
  }
2257
2546
  .tox .tox-notification--warn a,
2258
2547
  .tox .tox-notification--warning a {
2259
- color: #424242;
2548
+ color: #7a6e25;
2260
2549
  }
2261
2550
  .tox .tox-notification--warn svg,
2262
2551
  .tox .tox-notification--warning svg {
2263
- fill: #424242;
2552
+ fill: #222f3e;
2264
2553
  }
2265
2554
  .tox .tox-notification--info {
2266
- background-color: #d9edf7;
2267
- border-color: #779ecb;
2268
- color: #424242;
2555
+ background-color: #d6e7fb;
2556
+ border-color: #c1dbf9;
2557
+ color: #222f3e;
2269
2558
  }
2270
2559
  .tox .tox-notification--info p {
2271
- color: #424242;
2560
+ color: #222f3e;
2272
2561
  }
2273
2562
  .tox .tox-notification--info a {
2274
- color: #424242;
2563
+ color: #2a64a6;
2275
2564
  }
2276
2565
  .tox .tox-notification--info svg {
2277
- fill: #424242;
2566
+ fill: #222f3e;
2278
2567
  }
2279
2568
  .tox .tox-notification__body {
2280
- -ms-grid-row-align: center;
2281
- align-self: center;
2282
- color: #424242;
2569
+ align-self: center;
2570
+ color: #222f3e;
2283
2571
  font-size: 14px;
2284
- -ms-grid-column-span: 1;
2285
2572
  grid-column-end: 3;
2286
- -ms-grid-column: 2;
2287
- grid-column-start: 2;
2288
- -ms-grid-row-span: 1;
2573
+ grid-column-start: 2;
2289
2574
  grid-row-end: 2;
2290
- -ms-grid-row: 1;
2291
- grid-row-start: 1;
2575
+ grid-row-start: 1;
2292
2576
  text-align: center;
2293
2577
  white-space: normal;
2294
2578
  word-break: break-all;
@@ -2301,47 +2585,30 @@ body.tox-dialog__disable-scroll {
2301
2585
  margin-top: 1rem;
2302
2586
  }
2303
2587
  .tox .tox-notification__icon {
2304
- -ms-grid-row-align: center;
2305
- align-self: center;
2306
- -ms-grid-column-span: 1;
2588
+ align-self: center;
2307
2589
  grid-column-end: 2;
2308
- -ms-grid-column: 1;
2309
- grid-column-start: 1;
2310
- -ms-grid-row-span: 1;
2590
+ grid-column-start: 1;
2311
2591
  grid-row-end: 2;
2312
- -ms-grid-row: 1;
2313
- grid-row-start: 1;
2314
- -ms-grid-column-align: end;
2315
- justify-self: end;
2592
+ grid-row-start: 1;
2593
+ justify-self: end;
2316
2594
  }
2317
2595
  .tox .tox-notification__icon svg {
2318
2596
  display: block;
2319
2597
  }
2320
2598
  .tox .tox-notification__dismiss {
2321
- -ms-grid-row-align: start;
2322
- align-self: start;
2323
- -ms-grid-column-span: 1;
2599
+ align-self: start;
2324
2600
  grid-column-end: 4;
2325
- -ms-grid-column: 3;
2326
- grid-column-start: 3;
2327
- -ms-grid-row-span: 1;
2601
+ grid-column-start: 3;
2328
2602
  grid-row-end: 2;
2329
- -ms-grid-row: 1;
2330
- grid-row-start: 1;
2331
- -ms-grid-column-align: end;
2332
- justify-self: end;
2603
+ grid-row-start: 1;
2604
+ justify-self: end;
2333
2605
  }
2334
2606
  .tox .tox-notification .tox-progress-bar {
2335
- -ms-grid-column-span: 3;
2336
2607
  grid-column-end: 4;
2337
- -ms-grid-column: 1;
2338
- grid-column-start: 1;
2339
- -ms-grid-row-span: 1;
2608
+ grid-column-start: 1;
2340
2609
  grid-row-end: 3;
2341
- -ms-grid-row: 2;
2342
- grid-row-start: 2;
2343
- -ms-grid-column-align: center;
2344
- justify-self: center;
2610
+ grid-row-start: 2;
2611
+ justify-self: center;
2345
2612
  }
2346
2613
  .tox .tox-pop {
2347
2614
  display: inline-block;
@@ -2350,14 +2617,23 @@ body.tox-dialog__disable-scroll {
2350
2617
  .tox .tox-pop--resizing {
2351
2618
  transition: width 0.1s ease;
2352
2619
  }
2353
- .tox .tox-pop--resizing .tox-toolbar {
2620
+ .tox .tox-pop--resizing .tox-toolbar,
2621
+ .tox .tox-pop--resizing .tox-toolbar__group {
2354
2622
  flex-wrap: nowrap;
2355
2623
  }
2624
+ .tox .tox-pop--transition {
2625
+ transition: 0.15s ease;
2626
+ transition-property: left, right, top, bottom;
2627
+ }
2628
+ .tox .tox-pop--transition::before,
2629
+ .tox .tox-pop--transition::after {
2630
+ transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
2631
+ }
2356
2632
  .tox .tox-pop__dialog {
2357
2633
  background-color: #fff;
2358
2634
  border: 1px solid #cccccc;
2359
2635
  border-radius: 3px;
2360
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2636
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2361
2637
  min-width: 0;
2362
2638
  overflow: hidden;
2363
2639
  }
@@ -2374,9 +2650,15 @@ body.tox-dialog__disable-scroll {
2374
2650
  content: '';
2375
2651
  display: block;
2376
2652
  height: 0;
2653
+ opacity: 1;
2377
2654
  position: absolute;
2378
2655
  width: 0;
2379
2656
  }
2657
+ .tox .tox-pop.tox-pop--inset::before,
2658
+ .tox .tox-pop.tox-pop--inset::after {
2659
+ opacity: 0;
2660
+ transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
2661
+ }
2380
2662
  .tox .tox-pop.tox-pop--bottom::before,
2381
2663
  .tox .tox-pop.tox-pop--bottom::after {
2382
2664
  left: 50%;
@@ -2454,7 +2736,6 @@ body.tox-dialog__disable-scroll {
2454
2736
  display: flex;
2455
2737
  flex-direction: row;
2456
2738
  flex-grow: 1;
2457
- -ms-flex-preferred-size: 0;
2458
2739
  min-height: 0;
2459
2740
  }
2460
2741
  .tox .tox-sidebar {
@@ -2502,7 +2783,6 @@ body.tox-dialog__disable-scroll {
2502
2783
  align-items: center;
2503
2784
  display: flex;
2504
2785
  flex: 1;
2505
- -ms-flex-preferred-size: auto;
2506
2786
  height: 24px;
2507
2787
  justify-content: center;
2508
2788
  position: relative;
@@ -2516,8 +2796,8 @@ body.tox-dialog__disable-scroll {
2516
2796
  width: 100%;
2517
2797
  }
2518
2798
  .tox .tox-slider__handle {
2519
- background-color: #00995d;
2520
- border: 2px solid #00663e;
2799
+ background-color: #207ab7;
2800
+ border: 2px solid #185d8c;
2521
2801
  border-radius: 3px;
2522
2802
  box-shadow: none;
2523
2803
  height: 24px;
@@ -2527,6 +2807,15 @@ body.tox-dialog__disable-scroll {
2527
2807
  transform: translateX(-50%) translateY(-50%);
2528
2808
  width: 14px;
2529
2809
  }
2810
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
2811
+ margin-inline-start: 8px;
2812
+ }
2813
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
2814
+ margin-inline-start: 32px;
2815
+ }
2816
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
2817
+ margin-inline-start: 32px;
2818
+ }
2530
2819
  .tox .tox-source-code {
2531
2820
  overflow: auto;
2532
2821
  }
@@ -2535,7 +2824,7 @@ body.tox-dialog__disable-scroll {
2535
2824
  }
2536
2825
  .tox .tox-spinner > div {
2537
2826
  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
2538
- background-color: rgba(66, 66, 66, 0.7);
2827
+ background-color: rgba(34, 47, 62, 0.7);
2539
2828
  border-radius: 100%;
2540
2829
  height: 8px;
2541
2830
  width: 8px;
@@ -2566,7 +2855,7 @@ body.tox-dialog__disable-scroll {
2566
2855
  align-items: center;
2567
2856
  background-color: #fff;
2568
2857
  border-top: 1px solid #cccccc;
2569
- color: rgba(66, 66, 66, 0.7);
2858
+ color: rgba(34, 47, 62, 0.7);
2570
2859
  display: flex;
2571
2860
  flex: 0 0 auto;
2572
2861
  font-size: 12px;
@@ -2577,19 +2866,42 @@ body.tox-dialog__disable-scroll {
2577
2866
  position: relative;
2578
2867
  text-transform: uppercase;
2579
2868
  }
2580
- .tox .tox-statusbar__text-container {
2869
+ .tox .tox-statusbar__path {
2581
2870
  display: flex;
2582
2871
  flex: 1 1 auto;
2583
- justify-content: flex-end;
2584
2872
  overflow: hidden;
2873
+ text-overflow: ellipsis;
2874
+ white-space: nowrap;
2585
2875
  }
2586
- .tox .tox-statusbar__path {
2876
+ .tox .tox-statusbar__right-container {
2877
+ display: flex;
2878
+ justify-content: flex-end;
2879
+ white-space: nowrap;
2880
+ }
2881
+ .tox .tox-statusbar__help-text {
2882
+ text-align: center;
2883
+ }
2884
+ .tox .tox-statusbar__text-container {
2587
2885
  display: flex;
2588
2886
  flex: 1 1 auto;
2589
- margin-right: auto;
2887
+ justify-content: space-between;
2590
2888
  overflow: hidden;
2591
- text-overflow: ellipsis;
2592
- white-space: nowrap;
2889
+ }
2890
+ @media only screen and (min-width: 768px ) {
2891
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
2892
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
2893
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
2894
+ flex: 0 0 calc(100% / 3);
2895
+ }
2896
+ }
2897
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
2898
+ justify-content: flex-end;
2899
+ }
2900
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
2901
+ justify-content: flex-start;
2902
+ }
2903
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
2904
+ justify-content: space-around;
2593
2905
  }
2594
2906
  .tox .tox-statusbar__path > * {
2595
2907
  display: inline;
@@ -2599,10 +2911,18 @@ body.tox-dialog__disable-scroll {
2599
2911
  flex: 0 0 auto;
2600
2912
  margin-left: 1ch;
2601
2913
  }
2914
+ @media only screen and (max-width: 767px ) {
2915
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text {
2916
+ display: none;
2917
+ }
2918
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
2919
+ display: block;
2920
+ }
2921
+ }
2602
2922
  .tox .tox-statusbar a,
2603
2923
  .tox .tox-statusbar__path-item,
2604
2924
  .tox .tox-statusbar__wordcount {
2605
- color: rgba(66, 66, 66, 0.7);
2925
+ color: rgba(34, 47, 62, 0.7);
2606
2926
  text-decoration: none;
2607
2927
  }
2608
2928
  .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
@@ -2611,8 +2931,18 @@ body.tox-dialog__disable-scroll {
2611
2931
  .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
2612
2932
  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
2613
2933
  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
2934
+ color: #222f3e;
2614
2935
  cursor: pointer;
2615
- text-decoration: underline;
2936
+ }
2937
+ .tox .tox-statusbar__branding svg {
2938
+ fill: rgba(34, 47, 62, 0.8);
2939
+ height: 1.14em;
2940
+ vertical-align: -0.28em;
2941
+ width: 3.6em;
2942
+ }
2943
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
2944
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
2945
+ fill: #222f3e;
2616
2946
  }
2617
2947
  .tox .tox-statusbar__resize-handle {
2618
2948
  align-items: flex-end;
@@ -2623,22 +2953,24 @@ body.tox-dialog__disable-scroll {
2623
2953
  justify-content: flex-end;
2624
2954
  margin-left: auto;
2625
2955
  margin-right: -8px;
2956
+ padding-bottom: 3px;
2626
2957
  padding-left: 1ch;
2958
+ padding-right: 3px;
2627
2959
  }
2628
2960
  .tox .tox-statusbar__resize-handle svg {
2629
2961
  display: block;
2630
- fill: rgba(66, 66, 66, 0.7);
2962
+ fill: rgba(34, 47, 62, 0.5);
2631
2963
  }
2632
2964
  .tox .tox-statusbar__resize-handle:focus svg {
2633
- background-color: #e3e3e3;
2634
- border-radius: 1px;
2635
- box-shadow: 0 0 0 2px #e3e3e3;
2965
+ background-color: #dee0e2;
2966
+ border-radius: 1px 1px -4px 1px;
2967
+ box-shadow: 0 0 0 2px #dee0e2;
2636
2968
  }
2637
2969
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
2638
2970
  margin-right: 4px;
2639
2971
  }
2640
2972
  .tox:not([dir=rtl]) .tox-statusbar__branding {
2641
- margin-left: 1ch;
2973
+ margin-left: 2ch;
2642
2974
  }
2643
2975
  .tox[dir=rtl] .tox-statusbar {
2644
2976
  flex-direction: row-reverse;
@@ -2666,7 +2998,7 @@ body.tox-dialog__disable-scroll {
2666
2998
  border: 0;
2667
2999
  border-radius: 3px;
2668
3000
  box-shadow: none;
2669
- color: #424242;
3001
+ color: #222f3e;
2670
3002
  display: flex;
2671
3003
  flex: 0 0 auto;
2672
3004
  font-size: 14px;
@@ -2674,7 +3006,7 @@ body.tox-dialog__disable-scroll {
2674
3006
  font-weight: normal;
2675
3007
  height: 34px;
2676
3008
  justify-content: center;
2677
- margin: 2px 0 3px 0;
3009
+ margin: 3px 0 2px 0;
2678
3010
  outline: none;
2679
3011
  overflow: hidden;
2680
3012
  padding: 0;
@@ -2683,7 +3015,7 @@ body.tox-dialog__disable-scroll {
2683
3015
  }
2684
3016
  .tox .tox-tbtn svg {
2685
3017
  display: block;
2686
- fill: #424242;
3018
+ fill: #222f3e;
2687
3019
  }
2688
3020
  .tox .tox-tbtn.tox-tbtn-more {
2689
3021
  padding-left: 5px;
@@ -2691,27 +3023,30 @@ body.tox-dialog__disable-scroll {
2691
3023
  width: inherit;
2692
3024
  }
2693
3025
  .tox .tox-tbtn:focus {
2694
- background: #e3e3e3;
3026
+ background: #dee0e2;
2695
3027
  border: 0;
2696
3028
  box-shadow: none;
2697
3029
  }
2698
3030
  .tox .tox-tbtn:hover {
2699
- background: #e3e3e3;
3031
+ background: #dee0e2;
2700
3032
  border: 0;
2701
3033
  box-shadow: none;
2702
- color: #424242;
3034
+ color: #222f3e;
2703
3035
  }
2704
3036
  .tox .tox-tbtn:hover svg {
2705
- fill: #424242;
3037
+ fill: #222f3e;
2706
3038
  }
2707
3039
  .tox .tox-tbtn:active {
2708
- background: #d0d0d0;
3040
+ background: #c8cbcf;
2709
3041
  border: 0;
2710
3042
  box-shadow: none;
2711
- color: #424242;
3043
+ color: #222f3e;
2712
3044
  }
2713
3045
  .tox .tox-tbtn:active svg {
2714
- fill: #424242;
3046
+ fill: #222f3e;
3047
+ }
3048
+ .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3049
+ fill: rgba(34, 47, 62, 0.5);
2715
3050
  }
2716
3051
  .tox .tox-tbtn--disabled,
2717
3052
  .tox .tox-tbtn--disabled:hover,
@@ -2720,7 +3055,7 @@ body.tox-dialog__disable-scroll {
2720
3055
  background: transparent;
2721
3056
  border: 0;
2722
3057
  box-shadow: none;
2723
- color: rgba(66, 66, 66, 0.5);
3058
+ color: rgba(34, 47, 62, 0.5);
2724
3059
  cursor: not-allowed;
2725
3060
  }
2726
3061
  .tox .tox-tbtn--disabled svg,
@@ -2728,14 +3063,14 @@ body.tox-dialog__disable-scroll {
2728
3063
  .tox .tox-tbtn:disabled svg,
2729
3064
  .tox .tox-tbtn:disabled:hover svg {
2730
3065
  /* stylelint-disable-line no-descending-specificity */
2731
- fill: rgba(66, 66, 66, 0.5);
3066
+ fill: rgba(34, 47, 62, 0.5);
2732
3067
  }
2733
3068
  .tox .tox-tbtn--enabled,
2734
3069
  .tox .tox-tbtn--enabled:hover {
2735
- background: #d0d0d0;
3070
+ background: #c8cbcf;
2736
3071
  border: 0;
2737
3072
  box-shadow: none;
2738
- color: #424242;
3073
+ color: #222f3e;
2739
3074
  }
2740
3075
  .tox .tox-tbtn--enabled > *,
2741
3076
  .tox .tox-tbtn--enabled:hover > * {
@@ -2744,13 +3079,17 @@ body.tox-dialog__disable-scroll {
2744
3079
  .tox .tox-tbtn--enabled svg,
2745
3080
  .tox .tox-tbtn--enabled:hover svg {
2746
3081
  /* stylelint-disable-line no-descending-specificity */
2747
- fill: #424242;
3082
+ fill: #222f3e;
3083
+ }
3084
+ .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3085
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
3086
+ fill: rgba(34, 47, 62, 0.5);
2748
3087
  }
2749
3088
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2750
- color: #424242;
3089
+ color: #222f3e;
2751
3090
  }
2752
3091
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
2753
- fill: #424242;
3092
+ fill: #222f3e;
2754
3093
  }
2755
3094
  .tox .tox-tbtn:active > * {
2756
3095
  transform: none;
@@ -2765,8 +3104,7 @@ body.tox-dialog__disable-scroll {
2765
3104
  width: 68px;
2766
3105
  }
2767
3106
  .tox .tox-tbtn--return {
2768
- -ms-grid-row-align: stretch;
2769
- align-self: stretch;
3107
+ align-self: stretch;
2770
3108
  height: unset;
2771
3109
  width: 16px;
2772
3110
  }
@@ -2782,15 +3120,112 @@ body.tox-dialog__disable-scroll {
2782
3120
  margin-bottom: 4px;
2783
3121
  white-space: nowrap;
2784
3122
  }
3123
+ .tox .tox-number-input {
3124
+ border-radius: 3px;
3125
+ display: flex;
3126
+ margin: 3px 0 2px 0;
3127
+ padding: 0 4px;
3128
+ width: auto;
3129
+ }
3130
+ .tox .tox-number-input .tox-input-wrapper {
3131
+ background: transparent;
3132
+ display: flex;
3133
+ pointer-events: none;
3134
+ text-align: center;
3135
+ }
3136
+ .tox .tox-number-input .tox-input-wrapper:focus {
3137
+ background: #dee0e2;
3138
+ }
3139
+ .tox .tox-number-input input {
3140
+ border-radius: 3px;
3141
+ color: #222f3e;
3142
+ font-size: 14px;
3143
+ margin: 2px 0;
3144
+ pointer-events: all;
3145
+ width: 60px;
3146
+ }
3147
+ .tox .tox-number-input input:hover {
3148
+ background: #dee0e2;
3149
+ color: #222f3e;
3150
+ }
3151
+ .tox .tox-number-input input:focus {
3152
+ background: #fff;
3153
+ color: #222f3e;
3154
+ }
3155
+ .tox .tox-number-input input:disabled {
3156
+ background: transparent;
3157
+ border: 0;
3158
+ box-shadow: none;
3159
+ color: rgba(34, 47, 62, 0.5);
3160
+ cursor: not-allowed;
3161
+ }
3162
+ .tox .tox-number-input button {
3163
+ background: transparent;
3164
+ color: #222f3e;
3165
+ height: 34px;
3166
+ text-align: center;
3167
+ width: 24px;
3168
+ }
3169
+ .tox .tox-number-input button svg {
3170
+ display: block;
3171
+ fill: #222f3e;
3172
+ margin: 0 auto;
3173
+ transform: scale(0.67);
3174
+ }
3175
+ .tox .tox-number-input button:focus {
3176
+ background: #dee0e2;
3177
+ }
3178
+ .tox .tox-number-input button:hover {
3179
+ background: #dee0e2;
3180
+ border: 0;
3181
+ box-shadow: none;
3182
+ color: #222f3e;
3183
+ }
3184
+ .tox .tox-number-input button:hover svg {
3185
+ fill: #222f3e;
3186
+ }
3187
+ .tox .tox-number-input button:active {
3188
+ background: #c8cbcf;
3189
+ border: 0;
3190
+ box-shadow: none;
3191
+ color: #222f3e;
3192
+ }
3193
+ .tox .tox-number-input button:active svg {
3194
+ fill: #222f3e;
3195
+ }
3196
+ .tox .tox-number-input button:disabled {
3197
+ background: transparent;
3198
+ border: 0;
3199
+ box-shadow: none;
3200
+ color: rgba(34, 47, 62, 0.5);
3201
+ cursor: not-allowed;
3202
+ }
3203
+ .tox .tox-number-input button:disabled svg {
3204
+ fill: rgba(34, 47, 62, 0.5);
3205
+ }
3206
+ .tox .tox-number-input button.minus {
3207
+ border-radius: 3px 0 0 3px;
3208
+ }
3209
+ .tox .tox-number-input button.plus {
3210
+ border-radius: 0 3px 3px 0;
3211
+ }
3212
+ .tox .tox-number-input:focus:not(:active) > button,
3213
+ .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3214
+ background: #dee0e2;
3215
+ }
2785
3216
  .tox .tox-tbtn--select {
2786
- margin: 2px 0 3px 0;
3217
+ margin: 3px 0 2px 0;
2787
3218
  padding: 0 4px;
2788
3219
  width: auto;
2789
3220
  }
2790
3221
  .tox .tox-tbtn__select-label {
2791
3222
  cursor: default;
2792
3223
  font-weight: normal;
3224
+ height: initial;
2793
3225
  margin: 0 4px;
3226
+ overflow: hidden;
3227
+ text-overflow: ellipsis;
3228
+ white-space: nowrap;
2794
3229
  }
2795
3230
  .tox .tox-tbtn__select-chevron {
2796
3231
  align-items: center;
@@ -2799,7 +3234,13 @@ body.tox-dialog__disable-scroll {
2799
3234
  width: 16px;
2800
3235
  }
2801
3236
  .tox .tox-tbtn__select-chevron svg {
2802
- fill: rgba(66, 66, 66, 0.5);
3237
+ fill: rgba(34, 47, 62, 0.5);
3238
+ }
3239
+ .tox .tox-tbtn--bespoke {
3240
+ background: transparent;
3241
+ }
3242
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3243
+ margin-inline-start: 0;
2803
3244
  }
2804
3245
  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2805
3246
  overflow: hidden;
@@ -2807,21 +3248,25 @@ body.tox-dialog__disable-scroll {
2807
3248
  white-space: nowrap;
2808
3249
  width: 7em;
2809
3250
  }
3251
+ .tox .tox-tbtn--disabled .tox-tbtn__select-label,
3252
+ .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3253
+ cursor: not-allowed;
3254
+ }
2810
3255
  .tox .tox-split-button {
2811
3256
  border: 0;
2812
3257
  border-radius: 3px;
2813
3258
  box-sizing: border-box;
2814
3259
  display: flex;
2815
- margin: 2px 0 3px 0;
3260
+ margin: 3px 0 2px 0;
2816
3261
  overflow: hidden;
2817
3262
  }
2818
3263
  .tox .tox-split-button:hover {
2819
- box-shadow: 0 0 0 1px #e3e3e3 inset;
3264
+ box-shadow: 0 0 0 1px #dee0e2 inset;
2820
3265
  }
2821
3266
  .tox .tox-split-button:focus {
2822
- background: #e3e3e3;
3267
+ background: #dee0e2;
2823
3268
  box-shadow: none;
2824
- color: #424242;
3269
+ color: #222f3e;
2825
3270
  }
2826
3271
  .tox .tox-split-button > * {
2827
3272
  border-radius: 0;
@@ -2830,24 +3275,31 @@ body.tox-dialog__disable-scroll {
2830
3275
  width: 16px;
2831
3276
  }
2832
3277
  .tox .tox-split-button__chevron svg {
2833
- fill: rgba(66, 66, 66, 0.5);
3278
+ fill: rgba(34, 47, 62, 0.5);
2834
3279
  }
2835
3280
  .tox .tox-split-button .tox-tbtn {
2836
3281
  margin: 0;
2837
3282
  }
2838
- .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
2839
- width: 30px;
2840
- }
2841
- .tox.tox-platform-touch .tox-split-button__chevron {
2842
- width: 20px;
2843
- }
2844
3283
  .tox .tox-split-button.tox-tbtn--disabled:hover,
2845
3284
  .tox .tox-split-button.tox-tbtn--disabled:focus,
2846
3285
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
2847
3286
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
2848
3287
  background: transparent;
2849
3288
  box-shadow: none;
2850
- color: rgba(66, 66, 66, 0.5);
3289
+ color: rgba(34, 47, 62, 0.5);
3290
+ }
3291
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3292
+ padding: 0 0px;
3293
+ }
3294
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
3295
+ width: 30px;
3296
+ }
3297
+ .tox.tox-platform-touch .tox-split-button__chevron {
3298
+ width: 20px;
3299
+ }
3300
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
3301
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color {
3302
+ opacity: 0.6;
2851
3303
  }
2852
3304
  .tox .tox-toolbar-overlord {
2853
3305
  background-color: #fff;
@@ -2855,13 +3307,24 @@ body.tox-dialog__disable-scroll {
2855
3307
  .tox .tox-toolbar,
2856
3308
  .tox .tox-toolbar__primary,
2857
3309
  .tox .tox-toolbar__overflow {
2858
- 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='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
3310
+ background-attachment: local;
2859
3311
  background-color: #fff;
3312
+ background-image: repeating-linear-gradient(#cccccc 0px 1px, transparent 1px 39px);
3313
+ background-position: center top 39px;
3314
+ background-repeat: no-repeat;
3315
+ background-size: calc(100% - 4px * 2) calc(100% - 39px);
2860
3316
  display: flex;
2861
3317
  flex: 0 0 auto;
2862
3318
  flex-shrink: 0;
2863
3319
  flex-wrap: wrap;
2864
- padding: 0 0;
3320
+ padding: 0 0px;
3321
+ transform: perspective(1px);
3322
+ }
3323
+ .tox .tox-toolbar-overlord > .tox-toolbar,
3324
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
3325
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
3326
+ background-position: center top 0px;
3327
+ background-size: calc(100% - 4px * 2) calc(100% - 0px);
2865
3328
  }
2866
3329
  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
2867
3330
  height: 0;
@@ -2876,10 +3339,16 @@ body.tox-dialog__disable-scroll {
2876
3339
  .tox .tox-toolbar__overflow--shrinking {
2877
3340
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
2878
3341
  }
3342
+ .tox .tox-toolbar-overlord,
3343
+ .tox .tox-anchorbar {
3344
+ grid-column: 1 / -1;
3345
+ }
2879
3346
  .tox .tox-menubar + .tox-toolbar,
2880
- .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3347
+ .tox .tox-menubar + .tox-toolbar-overlord {
2881
3348
  border-top: 1px solid #cccccc;
2882
3349
  margin-top: -1px;
3350
+ padding-bottom: 0px;
3351
+ padding-top: 0px;
2883
3352
  }
2884
3353
  .tox .tox-toolbar--scrolling {
2885
3354
  flex-wrap: nowrap;
@@ -2891,18 +3360,31 @@ body.tox-dialog__disable-scroll {
2891
3360
  .tox .tox-toolbar--no-divider {
2892
3361
  background-image: none;
2893
3362
  }
2894
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
2895
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
2896
- border-top: 1px solid #cccccc;
3363
+ .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
3364
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
3365
+ background-position: center top 39px;
3366
+ }
3367
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
3368
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3369
+ background-image: none;
2897
3370
  }
2898
3371
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
2899
3372
  background-color: #fff;
2900
- border: 1px solid #cccccc;
3373
+ background-position: center top 43px;
3374
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
3375
+ border: none;
2901
3376
  border-radius: 3px;
2902
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3377
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3378
+ overscroll-behavior: none;
3379
+ padding: 4px 0;
2903
3380
  }
2904
- .tox[dir=rtl] .tox-tbtn__icon-rtl svg {
2905
- transform: rotateY(180deg);
3381
+ .tox-pop .tox-pop__dialog {
3382
+ /* stylelint-disable-next-line no-descending-specificity */
3383
+ }
3384
+ .tox-pop .tox-pop__dialog .tox-toolbar {
3385
+ background-position: center top 43px;
3386
+ background-size: calc(100% - 4px * 2) calc(100% - 51px);
3387
+ padding: 4px 0;
2906
3388
  }
2907
3389
  .tox .tox-toolbar__group {
2908
3390
  align-items: center;
@@ -2930,9 +3412,9 @@ body.tox-dialog__disable-scroll {
2930
3412
  position: relative;
2931
3413
  }
2932
3414
  .tox .tox-tooltip__body {
2933
- background-color: #424242;
3415
+ background-color: #222f3e;
2934
3416
  border-radius: 3px;
2935
- box-shadow: 0 2px 4px rgba(66, 66, 66, 0.3);
3417
+ box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
2936
3418
  color: rgba(255, 255, 255, 0.75);
2937
3419
  font-size: 14px;
2938
3420
  font-style: normal;
@@ -2946,14 +3428,14 @@ body.tox-dialog__disable-scroll {
2946
3428
  .tox .tox-tooltip--down .tox-tooltip__arrow {
2947
3429
  border-left: 8px solid transparent;
2948
3430
  border-right: 8px solid transparent;
2949
- border-top: 8px solid #424242;
3431
+ border-top: 8px solid #222f3e;
2950
3432
  bottom: 0;
2951
3433
  left: 50%;
2952
3434
  position: absolute;
2953
3435
  transform: translateX(-50%);
2954
3436
  }
2955
3437
  .tox .tox-tooltip--up .tox-tooltip__arrow {
2956
- border-bottom: 8px solid #424242;
3438
+ border-bottom: 8px solid #222f3e;
2957
3439
  border-left: 8px solid transparent;
2958
3440
  border-right: 8px solid transparent;
2959
3441
  left: 50%;
@@ -2963,7 +3445,7 @@ body.tox-dialog__disable-scroll {
2963
3445
  }
2964
3446
  .tox .tox-tooltip--right .tox-tooltip__arrow {
2965
3447
  border-bottom: 8px solid transparent;
2966
- border-left: 8px solid #424242;
3448
+ border-left: 8px solid #222f3e;
2967
3449
  border-top: 8px solid transparent;
2968
3450
  position: absolute;
2969
3451
  right: 0;
@@ -2972,13 +3454,267 @@ body.tox-dialog__disable-scroll {
2972
3454
  }
2973
3455
  .tox .tox-tooltip--left .tox-tooltip__arrow {
2974
3456
  border-bottom: 8px solid transparent;
2975
- border-right: 8px solid #424242;
3457
+ border-right: 8px solid #222f3e;
2976
3458
  border-top: 8px solid transparent;
2977
3459
  left: 0;
2978
3460
  position: absolute;
2979
3461
  top: 50%;
2980
3462
  transform: translateY(-50%);
2981
3463
  }
3464
+ .tox .tox-tree {
3465
+ display: flex;
3466
+ flex-direction: column;
3467
+ }
3468
+ .tox .tox-tree .tox-trbtn {
3469
+ align-items: center;
3470
+ background: transparent;
3471
+ border: 0;
3472
+ border-radius: 4px;
3473
+ box-shadow: none;
3474
+ color: #222f3e;
3475
+ display: flex;
3476
+ flex: 0 0 auto;
3477
+ font-size: 14px;
3478
+ font-style: normal;
3479
+ font-weight: normal;
3480
+ height: 28px;
3481
+ margin-bottom: 4px;
3482
+ margin-top: 4px;
3483
+ outline: none;
3484
+ overflow: hidden;
3485
+ padding: 0;
3486
+ padding-left: 8px;
3487
+ text-transform: none;
3488
+ }
3489
+ .tox .tox-tree .tox-trbtn .tox-tree__label {
3490
+ cursor: default;
3491
+ overflow: hidden;
3492
+ text-overflow: ellipsis;
3493
+ white-space: nowrap;
3494
+ }
3495
+ .tox .tox-tree .tox-trbtn svg {
3496
+ display: block;
3497
+ fill: #222f3e;
3498
+ }
3499
+ .tox .tox-tree .tox-trbtn:focus {
3500
+ background: #dee0e2;
3501
+ border: 0;
3502
+ box-shadow: none;
3503
+ }
3504
+ .tox .tox-tree .tox-trbtn:hover {
3505
+ background: #dee0e2;
3506
+ border: 0;
3507
+ box-shadow: none;
3508
+ color: #222f3e;
3509
+ }
3510
+ .tox .tox-tree .tox-trbtn:hover svg {
3511
+ fill: #222f3e;
3512
+ }
3513
+ .tox .tox-tree .tox-trbtn:active {
3514
+ background: #b1d0e6;
3515
+ border: 0;
3516
+ box-shadow: none;
3517
+ color: #222f3e;
3518
+ }
3519
+ .tox .tox-tree .tox-trbtn:active svg {
3520
+ fill: #222f3e;
3521
+ }
3522
+ .tox .tox-tree .tox-trbtn--disabled,
3523
+ .tox .tox-tree .tox-trbtn--disabled:hover,
3524
+ .tox .tox-tree .tox-trbtn:disabled,
3525
+ .tox .tox-tree .tox-trbtn:disabled:hover {
3526
+ background: transparent;
3527
+ border: 0;
3528
+ box-shadow: none;
3529
+ color: rgba(34, 47, 62, 0.5);
3530
+ cursor: not-allowed;
3531
+ }
3532
+ .tox .tox-tree .tox-trbtn--disabled svg,
3533
+ .tox .tox-tree .tox-trbtn--disabled:hover svg,
3534
+ .tox .tox-tree .tox-trbtn:disabled svg,
3535
+ .tox .tox-tree .tox-trbtn:disabled:hover svg {
3536
+ /* stylelint-disable-line no-descending-specificity */
3537
+ fill: rgba(34, 47, 62, 0.5);
3538
+ }
3539
+ .tox .tox-tree .tox-trbtn--enabled,
3540
+ .tox .tox-tree .tox-trbtn--enabled:hover {
3541
+ background: #b1d0e6;
3542
+ border: 0;
3543
+ box-shadow: none;
3544
+ color: #222f3e;
3545
+ }
3546
+ .tox .tox-tree .tox-trbtn--enabled > *,
3547
+ .tox .tox-tree .tox-trbtn--enabled:hover > * {
3548
+ transform: none;
3549
+ }
3550
+ .tox .tox-tree .tox-trbtn--enabled svg,
3551
+ .tox .tox-tree .tox-trbtn--enabled:hover svg {
3552
+ /* stylelint-disable-line no-descending-specificity */
3553
+ fill: #222f3e;
3554
+ }
3555
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
3556
+ color: #222f3e;
3557
+ }
3558
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
3559
+ fill: #222f3e;
3560
+ }
3561
+ .tox .tox-tree .tox-trbtn:active > * {
3562
+ transform: none;
3563
+ }
3564
+ .tox .tox-tree .tox-trbtn--return {
3565
+ align-self: stretch;
3566
+ height: unset;
3567
+ width: 16px;
3568
+ }
3569
+ .tox .tox-tree .tox-trbtn--labeled {
3570
+ padding: 0 4px;
3571
+ width: unset;
3572
+ }
3573
+ .tox .tox-tree .tox-trbtn__vlabel {
3574
+ display: block;
3575
+ font-size: 10px;
3576
+ font-weight: normal;
3577
+ letter-spacing: -0.025em;
3578
+ margin-bottom: 4px;
3579
+ white-space: nowrap;
3580
+ }
3581
+ .tox .tox-tree .tox-tree--directory {
3582
+ display: flex;
3583
+ flex-direction: column;
3584
+ /* stylelint-disable no-descending-specificity */
3585
+ }
3586
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
3587
+ font-weight: bold;
3588
+ }
3589
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
3590
+ margin-left: auto;
3591
+ }
3592
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
3593
+ fill: transparent;
3594
+ }
3595
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
3596
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
3597
+ fill: #222f3e;
3598
+ }
3599
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
3600
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
3601
+ fill: #222f3e;
3602
+ }
3603
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
3604
+ background-color: transparent;
3605
+ color: #222f3e;
3606
+ }
3607
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3608
+ fill: #222f3e;
3609
+ }
3610
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
3611
+ margin-right: 6px;
3612
+ }
3613
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
3614
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
3615
+ transition: transform 0.5s ease-in-out;
3616
+ }
3617
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
3618
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
3619
+ transform: rotate(90deg);
3620
+ }
3621
+ .tox .tox-tree .tox-tree--leaf__label {
3622
+ font-weight: normal;
3623
+ }
3624
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
3625
+ margin-left: auto;
3626
+ }
3627
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
3628
+ fill: transparent;
3629
+ }
3630
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
3631
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
3632
+ fill: #222f3e;
3633
+ }
3634
+ .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
3635
+ fill: #222f3e;
3636
+ }
3637
+ .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
3638
+ background-color: transparent;
3639
+ color: #222f3e;
3640
+ }
3641
+ .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3642
+ fill: #222f3e;
3643
+ }
3644
+ .tox .tox-tree .tox-tree--directory__children {
3645
+ overflow: hidden;
3646
+ padding-left: 16px;
3647
+ }
3648
+ .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
3649
+ .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
3650
+ transition: height 0.5s ease-in-out;
3651
+ }
3652
+ .tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
3653
+ display: flex;
3654
+ justify-content: space-between;
3655
+ }
3656
+ .tox .tox-view-wrap,
3657
+ .tox .tox-view-wrap__slot-container {
3658
+ background-color: #fff;
3659
+ display: flex;
3660
+ flex: 1;
3661
+ flex-direction: column;
3662
+ }
3663
+ .tox .tox-view {
3664
+ display: flex;
3665
+ flex: 1 1 auto;
3666
+ flex-direction: column;
3667
+ overflow: hidden;
3668
+ }
3669
+ .tox .tox-view__header {
3670
+ align-items: center;
3671
+ display: flex;
3672
+ font-size: 16px;
3673
+ justify-content: space-between;
3674
+ padding: 8px 8px 0 8px;
3675
+ position: relative;
3676
+ }
3677
+ .tox .tox-view--mobile.tox-view__header,
3678
+ .tox .tox-view--mobile.tox-view__toolbar {
3679
+ padding: 8px;
3680
+ }
3681
+ .tox .tox-view--scrolling {
3682
+ flex-wrap: nowrap;
3683
+ overflow-x: auto;
3684
+ }
3685
+ .tox .tox-view__toolbar {
3686
+ display: flex;
3687
+ flex-direction: row;
3688
+ gap: 8px;
3689
+ justify-content: space-between;
3690
+ padding: 8px 8px 0 8px;
3691
+ }
3692
+ .tox .tox-view__toolbar__group {
3693
+ display: flex;
3694
+ flex-direction: row;
3695
+ gap: 12px;
3696
+ }
3697
+ .tox .tox-view__header-start,
3698
+ .tox .tox-view__header-end {
3699
+ display: flex;
3700
+ }
3701
+ .tox .tox-view__pane {
3702
+ height: 100%;
3703
+ padding: 8px;
3704
+ width: 100%;
3705
+ }
3706
+ .tox .tox-view__pane_panel {
3707
+ border: 1px solid #cccccc;
3708
+ border-radius: 3px;
3709
+ }
3710
+ .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
3711
+ .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
3712
+ margin-left: 8px;
3713
+ }
3714
+ .tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
3715
+ .tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
3716
+ margin-right: 8px;
3717
+ }
2982
3718
  .tox .tox-well {
2983
3719
  border: 1px solid #cccccc;
2984
3720
  border-radius: 3px;
@@ -2999,6 +3735,7 @@ body.tox-dialog__disable-scroll {
2999
3735
  border-radius: 3px;
3000
3736
  display: flex;
3001
3737
  flex: 1;
3738
+ overflow: hidden;
3002
3739
  position: relative;
3003
3740
  }
3004
3741
  /* stylelint-disable */
@@ -3019,16 +3756,102 @@ body.tox-dialog__disable-scroll {
3019
3756
  .tox .tox-dialog__content-js {
3020
3757
  display: flex;
3021
3758
  flex: 1;
3022
- -ms-flex-preferred-size: auto;
3023
3759
  }
3024
3760
  .tox .tox-dialog__body-content .tox-collection {
3025
3761
  display: flex;
3026
3762
  flex: 1;
3027
- -ms-flex-preferred-size: auto;
3028
3763
  }
3029
- .tox .tox-image-tools-edit-panel {
3030
- height: 60px;
3764
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
3765
+ background-color: none;
3766
+ padding: 0;
3031
3767
  }
3032
- .tox .tox-image-tools__sidebar {
3033
- height: 60px;
3768
+ .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
3769
+ .tox.tox-tinymce-inline .tox-editor-header {
3770
+ margin-bottom: -1px;
3771
+ }
3772
+ .tox.tox-tinymce-inline .tox-editor-container {
3773
+ overflow: hidden;
3774
+ }
3775
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
3776
+ border-top: none;
3777
+ box-shadow: none;
3778
+ }
3779
+ .tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
3780
+ background-color: transparent;
3781
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
3782
+ padding: 0;
3783
+ }
3784
+ .tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
3785
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
3786
+ }
3787
+ .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
3788
+ margin: -4px 0;
3789
+ }
3790
+ .tox .tox-menu.tox-collection.tox-collection--list {
3791
+ padding: 0;
3792
+ }
3793
+ .tox .tox-pop {
3794
+ box-shadow: none;
3795
+ }
3796
+ .tox .tox-tbtn,
3797
+ .tox .tox-number-input,
3798
+ .tox .tox-tbtn--select,
3799
+ .tox .tox-split-button {
3800
+ margin: 2px 0 3px 0;
3801
+ }
3802
+ .tox .tox-toolbar,
3803
+ .tox .tox-toolbar__primary,
3804
+ .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='%23cccccc'/%3E%3C/svg%3E") left 0 top 0px #fff !important;
3806
+ }
3807
+ .tox .tox-menubar + .tox-toolbar-overlord {
3808
+ border-top: none;
3809
+ }
3810
+ .tox .tox-menubar + .tox-toolbar,
3811
+ .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3812
+ border-top: 1px solid #cccccc;
3813
+ margin-top: -1px;
3814
+ }
3815
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
3816
+ border: 1px solid #cccccc;
3817
+ padding: 0;
3818
+ }
3819
+ .tox .tox-pop .tox-pop__dialog .tox-toolbar {
3820
+ padding: 0;
3821
+ }
3822
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3823
+ border-top: 1px solid #cccccc;
3824
+ }
3825
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
3826
+ .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
3827
+ border-top: 1px solid #cccccc;
3828
+ }
3829
+ .tox .tox-toolbar__group {
3830
+ padding: 0 4px 0 4px;
3831
+ }
3832
+ .tox .tox-collection__item {
3833
+ border-radius: 0;
3834
+ cursor: pointer;
3835
+ }
3836
+ .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
3837
+ .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
3838
+ .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
3839
+ .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3840
+ .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3841
+ .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3842
+ color: rgba(34, 47, 62, 0.7);
3843
+ text-decoration: underline;
3844
+ }
3845
+ .tox .tox-statusbar__branding svg {
3846
+ vertical-align: -0.25em;
3847
+ }
3848
+ .tox:not([dir=rtl]) .tox-statusbar__branding {
3849
+ margin-left: 1ch;
3850
+ }
3851
+ .tox .tox-statusbar__resize-handle {
3852
+ padding-bottom: 0;
3853
+ padding-right: 0;
3854
+ }
3855
+ .tox .tox-button::before {
3856
+ display: none;
3034
3857
  }