argous 1.2.202 → 1.2.203

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 (407) hide show
  1. package/dist/components/ConfirmModal/ModalProvider.d.ts +1 -1
  2. package/dist/components/Editor/components/Editor.d.ts +4 -4
  3. package/dist/components/Editor/components/Editor.js +3 -3
  4. package/dist/components/Editor/skins/content/dark/content.d.ts +0 -0
  5. package/dist/components/Editor/skins/content/dark/content.js +3 -0
  6. package/dist/components/Editor/skins/content/default/content.d.ts +0 -0
  7. package/dist/components/Editor/skins/content/default/content.js +3 -0
  8. package/dist/components/Editor/skins/content/document/content.d.ts +0 -0
  9. package/dist/components/Editor/skins/content/document/content.js +3 -0
  10. package/dist/components/Editor/skins/content/tinymce-5/content.d.ts +0 -0
  11. package/dist/components/Editor/skins/content/tinymce-5/content.js +3 -0
  12. package/dist/components/Editor/skins/content/tinymce-5-dark/content.d.ts +0 -0
  13. package/dist/components/Editor/skins/content/tinymce-5-dark/content.js +3 -0
  14. package/dist/components/Editor/skins/content/writer/content.d.ts +0 -0
  15. package/dist/components/Editor/skins/content/writer/content.js +3 -0
  16. package/dist/components/Editor/skins/ui/oxide/content.d.ts +0 -0
  17. package/dist/components/Editor/skins/ui/oxide/content.inline.d.ts +0 -0
  18. package/dist/components/Editor/skins/ui/oxide/content.inline.js +3 -0
  19. package/dist/components/Editor/skins/ui/oxide/content.js +3 -0
  20. package/dist/components/Editor/skins/ui/oxide/skin.d.ts +0 -0
  21. package/dist/components/Editor/skins/ui/oxide/skin.js +3 -0
  22. package/dist/components/Editor/skins/ui/oxide/skin.shadowdom.d.ts +0 -0
  23. package/dist/components/Editor/skins/ui/oxide/skin.shadowdom.js +3 -0
  24. package/dist/components/Editor/skins/ui/oxide-dark/content.d.ts +0 -0
  25. package/dist/components/Editor/skins/ui/oxide-dark/content.inline.d.ts +0 -0
  26. package/dist/components/Editor/skins/ui/oxide-dark/content.inline.js +3 -0
  27. package/dist/components/Editor/skins/ui/oxide-dark/content.js +3 -0
  28. package/dist/components/Editor/skins/ui/oxide-dark/skin.d.ts +0 -0
  29. package/dist/components/Editor/skins/ui/oxide-dark/skin.js +3 -0
  30. package/dist/components/Editor/skins/ui/oxide-dark/skin.shadowdom.d.ts +0 -0
  31. package/dist/components/Editor/skins/ui/oxide-dark/skin.shadowdom.js +3 -0
  32. package/dist/components/Editor/skins/ui/tinymce-5/content.d.ts +0 -0
  33. package/dist/components/Editor/skins/ui/tinymce-5/content.inline.d.ts +0 -0
  34. package/dist/components/Editor/skins/ui/tinymce-5/content.inline.js +3 -0
  35. package/dist/components/Editor/skins/ui/tinymce-5/content.js +3 -0
  36. package/dist/components/Editor/skins/ui/tinymce-5/skin.d.ts +0 -0
  37. package/dist/components/Editor/skins/ui/tinymce-5/skin.js +3 -0
  38. package/dist/components/Editor/skins/ui/tinymce-5/skin.shadowdom.d.ts +0 -0
  39. package/dist/components/Editor/skins/ui/tinymce-5/skin.shadowdom.js +3 -0
  40. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.d.ts +0 -0
  41. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.inline.d.ts +0 -0
  42. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.inline.js +3 -0
  43. package/dist/components/Editor/skins/ui/tinymce-5-dark/content.js +3 -0
  44. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.d.ts +0 -0
  45. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.js +3 -0
  46. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.d.ts +0 -0
  47. package/dist/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.js +3 -0
  48. package/dist/components/Editor/tinymce/tinymce.d.ts +1722 -1447
  49. package/lib/components/Editor/components/Editor.tsx +8 -8
  50. package/lib/components/Editor/skins/content/dark/content.js +2 -0
  51. package/lib/components/Editor/skins/content/dark/content.min.css +1 -8
  52. package/lib/components/Editor/skins/content/default/content.js +2 -0
  53. package/lib/components/Editor/skins/content/default/content.min.css +0 -7
  54. package/lib/components/Editor/skins/content/document/content.js +2 -0
  55. package/lib/components/Editor/skins/content/document/content.min.css +0 -7
  56. package/lib/components/Editor/skins/content/tinymce-5/content.js +2 -0
  57. package/lib/components/Editor/skins/content/tinymce-5/content.min.css +1 -0
  58. package/lib/components/Editor/skins/content/tinymce-5-dark/content.js +2 -0
  59. package/lib/components/Editor/skins/content/tinymce-5-dark/content.min.css +1 -0
  60. package/lib/components/Editor/skins/content/writer/content.js +2 -0
  61. package/lib/components/Editor/skins/content/writer/content.min.css +0 -7
  62. package/lib/components/Editor/skins/ui/oxide/content.inline.js +2 -0
  63. package/lib/components/Editor/skins/ui/oxide/content.inline.min.css +1 -0
  64. package/lib/components/Editor/skins/ui/oxide/content.js +2 -0
  65. package/lib/components/Editor/skins/ui/oxide/content.min.css +1 -0
  66. package/lib/components/Editor/skins/ui/oxide/skin.js +2 -0
  67. package/lib/components/Editor/skins/ui/oxide/skin.min.css +1 -0
  68. package/lib/components/Editor/skins/ui/oxide/skin.shadowdom.js +2 -0
  69. package/lib/components/Editor/skins/ui/oxide/skin.shadowdom.min.css +1 -0
  70. package/lib/components/Editor/skins/ui/oxide-dark/content.inline.js +2 -0
  71. package/lib/components/Editor/skins/ui/oxide-dark/content.inline.min.css +1 -0
  72. package/lib/components/Editor/skins/ui/oxide-dark/content.js +2 -0
  73. package/lib/components/Editor/skins/ui/oxide-dark/content.min.css +1 -0
  74. package/lib/components/Editor/skins/ui/oxide-dark/skin.js +2 -0
  75. package/lib/components/Editor/skins/ui/oxide-dark/skin.min.css +1 -0
  76. package/lib/components/Editor/skins/ui/oxide-dark/skin.shadowdom.js +2 -0
  77. package/lib/components/Editor/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -0
  78. package/lib/components/Editor/skins/ui/tinymce-5/content.inline.js +2 -0
  79. package/lib/components/Editor/skins/ui/tinymce-5/content.inline.min.css +1 -0
  80. package/lib/components/Editor/skins/ui/tinymce-5/content.js +2 -0
  81. package/lib/components/Editor/skins/ui/tinymce-5/content.min.css +1 -0
  82. package/lib/components/Editor/skins/ui/tinymce-5/skin.js +2 -0
  83. package/lib/components/Editor/skins/ui/tinymce-5/skin.min.css +1 -0
  84. package/lib/components/Editor/skins/ui/tinymce-5/skin.shadowdom.js +2 -0
  85. package/lib/components/Editor/skins/ui/tinymce-5/skin.shadowdom.min.css +1 -0
  86. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.inline.js +2 -0
  87. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.inline.min.css +1 -0
  88. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.js +2 -0
  89. package/lib/components/Editor/skins/ui/tinymce-5-dark/content.min.css +1 -0
  90. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.js +2 -0
  91. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.min.css +1 -0
  92. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -0
  93. package/lib/components/Editor/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +1 -0
  94. package/lib/components/Editor/tinymce/README.md +24 -14
  95. package/lib/components/Editor/tinymce/icons/default/icons.js +185 -163
  96. package/lib/components/Editor/tinymce/icons/default/icons.min.js +1 -1
  97. package/lib/components/Editor/tinymce/langs/README.md +1 -1
  98. package/lib/components/Editor/tinymce/license.txt +21 -504
  99. package/lib/components/Editor/tinymce/models/dom/model.js +8040 -0
  100. package/lib/components/Editor/tinymce/models/dom/model.min.js +4 -0
  101. package/lib/components/Editor/tinymce/plugins/accordion/plugin.js +1054 -0
  102. package/lib/components/Editor/tinymce/plugins/accordion/plugin.min.js +4 -0
  103. package/lib/components/Editor/tinymce/plugins/advlist/plugin.js +187 -208
  104. package/lib/components/Editor/tinymce/plugins/advlist/plugin.min.js +2 -7
  105. package/lib/components/Editor/tinymce/plugins/anchor/plugin.js +82 -84
  106. package/lib/components/Editor/tinymce/plugins/anchor/plugin.min.js +2 -7
  107. package/lib/components/Editor/tinymce/plugins/autolink/plugin.js +210 -167
  108. package/lib/components/Editor/tinymce/plugins/autolink/plugin.min.js +2 -7
  109. package/lib/components/Editor/tinymce/plugins/autoresize/plugin.js +118 -97
  110. package/lib/components/Editor/tinymce/plugins/autoresize/plugin.min.js +2 -7
  111. package/lib/components/Editor/tinymce/plugins/autosave/plugin.js +129 -108
  112. package/lib/components/Editor/tinymce/plugins/autosave/plugin.min.js +2 -7
  113. package/lib/components/Editor/tinymce/plugins/charmap/plugin.js +285 -333
  114. package/lib/components/Editor/tinymce/plugins/charmap/plugin.min.js +2 -7
  115. package/lib/components/Editor/tinymce/plugins/code/plugin.js +19 -26
  116. package/lib/components/Editor/tinymce/plugins/code/plugin.min.js +2 -7
  117. package/lib/components/Editor/tinymce/plugins/codesample/plugin.js +2225 -2094
  118. package/lib/components/Editor/tinymce/plugins/codesample/plugin.min.js +2 -7
  119. package/lib/components/Editor/tinymce/plugins/directionality/plugin.js +318 -243
  120. package/lib/components/Editor/tinymce/plugins/directionality/plugin.min.js +2 -7
  121. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojiimages.js +1 -9424
  122. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojiimages.min.js +1 -1
  123. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojis.js +1 -9423
  124. package/lib/components/Editor/tinymce/plugins/emoticons/js/emojis.min.js +1 -1
  125. package/lib/components/Editor/tinymce/plugins/emoticons/plugin.js +406 -416
  126. package/lib/components/Editor/tinymce/plugins/emoticons/plugin.min.js +2 -7
  127. package/lib/components/Editor/tinymce/plugins/fullscreen/plugin.js +821 -604
  128. package/lib/components/Editor/tinymce/plugins/fullscreen/plugin.min.js +2 -7
  129. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ar.js +90 -0
  130. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/bg_BG.js +90 -0
  131. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ca.js +90 -0
  132. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/cs.js +90 -0
  133. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/da.js +90 -0
  134. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/de.js +90 -0
  135. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/el.js +90 -0
  136. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/en.js +90 -0
  137. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/es.js +90 -0
  138. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/eu.js +90 -0
  139. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/fa.js +90 -0
  140. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/fi.js +90 -0
  141. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/fr_FR.js +90 -0
  142. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/he_IL.js +90 -0
  143. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/hi.js +90 -0
  144. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/hr.js +90 -0
  145. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/hu_HU.js +90 -0
  146. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/id.js +90 -0
  147. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/it.js +90 -0
  148. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ja.js +90 -0
  149. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/kk.js +90 -0
  150. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ko_KR.js +90 -0
  151. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ms.js +90 -0
  152. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/nb_NO.js +90 -0
  153. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/nl.js +90 -0
  154. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/pl.js +90 -0
  155. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/pt_BR.js +90 -0
  156. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/pt_PT.js +90 -0
  157. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ro.js +90 -0
  158. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/ru.js +90 -0
  159. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/sk.js +90 -0
  160. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/sl_SI.js +90 -0
  161. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/sv_SE.js +90 -0
  162. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/th_TH.js +90 -0
  163. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/tr.js +90 -0
  164. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/uk.js +90 -0
  165. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/vi.js +90 -0
  166. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/zh_CN.js +84 -0
  167. package/lib/components/Editor/tinymce/plugins/help/js/i18n/keynav/zh_TW.js +90 -0
  168. package/lib/components/Editor/tinymce/plugins/help/plugin.js +428 -403
  169. package/lib/components/Editor/tinymce/plugins/help/plugin.min.js +2 -7
  170. package/lib/components/Editor/tinymce/plugins/image/plugin.js +887 -1043
  171. package/lib/components/Editor/tinymce/plugins/image/plugin.min.js +2 -7
  172. package/lib/components/Editor/tinymce/plugins/importcss/plugin.js +163 -162
  173. package/lib/components/Editor/tinymce/plugins/importcss/plugin.min.js +2 -7
  174. package/lib/components/Editor/tinymce/plugins/insertdatetime/plugin.js +101 -91
  175. package/lib/components/Editor/tinymce/plugins/insertdatetime/plugin.min.js +2 -7
  176. package/lib/components/Editor/tinymce/plugins/link/plugin.js +739 -784
  177. package/lib/components/Editor/tinymce/plugins/link/plugin.min.js +2 -7
  178. package/lib/components/Editor/tinymce/plugins/lists/plugin.js +1282 -1396
  179. package/lib/components/Editor/tinymce/plugins/lists/plugin.min.js +2 -7
  180. package/lib/components/Editor/tinymce/plugins/media/plugin.js +641 -806
  181. package/lib/components/Editor/tinymce/plugins/media/plugin.min.js +2 -7
  182. package/lib/components/Editor/tinymce/plugins/nonbreaking/plugin.js +76 -54
  183. package/lib/components/Editor/tinymce/plugins/nonbreaking/plugin.min.js +2 -7
  184. package/lib/components/Editor/tinymce/plugins/pagebreak/plugin.js +58 -46
  185. package/lib/components/Editor/tinymce/plugins/pagebreak/plugin.min.js +2 -7
  186. package/lib/components/Editor/tinymce/plugins/preview/plugin.js +39 -69
  187. package/lib/components/Editor/tinymce/plugins/preview/plugin.min.js +2 -7
  188. package/lib/components/Editor/tinymce/plugins/quickbars/plugin.js +307 -349
  189. package/lib/components/Editor/tinymce/plugins/quickbars/plugin.min.js +2 -7
  190. package/lib/components/Editor/tinymce/plugins/save/plugin.js +50 -51
  191. package/lib/components/Editor/tinymce/plugins/save/plugin.min.js +2 -7
  192. package/lib/components/Editor/tinymce/plugins/searchreplace/plugin.js +517 -587
  193. package/lib/components/Editor/tinymce/plugins/searchreplace/plugin.min.js +2 -7
  194. package/lib/components/Editor/tinymce/plugins/table/plugin.js +2666 -10142
  195. package/lib/components/Editor/tinymce/plugins/table/plugin.min.js +2 -7
  196. package/lib/components/Editor/tinymce/plugins/template/plugin.js +403 -413
  197. package/lib/components/Editor/tinymce/plugins/template/plugin.min.js +2 -7
  198. package/lib/components/Editor/tinymce/plugins/visualblocks/plugin.js +42 -48
  199. package/lib/components/Editor/tinymce/plugins/visualblocks/plugin.min.js +2 -7
  200. package/lib/components/Editor/tinymce/plugins/visualchars/plugin.js +352 -333
  201. package/lib/components/Editor/tinymce/plugins/visualchars/plugin.min.js +2 -7
  202. package/lib/components/Editor/tinymce/plugins/wordcount/plugin.js +184 -195
  203. package/lib/components/Editor/tinymce/plugins/wordcount/plugin.min.js +2 -7
  204. package/lib/components/Editor/tinymce/skins/content/dark/content.css +2 -8
  205. package/lib/components/Editor/tinymce/skins/content/dark/content.js +2 -0
  206. package/lib/components/Editor/tinymce/skins/content/dark/content.js.map +1 -0
  207. package/lib/components/Editor/tinymce/skins/content/dark/content.min.css +2 -8
  208. package/lib/components/Editor/tinymce/skins/content/dark/content.min.css.map +1 -1
  209. package/lib/components/Editor/tinymce/skins/content/default/content.css +0 -6
  210. package/lib/components/Editor/tinymce/skins/content/default/content.js +2 -0
  211. package/lib/components/Editor/tinymce/skins/content/default/content.js.map +1 -0
  212. package/lib/components/Editor/tinymce/skins/content/default/content.min.css +1 -7
  213. package/lib/components/Editor/tinymce/skins/content/default/content.min.css.map +1 -1
  214. package/lib/components/Editor/tinymce/skins/content/document/content.css +0 -6
  215. package/lib/components/Editor/tinymce/skins/content/document/content.js +2 -0
  216. package/lib/components/Editor/tinymce/skins/content/document/content.js.map +1 -0
  217. package/lib/components/Editor/tinymce/skins/content/document/content.min.css +0 -6
  218. package/lib/components/Editor/tinymce/skins/content/document/content.min.css.map +1 -1
  219. package/lib/components/Editor/{skins/content/default → tinymce/skins/content/tinymce-5}/content.css +0 -6
  220. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.js +2 -0
  221. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.js.map +1 -0
  222. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.min.css +2 -0
  223. package/lib/components/Editor/tinymce/skins/content/tinymce-5/content.min.css.map +1 -0
  224. package/lib/components/Editor/{skins/content/dark → tinymce/skins/content/tinymce-5-dark}/content.css +1 -7
  225. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.js +2 -0
  226. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.js.map +1 -0
  227. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.min.css +2 -0
  228. package/lib/components/Editor/tinymce/skins/content/tinymce-5-dark/content.min.css.map +1 -0
  229. package/lib/components/Editor/tinymce/skins/content/writer/content.css +0 -6
  230. package/lib/components/Editor/tinymce/skins/content/writer/content.js +2 -0
  231. package/lib/components/Editor/tinymce/skins/content/writer/content.js.map +1 -0
  232. package/lib/components/Editor/tinymce/skins/content/writer/content.min.css +0 -6
  233. package/lib/components/Editor/tinymce/skins/content/writer/content.min.css.map +1 -1
  234. package/lib/components/Editor/tinymce/skins/ui/oxide/content.css +74 -21
  235. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.css +74 -21
  236. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.js +2 -0
  237. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.js.map +1 -0
  238. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.min.css +1 -7
  239. package/lib/components/Editor/tinymce/skins/ui/oxide/content.inline.min.css.map +1 -1
  240. package/lib/components/Editor/tinymce/skins/ui/oxide/content.js +2 -0
  241. package/lib/components/Editor/tinymce/skins/ui/oxide/content.js.map +1 -0
  242. package/lib/components/Editor/tinymce/skins/ui/oxide/content.min.css +1 -7
  243. package/lib/components/Editor/tinymce/skins/ui/oxide/content.min.css.map +1 -1
  244. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.css +1131 -402
  245. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.js +2 -0
  246. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.js.map +1 -0
  247. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.min.css +1 -7
  248. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.min.css.map +1 -1
  249. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.css +8 -15
  250. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.js +2 -0
  251. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.js.map +1 -0
  252. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.min.css +1 -7
  253. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.shadowdom.min.css.map +1 -1
  254. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.css +72 -20
  255. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.css +74 -21
  256. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.js +2 -0
  257. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.js.map +1 -0
  258. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.min.css +1 -7
  259. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.inline.min.css.map +1 -1
  260. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.js +2 -0
  261. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.js.map +1 -0
  262. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.min.css +1 -7
  263. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.min.css.map +1 -1
  264. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.css +1155 -423
  265. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.js +2 -0
  266. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.js.map +1 -0
  267. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.min.css +1 -7
  268. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.min.css.map +1 -1
  269. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.css +8 -15
  270. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.js +2 -0
  271. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.js.map +1 -0
  272. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -7
  273. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css.map +1 -1
  274. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/content.css +75 -22
  275. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/content.inline.css +75 -22
  276. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.js +2 -0
  277. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.js.map +1 -0
  278. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.min.css +2 -0
  279. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.inline.min.css.map +1 -0
  280. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.js +2 -0
  281. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.js.map +1 -0
  282. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.min.css +2 -0
  283. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/content.min.css.map +1 -0
  284. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/skin.css +1261 -438
  285. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.js +2 -0
  286. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.js.map +1 -0
  287. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.min.css +2 -0
  288. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.min.css.map +1 -0
  289. package/lib/components/Editor/{skins/ui/default → tinymce/skins/ui/tinymce-5}/skin.shadowdom.css +8 -15
  290. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.js +2 -0
  291. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.js.map +1 -0
  292. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css +2 -0
  293. package/lib/components/Editor/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css.map +1 -0
  294. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/content.css +73 -21
  295. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/content.inline.css +75 -22
  296. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.js +2 -0
  297. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.js.map +1 -0
  298. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css +2 -0
  299. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css.map +1 -0
  300. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.js +2 -0
  301. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.js.map +1 -0
  302. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.min.css +2 -0
  303. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/content.min.css.map +1 -0
  304. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/skin.css +1244 -421
  305. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.js +2 -0
  306. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.js.map +1 -0
  307. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.min.css +2 -0
  308. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.min.css.map +1 -0
  309. package/lib/components/Editor/{skins/ui/dark → tinymce/skins/ui/tinymce-5-dark}/skin.shadowdom.css +8 -15
  310. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -0
  311. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js.map +1 -0
  312. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +2 -0
  313. package/lib/components/Editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css.map +1 -0
  314. package/lib/components/Editor/tinymce/themes/silver/theme.js +23228 -24955
  315. package/lib/components/Editor/tinymce/themes/silver/theme.min.js +2 -7
  316. package/lib/components/Editor/tinymce/tinymce.d.ts +1722 -1447
  317. package/lib/components/Editor/tinymce/tinymce.js +23668 -22018
  318. package/lib/components/Editor/tinymce/tinymce.min.js +2 -30104
  319. package/package.json +1 -1
  320. package/lib/components/Editor/skins/content/dark/content.min.css.map +0 -1
  321. package/lib/components/Editor/skins/content/default/content.min.css.map +0 -1
  322. package/lib/components/Editor/skins/content/document/content.css +0 -72
  323. package/lib/components/Editor/skins/content/document/content.min.css.map +0 -1
  324. package/lib/components/Editor/skins/content/writer/content.css +0 -68
  325. package/lib/components/Editor/skins/content/writer/content.min.css.map +0 -1
  326. package/lib/components/Editor/skins/ui/dark/content.inline.min.css +0 -8
  327. package/lib/components/Editor/skins/ui/dark/content.inline.min.css.map +0 -1
  328. package/lib/components/Editor/skins/ui/dark/content.min.css +0 -8
  329. package/lib/components/Editor/skins/ui/dark/content.min.css.map +0 -1
  330. package/lib/components/Editor/skins/ui/dark/content.mobile.css +0 -29
  331. package/lib/components/Editor/skins/ui/dark/content.mobile.min.css +0 -8
  332. package/lib/components/Editor/skins/ui/dark/content.mobile.min.css.map +0 -1
  333. package/lib/components/Editor/skins/ui/dark/fonts/tinymce-mobile.woff +0 -0
  334. package/lib/components/Editor/skins/ui/dark/skin.min.css +0 -8
  335. package/lib/components/Editor/skins/ui/dark/skin.min.css.map +0 -1
  336. package/lib/components/Editor/skins/ui/dark/skin.mobile.css +0 -673
  337. package/lib/components/Editor/skins/ui/dark/skin.mobile.min.css +0 -8
  338. package/lib/components/Editor/skins/ui/dark/skin.mobile.min.css.map +0 -1
  339. package/lib/components/Editor/skins/ui/dark/skin.shadowdom.min.css +0 -8
  340. package/lib/components/Editor/skins/ui/dark/skin.shadowdom.min.css.map +0 -1
  341. package/lib/components/Editor/skins/ui/default/content.inline.min.css +0 -8
  342. package/lib/components/Editor/skins/ui/default/content.inline.min.css.map +0 -1
  343. package/lib/components/Editor/skins/ui/default/content.min.css +0 -8
  344. package/lib/components/Editor/skins/ui/default/content.min.css.map +0 -1
  345. package/lib/components/Editor/skins/ui/default/content.mobile.css +0 -29
  346. package/lib/components/Editor/skins/ui/default/content.mobile.min.css +0 -8
  347. package/lib/components/Editor/skins/ui/default/content.mobile.min.css.map +0 -1
  348. package/lib/components/Editor/skins/ui/default/fonts/tinymce-mobile.woff +0 -0
  349. package/lib/components/Editor/skins/ui/default/skin.min.css +0 -8
  350. package/lib/components/Editor/skins/ui/default/skin.min.css.map +0 -1
  351. package/lib/components/Editor/skins/ui/default/skin.mobile.css +0 -673
  352. package/lib/components/Editor/skins/ui/default/skin.mobile.min.css +0 -8
  353. package/lib/components/Editor/skins/ui/default/skin.mobile.min.css.map +0 -1
  354. package/lib/components/Editor/skins/ui/default/skin.shadowdom.min.css +0 -8
  355. package/lib/components/Editor/skins/ui/default/skin.shadowdom.min.css.map +0 -1
  356. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/fonts/tinymce-mobile.woff +0 -0
  357. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/plugin-tinycomments-tinymce4.css +0 -1641
  358. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/plugin-tinycomments-tinymce4.min.css +0 -8
  359. package/lib/components/Editor/skins/ui/plugin-tinycomments-tinymce4/plugin-tinycomments-tinymce4.min.css.map +0 -1
  360. package/lib/components/Editor/tinymce/jquery.tinymce.min.js +0 -92
  361. package/lib/components/Editor/tinymce/langs/pt_BR.js +0 -419
  362. package/lib/components/Editor/tinymce/plugins/bbcode/plugin.js +0 -99
  363. package/lib/components/Editor/tinymce/plugins/bbcode/plugin.min.js +0 -9
  364. package/lib/components/Editor/tinymce/plugins/colorpicker/plugin.js +0 -22
  365. package/lib/components/Editor/tinymce/plugins/colorpicker/plugin.min.js +0 -9
  366. package/lib/components/Editor/tinymce/plugins/contextmenu/plugin.js +0 -22
  367. package/lib/components/Editor/tinymce/plugins/contextmenu/plugin.min.js +0 -9
  368. package/lib/components/Editor/tinymce/plugins/fullpage/plugin.js +0 -544
  369. package/lib/components/Editor/tinymce/plugins/fullpage/plugin.min.js +0 -9
  370. package/lib/components/Editor/tinymce/plugins/hr/plugin.js +0 -46
  371. package/lib/components/Editor/tinymce/plugins/hr/plugin.min.js +0 -9
  372. package/lib/components/Editor/tinymce/plugins/imagetools/plugin.js +0 -1354
  373. package/lib/components/Editor/tinymce/plugins/imagetools/plugin.min.js +0 -9
  374. package/lib/components/Editor/tinymce/plugins/legacyoutput/plugin.js +0 -199
  375. package/lib/components/Editor/tinymce/plugins/legacyoutput/plugin.min.js +0 -9
  376. package/lib/components/Editor/tinymce/plugins/noneditable/plugin.js +0 -117
  377. package/lib/components/Editor/tinymce/plugins/noneditable/plugin.min.js +0 -9
  378. package/lib/components/Editor/tinymce/plugins/paste/plugin.js +0 -1764
  379. package/lib/components/Editor/tinymce/plugins/paste/plugin.min.js +0 -9
  380. package/lib/components/Editor/tinymce/plugins/print/plugin.js +0 -53
  381. package/lib/components/Editor/tinymce/plugins/print/plugin.min.js +0 -9
  382. package/lib/components/Editor/tinymce/plugins/spellchecker/plugin.js +0 -731
  383. package/lib/components/Editor/tinymce/plugins/spellchecker/plugin.min.js +0 -9
  384. package/lib/components/Editor/tinymce/plugins/tabfocus/plugin.js +0 -129
  385. package/lib/components/Editor/tinymce/plugins/tabfocus/plugin.min.js +0 -9
  386. package/lib/components/Editor/tinymce/plugins/textcolor/plugin.js +0 -22
  387. package/lib/components/Editor/tinymce/plugins/textcolor/plugin.min.js +0 -9
  388. package/lib/components/Editor/tinymce/plugins/textpattern/plugin.js +0 -1394
  389. package/lib/components/Editor/tinymce/plugins/textpattern/plugin.min.js +0 -9
  390. package/lib/components/Editor/tinymce/plugins/toc/plugin.js +0 -236
  391. package/lib/components/Editor/tinymce/plugins/toc/plugin.min.js +0 -9
  392. package/lib/components/Editor/tinymce/skins/ui/oxide/content.mobile.css +0 -29
  393. package/lib/components/Editor/tinymce/skins/ui/oxide/content.mobile.min.css +0 -8
  394. package/lib/components/Editor/tinymce/skins/ui/oxide/content.mobile.min.css.map +0 -1
  395. package/lib/components/Editor/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff +0 -0
  396. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.mobile.css +0 -673
  397. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.mobile.min.css +0 -8
  398. package/lib/components/Editor/tinymce/skins/ui/oxide/skin.mobile.min.css.map +0 -1
  399. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.mobile.css +0 -29
  400. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.mobile.min.css +0 -8
  401. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/content.mobile.min.css.map +0 -1
  402. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff +0 -0
  403. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.mobile.css +0 -673
  404. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.mobile.min.css +0 -8
  405. package/lib/components/Editor/tinymce/skins/ui/oxide-dark/skin.mobile.min.css.map +0 -1
  406. package/lib/components/Editor/tinymce/themes/mobile/theme.js +0 -13587
  407. 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: #2A3746;
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;
@@ -62,29 +56,34 @@
62
56
  text-align: right;
63
57
  }
64
58
  .tox-tinymce {
65
- border: 1px solid #0f0f0f;
59
+ border: 1px solid #000000;
66
60
  border-radius: 0;
67
61
  box-shadow: none;
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;
82
- border: 1px solid #0f0f0f;
75
+ .tox.tox-tinymce-inline .tox-editor-container {
76
+ overflow: initial;
77
+ }
78
+ .tox.tox-tinymce-inline .tox-editor-header {
79
+ background-color: #222f3e;
80
+ border: 1px solid #000000;
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 #0f0f0f;
105
106
  border-radius: 3px;
106
107
  display: flex;
107
108
  justify-content: space-between;
@@ -114,71 +115,91 @@ 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: #0f0f0f;
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.5);
126
- border-color: #00995d;
125
+ background-color: rgba(30, 113, 170, 0.4);
127
126
  color: #fff;
128
127
  }
129
- .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
130
- border-color: #00995d;
131
- }
132
128
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
133
129
  color: #fff;
134
130
  }
135
131
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
136
132
  fill: #fff;
137
133
  }
138
- .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
134
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
135
+ background-color: #207ab7;
139
136
  color: #fff;
140
137
  }
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 */
147
+ }
141
148
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
142
149
  background-color: rgba(255, 165, 0, 0.5);
143
- border-color: rgba(255, 165, 0, 0.8);
144
150
  color: #fff;
145
151
  }
146
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
147
- border-color: rgba(255, 165, 0, 0.8);
148
- }
149
152
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
150
153
  color: #fff;
151
154
  }
152
155
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
153
156
  fill: #fff;
154
157
  }
155
- .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
156
- color: #fff;
158
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
159
+ background-color: #FFE89D;
160
+ color: #2A3746;
161
+ }
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: #2A3746;
166
+ }
167
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
168
+ background-color: #E8C657;
169
+ color: #2A3746;
170
+ }
171
+ .tox .tox-dialog__body-content .accessibility-issue--error {
172
+ /* stylelint-disable-next-line no-descending-specificity */
157
173
  }
158
174
  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
159
- background-color: rgba(244, 67, 54, 0.5);
160
- border-color: rgba(244, 67, 54, 0.8);
175
+ background-color: rgba(204, 0, 0, 0.5);
161
176
  color: #fff;
162
177
  }
163
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
164
- border-color: rgba(244, 67, 54, 0.8);
165
- }
166
178
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
167
179
  color: #fff;
168
180
  }
169
181
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
170
182
  fill: #fff;
171
183
  }
172
- .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
173
- color: #fff;
184
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
185
+ background-color: #F2BFBF;
186
+ color: #2A3746;
187
+ }
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: #2A3746;
192
+ }
193
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
194
+ background-color: #EE9494;
195
+ color: #2A3746;
174
196
  }
175
197
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
176
- background-color: rgba(76, 175, 80, 0.5);
177
- border-color: rgba(76, 175, 80, 0.8);
198
+ background-color: rgba(120, 171, 70, 0.5);
178
199
  color: #fff;
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.8);
202
+ display: none;
182
203
  }
183
204
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
184
205
  color: #fff;
@@ -186,11 +207,9 @@ button::-moz-focus-inner {
186
207
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
187
208
  fill: #fff;
188
209
  }
189
- .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
190
- color: #fff;
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: #000000;
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,46 +290,110 @@ 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;
282
367
  background-image: none;
283
- border-color: #00663e;
368
+ border-color: #154f76;
284
369
  box-shadow: none;
285
370
  color: #fff;
286
371
  }
372
+ .tox .tox-button.tox-button--enabled:active:not(:disabled) {
373
+ background-color: #114060;
374
+ background-image: none;
375
+ border-color: #114060;
376
+ box-shadow: none;
377
+ color: #fff;
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
- background-color: #686868;
392
+ background-color: #3d546f;
289
393
  background-image: none;
290
394
  background-position: 0 0;
291
395
  background-repeat: repeat;
292
- border-color: #686868;
396
+ border-color: #3d546f;
293
397
  border-radius: 3px;
294
398
  border-style: solid;
295
399
  border-width: 1px;
@@ -305,30 +409,65 @@ button::-moz-focus-inner {
305
409
  text-transform: none;
306
410
  }
307
411
  .tox .tox-button--secondary[disabled] {
308
- background-color: #686868;
412
+ background-color: #3d546f;
309
413
  background-image: none;
310
- border-color: #686868;
414
+ border-color: #3d546f;
311
415
  box-shadow: none;
312
416
  color: rgba(255, 255, 255, 0.5);
313
417
  }
314
418
  .tox .tox-button--secondary:focus:not(:disabled) {
315
- background-color: #5c5c5c;
419
+ background-color: #34485f;
316
420
  background-image: none;
317
- border-color: #5c5c5c;
421
+ border-color: #34485f;
318
422
  box-shadow: none;
319
423
  color: #fff;
320
424
  }
321
425
  .tox .tox-button--secondary:hover:not(:disabled) {
322
- background-color: #5c5c5c;
426
+ background-color: #34485f;
323
427
  background-image: none;
324
- border-color: #5c5c5c;
428
+ border-color: #34485f;
325
429
  box-shadow: none;
326
430
  color: #fff;
327
431
  }
328
432
  .tox .tox-button--secondary:active:not(:disabled) {
329
- background-color: #4f4f4f;
433
+ background-color: #2b3b4e;
434
+ background-image: none;
435
+ border-color: #2b3b4e;
436
+ box-shadow: none;
437
+ color: #fff;
438
+ }
439
+ .tox .tox-button--secondary.tox-button--enabled {
440
+ background-color: #346085;
441
+ background-image: none;
442
+ border-color: #346085;
443
+ box-shadow: none;
444
+ color: #fff;
445
+ }
446
+ .tox .tox-button--secondary.tox-button--enabled[disabled] {
447
+ background-color: #346085;
448
+ background-image: none;
449
+ border-color: #346085;
450
+ box-shadow: none;
451
+ color: rgba(255, 255, 255, 0.5);
452
+ }
453
+ .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
454
+ background-color: #2d5373;
455
+ background-image: none;
456
+ border-color: #2d5373;
457
+ box-shadow: none;
458
+ color: #fff;
459
+ }
460
+ .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
461
+ background-color: #2d5373;
462
+ background-image: none;
463
+ border-color: #2d5373;
464
+ box-shadow: none;
465
+ color: #fff;
466
+ }
467
+ .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
468
+ background-color: #264560;
330
469
  background-image: none;
331
- border-color: #4f4f4f;
470
+ border-color: #264560;
332
471
  box-shadow: none;
333
472
  color: #fff;
334
473
  }
@@ -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;
@@ -367,26 +506,26 @@ button::-moz-focus-inner {
367
506
  color: #fff;
368
507
  }
369
508
  .tox .tox-button--naked[disabled] {
370
- background-color: #686868;
371
- border-color: #686868;
509
+ background-color: #3d546f;
510
+ border-color: #3d546f;
372
511
  box-shadow: none;
373
512
  color: rgba(255, 255, 255, 0.5);
374
513
  }
375
514
  .tox .tox-button--naked:hover:not(:disabled) {
376
- background-color: #5c5c5c;
377
- border-color: #5c5c5c;
515
+ background-color: #34485f;
516
+ border-color: #34485f;
378
517
  box-shadow: none;
379
518
  color: #fff;
380
519
  }
381
520
  .tox .tox-button--naked:focus:not(:disabled) {
382
- background-color: #5c5c5c;
383
- border-color: #5c5c5c;
521
+ background-color: #34485f;
522
+ border-color: #34485f;
384
523
  box-shadow: none;
385
524
  color: #fff;
386
525
  }
387
526
  .tox .tox-button--naked:active:not(:disabled) {
388
- background-color: #4f4f4f;
389
- border-color: #4f4f4f;
527
+ background-color: #2b3b4e;
528
+ border-color: #2b3b4e;
390
529
  box-shadow: none;
391
530
  color: #fff;
392
531
  }
@@ -429,11 +568,11 @@ button::-moz-focus-inner {
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
578
  color: rgba(255, 255, 255, 0.5);
@@ -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 {
@@ -500,7 +639,7 @@ button::-moz-focus-inner {
500
639
  }
501
640
  .tox .tox-collection--list .tox-collection__group {
502
641
  border-bottom-width: 0;
503
- border-color: #292929;
642
+ border-color: #1a1a1a;
504
643
  border-left-width: 0;
505
644
  border-right-width: 0;
506
645
  border-style: solid;
@@ -511,7 +650,7 @@ button::-moz-focus-inner {
511
650
  border-top-width: 0;
512
651
  }
513
652
  .tox .tox-collection__group-heading {
514
- background-color: #424242;
653
+ background-color: #333333;
515
654
  color: #fff;
516
655
  cursor: default;
517
656
  font-size: 12px;
@@ -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;
670
+ border-radius: 3px;
532
671
  color: #fff;
533
- cursor: pointer;
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 {
@@ -550,25 +687,25 @@ button::-moz-focus-inner {
550
687
  padding: 4px;
551
688
  }
552
689
  .tox .tox-collection--list .tox-collection__item--enabled {
553
- background-color: #4f4f4f;
690
+ background-color: #2b3b4e;
554
691
  color: #fff;
555
692
  }
556
693
  .tox .tox-collection--list .tox-collection__item--active {
557
- background-color: #5e5e5e;
694
+ background-color: #4a5562;
558
695
  }
559
696
  .tox .tox-collection--toolbar .tox-collection__item--enabled {
560
- background-color: #848484;
697
+ background-color: #757d87;
561
698
  color: #fff;
562
699
  }
563
700
  .tox .tox-collection--toolbar .tox-collection__item--active {
564
- background-color: #5e5e5e;
701
+ background-color: #4a5562;
565
702
  }
566
703
  .tox .tox-collection--grid .tox-collection__item--enabled {
567
- background-color: #848484;
704
+ background-color: #757d87;
568
705
  color: #fff;
569
706
  }
570
707
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
571
- background-color: #5e5e5e;
708
+ background-color: #4a5562;
572
709
  color: #fff;
573
710
  }
574
711
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
@@ -577,11 +714,6 @@ button::-moz-focus-inner {
577
714
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
578
715
  color: #fff;
579
716
  }
580
- .tox .tox-collection__item--state-disabled {
581
- background-color: transparent;
582
- color: rgba(255, 255, 255, 0.5);
583
- cursor: not-allowed;
584
- }
585
717
  .tox .tox-collection__item-icon,
586
718
  .tox .tox-collection__item-checkmark {
587
719
  align-items: center;
@@ -602,11 +734,11 @@ 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
  }
@@ -631,6 +763,14 @@ button::-moz-focus-inner {
631
763
  .tox .tox-collection__item-caret svg {
632
764
  fill: #fff;
633
765
  }
766
+ .tox .tox-collection__item--state-disabled {
767
+ background-color: transparent;
768
+ color: rgba(255, 255, 255, 0.5);
769
+ cursor: not-allowed;
770
+ }
771
+ .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
772
+ fill: rgba(255, 255, 255, 0.5);
773
+ }
634
774
  .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
635
775
  display: none;
636
776
  }
@@ -638,10 +778,10 @@ button::-moz-focus-inner {
638
778
  display: none;
639
779
  }
640
780
  .tox .tox-collection--horizontal {
641
- background-color: #4f4f4f;
642
- border: 1px solid #292929;
781
+ background-color: #2b3b4e;
782
+ border: 1px solid #1a1a1a;
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(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 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,14 +849,13 @@ 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;
718
856
  }
719
857
  .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
720
- border-right: 1px solid #0f0f0f;
858
+ border-right: 1px solid #000000;
721
859
  }
722
860
  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
723
861
  margin-left: 8px;
@@ -733,7 +871,7 @@ button::-moz-focus-inner {
733
871
  margin-left: 16px;
734
872
  }
735
873
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
736
- border-left: 1px solid #0f0f0f;
874
+ border-left: 1px solid #000000;
737
875
  }
738
876
  .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
739
877
  margin-right: 8px;
@@ -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: #fff;
907
1044
  height: 24px;
908
1045
  width: 24px;
909
1046
  }
910
1047
  .tox .tox-swatches__picker-btn:hover {
911
- background: #5e5e5e;
1048
+ background: #4a5562;
1049
+ }
1050
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1051
+ display: none;
1052
+ fill: #fff;
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;
@@ -917,17 +1070,17 @@ button::-moz-focus-inner {
917
1070
  margin-right: auto;
918
1071
  }
919
1072
  .tox .tox-comment-thread {
920
- background: #4f4f4f;
1073
+ background: #2b3b4e;
921
1074
  position: relative;
922
1075
  }
923
1076
  .tox .tox-comment-thread > *:not(:first-child) {
924
1077
  margin-top: 8px;
925
1078
  }
926
1079
  .tox .tox-comment {
927
- background: #4f4f4f;
928
- border: 1px solid #0f0f0f;
1080
+ background: #2b3b4e;
1081
+ border: 1px solid #000000;
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(42, 55, 70, 0.1);
931
1084
  padding: 8px 8px 16px 8px;
932
1085
  position: relative;
933
1086
  }
@@ -938,8 +1091,9 @@ button::-moz-focus-inner {
938
1091
  justify-content: space-between;
939
1092
  }
940
1093
  .tox .tox-comment__date {
941
- color: rgba(255, 255, 255, 0.5);
1094
+ color: #fff;
942
1095
  font-size: 12px;
1096
+ line-height: 18px;
943
1097
  }
944
1098
  .tox .tox-comment__body {
945
1099
  color: #fff;
@@ -972,7 +1126,7 @@ button::-moz-focus-inner {
972
1126
  text-align: center;
973
1127
  }
974
1128
  .tox .tox-comment-thread__overlay::after {
975
- background: #4f4f4f;
1129
+ background: #2b3b4e;
976
1130
  bottom: 0;
977
1131
  content: "";
978
1132
  display: flex;
@@ -1001,7 +1155,7 @@ button::-moz-focus-inner {
1001
1155
  margin-top: 16px;
1002
1156
  }
1003
1157
  .tox .tox-comment__gradient::after {
1004
- background: linear-gradient(rgba(79, 79, 79, 0), #4f4f4f);
1158
+ background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
1005
1159
  bottom: 0;
1006
1160
  content: "";
1007
1161
  display: block;
@@ -1011,7 +1165,7 @@ button::-moz-focus-inner {
1011
1165
  width: 100%;
1012
1166
  }
1013
1167
  .tox .tox-comment__overlay {
1014
- background: #4f4f4f;
1168
+ background: #2b3b4e;
1015
1169
  bottom: 0;
1016
1170
  display: flex;
1017
1171
  flex-direction: column;
@@ -1046,8 +1200,8 @@ button::-moz-focus-inner {
1046
1200
  z-index: 10;
1047
1201
  }
1048
1202
  .tox .tox-comment__overlaytext p {
1049
- background-color: #4f4f4f;
1050
- box-shadow: 0 0 8px 8px #4f4f4f;
1203
+ background-color: #2b3b4e;
1204
+ box-shadow: 0 0 8px 8px #2b3b4e;
1051
1205
  color: #fff;
1052
1206
  text-align: center;
1053
1207
  }
@@ -1056,7 +1210,7 @@ button::-moz-focus-inner {
1056
1210
  }
1057
1211
  .tox .tox-comment__busy-spinner {
1058
1212
  align-items: center;
1059
- background-color: #4f4f4f;
1213
+ background-color: #2b3b4e;
1060
1214
  bottom: 0;
1061
1215
  display: flex;
1062
1216
  justify-content: center;
@@ -1098,20 +1252,30 @@ button::-moz-focus-inner {
1098
1252
  .tox .tox-user__avatar svg {
1099
1253
  fill: rgba(255, 255, 255, 0.5);
1100
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;
1261
+ }
1101
1262
  .tox .tox-user__name {
1102
- color: rgba(255, 255, 255, 0.5);
1103
- font-size: 12px;
1263
+ color: #fff;
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 {
@@ -1129,7 +1293,7 @@ button::-moz-focus-inner {
1129
1293
  z-index: 1100;
1130
1294
  }
1131
1295
  .tox .tox-dialog-wrap__backdrop {
1132
- background-color: rgba(66, 66, 66, 0.75);
1296
+ background-color: rgba(34, 47, 62, 0.75);
1133
1297
  bottom: 0;
1134
1298
  left: 0;
1135
1299
  position: absolute;
@@ -1138,15 +1302,15 @@ button::-moz-focus-inner {
1138
1302
  z-index: 1;
1139
1303
  }
1140
1304
  .tox .tox-dialog-wrap__backdrop--opaque {
1141
- background-color: #424242;
1305
+ background-color: #222f3e;
1142
1306
  }
1143
1307
  .tox .tox-dialog {
1144
- background-color: #4f4f4f;
1145
- border-color: #0f0f0f;
1308
+ background-color: #2b3b4e;
1309
+ border-color: #000000;
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(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 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
  }
@@ -1168,7 +1333,7 @@ button::-moz-focus-inner {
1168
1333
  }
1169
1334
  .tox .tox-dialog__header {
1170
1335
  align-items: center;
1171
- background-color: #4f4f4f;
1336
+ background-color: #2b3b4e;
1172
1337
  border-bottom: none;
1173
1338
  color: #fff;
1174
1339
  display: flex;
@@ -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;
@@ -1207,7 +1372,6 @@ button::-moz-focus-inner {
1207
1372
  color: #fff;
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;
@@ -1239,26 +1409,26 @@ button::-moz-focus-inner {
1239
1409
  border-bottom: 2px solid transparent;
1240
1410
  color: rgba(255, 255, 255, 0.5);
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,32 +1448,51 @@ 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
1470
  fill: #fff;
1296
1471
  }
1472
+ .tox .tox-dialog__body-content strong {
1473
+ font-weight: bold;
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
1498
  color: #fff;
@@ -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
  }
@@ -1359,8 +1561,8 @@ button::-moz-focus-inner {
1359
1561
  }
1360
1562
  .tox .tox-dialog__footer {
1361
1563
  align-items: center;
1362
- background-color: #4f4f4f;
1363
- border-top: 1px solid #0f0f0f;
1564
+ background-color: #2b3b4e;
1565
+ border-top: 1px solid #000000;
1364
1566
  display: flex;
1365
1567
  justify-content: space-between;
1366
1568
  padding: 8px 16px;
@@ -1371,7 +1573,7 @@ button::-moz-focus-inner {
1371
1573
  }
1372
1574
  .tox .tox-dialog__busy-spinner {
1373
1575
  align-items: center;
1374
- background-color: rgba(66, 66, 66, 0.75);
1576
+ background-color: rgba(34, 47, 62, 0.75);
1375
1577
  bottom: 0;
1376
1578
  display: flex;
1377
1579
  justify-content: center;
@@ -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 #0f0f0f;
1598
+ border-bottom: 1px solid #000000;
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 #000000;
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,12 +1700,11 @@ 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;
1484
1706
  background: #fff;
1485
- border: 2px dashed #0f0f0f;
1707
+ border: 2px dashed #000000;
1486
1708
  box-sizing: border-box;
1487
1709
  display: flex;
1488
1710
  flex-direction: column;
@@ -1498,22 +1720,34 @@ body.tox-dialog__disable-scroll {
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
- border: 1px dotted #0f0f0f;
1750
+ border: 1px dotted #000000;
1517
1751
  }
1518
1752
  .tox .tox-editor-container {
1519
1753
  display: flex;
@@ -1522,20 +1756,37 @@ 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: #222f3e;
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 #000000;
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: #222f3e;
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 {
1537
1782
  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1538
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;
1789
+ }
1539
1790
  .tox-editor-dock-fadeout {
1540
1791
  opacity: 0;
1541
1792
  visibility: hidden;
@@ -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(42, 55, 70, 0.2);
1614
1866
  border-radius: 3px;
1615
1867
  border-style: solid;
1616
1868
  border-width: 1px;
@@ -1623,14 +1875,14 @@ 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 {
1630
1882
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
1631
1883
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1632
1884
  background-size: 12px 12px;
1633
- border: 1px solid #4f4f4f;
1885
+ border: 1px solid #2b3b4e;
1634
1886
  border-radius: 3px;
1635
1887
  box-sizing: border-box;
1636
1888
  content: '';
@@ -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,19 +2002,20 @@ 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;
1762
- background-color: #4f4f4f;
1763
- border-color: #0f0f0f;
2010
+ background-color: #2b3b4e;
2011
+ border-color: #000000;
1764
2012
  border-radius: 3px;
1765
2013
  border-style: solid;
1766
2014
  border-width: 1px;
1767
2015
  box-shadow: none;
1768
2016
  box-sizing: border-box;
1769
2017
  color: #fff;
1770
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
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;
@@ -1779,17 +2027,19 @@ body.tox-dialog__disable-scroll {
1779
2027
  }
1780
2028
  .tox .tox-textfield[disabled],
1781
2029
  .tox .tox-textarea[disabled] {
1782
- background-color: #424242;
2030
+ background-color: #222f3e;
1783
2031
  color: rgba(255, 255, 255, 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 {
1789
- background-color: #4f4f4f;
1790
- border-color: #00995d;
2036
+ .tox .tox-textarea-wrap:focus-within,
2037
+ .tox .tox-textarea:focus,
2038
+ .tox .tox-custom-editor:focus-within {
2039
+ background-color: #2b3b4e;
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;
@@ -1823,7 +2073,7 @@ body.tox-dialog__disable-scroll {
1823
2073
  position: relative;
1824
2074
  }
1825
2075
  .tox .tox-listboxfield .tox-listbox--select[disabled] {
1826
- background-color: #353535;
2076
+ background-color: #19232e;
1827
2077
  color: rgba(255, 255, 255, 0.85);
1828
2078
  cursor: not-allowed;
1829
2079
  }
@@ -1859,15 +2109,15 @@ body.tox-dialog__disable-scroll {
1859
2109
  -webkit-appearance: none;
1860
2110
  -moz-appearance: none;
1861
2111
  appearance: none;
1862
- background-color: #4f4f4f;
1863
- border-color: #0f0f0f;
2112
+ background-color: #2b3b4e;
2113
+ border-color: #000000;
1864
2114
  border-radius: 3px;
1865
2115
  border-style: solid;
1866
2116
  border-width: 1px;
1867
2117
  box-shadow: none;
1868
2118
  box-sizing: border-box;
1869
2119
  color: #fff;
1870
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
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;
@@ -1878,7 +2128,7 @@ body.tox-dialog__disable-scroll {
1878
2128
  width: 100%;
1879
2129
  }
1880
2130
  .tox .tox-selectfield select[disabled] {
1881
- background-color: #353535;
2131
+ background-color: #19232e;
1882
2132
  color: rgba(255, 255, 255, 0.85);
1883
2133
  cursor: not-allowed;
1884
2134
  }
@@ -1886,10 +2136,10 @@ body.tox-dialog__disable-scroll {
1886
2136
  display: none;
1887
2137
  }
1888
2138
  .tox .tox-selectfield select:focus {
1889
- background-color: #4f4f4f;
1890
- border-color: #00995d;
2139
+ background-color: #2b3b4e;
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: #000000;
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;
1970
2225
  }
1971
- .tox .tox-image-tools__image-bg {
2226
+ .tox .tox-imagepreview__container {
2227
+ display: flex;
2228
+ left: 100vw;
2229
+ position: absolute;
2230
+ top: 100vw;
2231
+ }
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
2237
  }
1978
- .tox .tox-croprect-block {
1979
- background: black;
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;
1980
2250
  filter: alpha(opacity=50);
1981
2251
  opacity: 0.5;
1982
2252
  position: absolute;
1983
2253
  zoom: 1;
1984
2254
  }
1985
- .tox .tox-croprect-handle {
2255
+ .tox .tox-image-tools .tox-croprect-handle {
1986
2256
  border: 2px solid white;
1987
2257
  height: 20px;
1988
2258
  left: 0;
@@ -1990,64 +2260,46 @@ 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;
2047
2299
  width: 170px;
2048
2300
  }
2049
2301
  .tox .tox-insert-table-picker > div {
2050
- border-color: #0f0f0f;
2302
+ border-color: #000000;
2051
2303
  border-style: solid;
2052
2304
  border-width: 0 1px 1px 0;
2053
2305
  box-sizing: border-box;
@@ -2055,11 +2307,11 @@ 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
2317
  color: #fff;
@@ -2086,17 +2338,17 @@ body.tox-dialog__disable-scroll {
2086
2338
  /* stylelint-enable */
2087
2339
  }
2088
2340
  .tox .tox-menu {
2089
- background-color: #4f4f4f;
2090
- border: 1px solid #0f0f0f;
2341
+ background-color: #2b3b4e;
2342
+ border: 1px solid #000000;
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(42, 55, 70, 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,
@@ -2116,16 +2377,45 @@ body.tox-dialog__disable-scroll {
2116
2377
  margin: 0;
2117
2378
  }
2118
2379
  .tox .tox-menubar {
2119
- 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='%230f0f0f'/%3E%3C/svg%3E") left 0 top 0 #424242;
2120
- background-color: #424242;
2380
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
2381
+ background-color: #222f3e;
2121
2382
  display: flex;
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 #0f0f0f;
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='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
2395
+ background-color: #222f3e;
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 {
@@ -2157,19 +2447,19 @@ body.tox-dialog__disable-scroll {
2157
2447
  cursor: not-allowed;
2158
2448
  }
2159
2449
  .tox .tox-mbtn:focus:not(:disabled) {
2160
- background: #5e5e5e;
2450
+ background: #4a5562;
2161
2451
  border: 0;
2162
2452
  box-shadow: none;
2163
2453
  color: #fff;
2164
2454
  }
2165
2455
  .tox .tox-mbtn--active {
2166
- background: #848484;
2456
+ background: #757d87;
2167
2457
  border: 0;
2168
2458
  box-shadow: none;
2169
2459
  color: #fff;
2170
2460
  }
2171
2461
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2172
- background: #5e5e5e;
2462
+ background: #4a5562;
2173
2463
  border: 0;
2174
2464
  box-shadow: none;
2175
2465
  color: #fff;
@@ -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;
2509
+ background-color: #334840;
2510
+ border-color: #3c5440;
2222
2511
  color: #fff;
2223
2512
  }
2224
2513
  .tox .tox-notification--success p {
2225
2514
  color: #fff;
2226
2515
  }
2227
2516
  .tox .tox-notification--success a {
2228
- color: #357a38;
2517
+ color: #b5d199;
2229
2518
  }
2230
2519
  .tox .tox-notification--success svg {
2231
2520
  fill: #fff;
2232
2521
  }
2233
2522
  .tox .tox-notification--error {
2234
- background-color: #fee7e5;
2235
- border-color: #fcd0cd;
2523
+ background-color: #442632;
2524
+ border-color: #55212b;
2236
2525
  color: #fff;
2237
2526
  }
2238
2527
  .tox .tox-notification--error p {
2239
2528
  color: #fff;
2240
2529
  }
2241
2530
  .tox .tox-notification--error a {
2242
- color: #f44336;
2531
+ color: #e68080;
2243
2532
  }
2244
2533
  .tox .tox-notification--error svg {
2245
2534
  fill: #fff;
2246
2535
  }
2247
2536
  .tox .tox-notification--warn,
2248
2537
  .tox .tox-notification--warning {
2249
- background-color: #fffaea;
2250
- border-color: #ffe89d;
2251
- color: #fff;
2538
+ background-color: #222f3e;
2539
+ border-color: #000000;
2540
+ color: #fff0b3;
2252
2541
  }
2253
2542
  .tox .tox-notification--warn p,
2254
2543
  .tox .tox-notification--warning p {
2255
- color: #fff;
2544
+ color: #fff0b3;
2256
2545
  }
2257
2546
  .tox .tox-notification--warn a,
2258
2547
  .tox .tox-notification--warning a {
2259
- color: #fff;
2548
+ color: #ffcc00;
2260
2549
  }
2261
2550
  .tox .tox-notification--warn svg,
2262
2551
  .tox .tox-notification--warning svg {
2263
- fill: #fff;
2552
+ fill: #fff0b3;
2264
2553
  }
2265
2554
  .tox .tox-notification--info {
2266
- background-color: #d9edf7;
2267
- border-color: #779ecb;
2555
+ background-color: #254161;
2556
+ border-color: #264972;
2268
2557
  color: #fff;
2269
2558
  }
2270
2559
  .tox .tox-notification--info p {
2271
2560
  color: #fff;
2272
2561
  }
2273
2562
  .tox .tox-notification--info a {
2274
- color: #fff;
2563
+ color: #83b7f3;
2275
2564
  }
2276
2565
  .tox .tox-notification--info svg {
2277
2566
  fill: #fff;
2278
2567
  }
2279
2568
  .tox .tox-notification__body {
2280
- -ms-grid-row-align: center;
2281
- align-self: center;
2569
+ align-self: center;
2282
2570
  color: #fff;
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
- background-color: #424242;
2358
- border: 1px solid #0f0f0f;
2633
+ background-color: #222f3e;
2634
+ border: 1px solid #000000;
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(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
2361
2637
  min-width: 0;
2362
2638
  overflow: hidden;
2363
2639
  }
@@ -2374,22 +2650,28 @@ 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%;
2383
2665
  top: 100%;
2384
2666
  }
2385
2667
  .tox .tox-pop.tox-pop--bottom::after {
2386
- border-color: #424242 transparent transparent transparent;
2668
+ border-color: #222f3e transparent transparent transparent;
2387
2669
  border-width: 8px;
2388
2670
  margin-left: -8px;
2389
2671
  margin-top: -1px;
2390
2672
  }
2391
2673
  .tox .tox-pop.tox-pop--bottom::before {
2392
- border-color: #0f0f0f transparent transparent transparent;
2674
+ border-color: #000000 transparent transparent transparent;
2393
2675
  border-width: 9px;
2394
2676
  margin-left: -9px;
2395
2677
  }
@@ -2400,13 +2682,13 @@ body.tox-dialog__disable-scroll {
2400
2682
  transform: translateY(-100%);
2401
2683
  }
2402
2684
  .tox .tox-pop.tox-pop--top::after {
2403
- border-color: transparent transparent #424242 transparent;
2685
+ border-color: transparent transparent #222f3e transparent;
2404
2686
  border-width: 8px;
2405
2687
  margin-left: -8px;
2406
2688
  margin-top: 1px;
2407
2689
  }
2408
2690
  .tox .tox-pop.tox-pop--top::before {
2409
- border-color: transparent transparent #0f0f0f transparent;
2691
+ border-color: transparent transparent #000000 transparent;
2410
2692
  border-width: 9px;
2411
2693
  margin-left: -9px;
2412
2694
  }
@@ -2417,12 +2699,12 @@ body.tox-dialog__disable-scroll {
2417
2699
  transform: translateY(-50%);
2418
2700
  }
2419
2701
  .tox .tox-pop.tox-pop--left::after {
2420
- border-color: transparent #424242 transparent transparent;
2702
+ border-color: transparent #222f3e transparent transparent;
2421
2703
  border-width: 8px;
2422
2704
  margin-left: -15px;
2423
2705
  }
2424
2706
  .tox .tox-pop.tox-pop--left::before {
2425
- border-color: transparent #0f0f0f transparent transparent;
2707
+ border-color: transparent #000000 transparent transparent;
2426
2708
  border-width: 10px;
2427
2709
  margin-left: -19px;
2428
2710
  }
@@ -2433,12 +2715,12 @@ body.tox-dialog__disable-scroll {
2433
2715
  transform: translateY(-50%);
2434
2716
  }
2435
2717
  .tox .tox-pop.tox-pop--right::after {
2436
- border-color: transparent transparent transparent #424242;
2718
+ border-color: transparent transparent transparent #222f3e;
2437
2719
  border-width: 8px;
2438
2720
  margin-left: -1px;
2439
2721
  }
2440
2722
  .tox .tox-pop.tox-pop--right::before {
2441
- border-color: transparent transparent transparent #0f0f0f;
2723
+ border-color: transparent transparent transparent #000000;
2442
2724
  border-width: 10px;
2443
2725
  margin-left: -1px;
2444
2726
  }
@@ -2454,11 +2736,10 @@ 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 {
2461
- background-color: #424242;
2742
+ background-color: #222f3e;
2462
2743
  display: flex;
2463
2744
  flex-direction: row;
2464
2745
  justify-content: flex-end;
@@ -2502,22 +2783,21 @@ 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;
2509
2789
  }
2510
2790
  .tox .tox-slider__rail {
2511
2791
  background-color: transparent;
2512
- border: 1px solid #0f0f0f;
2792
+ border: 1px solid #000000;
2513
2793
  border-radius: 3px;
2514
2794
  height: 10px;
2515
2795
  min-width: 120px;
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
  }
@@ -2564,8 +2853,8 @@ body.tox-dialog__disable-scroll {
2564
2853
  }
2565
2854
  .tox .tox-statusbar {
2566
2855
  align-items: center;
2567
- background-color: #424242;
2568
- border-top: 1px solid #0f0f0f;
2856
+ background-color: #222f3e;
2857
+ border-top: 1px solid #000000;
2569
2858
  color: #fff;
2570
2859
  display: flex;
2571
2860
  flex: 0 0 auto;
@@ -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,6 +2911,14 @@ 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 {
@@ -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: #fff;
2614
2935
  cursor: pointer;
2615
- text-decoration: underline;
2936
+ }
2937
+ .tox .tox-statusbar__branding svg {
2938
+ fill: rgba(255, 255, 255, 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: #fff;
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: #fff;
2962
+ fill: rgba(255, 255, 255, 0.5);
2631
2963
  }
2632
2964
  .tox .tox-statusbar__resize-handle:focus svg {
2633
- background-color: #5e5e5e;
2634
- border-radius: 1px;
2635
- box-shadow: 0 0 0 2px #5e5e5e;
2965
+ background-color: #4a5562;
2966
+ border-radius: 1px 1px -4px 1px;
2967
+ box-shadow: 0 0 0 2px #4a5562;
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;
@@ -2651,7 +2983,7 @@ body.tox-dialog__disable-scroll {
2651
2983
  }
2652
2984
  .tox .tox-throbber__busy-spinner {
2653
2985
  align-items: center;
2654
- background-color: rgba(66, 66, 66, 0.6);
2986
+ background-color: rgba(34, 47, 62, 0.6);
2655
2987
  bottom: 0;
2656
2988
  display: flex;
2657
2989
  justify-content: center;
@@ -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;
@@ -2691,12 +3023,12 @@ body.tox-dialog__disable-scroll {
2691
3023
  width: inherit;
2692
3024
  }
2693
3025
  .tox .tox-tbtn:focus {
2694
- background: #5e5e5e;
3026
+ background: #4a5562;
2695
3027
  border: 0;
2696
3028
  box-shadow: none;
2697
3029
  }
2698
3030
  .tox .tox-tbtn:hover {
2699
- background: #5e5e5e;
3031
+ background: #4a5562;
2700
3032
  border: 0;
2701
3033
  box-shadow: none;
2702
3034
  color: #fff;
@@ -2705,7 +3037,7 @@ body.tox-dialog__disable-scroll {
2705
3037
  fill: #fff;
2706
3038
  }
2707
3039
  .tox .tox-tbtn:active {
2708
- background: #848484;
3040
+ background: #757d87;
2709
3041
  border: 0;
2710
3042
  box-shadow: none;
2711
3043
  color: #fff;
@@ -2713,6 +3045,9 @@ body.tox-dialog__disable-scroll {
2713
3045
  .tox .tox-tbtn:active svg {
2714
3046
  fill: #fff;
2715
3047
  }
3048
+ .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3049
+ fill: rgba(255, 255, 255, 0.5);
3050
+ }
2716
3051
  .tox .tox-tbtn--disabled,
2717
3052
  .tox .tox-tbtn--disabled:hover,
2718
3053
  .tox .tox-tbtn:disabled,
@@ -2732,7 +3067,7 @@ body.tox-dialog__disable-scroll {
2732
3067
  }
2733
3068
  .tox .tox-tbtn--enabled,
2734
3069
  .tox .tox-tbtn--enabled:hover {
2735
- background: #848484;
3070
+ background: #757d87;
2736
3071
  border: 0;
2737
3072
  box-shadow: none;
2738
3073
  color: #fff;
@@ -2746,6 +3081,10 @@ body.tox-dialog__disable-scroll {
2746
3081
  /* stylelint-disable-line no-descending-specificity */
2747
3082
  fill: #fff;
2748
3083
  }
3084
+ .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3085
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
3086
+ fill: rgba(255, 255, 255, 0.5);
3087
+ }
2749
3088
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2750
3089
  color: #fff;
2751
3090
  }
@@ -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: #4a5562;
3138
+ }
3139
+ .tox .tox-number-input input {
3140
+ border-radius: 3px;
3141
+ color: #fff;
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: #4a5562;
3149
+ color: #fff;
3150
+ }
3151
+ .tox .tox-number-input input:focus {
3152
+ background: #fff;
3153
+ color: #2A3746;
3154
+ }
3155
+ .tox .tox-number-input input:disabled {
3156
+ background: transparent;
3157
+ border: 0;
3158
+ box-shadow: none;
3159
+ color: rgba(255, 255, 255, 0.5);
3160
+ cursor: not-allowed;
3161
+ }
3162
+ .tox .tox-number-input button {
3163
+ background: transparent;
3164
+ color: #fff;
3165
+ height: 34px;
3166
+ text-align: center;
3167
+ width: 24px;
3168
+ }
3169
+ .tox .tox-number-input button svg {
3170
+ display: block;
3171
+ fill: #fff;
3172
+ margin: 0 auto;
3173
+ transform: scale(0.67);
3174
+ }
3175
+ .tox .tox-number-input button:focus {
3176
+ background: #4a5562;
3177
+ }
3178
+ .tox .tox-number-input button:hover {
3179
+ background: #4a5562;
3180
+ border: 0;
3181
+ box-shadow: none;
3182
+ color: #fff;
3183
+ }
3184
+ .tox .tox-number-input button:hover svg {
3185
+ fill: #fff;
3186
+ }
3187
+ .tox .tox-number-input button:active {
3188
+ background: #757d87;
3189
+ border: 0;
3190
+ box-shadow: none;
3191
+ color: #fff;
3192
+ }
3193
+ .tox .tox-number-input button:active svg {
3194
+ fill: #fff;
3195
+ }
3196
+ .tox .tox-number-input button:disabled {
3197
+ background: transparent;
3198
+ border: 0;
3199
+ box-shadow: none;
3200
+ color: rgba(255, 255, 255, 0.5);
3201
+ cursor: not-allowed;
3202
+ }
3203
+ .tox .tox-number-input button:disabled svg {
3204
+ fill: rgba(255, 255, 255, 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: #4a5562;
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;
@@ -2801,25 +3236,35 @@ body.tox-dialog__disable-scroll {
2801
3236
  .tox .tox-tbtn__select-chevron svg {
2802
3237
  fill: rgba(255, 255, 255, 0.5);
2803
3238
  }
3239
+ .tox .tox-tbtn--bespoke {
3240
+ background: transparent;
3241
+ }
3242
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3243
+ margin-inline-start: 0;
3244
+ }
2804
3245
  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2805
3246
  overflow: hidden;
2806
3247
  text-overflow: ellipsis;
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 #5e5e5e inset;
3264
+ box-shadow: 0 0 0 1px #4a5562 inset;
2820
3265
  }
2821
3266
  .tox .tox-split-button:focus {
2822
- background: #5e5e5e;
3267
+ background: #4a5562;
2823
3268
  box-shadow: none;
2824
3269
  color: #fff;
2825
3270
  }
@@ -2835,12 +3280,6 @@ body.tox-dialog__disable-scroll {
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,
@@ -2849,19 +3288,43 @@ body.tox-dialog__disable-scroll {
2849
3288
  box-shadow: none;
2850
3289
  color: rgba(255, 255, 255, 0.5);
2851
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;
3303
+ }
2852
3304
  .tox .tox-toolbar-overlord {
2853
- background-color: #424242;
3305
+ background-color: #222f3e;
2854
3306
  }
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='%230f0f0f'/%3E%3C/svg%3E") left 0 top 0 #424242;
2859
- background-color: #424242;
3310
+ background-attachment: local;
3311
+ background-color: #222f3e;
3312
+ background-image: repeating-linear-gradient(#000000 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 {
2881
- border-top: 1px solid #0f0f0f;
3347
+ .tox .tox-menubar + .tox-toolbar-overlord {
3348
+ border-top: 1px solid #000000;
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 #0f0f0f;
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
- background-color: #424242;
2900
- border: 1px solid #0f0f0f;
3372
+ background-color: #222f3e;
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(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 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;
@@ -2919,10 +3401,10 @@ body.tox-dialog__disable-scroll {
2919
3401
  flex-wrap: nowrap;
2920
3402
  }
2921
3403
  .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
2922
- border-right: 1px solid #0f0f0f;
3404
+ border-right: 1px solid #000000;
2923
3405
  }
2924
3406
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
2925
- border-left: 1px solid #0f0f0f;
3407
+ border-left: 1px solid #000000;
2926
3408
  }
2927
3409
  .tox .tox-tooltip {
2928
3410
  display: inline-block;
@@ -2930,9 +3412,9 @@ body.tox-dialog__disable-scroll {
2930
3412
  position: relative;
2931
3413
  }
2932
3414
  .tox .tox-tooltip__body {
2933
- background-color: #686868;
3415
+ background-color: #3d546f;
2934
3416
  border-radius: 3px;
2935
- box-shadow: 0 2px 4px rgba(66, 66, 66, 0.3);
3417
+ box-shadow: 0 2px 4px rgba(42, 55, 70, 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 #686868;
3431
+ border-top: 8px solid #3d546f;
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 #686868;
3438
+ border-bottom: 8px solid #3d546f;
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 #686868;
3448
+ border-left: 8px solid #3d546f;
2967
3449
  border-top: 8px solid transparent;
2968
3450
  position: absolute;
2969
3451
  right: 0;
@@ -2972,15 +3454,269 @@ 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 #686868;
3457
+ border-right: 8px solid #3d546f;
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: #fff;
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: #fff;
3498
+ }
3499
+ .tox .tox-tree .tox-trbtn:focus {
3500
+ background: #4a5562;
3501
+ border: 0;
3502
+ box-shadow: none;
3503
+ }
3504
+ .tox .tox-tree .tox-trbtn:hover {
3505
+ background: #4a5562;
3506
+ border: 0;
3507
+ box-shadow: none;
3508
+ color: #fff;
3509
+ }
3510
+ .tox .tox-tree .tox-trbtn:hover svg {
3511
+ fill: #fff;
3512
+ }
3513
+ .tox .tox-tree .tox-trbtn:active {
3514
+ background: #6ea9d0;
3515
+ border: 0;
3516
+ box-shadow: none;
3517
+ color: #fff;
3518
+ }
3519
+ .tox .tox-tree .tox-trbtn:active svg {
3520
+ fill: #fff;
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(255, 255, 255, 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(255, 255, 255, 0.5);
3538
+ }
3539
+ .tox .tox-tree .tox-trbtn--enabled,
3540
+ .tox .tox-tree .tox-trbtn--enabled:hover {
3541
+ background: #6ea9d0;
3542
+ border: 0;
3543
+ box-shadow: none;
3544
+ color: #fff;
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: #fff;
3554
+ }
3555
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
3556
+ color: #fff;
3557
+ }
3558
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
3559
+ fill: #fff;
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: #fff;
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: #fff;
3602
+ }
3603
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
3604
+ background-color: transparent;
3605
+ color: #fff;
3606
+ }
3607
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3608
+ fill: #fff;
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: #fff;
3633
+ }
3634
+ .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
3635
+ fill: #fff;
3636
+ }
3637
+ .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
3638
+ background-color: transparent;
3639
+ color: #fff;
3640
+ }
3641
+ .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3642
+ fill: #fff;
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: #222f3e;
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 #000000;
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
- border: 1px solid #0f0f0f;
3719
+ border: 1px solid #000000;
2984
3720
  border-radius: 3px;
2985
3721
  padding: 8px;
2986
3722
  width: 100%;
@@ -2995,10 +3731,11 @@ body.tox-dialog__disable-scroll {
2995
3731
  margin: 0;
2996
3732
  }
2997
3733
  .tox .tox-custom-editor {
2998
- border: 1px solid #0f0f0f;
3734
+ border: 1px solid #000000;
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='%23000000'/%3E%3C/svg%3E") left 0 top 0px #222f3e !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 #000000;
3813
+ margin-top: -1px;
3814
+ }
3815
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
3816
+ border: 1px solid #000000;
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 #000000;
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 #000000;
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: #fff;
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
  }