alchemy_cms 7.4.10 → 8.0.0.b

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.

Potentially problematic release.


This version of alchemy_cms might be problematic. Click here for more details.

Files changed (425) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +16 -5
  3. data/app/assets/builds/alchemy/admin/page-select.css +1 -1
  4. data/app/assets/builds/alchemy/admin/print.css +1 -1
  5. data/app/assets/builds/alchemy/admin.css +2 -2
  6. data/app/assets/builds/alchemy/dark-theme.css +1 -0
  7. data/app/assets/builds/alchemy/light-theme.css +1 -0
  8. data/app/assets/builds/alchemy/theme.css +1 -0
  9. data/app/assets/builds/alchemy/welcome.css +1 -1
  10. data/app/assets/builds/tinymce/skins/content/alchemy/content.min.css +1 -1
  11. data/app/assets/builds/tinymce/skins/content/alchemy-dark/content.min.css +1 -0
  12. data/app/assets/builds/tinymce/skins/ui/alchemy/content.min.css +1 -0
  13. data/app/assets/builds/tinymce/skins/ui/alchemy/skin.min.css +1 -1
  14. data/app/assets/builds/tinymce/skins/ui/alchemy-dark/content.min.css +1 -0
  15. data/app/assets/builds/tinymce/skins/ui/alchemy-dark/skin.min.css +1 -0
  16. data/app/assets/config/alchemy_manifest.js +0 -2
  17. data/app/assets/images/alchemy/element_icons/default.svg +1 -0
  18. data/app/assets/images/alchemy/icons-sprite.svg +1 -0
  19. data/app/components/alchemy/admin/element_select.rb +39 -0
  20. data/app/components/alchemy/admin/resource/applied_filter.rb +29 -0
  21. data/app/components/alchemy/admin/resource/checkbox_filter.rb +36 -0
  22. data/app/components/alchemy/admin/resource/datepicker_filter.rb +42 -0
  23. data/app/components/alchemy/admin/resource/select_filter.rb +43 -0
  24. data/app/components/alchemy/admin/toolbar_button.rb +5 -2
  25. data/app/components/alchemy/ingredients/number_view.rb +18 -0
  26. data/app/controllers/alchemy/admin/attachments_controller.rb +10 -15
  27. data/app/controllers/alchemy/admin/clipboard_controller.rb +2 -6
  28. data/app/controllers/alchemy/admin/elements_controller.rb +3 -1
  29. data/app/controllers/alchemy/admin/languages_controller.rb +1 -1
  30. data/app/controllers/alchemy/admin/pages_controller.rb +15 -15
  31. data/app/controllers/alchemy/admin/pictures_controller.rb +27 -37
  32. data/app/controllers/alchemy/admin/resources_controller.rb +16 -106
  33. data/app/controllers/alchemy/attachments_controller.rb +43 -14
  34. data/app/controllers/alchemy/messages_controller.rb +1 -1
  35. data/app/controllers/alchemy/pages_controller.rb +26 -4
  36. data/app/controllers/concerns/alchemy/admin/resource_filter.rb +93 -0
  37. data/app/decorators/alchemy/element_editor.rb +5 -48
  38. data/app/decorators/alchemy/ingredient_editor.rb +3 -53
  39. data/app/helpers/alchemy/admin/attachments_helper.rb +5 -5
  40. data/app/helpers/alchemy/admin/base_helper.rb +14 -84
  41. data/app/helpers/alchemy/admin/pages_helper.rb +1 -1
  42. data/app/helpers/alchemy/base_helper.rb +0 -30
  43. data/app/helpers/alchemy/elements_block_helper.rb +0 -14
  44. data/app/helpers/alchemy/pages_helper.rb +1 -1
  45. data/{lib → app/helpers}/alchemy/resources_helper.rb +5 -45
  46. data/app/javascript/alchemy_admin/components/action.js +2 -0
  47. data/app/javascript/alchemy_admin/components/alchemy_html_element.js +3 -3
  48. data/app/javascript/alchemy_admin/components/auto_submit.js +20 -0
  49. data/app/javascript/alchemy_admin/components/datepicker.js +18 -7
  50. data/app/javascript/alchemy_admin/components/element_editor/delete_element_button.js +8 -7
  51. data/app/javascript/alchemy_admin/components/element_editor.js +25 -15
  52. data/app/javascript/alchemy_admin/components/element_select.js +43 -0
  53. data/app/javascript/alchemy_admin/components/index.js +3 -0
  54. data/app/javascript/alchemy_admin/components/link_buttons.js +6 -2
  55. data/app/javascript/alchemy_admin/components/remote_select.js +9 -2
  56. data/app/javascript/alchemy_admin/components/tags_autocomplete.js +5 -1
  57. data/app/javascript/alchemy_admin/components/tinymce.js +93 -14
  58. data/app/javascript/alchemy_admin/components/update_check.js +42 -0
  59. data/app/javascript/alchemy_admin/components/uploader/file_upload.js +15 -8
  60. data/app/javascript/alchemy_admin/components/uploader/progress.js +12 -6
  61. data/app/javascript/alchemy_admin/components/uploader.js +4 -2
  62. data/app/javascript/alchemy_admin/confirm_dialog.js +27 -57
  63. data/app/javascript/alchemy_admin/dialog.js +1 -1
  64. data/app/javascript/alchemy_admin/dirty.js +3 -2
  65. data/app/javascript/alchemy_admin/file_editors.js +1 -1
  66. data/app/javascript/alchemy_admin/i18n.js +15 -16
  67. data/app/javascript/alchemy_admin/image_loader.js +4 -2
  68. data/app/javascript/alchemy_admin/initializer.js +1 -49
  69. data/app/javascript/alchemy_admin/picture_editors.js +7 -4
  70. data/app/javascript/alchemy_admin/picture_selector.js +4 -4
  71. data/app/javascript/alchemy_admin/utils/ajax.js +51 -44
  72. data/app/javascript/alchemy_admin.js +3 -8
  73. data/app/jobs/alchemy/delete_picture_job.rb +12 -0
  74. data/app/models/alchemy/admin/filters/base.rb +38 -0
  75. data/app/models/alchemy/admin/filters/checkbox.rb +24 -0
  76. data/app/models/alchemy/admin/filters/datepicker.rb +53 -0
  77. data/app/models/alchemy/admin/filters/select.rb +70 -0
  78. data/app/models/alchemy/admin/resource_name.rb +27 -0
  79. data/app/models/alchemy/attachment.rb +49 -44
  80. data/app/models/alchemy/base_record.rb +2 -0
  81. data/app/models/alchemy/element/definitions.rb +1 -1
  82. data/app/models/alchemy/element/element_ingredients.rb +6 -6
  83. data/app/models/alchemy/element/presenters.rb +3 -12
  84. data/app/models/alchemy/element.rb +10 -27
  85. data/app/models/alchemy/element_definition.rb +190 -0
  86. data/app/models/alchemy/ingredient.rb +10 -43
  87. data/app/models/alchemy/ingredient_definition.rb +134 -0
  88. data/app/models/alchemy/ingredient_validator.rb +7 -3
  89. data/app/models/alchemy/ingredients/number.rb +19 -0
  90. data/app/models/alchemy/language.rb +2 -21
  91. data/app/models/alchemy/message.rb +3 -7
  92. data/app/models/alchemy/node.rb +1 -1
  93. data/app/models/alchemy/page/{page_layouts.rb → definitions.rb} +12 -19
  94. data/app/models/alchemy/page/fixed_attributes.rb +1 -1
  95. data/app/models/alchemy/page/page_elements.rb +13 -14
  96. data/app/models/alchemy/page/page_naming.rb +3 -11
  97. data/app/models/alchemy/page/page_natures.rb +20 -15
  98. data/app/models/alchemy/page/page_scopes.rb +1 -1
  99. data/app/models/alchemy/page.rb +12 -39
  100. data/app/models/alchemy/page_definition.rb +115 -0
  101. data/app/models/alchemy/picture.rb +71 -99
  102. data/app/models/alchemy/picture_variant.rb +115 -5
  103. data/{lib → app/models}/alchemy/resource.rb +4 -18
  104. data/{lib → app/models}/alchemy/searchable_resource.rb +15 -0
  105. data/app/models/alchemy/site/layout.rb +5 -5
  106. data/app/models/alchemy/site.rb +1 -21
  107. data/app/models/alchemy/storage_adapter/active_storage/attachment_url.rb +41 -0
  108. data/app/models/alchemy/storage_adapter/active_storage/picture_url.rb +55 -0
  109. data/app/models/alchemy/storage_adapter/active_storage/preprocessor.rb +40 -0
  110. data/app/models/alchemy/storage_adapter/active_storage.rb +173 -0
  111. data/app/models/alchemy/{attachment/url.rb → storage_adapter/dragonfly/attachment_url.rb} +12 -12
  112. data/app/models/alchemy/storage_adapter/dragonfly/picture_url.rb +75 -0
  113. data/app/models/alchemy/{picture → storage_adapter/dragonfly}/preprocessor.rb +4 -4
  114. data/app/models/alchemy/storage_adapter/dragonfly.rb +205 -0
  115. data/app/models/alchemy/storage_adapter.rb +74 -0
  116. data/app/models/concerns/alchemy/picture_thumbnails.rb +19 -6
  117. data/app/models/concerns/alchemy/relatable_resource.rb +28 -0
  118. data/app/serializers/alchemy/element_serializer.rb +0 -1
  119. data/app/services/alchemy/dragonfly_to_image_processing.rb +100 -0
  120. data/app/stylesheets/alchemy/_custom-properties.scss +162 -0
  121. data/app/stylesheets/alchemy/_defaults.scss +3 -0
  122. data/app/stylesheets/alchemy/_extends.scss +69 -0
  123. data/app/{assets/stylesheets → stylesheets}/alchemy/_mixins.scss +40 -68
  124. data/app/stylesheets/alchemy/_themes.scss +540 -0
  125. data/app/stylesheets/alchemy/_variables.scss +5 -0
  126. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/archive.scss +45 -42
  127. data/app/stylesheets/alchemy/admin/attachments.scss +17 -0
  128. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/base.scss +20 -15
  129. data/app/stylesheets/alchemy/admin/buttons.scss +135 -0
  130. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/clipboard.scss +2 -2
  131. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/dashboard.scss +13 -16
  132. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/dialogs.scss +33 -16
  133. data/app/stylesheets/alchemy/admin/element-select.scss +11 -0
  134. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/elements.scss +239 -133
  135. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/errors.scss +5 -5
  136. data/app/stylesheets/alchemy/admin/filters.scss +57 -0
  137. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/flatpickr.scss +54 -76
  138. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/form_fields.scss +10 -11
  139. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/forms.scss +28 -21
  140. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/frame.scss +20 -18
  141. data/app/stylesheets/alchemy/admin/hints.scss +5 -0
  142. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/icons.scss +1 -1
  143. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/image_library.scss +21 -61
  144. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/images.scss +1 -1
  145. data/app/stylesheets/alchemy/admin/labels.scss +5 -0
  146. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/lists.scss +3 -3
  147. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/navigation.scss +55 -59
  148. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/node-select.scss +1 -10
  149. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/nodes.scss +21 -18
  150. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/notices.scss +20 -19
  151. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/page-select.scss +18 -2
  152. data/app/stylesheets/alchemy/admin/pagination.scss +137 -0
  153. data/app/stylesheets/alchemy/admin/preview_window.scss +46 -0
  154. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/print.scss +1 -1
  155. data/app/stylesheets/alchemy/admin/resource_info.scss +148 -0
  156. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/search.scss +10 -7
  157. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/selects.scss +85 -46
  158. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/shoelace.scss +37 -68
  159. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/sitemap.scss +39 -34
  160. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/tables.scss +9 -7
  161. data/app/stylesheets/alchemy/admin/tags.scss +143 -0
  162. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/toolbar.scss +6 -6
  163. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/typography.scss +3 -6
  164. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/upload.scss +7 -5
  165. data/app/stylesheets/alchemy/admin.scss +44 -0
  166. data/app/stylesheets/alchemy/dark-theme.scss +5 -0
  167. data/app/stylesheets/alchemy/light-theme.scss +6 -0
  168. data/app/stylesheets/alchemy/theme.scss +13 -0
  169. data/app/stylesheets/alchemy/welcome.scss +75 -0
  170. data/app/stylesheets/tinymce/skins/content/alchemy/content.scss +69 -0
  171. data/app/{assets/stylesheets/tinymce/skins/content/alchemy → stylesheets/tinymce/skins/content/alchemy-dark}/content.scss +12 -12
  172. data/app/stylesheets/tinymce/skins/ui/alchemy/content.scss +1 -0
  173. data/app/{assets/stylesheets → stylesheets}/tinymce/skins/ui/alchemy/skin.scss +158 -176
  174. data/app/stylesheets/tinymce/skins/ui/alchemy-dark/content.scss +1 -0
  175. data/app/stylesheets/tinymce/skins/ui/alchemy-dark/skin.scss +3784 -0
  176. data/app/views/alchemy/admin/attachments/_files_list.html.erb +22 -12
  177. data/app/views/alchemy/admin/attachments/_overlay_file_list.html.erb +1 -1
  178. data/app/views/alchemy/admin/attachments/assign.js.erb +4 -3
  179. data/app/views/alchemy/admin/attachments/show.html.erb +55 -43
  180. data/app/views/alchemy/admin/{elements/_clipboard_button.html.erb → clipboard/_button.html.erb} +3 -5
  181. data/app/views/alchemy/admin/clipboard/_update_nested_element_button.turbo_stream.erb +11 -0
  182. data/app/views/alchemy/admin/clipboard/clear.turbo_stream.erb +4 -0
  183. data/app/views/alchemy/admin/clipboard/index.html.erb +15 -13
  184. data/app/views/alchemy/admin/clipboard/insert.turbo_stream.erb +18 -0
  185. data/app/views/alchemy/admin/clipboard/remove.turbo_stream.erb +9 -0
  186. data/app/views/alchemy/admin/crop.html.erb +1 -1
  187. data/app/views/alchemy/admin/dashboard/info.html.erb +17 -31
  188. data/app/views/alchemy/admin/elements/_element.html.erb +4 -8
  189. data/app/views/alchemy/admin/elements/_form.html.erb +9 -9
  190. data/app/views/alchemy/admin/elements/_header.html.erb +5 -1
  191. data/app/views/alchemy/admin/elements/_toolbar.html.erb +4 -6
  192. data/app/views/alchemy/admin/elements/create.turbo_stream.erb +2 -1
  193. data/app/views/alchemy/admin/elements/index.html.erb +2 -2
  194. data/app/views/alchemy/admin/ingredients/_file_fields.html.erb +3 -16
  195. data/app/views/alchemy/admin/ingredients/_picture_fields.html.erb +0 -9
  196. data/app/views/alchemy/admin/languages/_form.html.erb +1 -1
  197. data/app/views/alchemy/admin/languages/_table.html.erb +1 -1
  198. data/app/views/alchemy/admin/languages/index.html.erb +5 -2
  199. data/app/views/alchemy/admin/layoutpages/index.html.erb +1 -12
  200. data/app/views/alchemy/admin/pages/_form.html.erb +2 -2
  201. data/app/views/alchemy/admin/pages/_page.html.erb +2 -3
  202. data/app/views/alchemy/admin/pages/_toolbar.html.erb +1 -15
  203. data/app/views/alchemy/admin/pages/index.html.erb +1 -1
  204. data/app/views/alchemy/admin/partials/_remote_search_form.html.erb +9 -12
  205. data/app/views/alchemy/admin/partials/_search_form.html.erb +4 -9
  206. data/app/views/alchemy/admin/pictures/_archive.html.erb +16 -29
  207. data/app/views/alchemy/admin/pictures/_archive_overlay.html.erb +3 -7
  208. data/app/views/alchemy/admin/pictures/_filter_and_size_bar.html.erb +1 -1
  209. data/app/views/alchemy/admin/pictures/_form.html.erb +1 -1
  210. data/app/views/alchemy/admin/pictures/_infos.html.erb +21 -52
  211. data/app/views/alchemy/admin/pictures/_library_sidebar.html.erb +7 -0
  212. data/app/views/alchemy/admin/pictures/_picture.html.erb +14 -20
  213. data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb +20 -16
  214. data/app/views/alchemy/admin/pictures/_sorting_select.html.erb +13 -0
  215. data/app/views/alchemy/admin/pictures/_tag_list.html.erb +1 -1
  216. data/app/views/alchemy/admin/pictures/edit_multiple.html.erb +1 -6
  217. data/app/views/alchemy/admin/pictures/index.html.erb +5 -19
  218. data/app/views/alchemy/admin/pictures/show.html.erb +10 -5
  219. data/app/views/alchemy/admin/resources/_applied_filters.html.erb +8 -0
  220. data/app/views/alchemy/admin/resources/_filter_bar.html.erb +5 -25
  221. data/app/views/alchemy/admin/resources/_pagination.html.erb +6 -0
  222. data/app/views/alchemy/admin/resources/_per_page_select.html.erb +4 -2
  223. data/app/views/alchemy/admin/resources/_resource_table.html.erb +1 -1
  224. data/app/views/alchemy/admin/resources/_resource_usage_info.html.erb +36 -0
  225. data/app/views/alchemy/admin/resources/_table_header.html.erb +1 -15
  226. data/app/views/alchemy/admin/sites/index.html.erb +5 -1
  227. data/app/views/alchemy/admin/styleguide/index.html.erb +118 -58
  228. data/app/views/alchemy/admin/tags/index.html.erb +1 -1
  229. data/app/views/alchemy/admin/tinymce/_setup.html.erb +7 -7
  230. data/app/{javascript/alchemy_admin/locales/en.js → views/alchemy/admin/translations/_en.js} +5 -2
  231. data/app/views/alchemy/admin/uploader/_button.html.erb +1 -1
  232. data/app/views/alchemy/admin/uploader/_setup.html.erb +4 -4
  233. data/app/views/alchemy/base/error_notice.html.erb +1 -1
  234. data/app/views/alchemy/ingredients/_number_editor.html.erb +24 -0
  235. data/app/views/alchemy/no_index.html.erb +31 -0
  236. data/app/views/alchemy/welcome.html.erb +12 -10
  237. data/app/views/kaminari/alchemy/_first_page.html.erb +5 -3
  238. data/app/views/kaminari/alchemy/_last_page.html.erb +5 -3
  239. data/app/views/kaminari/alchemy/_next_page.html.erb +5 -3
  240. data/app/views/kaminari/alchemy/_paginator.html.erb +18 -13
  241. data/app/views/kaminari/alchemy/_prev_page.html.erb +5 -3
  242. data/app/views/layouts/alchemy/admin.html.erb +25 -24
  243. data/config/alchemy/config.yml +3 -2
  244. data/config/initializers/dragonfly.rb +0 -1
  245. data/config/initializers/mime_types.rb +1 -0
  246. data/config/locales/alchemy.en.yml +57 -21
  247. data/config/routes.rb +0 -2
  248. data/db/migrate/20250905140323_add_created_at_index_to_pictures_and_attachments.rb +14 -0
  249. data/lib/alchemy/admin/preview_url.rb +4 -5
  250. data/lib/alchemy/cache_digests/template_tracker.rb +6 -9
  251. data/lib/alchemy/config_missing.rb +14 -0
  252. data/lib/alchemy/configuration/base_option.rb +24 -0
  253. data/lib/alchemy/configuration/boolean_option.rb +16 -0
  254. data/lib/alchemy/configuration/class_option.rb +15 -0
  255. data/lib/alchemy/configuration/class_set_option.rb +46 -0
  256. data/lib/alchemy/configuration/integer_list_option.rb +13 -0
  257. data/lib/alchemy/configuration/integer_option.rb +12 -0
  258. data/lib/alchemy/configuration/list_option.rb +22 -0
  259. data/lib/alchemy/configuration/regexp_option.rb +11 -0
  260. data/lib/alchemy/configuration/string_list_option.rb +13 -0
  261. data/lib/alchemy/configuration/string_option.rb +11 -0
  262. data/lib/alchemy/configuration.rb +115 -0
  263. data/lib/alchemy/configuration_methods.rb +3 -1
  264. data/lib/alchemy/configurations/default_language.rb +12 -0
  265. data/lib/alchemy/configurations/default_site.rb +10 -0
  266. data/lib/alchemy/configurations/format_matchers.rb +11 -0
  267. data/lib/alchemy/configurations/mailer.rb +16 -0
  268. data/lib/alchemy/configurations/main.rb +223 -0
  269. data/lib/alchemy/configurations/page_cache.rb +19 -0
  270. data/lib/alchemy/configurations/preview.rb +32 -0
  271. data/lib/alchemy/configurations/sitemap.rb +10 -0
  272. data/lib/alchemy/configurations/uploader.rb +34 -0
  273. data/lib/alchemy/engine.rb +81 -24
  274. data/lib/alchemy/hints.rb +3 -7
  275. data/lib/alchemy/install/tasks.rb +0 -12
  276. data/lib/alchemy/on_page_layout.rb +2 -2
  277. data/lib/alchemy/propshaft/tinymce_asset.rb +15 -0
  278. data/lib/alchemy/seeder.rb +2 -2
  279. data/lib/alchemy/tasks/tidy.rb +18 -0
  280. data/lib/alchemy/tasks/usage.rb +4 -4
  281. data/lib/alchemy/test_support/config_stubbing.rb +1 -7
  282. data/lib/alchemy/test_support/factories/attachment_factory.rb +13 -2
  283. data/lib/alchemy/test_support/factories/language_factory.rb +1 -1
  284. data/lib/alchemy/test_support/factories/page_factory.rb +2 -3
  285. data/lib/alchemy/test_support/factories/picture_factory.rb +31 -2
  286. data/lib/alchemy/test_support/factories/site_factory.rb +2 -2
  287. data/lib/alchemy/test_support/having_crop_action_examples.rb +2 -2
  288. data/lib/alchemy/test_support/having_picture_thumbnails_examples.rb +80 -26
  289. data/lib/alchemy/test_support/relatable_resource_examples.rb +58 -0
  290. data/lib/alchemy/test_support/shared_ingredient_examples.rb +5 -5
  291. data/lib/alchemy/tinymce.rb +0 -1
  292. data/lib/alchemy/upgrader/eight_zero.rb +14 -0
  293. data/lib/alchemy/upgrader.rb +33 -20
  294. data/lib/alchemy/version.rb +1 -1
  295. data/lib/alchemy.rb +185 -172
  296. data/lib/alchemy_cms.rb +1 -7
  297. data/lib/generators/alchemy/ingredient/ingredient_generator.rb +0 -3
  298. data/lib/generators/alchemy/install/files/_article.html.erb +6 -4
  299. data/lib/generators/alchemy/install/files/alchemy.en.yml +22 -3
  300. data/lib/generators/alchemy/install/files/application.html.erb +5 -0
  301. data/lib/generators/alchemy/install/install_generator.rb +25 -23
  302. data/lib/generators/alchemy/install/templates/alchemy.rb.tt +200 -0
  303. data/lib/generators/alchemy/install/templates/dragonfly.rb.tt +0 -1
  304. data/lib/generators/alchemy/install/templates/elements.yml.tt +3 -1
  305. data/lib/generators/alchemy/install/templates/menus.yml.tt +1 -1
  306. data/lib/generators/alchemy/install/templates/page_layouts.yml.tt +2 -2
  307. data/lib/generators/alchemy/page_layouts/page_layouts_generator.rb +2 -2
  308. data/lib/tasks/alchemy/assets.rake +14 -0
  309. data/lib/tasks/alchemy/tidy.rake +6 -0
  310. data/lib/tasks/alchemy/upgrade.rake +12 -47
  311. data/vendor/assets/stylesheets/tinymce/skins/content/dark/content.min.css +1 -0
  312. data/vendor/assets/stylesheets/tinymce/skins/content/default/content.min.css +1 -0
  313. data/vendor/assets/stylesheets/tinymce/skins/ui/oxide/skin.min.css +1 -0
  314. data/vendor/assets/stylesheets/tinymce/skins/ui/oxide-dark/content.min.css +1 -0
  315. data/vendor/assets/stylesheets/tinymce/skins/ui/oxide-dark/skin.min.css +1 -0
  316. data/vendor/javascript/clipboard.min.js +1 -1
  317. data/vendor/javascript/cropperjs.min.js +1 -1
  318. data/vendor/javascript/handlebars.min.js +3 -3
  319. data/vendor/javascript/jquery.min.js +1 -1
  320. data/vendor/javascript/select2.min.js +3 -3
  321. data/vendor/javascript/shoelace.min.js +92 -76
  322. data/vendor/javascript/sortable.min.js +2 -2
  323. data/vendor/javascript/tinymce.min.js +1 -1
  324. data/vendor/javascript/ungap-custom-elements.min.js +2 -2
  325. metadata +223 -208
  326. data/CHANGELOG.md +0 -2041
  327. data/CODE_OF_CONDUCT.md +0 -13
  328. data/CONTRIBUTING.md +0 -73
  329. data/Gemfile +0 -71
  330. data/Rakefile +0 -102
  331. data/SECURITY.md +0 -13
  332. data/alchemy_cms.gemspec +0 -88
  333. data/app/assets/builds/alchemy/admin/page-select.css.map +0 -1
  334. data/app/assets/builds/alchemy/admin/print.css.map +0 -1
  335. data/app/assets/builds/alchemy/admin.css.map +0 -1
  336. data/app/assets/builds/alchemy/custom-properties.css +0 -1
  337. data/app/assets/builds/alchemy/custom-properties.css.map +0 -1
  338. data/app/assets/builds/alchemy/welcome.css.map +0 -1
  339. data/app/assets/builds/tinymce/skins/content/alchemy/content.min.css.map +0 -1
  340. data/app/assets/builds/tinymce/skins/ui/alchemy/skin.min.css.map +0 -1
  341. data/app/assets/javascripts/alchemy/admin.js +0 -10
  342. data/app/assets/stylesheets/alchemy/_defaults.scss +0 -3
  343. data/app/assets/stylesheets/alchemy/_deprecated_variables.scss +0 -45
  344. data/app/assets/stylesheets/alchemy/_deprecation.scss +0 -17
  345. data/app/assets/stylesheets/alchemy/_extends.scss +0 -62
  346. data/app/assets/stylesheets/alchemy/_variables.scss +0 -201
  347. data/app/assets/stylesheets/alchemy/admin/attachments.scss +0 -40
  348. data/app/assets/stylesheets/alchemy/admin/buttons.scss +0 -123
  349. data/app/assets/stylesheets/alchemy/admin/hints.scss +0 -5
  350. data/app/assets/stylesheets/alchemy/admin/labels.scss +0 -3
  351. data/app/assets/stylesheets/alchemy/admin/pagination.scss +0 -92
  352. data/app/assets/stylesheets/alchemy/admin/preview_window.scss +0 -33
  353. data/app/assets/stylesheets/alchemy/admin/resource_info.scss +0 -42
  354. data/app/assets/stylesheets/alchemy/admin/tags.scss +0 -158
  355. data/app/assets/stylesheets/alchemy/admin.scss +0 -42
  356. data/app/assets/stylesheets/alchemy/custom-properties.css +0 -98
  357. data/app/assets/stylesheets/alchemy/welcome.scss +0 -57
  358. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.css +0 -711
  359. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.inline.css +0 -705
  360. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.inline.min.css +0 -7
  361. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.min.css +0 -7
  362. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.mobile.css +0 -29
  363. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.mobile.min.css +0 -7
  364. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.mobile.css +0 -677
  365. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.mobile.min.css +0 -7
  366. data/app/controllers/alchemy/elements_controller.rb +0 -32
  367. data/app/helpers/alchemy/admin/elements_helper.rb +0 -25
  368. data/app/models/alchemy/element/dom_id.rb +0 -31
  369. data/app/models/alchemy/picture/calculations.rb +0 -49
  370. data/app/models/alchemy/picture/transformations.rb +0 -115
  371. data/app/models/alchemy/picture/url.rb +0 -54
  372. data/app/views/alchemy/admin/attachments/destroy.js.erb +0 -1
  373. data/app/views/alchemy/admin/clipboard/clear.js.erb +0 -3
  374. data/app/views/alchemy/admin/clipboard/insert.js.erb +0 -29
  375. data/app/views/alchemy/admin/clipboard/remove.js.erb +0 -10
  376. data/app/views/alchemy/admin/resources/_filter.html.erb +0 -12
  377. data/app/views/alchemy/admin/resources/_resource.html.erb +0 -34
  378. data/app/views/alchemy/admin/resources/_table.html.erb +0 -29
  379. data/app/views/alchemy/elements/show.html.erb +0 -1
  380. data/app/views/alchemy/elements/show.js.erb +0 -1
  381. data/app/views/alchemy/ingredients/_audio_view.html.erb +0 -1
  382. data/app/views/alchemy/ingredients/_boolean_view.html.erb +0 -1
  383. data/app/views/alchemy/ingredients/_datetime_view.html.erb +0 -3
  384. data/app/views/alchemy/ingredients/_file_view.html.erb +0 -4
  385. data/app/views/alchemy/ingredients/_headline_view.html.erb +0 -4
  386. data/app/views/alchemy/ingredients/_html_view.html.erb +0 -1
  387. data/app/views/alchemy/ingredients/_link_view.html.erb +0 -4
  388. data/app/views/alchemy/ingredients/_node_view.html.erb +0 -1
  389. data/app/views/alchemy/ingredients/_page_view.html.erb +0 -1
  390. data/app/views/alchemy/ingredients/_picture_view.html.erb +0 -4
  391. data/app/views/alchemy/ingredients/_richtext_view.html.erb +0 -3
  392. data/app/views/alchemy/ingredients/_select_view.html.erb +0 -1
  393. data/app/views/alchemy/ingredients/_text_view.html.erb +0 -4
  394. data/app/views/alchemy/ingredients/_video_view.html.erb +0 -3
  395. data/babel.config.js +0 -12
  396. data/bin/importmap +0 -4
  397. data/bin/rails +0 -9
  398. data/bin/rspec +0 -3
  399. data/bin/setup +0 -30
  400. data/bin/start +0 -17
  401. data/bun.lockb +0 -0
  402. data/bundles/shoelace.js +0 -12
  403. data/bundles/tinymce.js +0 -22
  404. data/config/initializers/assets.rb +0 -4
  405. data/eslint.config.js +0 -17
  406. data/lib/alchemy/config.rb +0 -114
  407. data/lib/alchemy/element_definition.rb +0 -73
  408. data/lib/alchemy/page_layout.rb +0 -73
  409. data/lib/alchemy/resource_filter.rb +0 -40
  410. data/lib/alchemy/upgrader/seven_point_four.rb +0 -26
  411. data/lib/alchemy/upgrader/seven_point_three.rb +0 -52
  412. data/lib/alchemy/upgrader/tasks/.keep +0 -0
  413. data/lib/generators/alchemy/ingredient/templates/view.html.erb +0 -1
  414. data/lib/generators/alchemy/install/files/alchemy_admin.js +0 -1
  415. data/lib/generators/alchemy/install/files/all.js +0 -11
  416. data/lib/generators/alchemy/install/files/article.css +0 -25
  417. data/rollup.config.mjs +0 -108
  418. data/vendor/assets/images/remixicon.symbol.svg +0 -11
  419. /data/app/{assets/stylesheets → stylesheets}/alchemy/_fonts.scss +0 -0
  420. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/attachment-select.scss +0 -0
  421. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/flash.scss +0 -0
  422. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/list_filter.scss +0 -0
  423. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/spinner.scss +0 -0
  424. /data/app/{assets/stylesheets → stylesheets}/tinymce/skins/skintool.json +0 -0
  425. /data/app/{assets/stylesheets → stylesheets}/tinymce/skins/ui/alchemy/fonts/tinymce-mobile.woff +0 -0
@@ -0,0 +1,3784 @@
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
+
8
+ .tox {
9
+ box-shadow: none;
10
+ box-sizing: content-box;
11
+ color: var(--text-color);
12
+ cursor: auto;
13
+ font-family: var(--font-default);
14
+ font-size: 13px;
15
+ font-style: normal;
16
+ font-weight: 400;
17
+ line-height: normal;
18
+ -webkit-tap-highlight-color: transparent;
19
+ text-decoration: none;
20
+ text-shadow: none;
21
+ text-transform: none;
22
+ vertical-align: initial;
23
+ white-space: normal;
24
+ }
25
+
26
+ .tox :not(svg):not(rect) {
27
+ box-sizing: inherit;
28
+ color: inherit;
29
+ cursor: inherit;
30
+ direction: inherit;
31
+ font-family: inherit;
32
+ font-size: inherit;
33
+ font-style: inherit;
34
+ font-weight: inherit;
35
+ line-height: inherit;
36
+ -webkit-tap-highlight-color: inherit;
37
+ text-align: inherit;
38
+ text-decoration: inherit;
39
+ text-shadow: inherit;
40
+ text-transform: inherit;
41
+ vertical-align: inherit;
42
+ white-space: inherit;
43
+ }
44
+
45
+ .tox :not(svg):not(rect) {
46
+ background: 0 0;
47
+ border: 0;
48
+ box-shadow: none;
49
+ float: none;
50
+ height: auto;
51
+ margin: 0;
52
+ max-width: none;
53
+ outline: 0;
54
+ padding: 0;
55
+ position: static;
56
+ width: auto;
57
+ }
58
+
59
+ .tox:not([dir="rtl"]) {
60
+ direction: ltr;
61
+ text-align: left;
62
+ }
63
+
64
+ .tox[dir="rtl"] {
65
+ direction: rtl;
66
+ text-align: right;
67
+ }
68
+
69
+ .tox-tinymce {
70
+ border: var(--border-default);
71
+ border-radius: var(--border-radius_medium);
72
+ box-shadow: none;
73
+ box-sizing: border-box;
74
+ display: flex;
75
+ flex-direction: column;
76
+ font-family: var(--font-default);
77
+ overflow: hidden;
78
+ position: relative;
79
+ visibility: inherit !important;
80
+ }
81
+
82
+ .tox-tinymce-inline {
83
+ border: none;
84
+ box-shadow: none;
85
+ }
86
+
87
+ .tox-tinymce-inline .tox-editor-header {
88
+ background-color: transparent;
89
+ border: var(--border-default);
90
+ border-radius: var(--border-radius_medium);
91
+ box-shadow: none;
92
+ }
93
+
94
+ .tox-tinymce-aux {
95
+ font-family: var(--font-default);
96
+ z-index: 1300;
97
+ }
98
+
99
+ .tox-tinymce :focus,
100
+ .tox-tinymce-aux :focus {
101
+ outline: 0;
102
+ }
103
+
104
+ button::-moz-focus-inner {
105
+ border: 0;
106
+ }
107
+
108
+ .tox[dir="rtl"] .tox-icon--flip svg {
109
+ transform: rotateY(180deg);
110
+ }
111
+
112
+ .tox .accessibility-issue__header {
113
+ align-items: center;
114
+ display: flex;
115
+ margin-bottom: 3.25px;
116
+ }
117
+
118
+ .tox .accessibility-issue__description {
119
+ align-items: stretch;
120
+ border: var(--border-default);
121
+ border-radius: var(--border-radius_medium);
122
+ display: flex;
123
+ justify-content: space-between;
124
+ }
125
+
126
+ .tox .accessibility-issue__description > div {
127
+ padding-bottom: 3.25px;
128
+ }
129
+
130
+ .tox .accessibility-issue__description > div > div {
131
+ align-items: center;
132
+ display: flex;
133
+ margin-bottom: 3.25px;
134
+ }
135
+
136
+ .tox .accessibility-issue__description > :last-child:not(:only-child) {
137
+ border-color: rgba(175, 175, 175, 0.5);
138
+ border-style: solid;
139
+ }
140
+
141
+ .tox .accessibility-issue__repair {
142
+ margin-top: var(--spacing-4);
143
+ }
144
+
145
+ .tox
146
+ .tox-dialog__body-content
147
+ .accessibility-issue--info
148
+ .accessibility-issue__description {
149
+ background-color: rgba(45, 90, 141, 0.1);
150
+ border-color: rgba(45, 90, 141, 0.4);
151
+ color: #000;
152
+ }
153
+
154
+ .tox
155
+ .tox-dialog__body-content
156
+ .accessibility-issue--info
157
+ .accessibility-issue__description
158
+ > :last-child {
159
+ border-color: rgba(45, 90, 141, 0.4);
160
+ }
161
+
162
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
163
+ color: #2d5a8d;
164
+ }
165
+
166
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
167
+ fill: #2d5a8d;
168
+ }
169
+
170
+ .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
171
+ color: #2d5a8d;
172
+ }
173
+
174
+ .tox
175
+ .tox-dialog__body-content
176
+ .accessibility-issue--warn
177
+ .accessibility-issue__description {
178
+ background-color: rgba(255, 165, 0, 0.1);
179
+ border-color: rgba(255, 165, 0, 0.5);
180
+ color: #000;
181
+ }
182
+
183
+ .tox
184
+ .tox-dialog__body-content
185
+ .accessibility-issue--warn
186
+ .accessibility-issue__description
187
+ > :last-child {
188
+ border-color: rgba(255, 165, 0, 0.5);
189
+ }
190
+
191
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
192
+ color: #cc8500;
193
+ }
194
+
195
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
196
+ fill: #cc8500;
197
+ }
198
+
199
+ .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
200
+ color: #cc8500;
201
+ }
202
+
203
+ .tox
204
+ .tox-dialog__body-content
205
+ .accessibility-issue--error
206
+ .accessibility-issue__description {
207
+ background-color: rgba(239, 211, 211, 0.1);
208
+ border-color: rgba(239, 211, 211, 0.4);
209
+ color: #000;
210
+ }
211
+
212
+ .tox
213
+ .tox-dialog__body-content
214
+ .accessibility-issue--error
215
+ .accessibility-issue__description
216
+ > :last-child {
217
+ border-color: rgba(239, 211, 211, 0.4);
218
+ }
219
+
220
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
221
+ color: #efd3d3;
222
+ }
223
+
224
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
225
+ fill: #efd3d3;
226
+ }
227
+
228
+ .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
229
+ color: #efd3d3;
230
+ }
231
+
232
+ .tox
233
+ .tox-dialog__body-content
234
+ .accessibility-issue--success
235
+ .accessibility-issue__description {
236
+ background-color: rgba(226, 239, 211, 0.1);
237
+ border-color: rgba(226, 239, 211, 0.4);
238
+ color: #000;
239
+ }
240
+
241
+ .tox
242
+ .tox-dialog__body-content
243
+ .accessibility-issue--success
244
+ .accessibility-issue__description
245
+ > :last-child {
246
+ border-color: rgba(226, 239, 211, 0.4);
247
+ }
248
+
249
+ .tox
250
+ .tox-dialog__body-content
251
+ .accessibility-issue--success
252
+ .tox-form__group
253
+ h2 {
254
+ color: #e2efd3;
255
+ }
256
+
257
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
258
+ fill: #e2efd3;
259
+ }
260
+
261
+ .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
262
+ color: #e2efd3;
263
+ }
264
+
265
+ .tox .tox-dialog__body-content .accessibility-issue__header h1,
266
+ .tox
267
+ .tox-dialog__body-content
268
+ .tox-form__group
269
+ .accessibility-issue__description
270
+ h2 {
271
+ margin-top: 0;
272
+ }
273
+
274
+ .tox:not([dir="rtl"])
275
+ .tox-dialog__body-content
276
+ .accessibility-issue__header
277
+ .tox-button {
278
+ margin-left: 3.25px;
279
+ }
280
+
281
+ .tox:not([dir="rtl"])
282
+ .tox-dialog__body-content
283
+ .accessibility-issue__header
284
+ > :nth-last-child(2) {
285
+ margin-left: auto;
286
+ }
287
+
288
+ .tox:not([dir="rtl"])
289
+ .tox-dialog__body-content
290
+ .accessibility-issue__description {
291
+ padding: 3.25px 3.25px 3.25px 6.5px;
292
+ }
293
+
294
+ .tox:not([dir="rtl"])
295
+ .tox-dialog__body-content
296
+ .accessibility-issue__description
297
+ > :last-child {
298
+ border-left-width: 1px;
299
+ padding-left: 3.25px;
300
+ }
301
+
302
+ .tox[dir="rtl"]
303
+ .tox-dialog__body-content
304
+ .accessibility-issue__header
305
+ .tox-button {
306
+ margin-right: 3.25px;
307
+ }
308
+
309
+ .tox[dir="rtl"]
310
+ .tox-dialog__body-content
311
+ .accessibility-issue__header
312
+ > :nth-last-child(2) {
313
+ margin-right: auto;
314
+ }
315
+
316
+ .tox[dir="rtl"] .tox-dialog__body-content .accessibility-issue__description {
317
+ padding: 3.25px 6.5px 3.25px 3.25px;
318
+ }
319
+
320
+ .tox[dir="rtl"]
321
+ .tox-dialog__body-content
322
+ .accessibility-issue__description
323
+ > :last-child {
324
+ border-right-width: 1px;
325
+ padding-right: 3.25px;
326
+ }
327
+
328
+ .tox .tox-anchorbar {
329
+ display: flex;
330
+ flex: 0 0 auto;
331
+ }
332
+
333
+ .tox .tox-bar {
334
+ display: flex;
335
+ flex: 0 0 auto;
336
+ }
337
+
338
+ .tox .tox-button {
339
+ background-color: var(--button-bg-color);
340
+ background-image: none;
341
+ background-position: 0 0;
342
+ background-repeat: repeat;
343
+ border-color: var(--button-border-color);
344
+ border-radius: var(--button-border-radius);
345
+ border-style: solid;
346
+ border-width: var(--button-border-width);
347
+ box-shadow: var(--button-box-shadow);
348
+ box-sizing: border-box;
349
+ color: var(--button-text-color);
350
+ cursor: pointer;
351
+ display: inline-block;
352
+ font-family: var(--font-default);
353
+ font-size: var(--button-font-size);
354
+ font-style: normal;
355
+ font-weight: var(--button-font-weight);
356
+ letter-spacing: normal;
357
+ height: var(--button-height);
358
+ margin: var(--button-margin);
359
+ outline: 0;
360
+ padding: var(--button-padding);
361
+ text-align: center;
362
+ text-decoration: none;
363
+ text-transform: none;
364
+ white-space: nowrap;
365
+ }
366
+
367
+ .tox .tox-button[disabled] {
368
+ background-color: var(--button-disabled-bg-color);
369
+ border-color: var(--button-border-color);
370
+ box-shadow: none;
371
+ color: var(--button-disabled-color);
372
+ cursor: not-allowed;
373
+ }
374
+
375
+ .tox .tox-button:focus:not(:disabled) {
376
+ background-color: var(--button-bg-color);
377
+ border-color: var(--button-focus-border-color);
378
+ box-shadow: var(--button-focus-box-shadow);
379
+ }
380
+
381
+ .tox .tox-button:hover:not(:disabled):not(:focus),
382
+ .tox .tox-button:active:not(:disabled) {
383
+ background-color: var(--button-hover-bg-color);
384
+ background-image: none;
385
+ border-color: var(--button-hover-border-color);
386
+ box-shadow: none;
387
+ color: var(--button-text-color);
388
+ }
389
+
390
+ .tox .tox-button--secondary {
391
+ background-color: var(--button-secondary-bg-color);
392
+ background-image: none;
393
+ background-position: 0 0;
394
+ background-repeat: repeat;
395
+ border-color: var(--button-secondary-border-color);
396
+ border-radius: var(--border-radius_medium);
397
+ border-style: solid;
398
+ border-width: var(--button-border-width);
399
+ box-shadow: none;
400
+ color: var(--button-secondary-text-color);
401
+ font-size: var(--button-font-size);
402
+ font-style: normal;
403
+ font-weight: var(--button-font-weight);
404
+ letter-spacing: normal;
405
+ outline: 0;
406
+ padding: var(--button-padding);
407
+ text-decoration: none;
408
+ text-transform: none;
409
+ }
410
+
411
+ .tox .tox-button--secondary[disabled] {
412
+ background-color: var(--button-disabled-bg-color);
413
+ border-color: var(--button-secondary-border-color);
414
+ cursor: not-allowed;
415
+ box-shadow: none;
416
+ color: var(--button-disabled-color);
417
+ }
418
+
419
+ .tox .tox-button--secondary:focus:not(:disabled) {
420
+ background-color: var(--button-secondary-bg-color);
421
+ border-color: var(--button-focus-border-color);
422
+ box-shadow: var(--button-focus-box-shadow);
423
+ }
424
+
425
+ .tox .tox-button--secondary:hover:not(:disabled):not(:focus),
426
+ .tox .tox-button--secondary:active:not(:disabled) {
427
+ background-color: var(--button-hover-bg-color);
428
+ background-image: none;
429
+ border-color: var(--button-hover-border-color);
430
+ box-shadow: none;
431
+ color: var(--button-secondary-text-color);
432
+ }
433
+
434
+ .tox .tox-button--icon,
435
+ .tox .tox-button.tox-button--icon,
436
+ .tox .tox-button.tox-button--secondary.tox-button--icon {
437
+ padding: 3.25px;
438
+ }
439
+
440
+ .tox .tox-button--icon .tox-icon svg,
441
+ .tox .tox-button.tox-button--icon .tox-icon svg,
442
+ .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
443
+ display: block;
444
+ fill: currentColor;
445
+ }
446
+
447
+ .tox .tox-button-link {
448
+ background: 0;
449
+ border: none;
450
+ box-sizing: border-box;
451
+ cursor: pointer;
452
+ display: inline-block;
453
+ font-family: var(--font-default);
454
+ font-size: 13px;
455
+ font-weight: 400;
456
+ line-height: 1.3;
457
+ margin: 0;
458
+ padding: 0;
459
+ white-space: nowrap;
460
+ }
461
+
462
+ .tox .tox-button-link--sm {
463
+ font-size: var(--font-size_medium);
464
+ }
465
+
466
+ .tox .tox-button--naked {
467
+ background-color: transparent;
468
+ border-color: transparent;
469
+ box-shadow: unset;
470
+ color: #000;
471
+ }
472
+
473
+ .tox .tox-button--naked[disabled] {
474
+ background-color: #f0f0f0;
475
+ border-color: #f0f0f0;
476
+ box-shadow: none;
477
+ color: rgba(0, 0, 0, 0.5);
478
+ }
479
+
480
+ .tox .tox-button--naked:hover:not(:disabled) {
481
+ background-color: #e3e3e3;
482
+ border-color: #e3e3e3;
483
+ box-shadow: none;
484
+ color: #000;
485
+ }
486
+
487
+ .tox .tox-button--naked:focus:not(:disabled) {
488
+ background-color: #e3e3e3;
489
+ border-color: #e3e3e3;
490
+ box-shadow: none;
491
+ color: #000;
492
+ }
493
+
494
+ .tox .tox-button--naked:active:not(:disabled) {
495
+ background-color: #d6d6d6;
496
+ border-color: #d6d6d6;
497
+ box-shadow: none;
498
+ color: #000;
499
+ }
500
+
501
+ .tox .tox-button--naked .tox-icon svg {
502
+ fill: currentColor;
503
+ }
504
+
505
+ .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
506
+ color: #000;
507
+ }
508
+
509
+ .tox .tox-checkbox {
510
+ align-items: center;
511
+ border-radius: var(--border-radius_medium);
512
+ cursor: pointer;
513
+ display: flex;
514
+ height: 36px;
515
+ min-width: 36px;
516
+ }
517
+
518
+ .tox .tox-checkbox__input {
519
+ height: 1px;
520
+ overflow: hidden;
521
+ position: absolute;
522
+ top: auto;
523
+ width: 1px;
524
+ }
525
+
526
+ .tox .tox-checkbox__icons {
527
+ align-items: center;
528
+ border-radius: var(--border-radius_medium);
529
+ box-shadow: 0 0 0 2px transparent;
530
+ box-sizing: content-box;
531
+ display: flex;
532
+ height: 24px;
533
+ justify-content: center;
534
+ padding: calc(3.25px - 1px);
535
+ width: 24px;
536
+ }
537
+
538
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
539
+ display: block;
540
+ fill: rgba(0, 0, 0, 0.3);
541
+ }
542
+
543
+ .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
544
+ display: none;
545
+ fill: #2d5a8d;
546
+ }
547
+
548
+ .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
549
+ display: none;
550
+ fill: #2d5a8d;
551
+ }
552
+
553
+ .tox .tox-checkbox--disabled {
554
+ color: rgba(0, 0, 0, 0.5);
555
+ cursor: not-allowed;
556
+ }
557
+
558
+ .tox
559
+ .tox-checkbox--disabled
560
+ .tox-checkbox__icons
561
+ .tox-checkbox-icon__checked
562
+ svg {
563
+ fill: rgba(0, 0, 0, 0.5);
564
+ }
565
+
566
+ .tox
567
+ .tox-checkbox--disabled
568
+ .tox-checkbox__icons
569
+ .tox-checkbox-icon__unchecked
570
+ svg {
571
+ fill: rgba(0, 0, 0, 0.5);
572
+ }
573
+
574
+ .tox
575
+ .tox-checkbox--disabled
576
+ .tox-checkbox__icons
577
+ .tox-checkbox-icon__indeterminate
578
+ svg {
579
+ fill: rgba(0, 0, 0, 0.5);
580
+ }
581
+
582
+ .tox
583
+ input.tox-checkbox__input:checked
584
+ + .tox-checkbox__icons
585
+ .tox-checkbox-icon__unchecked
586
+ svg {
587
+ display: none;
588
+ }
589
+
590
+ .tox
591
+ input.tox-checkbox__input:checked
592
+ + .tox-checkbox__icons
593
+ .tox-checkbox-icon__checked
594
+ svg {
595
+ display: block;
596
+ }
597
+
598
+ .tox
599
+ input.tox-checkbox__input:indeterminate
600
+ + .tox-checkbox__icons
601
+ .tox-checkbox-icon__unchecked
602
+ svg {
603
+ display: none;
604
+ }
605
+
606
+ .tox
607
+ input.tox-checkbox__input:indeterminate
608
+ + .tox-checkbox__icons
609
+ .tox-checkbox-icon__indeterminate
610
+ svg {
611
+ display: block;
612
+ }
613
+
614
+ .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
615
+ border-radius: var(--border-radius_medium);
616
+ box-shadow: inset 0 0 0 1px #2d5a8d;
617
+ padding: calc(3.25px - 1px);
618
+ }
619
+
620
+ .tox:not([dir="rtl"]) .tox-checkbox__label {
621
+ margin-left: 3.25px;
622
+ }
623
+
624
+ .tox:not([dir="rtl"]) .tox-checkbox__input {
625
+ left: -10000px;
626
+ }
627
+
628
+ .tox:not([dir="rtl"]) .tox-bar .tox-checkbox {
629
+ margin-left: 3.25px;
630
+ }
631
+
632
+ .tox[dir="rtl"] .tox-checkbox__label {
633
+ margin-right: 3.25px;
634
+ }
635
+
636
+ .tox[dir="rtl"] .tox-checkbox__input {
637
+ right: -10000px;
638
+ }
639
+
640
+ .tox[dir="rtl"] .tox-bar .tox-checkbox {
641
+ margin-right: 3.25px;
642
+ }
643
+
644
+ .tox .tox-collection--toolbar .tox-collection__group {
645
+ display: flex;
646
+ padding: 2px;
647
+ }
648
+
649
+ .tox .tox-collection--grid .tox-collection__group {
650
+ display: flex;
651
+ flex-wrap: wrap;
652
+ max-height: 208px;
653
+ overflow-x: hidden;
654
+ overflow-y: auto;
655
+ padding: 2px;
656
+ }
657
+
658
+ .tox .tox-collection--list .tox-collection__group {
659
+ border-bottom-width: 0;
660
+ border-color: rgba(175, 175, 175, 0.5);
661
+ border-left-width: 0;
662
+ border-right-width: 0;
663
+ border-style: solid;
664
+ border-top-width: 1px;
665
+ padding: 3.25px 0;
666
+ }
667
+
668
+ .tox .tox-collection--list .tox-collection__group:first-child {
669
+ border-top-width: 0;
670
+ }
671
+
672
+ .tox .tox-collection__group-heading {
673
+ background-color: rgba(201, 201, 201, 0.5);
674
+ color: rgba(0, 0, 0, 0.7);
675
+ cursor: default;
676
+ font-size: 12px;
677
+ font-style: normal;
678
+ font-weight: 400;
679
+ margin-bottom: 3.25px;
680
+ margin-top: -3.25px;
681
+ padding: 3.25px 6.5px;
682
+ text-transform: none;
683
+ -webkit-touch-callout: none;
684
+ -webkit-user-select: none;
685
+ -ms-user-select: none;
686
+ user-select: none;
687
+ }
688
+
689
+ .tox .tox-collection__item {
690
+ align-items: center;
691
+ color: #000;
692
+ cursor: pointer;
693
+ display: flex;
694
+ -webkit-touch-callout: none;
695
+ -webkit-user-select: none;
696
+ -ms-user-select: none;
697
+ user-select: none;
698
+ }
699
+
700
+ .tox .tox-collection--list .tox-collection__item {
701
+ padding: 3.25px 6.5px;
702
+ }
703
+
704
+ .tox .tox-collection--toolbar .tox-collection__item {
705
+ border-radius: var(--border-radius_medium);
706
+ padding: 3.25px;
707
+ }
708
+
709
+ .tox .tox-collection--grid .tox-collection__item {
710
+ border-radius: var(--border-radius_medium);
711
+ padding: 3.25px;
712
+ }
713
+
714
+ .tox .tox-collection--list .tox-collection__item--enabled {
715
+ background-color: rgba(175, 175, 175, 0.25);
716
+ color: var(--text-color);
717
+ }
718
+
719
+ .tox .tox-collection--toolbar .tox-collection__item--enabled {
720
+ background-color: rgba(175, 175, 175, 0.5);
721
+ color: var(--text-color);
722
+ }
723
+
724
+ .tox .tox-collection--toolbar .tox-collection__item--active {
725
+ background-color: rgba(175, 175, 175, 0.25);
726
+ }
727
+
728
+ .tox .tox-collection--grid .tox-collection__item--enabled {
729
+ background-color: rgba(175, 175, 175, 0.5);
730
+ color: var(--text-color);
731
+ }
732
+
733
+ .tox
734
+ .tox-collection--grid
735
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
736
+ background-color: rgba(175, 175, 175, 0.25);
737
+ color: var(--text-color);
738
+ outline: none;
739
+ }
740
+
741
+ .tox
742
+ .tox-collection--list
743
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
744
+ background-color: var(--select-hover-bg-color);
745
+ color: var(--select-hover-text-color);
746
+
747
+ .tox-collection__item-caret svg {
748
+ fill: var(--select-hover-text-color);
749
+ }
750
+ .tox-collection__item-accessory {
751
+ color: var(--select-hover-text-color);
752
+ }
753
+ }
754
+
755
+ .tox
756
+ .tox-collection--toolbar
757
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
758
+ color: var(--text-color);
759
+ }
760
+
761
+ .tox .tox-collection__item-checkmark,
762
+ .tox .tox-collection__item-icon {
763
+ align-items: center;
764
+ display: flex;
765
+ height: var(--icon-button-medium-height);
766
+ justify-content: center;
767
+ width: var(--icon-button-medium-width);
768
+ font-size: 14px;
769
+ }
770
+
771
+ .tox .tox-collection__item-checkmark svg,
772
+ .tox .tox-collection__item-icon svg {
773
+ fill: currentColor;
774
+ }
775
+
776
+ .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
777
+ height: 48px;
778
+ width: 48px;
779
+ }
780
+
781
+ .tox .tox-collection__item-label {
782
+ color: currentColor;
783
+ display: inline-block;
784
+ flex: 1;
785
+ -ms-flex-preferred-size: auto;
786
+ font-size: var(--font-size_medium);
787
+ font-style: normal;
788
+ font-weight: 400;
789
+ line-height: 24px;
790
+ text-transform: none;
791
+ word-break: break-all;
792
+
793
+ // Fix active select style, because Tinymce hard codes the color on the element
794
+ > * {
795
+ color: inherit !important;
796
+ }
797
+ }
798
+
799
+ .tox .tox-collection__item-accessory {
800
+ color: rgba(0, 0, 0, 0.7);
801
+ display: inline-block;
802
+ font-size: var(--font-size_medium);
803
+ height: 24px;
804
+ line-height: 24px;
805
+ text-transform: none;
806
+ }
807
+
808
+ .tox .tox-collection__item-caret {
809
+ align-items: center;
810
+ display: flex;
811
+ min-height: 24px;
812
+ }
813
+
814
+ .tox .tox-collection__item-caret::after {
815
+ content: "";
816
+ font-size: 0;
817
+ min-height: inherit;
818
+ }
819
+
820
+ .tox .tox-collection__item-caret svg {
821
+ fill: #000;
822
+ }
823
+
824
+ .tox .tox-collection__item--state-disabled {
825
+ background-color: transparent;
826
+ color: rgba(0, 0, 0, 0.5);
827
+ cursor: not-allowed;
828
+ }
829
+
830
+ .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
831
+ fill: rgba(0, 0, 0, 0.5);
832
+ }
833
+
834
+ .tox
835
+ .tox-collection--list
836
+ .tox-collection__item:not(.tox-collection__item--enabled)
837
+ .tox-collection__item-checkmark
838
+ svg {
839
+ display: none;
840
+ }
841
+
842
+ .tox
843
+ .tox-collection--list
844
+ .tox-collection__item:not(.tox-collection__item--enabled)
845
+ .tox-collection__item-accessory
846
+ + .tox-collection__item-checkmark {
847
+ display: none;
848
+ }
849
+
850
+ .tox .tox-collection--horizontal {
851
+ background-color: #fff;
852
+ border: var(--border-default);
853
+ border-radius: var(--border-radius_medium);
854
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
855
+ display: flex;
856
+ flex: 0 0 auto;
857
+ flex-shrink: 0;
858
+ flex-wrap: nowrap;
859
+ margin-bottom: 0;
860
+ overflow-x: auto;
861
+ padding: 0;
862
+ }
863
+
864
+ .tox .tox-collection--horizontal .tox-collection__group {
865
+ align-items: center;
866
+ display: flex;
867
+ flex-wrap: nowrap;
868
+ margin: 0;
869
+ padding: 0 3.25px;
870
+ }
871
+
872
+ .tox .tox-collection--horizontal .tox-collection__item {
873
+ height: 34px;
874
+ margin: 2px 0 3px 0;
875
+ padding: 0 var(--spacing-1);
876
+ }
877
+
878
+ .tox .tox-collection--horizontal .tox-collection__item-label {
879
+ white-space: nowrap;
880
+ }
881
+
882
+ .tox .tox-collection--horizontal .tox-collection__item-caret {
883
+ margin-left: var(--spacing-1);
884
+ }
885
+
886
+ .tox .tox-collection__item-container {
887
+ display: flex;
888
+ }
889
+
890
+ .tox .tox-collection__item-container--row {
891
+ align-items: center;
892
+ flex: 1 1 auto;
893
+ flex-direction: row;
894
+ }
895
+
896
+ .tox
897
+ .tox-collection__item-container--row.tox-collection__item-container--align-left {
898
+ margin-right: auto;
899
+ }
900
+
901
+ .tox
902
+ .tox-collection__item-container--row.tox-collection__item-container--align-right {
903
+ justify-content: flex-end;
904
+ margin-left: auto;
905
+ }
906
+
907
+ .tox
908
+ .tox-collection__item-container--row.tox-collection__item-container--valign-top {
909
+ align-items: flex-start;
910
+ margin-bottom: auto;
911
+ }
912
+
913
+ .tox
914
+ .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
915
+ align-items: center;
916
+ }
917
+
918
+ .tox
919
+ .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
920
+ align-items: flex-end;
921
+ margin-top: auto;
922
+ }
923
+
924
+ .tox .tox-collection__item-container--column {
925
+ -ms-grid-row-align: center;
926
+ align-self: center;
927
+ flex: 1 1 auto;
928
+ flex-direction: column;
929
+ }
930
+
931
+ .tox
932
+ .tox-collection__item-container--column.tox-collection__item-container--align-left {
933
+ align-items: flex-start;
934
+ }
935
+
936
+ .tox
937
+ .tox-collection__item-container--column.tox-collection__item-container--align-right {
938
+ align-items: flex-end;
939
+ }
940
+
941
+ .tox
942
+ .tox-collection__item-container--column.tox-collection__item-container--valign-top {
943
+ align-self: flex-start;
944
+ }
945
+
946
+ .tox
947
+ .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
948
+ -ms-grid-row-align: center;
949
+ align-self: center;
950
+ }
951
+
952
+ .tox
953
+ .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
954
+ align-self: flex-end;
955
+ }
956
+
957
+ .tox:not([dir="rtl"])
958
+ .tox-collection--horizontal
959
+ .tox-collection__group:not(:last-of-type) {
960
+ border-right: var(--border-default);
961
+ }
962
+
963
+ .tox:not([dir="rtl"])
964
+ .tox-collection--list
965
+ .tox-collection__item
966
+ > :not(:first-child) {
967
+ margin-left: 6.5px;
968
+ }
969
+
970
+ .tox:not([dir="rtl"])
971
+ .tox-collection--list
972
+ .tox-collection__item
973
+ > .tox-collection__item-label:first-child {
974
+ margin-left: 3.25px;
975
+ }
976
+
977
+ .tox:not([dir="rtl"]) .tox-collection__item-accessory {
978
+ margin-left: 13px;
979
+ text-align: right;
980
+ }
981
+
982
+ .tox:not([dir="rtl"]) .tox-collection .tox-collection__item-caret {
983
+ margin-left: 13px;
984
+ }
985
+
986
+ .tox[dir="rtl"]
987
+ .tox-collection--horizontal
988
+ .tox-collection__group:not(:last-of-type) {
989
+ border-left: var(--border-default);
990
+ }
991
+
992
+ .tox[dir="rtl"]
993
+ .tox-collection--list
994
+ .tox-collection__item
995
+ > :not(:first-child) {
996
+ margin-right: 6.5px;
997
+ }
998
+
999
+ .tox[dir="rtl"]
1000
+ .tox-collection--list
1001
+ .tox-collection__item
1002
+ > .tox-collection__item-label:first-child {
1003
+ margin-right: 3.25px;
1004
+ }
1005
+
1006
+ .tox[dir="rtl"] .tox-collection__item-accessory {
1007
+ margin-right: 13px;
1008
+ text-align: left;
1009
+ }
1010
+
1011
+ .tox[dir="rtl"] .tox-collection .tox-collection__item-caret {
1012
+ margin-right: 13px;
1013
+ transform: rotateY(180deg);
1014
+ }
1015
+
1016
+ .tox[dir="rtl"] .tox-collection--horizontal .tox-collection__item-caret {
1017
+ margin-right: var(--spacing-1);
1018
+ }
1019
+
1020
+ .tox .tox-color-picker-container {
1021
+ display: flex;
1022
+ flex-direction: row;
1023
+ height: 225px;
1024
+ margin: 0;
1025
+ }
1026
+
1027
+ .tox .tox-sv-palette {
1028
+ box-sizing: border-box;
1029
+ display: flex;
1030
+ height: 100%;
1031
+ }
1032
+
1033
+ .tox .tox-sv-palette-spectrum {
1034
+ height: 100%;
1035
+ }
1036
+
1037
+ .tox .tox-sv-palette,
1038
+ .tox .tox-sv-palette-spectrum {
1039
+ width: 225px;
1040
+ }
1041
+
1042
+ .tox .tox-sv-palette-thumb {
1043
+ background: 0 0;
1044
+ border: 1px solid #000;
1045
+ border-radius: 50%;
1046
+ box-sizing: content-box;
1047
+ height: 12px;
1048
+ position: absolute;
1049
+ width: 12px;
1050
+ }
1051
+
1052
+ .tox .tox-sv-palette-inner-thumb {
1053
+ border: 1px solid #fff;
1054
+ border-radius: 50%;
1055
+ height: 10px;
1056
+ position: absolute;
1057
+ width: 10px;
1058
+ }
1059
+
1060
+ .tox .tox-hue-slider {
1061
+ box-sizing: border-box;
1062
+ height: 100%;
1063
+ width: 25px;
1064
+ }
1065
+
1066
+ .tox .tox-hue-slider-spectrum {
1067
+ background: linear-gradient(
1068
+ to bottom,
1069
+ red,
1070
+ #ff0080,
1071
+ #f0f,
1072
+ #8000ff,
1073
+ #00f,
1074
+ #0080ff,
1075
+ #0ff,
1076
+ #00ff80,
1077
+ #0f0,
1078
+ #80ff00,
1079
+ #ff0,
1080
+ #ff8000,
1081
+ red
1082
+ );
1083
+ height: 100%;
1084
+ width: 100%;
1085
+ }
1086
+
1087
+ .tox .tox-hue-slider,
1088
+ .tox .tox-hue-slider-spectrum {
1089
+ width: 20px;
1090
+ }
1091
+
1092
+ .tox .tox-hue-slider-thumb {
1093
+ background: #fff;
1094
+ border: 1px solid #000;
1095
+ box-sizing: content-box;
1096
+ height: 4px;
1097
+ width: 100%;
1098
+ }
1099
+
1100
+ .tox .tox-rgb-form {
1101
+ display: flex;
1102
+ flex-direction: column;
1103
+ justify-content: space-between;
1104
+ }
1105
+
1106
+ .tox .tox-rgb-form div {
1107
+ align-items: center;
1108
+ display: flex;
1109
+ justify-content: space-between;
1110
+ margin-bottom: 5px;
1111
+ width: inherit;
1112
+ }
1113
+
1114
+ .tox .tox-rgb-form input {
1115
+ width: 6em;
1116
+ }
1117
+
1118
+ .tox .tox-rgb-form input.tox-invalid {
1119
+ border: 1px solid red !important;
1120
+ }
1121
+
1122
+ .tox .tox-rgb-form .tox-rgba-preview {
1123
+ border: 1px solid #000;
1124
+ flex-grow: 2;
1125
+ margin-bottom: 0;
1126
+ }
1127
+
1128
+ .tox:not([dir="rtl"]) .tox-sv-palette {
1129
+ margin-right: 15px;
1130
+ }
1131
+
1132
+ .tox:not([dir="rtl"]) .tox-hue-slider {
1133
+ margin-right: 15px;
1134
+ }
1135
+
1136
+ .tox:not([dir="rtl"]) .tox-hue-slider-thumb {
1137
+ margin-left: -1px;
1138
+ }
1139
+
1140
+ .tox:not([dir="rtl"]) .tox-rgb-form label {
1141
+ margin-right: 0.5em;
1142
+ }
1143
+
1144
+ .tox[dir="rtl"] .tox-sv-palette {
1145
+ margin-left: 15px;
1146
+ }
1147
+
1148
+ .tox[dir="rtl"] .tox-hue-slider {
1149
+ margin-left: 15px;
1150
+ }
1151
+
1152
+ .tox[dir="rtl"] .tox-hue-slider-thumb {
1153
+ margin-right: -1px;
1154
+ }
1155
+
1156
+ .tox[dir="rtl"] .tox-rgb-form label {
1157
+ margin-left: 0.5em;
1158
+ }
1159
+
1160
+ .tox .tox-toolbar .tox-swatches,
1161
+ .tox .tox-toolbar__overflow .tox-swatches,
1162
+ .tox .tox-toolbar__primary .tox-swatches {
1163
+ margin: 2px 0 3px var(--spacing-1);
1164
+ }
1165
+
1166
+ .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1167
+ border: 0;
1168
+ margin: -3.25px 0;
1169
+ }
1170
+
1171
+ .tox .tox-swatches__row {
1172
+ display: flex;
1173
+ }
1174
+
1175
+ .tox .tox-swatch {
1176
+ height: 30px;
1177
+ transition:
1178
+ transform 0.15s,
1179
+ box-shadow 0.15s;
1180
+ width: 30px;
1181
+ }
1182
+
1183
+ .tox .tox-swatch:focus,
1184
+ .tox .tox-swatch:hover {
1185
+ box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
1186
+ transform: scale(0.8);
1187
+ }
1188
+
1189
+ .tox .tox-swatch--remove {
1190
+ align-items: center;
1191
+ display: flex;
1192
+ justify-content: center;
1193
+ }
1194
+
1195
+ .tox .tox-swatch--remove svg path {
1196
+ stroke: #e74c3c;
1197
+ }
1198
+
1199
+ .tox .tox-swatches__picker-btn {
1200
+ align-items: center;
1201
+ background-color: transparent;
1202
+ border: 0;
1203
+ cursor: pointer;
1204
+ display: flex;
1205
+ height: 30px;
1206
+ justify-content: center;
1207
+ outline: 0;
1208
+ padding: 0;
1209
+ width: 30px;
1210
+ }
1211
+
1212
+ .tox .tox-swatches__picker-btn svg {
1213
+ height: 24px;
1214
+ width: 24px;
1215
+ }
1216
+
1217
+ .tox .tox-swatches__picker-btn:hover {
1218
+ background: rgba(175, 175, 175, 0.25);
1219
+ }
1220
+
1221
+ .tox:not([dir="rtl"]) .tox-swatches__picker-btn {
1222
+ margin-left: auto;
1223
+ }
1224
+
1225
+ .tox[dir="rtl"] .tox-swatches__picker-btn {
1226
+ margin-right: auto;
1227
+ }
1228
+
1229
+ .tox .tox-comment-thread {
1230
+ background: #fff;
1231
+ position: relative;
1232
+ }
1233
+
1234
+ .tox .tox-comment-thread > :not(:first-child) {
1235
+ margin-top: 6.5px;
1236
+ }
1237
+
1238
+ .tox .tox-comment {
1239
+ background: #fff;
1240
+ border: var(--border-default);
1241
+ border-radius: var(--border-radius_medium);
1242
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
1243
+ padding: 6.5px 6.5px 13px 6.5px;
1244
+ position: relative;
1245
+ }
1246
+
1247
+ .tox .tox-comment__header {
1248
+ align-items: center;
1249
+ color: #000;
1250
+ display: flex;
1251
+ justify-content: space-between;
1252
+ }
1253
+
1254
+ .tox .tox-comment__date {
1255
+ color: rgba(0, 0, 0, 0.7);
1256
+ font-size: 12px;
1257
+ }
1258
+
1259
+ .tox .tox-comment__body {
1260
+ color: #000;
1261
+ font-size: var(--font-size_medium);
1262
+ font-style: normal;
1263
+ font-weight: 400;
1264
+ line-height: 1.3;
1265
+ margin-top: 6.5px;
1266
+ position: relative;
1267
+ text-transform: initial;
1268
+ }
1269
+
1270
+ .tox .tox-comment__body textarea {
1271
+ resize: none;
1272
+ white-space: normal;
1273
+ width: 100%;
1274
+ }
1275
+
1276
+ .tox .tox-comment__expander {
1277
+ padding-top: 6.5px;
1278
+ }
1279
+
1280
+ .tox .tox-comment__expander p {
1281
+ color: rgba(0, 0, 0, 0.7);
1282
+ font-size: var(--font-size_medium);
1283
+ font-style: normal;
1284
+ }
1285
+
1286
+ .tox .tox-comment__body p {
1287
+ margin: 0;
1288
+ }
1289
+
1290
+ .tox .tox-comment__buttonspacing {
1291
+ padding-top: 13px;
1292
+ text-align: center;
1293
+ }
1294
+
1295
+ .tox .tox-comment-thread__overlay::after {
1296
+ background: #fff;
1297
+ bottom: 0;
1298
+ content: "";
1299
+ display: flex;
1300
+ left: 0;
1301
+ opacity: 0.9;
1302
+ position: absolute;
1303
+ right: 0;
1304
+ top: 0;
1305
+ z-index: 5;
1306
+ }
1307
+
1308
+ .tox .tox-comment__reply {
1309
+ display: flex;
1310
+ flex-shrink: 0;
1311
+ flex-wrap: wrap;
1312
+ justify-content: flex-end;
1313
+ margin-top: 6.5px;
1314
+ }
1315
+
1316
+ .tox .tox-comment__reply > :first-child {
1317
+ margin-bottom: 6.5px;
1318
+ width: 100%;
1319
+ }
1320
+
1321
+ .tox .tox-comment__edit {
1322
+ display: flex;
1323
+ flex-wrap: wrap;
1324
+ justify-content: flex-end;
1325
+ margin-top: 13px;
1326
+ }
1327
+
1328
+ .tox .tox-comment__gradient::after {
1329
+ background: linear-gradient(rgba(255, 255, 255, 0), #fff);
1330
+ bottom: 0;
1331
+ content: "";
1332
+ display: block;
1333
+ height: 5em;
1334
+ margin-top: -40px;
1335
+ position: absolute;
1336
+ width: 100%;
1337
+ }
1338
+
1339
+ .tox .tox-comment__overlay {
1340
+ background: #fff;
1341
+ bottom: 0;
1342
+ display: flex;
1343
+ flex-direction: column;
1344
+ flex-grow: 1;
1345
+ left: 0;
1346
+ opacity: 0.9;
1347
+ position: absolute;
1348
+ right: 0;
1349
+ text-align: center;
1350
+ top: 0;
1351
+ z-index: 5;
1352
+ }
1353
+
1354
+ .tox .tox-comment__loading-text {
1355
+ align-items: center;
1356
+ color: #000;
1357
+ display: flex;
1358
+ flex-direction: column;
1359
+ position: relative;
1360
+ }
1361
+
1362
+ .tox .tox-comment__loading-text > div {
1363
+ padding-bottom: 13px;
1364
+ }
1365
+
1366
+ .tox .tox-comment__overlaytext {
1367
+ bottom: 0;
1368
+ flex-direction: column;
1369
+ font-size: var(--font-size_medium);
1370
+ left: 0;
1371
+ padding: 1em;
1372
+ position: absolute;
1373
+ right: 0;
1374
+ top: 0;
1375
+ z-index: 10;
1376
+ }
1377
+
1378
+ .tox .tox-comment__overlaytext p {
1379
+ background-color: #fff;
1380
+ box-shadow: 0 0 8px 8px #fff;
1381
+ color: #000;
1382
+ text-align: center;
1383
+ }
1384
+
1385
+ .tox .tox-comment__overlaytext div:nth-of-type(2) {
1386
+ font-size: 0.8em;
1387
+ }
1388
+
1389
+ .tox .tox-comment__busy-spinner {
1390
+ align-items: center;
1391
+ background-color: #fff;
1392
+ bottom: 0;
1393
+ display: flex;
1394
+ justify-content: center;
1395
+ left: 0;
1396
+ position: absolute;
1397
+ right: 0;
1398
+ top: 0;
1399
+ z-index: 20;
1400
+ }
1401
+
1402
+ .tox .tox-comment__scroll {
1403
+ display: flex;
1404
+ flex-direction: column;
1405
+ flex-shrink: 1;
1406
+ overflow: auto;
1407
+ }
1408
+
1409
+ .tox .tox-conversations {
1410
+ margin: 6.5px;
1411
+ }
1412
+
1413
+ .tox:not([dir="rtl"]) .tox-comment__edit {
1414
+ margin-left: 6.5px;
1415
+ }
1416
+
1417
+ .tox:not([dir="rtl"]) .tox-comment__buttonspacing > :last-child,
1418
+ .tox:not([dir="rtl"]) .tox-comment__edit > :last-child,
1419
+ .tox:not([dir="rtl"]) .tox-comment__reply > :last-child {
1420
+ margin-left: 6.5px;
1421
+ }
1422
+
1423
+ .tox[dir="rtl"] .tox-comment__edit {
1424
+ margin-right: 6.5px;
1425
+ }
1426
+
1427
+ .tox[dir="rtl"] .tox-comment__buttonspacing > :last-child,
1428
+ .tox[dir="rtl"] .tox-comment__edit > :last-child,
1429
+ .tox[dir="rtl"] .tox-comment__reply > :last-child {
1430
+ margin-right: 6.5px;
1431
+ }
1432
+
1433
+ .tox .tox-user {
1434
+ align-items: center;
1435
+ display: flex;
1436
+ }
1437
+
1438
+ .tox .tox-user__avatar svg {
1439
+ fill: rgba(0, 0, 0, 0.7);
1440
+ }
1441
+
1442
+ .tox .tox-user__name {
1443
+ color: rgba(0, 0, 0, 0.7);
1444
+ font-size: 12px;
1445
+ font-style: normal;
1446
+ font-weight: 700;
1447
+ text-transform: uppercase;
1448
+ }
1449
+
1450
+ .tox:not([dir="rtl"]) .tox-user__avatar svg {
1451
+ margin-right: 6.5px;
1452
+ }
1453
+
1454
+ .tox:not([dir="rtl"]) .tox-user__avatar + .tox-user__name {
1455
+ margin-left: 6.5px;
1456
+ }
1457
+
1458
+ .tox[dir="rtl"] .tox-user__avatar svg {
1459
+ margin-left: 6.5px;
1460
+ }
1461
+
1462
+ .tox[dir="rtl"] .tox-user__avatar + .tox-user__name {
1463
+ margin-right: 6.5px;
1464
+ }
1465
+
1466
+ .tox .tox-dialog-wrap {
1467
+ align-items: center;
1468
+ bottom: 0;
1469
+ display: flex;
1470
+ justify-content: center;
1471
+ left: 0;
1472
+ position: fixed;
1473
+ right: 0;
1474
+ top: 0;
1475
+ z-index: 1100;
1476
+ }
1477
+
1478
+ .tox .tox-dialog-wrap__backdrop {
1479
+ background-color: var(--dialog-overlay-color);
1480
+ bottom: 0;
1481
+ left: 0;
1482
+ position: absolute;
1483
+ right: 0;
1484
+ top: 0;
1485
+ z-index: 1;
1486
+ }
1487
+
1488
+ .tox .tox-dialog-wrap__backdrop--opaque {
1489
+ background-color: var(--dialog-overlay-color);
1490
+ }
1491
+
1492
+ .tox .tox-dialog {
1493
+ background-color: var(--dialog-background-color);
1494
+ border-color: transparent;
1495
+ border-radius: var(--border-radius_medium);
1496
+ border-style: solid;
1497
+ border-width: 0;
1498
+ box-shadow: var(--dialog-box-shadow);
1499
+ display: flex;
1500
+ flex-direction: column;
1501
+ max-height: 100%;
1502
+ max-width: 480px;
1503
+ overflow: hidden;
1504
+ position: relative;
1505
+ width: 95vw;
1506
+ z-index: 2;
1507
+ }
1508
+
1509
+ @media only screen and (max-width: 767px) {
1510
+ body:not(.tox-force-desktop) .tox .tox-dialog {
1511
+ align-self: flex-start;
1512
+ margin: 6.5px auto;
1513
+ width: calc(100vw - 13px);
1514
+ }
1515
+ }
1516
+
1517
+ .tox .tox-dialog-inline {
1518
+ z-index: 1100;
1519
+ }
1520
+
1521
+ .tox .tox-dialog__header {
1522
+ height: var(--dialog-header-height);
1523
+ align-items: center;
1524
+ background-color: var(--dialog-header-color);
1525
+ border-bottom: none;
1526
+ color: var(--dialog-header-text-color);
1527
+ display: flex;
1528
+ font-size: var(--dialog-header-font-size);
1529
+ justify-content: space-between;
1530
+ padding: var(--dialog-header-padding);
1531
+ position: relative;
1532
+ }
1533
+
1534
+ .tox .tox-dialog__header .tox-button {
1535
+ z-index: 1;
1536
+ color: var(--color-white);
1537
+ height: var(--spacing-6);
1538
+ background-image: none; // If used in Solidus we need to override the background image
1539
+ border-color: transparent; // If used in Solidus we need to override the border
1540
+
1541
+ &:active:not(:disabled),
1542
+ &:hover:not(:disabled) {
1543
+ background-color: var(--color-blue_medium);
1544
+ color: var(--color-white);
1545
+ }
1546
+ }
1547
+
1548
+ .tox .tox-dialog__draghandle {
1549
+ cursor: grab;
1550
+ height: 100%;
1551
+ left: 0;
1552
+ position: absolute;
1553
+ top: 0;
1554
+ width: 100%;
1555
+ }
1556
+
1557
+ .tox .tox-dialog__draghandle:active {
1558
+ cursor: grabbing;
1559
+ }
1560
+
1561
+ .tox .tox-dialog__dismiss {
1562
+ margin-left: auto;
1563
+ }
1564
+
1565
+ .tox .tox-dialog__title {
1566
+ font-family: var(--font-default);
1567
+ font-size: 1em;
1568
+ font-style: normal;
1569
+ font-weight: bold;
1570
+ line-height: 1.3;
1571
+ margin: 0;
1572
+ padding-left: 6px;
1573
+ text-transform: none;
1574
+ }
1575
+
1576
+ .tox .tox-dialog__body {
1577
+ color: #000;
1578
+ display: flex;
1579
+ flex: 1;
1580
+ flex-direction: column;
1581
+ -ms-flex-preferred-size: auto;
1582
+ font-size: 13px;
1583
+ font-style: normal;
1584
+ font-weight: 400;
1585
+ line-height: 1.3;
1586
+ min-width: 0;
1587
+ text-align: left;
1588
+ text-transform: none;
1589
+ }
1590
+
1591
+ .tox .tox-dialog__body-nav {
1592
+ align-items: flex-start;
1593
+ display: flex;
1594
+ flex-direction: row;
1595
+ padding: 0;
1596
+ -webkit-overflow-scrolling: touch;
1597
+ overflow-x: auto;
1598
+ box-shadow: inset 0 -2px 0 var(--tabs_track-color);
1599
+ }
1600
+
1601
+ .tox .tox-dialog__body-nav-item {
1602
+ border-bottom: 2px solid transparent;
1603
+ color: var(--sl-color-neutral-600);
1604
+ display: inline-block;
1605
+ font-size: var(--font-size_medium);
1606
+ line-height: 1.3;
1607
+ padding: var(--spacing-4) 15px;
1608
+ text-decoration: none;
1609
+ white-space: nowrap;
1610
+ border-bottom: 2px solid var(--tabs_track-color);
1611
+ }
1612
+
1613
+ .tox .tox-dialog__body-nav-item:hover {
1614
+ color: var(--sl-color-primary-600);
1615
+ }
1616
+
1617
+ .tox .tox-dialog__body-nav-item--active {
1618
+ border-bottom-color: var(--tabs_indicator-color);
1619
+ color: var(--sl-color-primary-600);
1620
+ }
1621
+
1622
+ .tox .tox-dialog__body-content {
1623
+ box-sizing: border-box;
1624
+ display: flex;
1625
+ flex: 1;
1626
+ flex-direction: column;
1627
+ -ms-flex-preferred-size: auto;
1628
+ max-height: 650px;
1629
+ overflow: auto;
1630
+ -webkit-overflow-scrolling: touch;
1631
+ padding: 13px 13px;
1632
+ }
1633
+
1634
+ .tox .tox-dialog__body-content > * {
1635
+ margin-bottom: 0;
1636
+ margin-top: 13px;
1637
+ }
1638
+
1639
+ .tox .tox-dialog__body-content > :first-child {
1640
+ margin-top: 0;
1641
+ }
1642
+
1643
+ .tox .tox-dialog__body-content > :last-child {
1644
+ margin-bottom: 0;
1645
+ }
1646
+
1647
+ .tox .tox-dialog__body-content > :only-child {
1648
+ margin-bottom: 0;
1649
+ margin-top: 0;
1650
+ }
1651
+
1652
+ .tox .tox-dialog__body-content a {
1653
+ color: #2d5a8d;
1654
+ cursor: pointer;
1655
+ text-decoration: none;
1656
+ }
1657
+
1658
+ .tox .tox-dialog__body-content a:focus,
1659
+ .tox .tox-dialog__body-content a:hover {
1660
+ color: #214166;
1661
+ text-decoration: none;
1662
+ }
1663
+
1664
+ .tox .tox-dialog__body-content a:active {
1665
+ color: #214166;
1666
+ text-decoration: none;
1667
+ }
1668
+
1669
+ .tox .tox-dialog__body-content svg {
1670
+ fill: #000;
1671
+ }
1672
+
1673
+ .tox .tox-dialog__body-content ul {
1674
+ display: block;
1675
+ list-style-type: disc;
1676
+ margin-bottom: 13px;
1677
+ -webkit-margin-end: 0;
1678
+ margin-inline-end: 0;
1679
+ -webkit-margin-start: 0;
1680
+ margin-inline-start: 0;
1681
+ -webkit-padding-start: 2.5rem;
1682
+ padding-inline-start: 2.5rem;
1683
+ }
1684
+
1685
+ .tox .tox-dialog__body-content .tox-form__group h1 {
1686
+ color: #000;
1687
+ font-size: 16.25px;
1688
+ font-style: normal;
1689
+ font-weight: 700;
1690
+ letter-spacing: normal;
1691
+ margin-bottom: var(--spacing-4);
1692
+ margin-top: 2rem;
1693
+ text-transform: none;
1694
+ }
1695
+
1696
+ .tox .tox-dialog__body-content .tox-form__group h2 {
1697
+ color: #000;
1698
+ font-size: 13px;
1699
+ font-style: normal;
1700
+ font-weight: 700;
1701
+ letter-spacing: normal;
1702
+ margin-bottom: var(--spacing-4);
1703
+ margin-top: 2rem;
1704
+ text-transform: none;
1705
+ }
1706
+
1707
+ .tox .tox-dialog__body-content .tox-form__group p {
1708
+ margin-bottom: var(--spacing-4);
1709
+ }
1710
+
1711
+ .tox .tox-dialog__body-content .tox-form__group h1:first-child,
1712
+ .tox .tox-dialog__body-content .tox-form__group h2:first-child,
1713
+ .tox .tox-dialog__body-content .tox-form__group p:first-child {
1714
+ margin-top: 0;
1715
+ }
1716
+
1717
+ .tox .tox-dialog__body-content .tox-form__group h1:last-child,
1718
+ .tox .tox-dialog__body-content .tox-form__group h2:last-child,
1719
+ .tox .tox-dialog__body-content .tox-form__group p:last-child {
1720
+ margin-bottom: 0;
1721
+ }
1722
+
1723
+ .tox .tox-dialog__body-content .tox-form__group h1:only-child,
1724
+ .tox .tox-dialog__body-content .tox-form__group h2:only-child,
1725
+ .tox .tox-dialog__body-content .tox-form__group p:only-child {
1726
+ margin-bottom: 0;
1727
+ margin-top: 0;
1728
+ }
1729
+
1730
+ .tox .tox-dialog--width-lg {
1731
+ height: 650px;
1732
+ max-width: 1200px;
1733
+ }
1734
+
1735
+ .tox .tox-dialog--width-md {
1736
+ max-width: 800px;
1737
+ }
1738
+
1739
+ .tox .tox-dialog--width-md .tox-dialog__body-content {
1740
+ overflow: auto;
1741
+ }
1742
+
1743
+ .tox .tox-dialog__body-content--centered {
1744
+ text-align: center;
1745
+ }
1746
+
1747
+ .tox .tox-dialog__footer {
1748
+ align-items: center;
1749
+ background-color: var(--dialog-background-color);
1750
+ border-top: none;
1751
+ display: flex;
1752
+ justify-content: space-between;
1753
+ padding: 6.5px 13px;
1754
+ }
1755
+
1756
+ .tox .tox-dialog__footer-end,
1757
+ .tox .tox-dialog__footer-start {
1758
+ display: flex;
1759
+ }
1760
+
1761
+ .tox .tox-dialog__busy-spinner {
1762
+ align-items: center;
1763
+ background-color: rgba(255, 255, 255, 0.75);
1764
+ bottom: 0;
1765
+ display: flex;
1766
+ justify-content: center;
1767
+ left: 0;
1768
+ position: absolute;
1769
+ right: 0;
1770
+ top: 0;
1771
+ z-index: 3;
1772
+ }
1773
+
1774
+ .tox .tox-dialog__table {
1775
+ border-collapse: collapse;
1776
+ width: 100%;
1777
+ }
1778
+
1779
+ .tox .tox-dialog__table thead th {
1780
+ font-weight: 700;
1781
+ padding-bottom: 6.5px;
1782
+ }
1783
+
1784
+ .tox .tox-dialog__table tbody tr {
1785
+ border-bottom: var(--border-default);
1786
+ }
1787
+
1788
+ .tox .tox-dialog__table tbody tr:last-child {
1789
+ border-bottom: none;
1790
+ }
1791
+
1792
+ .tox .tox-dialog__table td {
1793
+ padding-bottom: 6.5px;
1794
+ padding-top: 6.5px;
1795
+ }
1796
+
1797
+ .tox .tox-dialog__popups {
1798
+ position: absolute;
1799
+ width: 100%;
1800
+ z-index: 1100;
1801
+ }
1802
+
1803
+ .tox .tox-dialog__body-iframe {
1804
+ display: flex;
1805
+ flex: 1;
1806
+ flex-direction: column;
1807
+ -ms-flex-preferred-size: auto;
1808
+ }
1809
+
1810
+ .tox .tox-dialog__body-iframe .tox-navobj {
1811
+ display: flex;
1812
+ flex: 1;
1813
+ -ms-flex-preferred-size: auto;
1814
+ }
1815
+
1816
+ .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1817
+ flex: 1;
1818
+ -ms-flex-preferred-size: auto;
1819
+ height: 100%;
1820
+ }
1821
+
1822
+ .tox .tox-dialog-dock-fadeout {
1823
+ opacity: 0;
1824
+ visibility: hidden;
1825
+ }
1826
+
1827
+ .tox .tox-dialog-dock-fadein {
1828
+ opacity: 1;
1829
+ visibility: visible;
1830
+ }
1831
+
1832
+ .tox .tox-dialog-dock-transition {
1833
+ transition:
1834
+ visibility 0s linear 0.3s,
1835
+ opacity 0.3s ease;
1836
+ }
1837
+
1838
+ .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1839
+ transition-delay: 0s;
1840
+ }
1841
+
1842
+ .tox.tox-platform-ie .tox-dialog-wrap {
1843
+ position: -ms-device-fixed;
1844
+ }
1845
+
1846
+ @media only screen and (max-width: 767px) {
1847
+ body:not(.tox-force-desktop) .tox:not([dir="rtl"]) .tox-dialog__body-nav {
1848
+ margin-right: 0;
1849
+ }
1850
+ }
1851
+
1852
+ @media only screen and (max-width: 767px) {
1853
+ body:not(.tox-force-desktop)
1854
+ .tox:not([dir="rtl"])
1855
+ .tox-dialog__body-nav-item:not(:first-child) {
1856
+ margin-left: 6.5px;
1857
+ }
1858
+ }
1859
+
1860
+ .tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-end > *,
1861
+ .tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-start > * {
1862
+ margin-left: 6.5px;
1863
+ }
1864
+
1865
+ .tox[dir="rtl"] .tox-dialog__body {
1866
+ text-align: right;
1867
+ }
1868
+
1869
+ @media only screen and (max-width: 767px) {
1870
+ body:not(.tox-force-desktop) .tox[dir="rtl"] .tox-dialog__body-nav {
1871
+ margin-left: 0;
1872
+ }
1873
+ }
1874
+
1875
+ @media only screen and (max-width: 767px) {
1876
+ body:not(.tox-force-desktop)
1877
+ .tox[dir="rtl"]
1878
+ .tox-dialog__body-nav-item:not(:first-child) {
1879
+ margin-right: 6.5px;
1880
+ }
1881
+ }
1882
+
1883
+ .tox[dir="rtl"] .tox-dialog__footer .tox-dialog__footer-end > *,
1884
+ .tox[dir="rtl"] .tox-dialog__footer .tox-dialog__footer-start > * {
1885
+ margin-right: 6.5px;
1886
+ }
1887
+
1888
+ body.tox-dialog__disable-scroll {
1889
+ overflow: hidden;
1890
+ }
1891
+
1892
+ .tox .tox-dropzone-container {
1893
+ display: flex;
1894
+ flex: 1;
1895
+ -ms-flex-preferred-size: auto;
1896
+ }
1897
+
1898
+ .tox .tox-dropzone {
1899
+ align-items: center;
1900
+ background: #fff;
1901
+ border: 2px dashed rgba(175, 175, 175, 0.5);
1902
+ box-sizing: border-box;
1903
+ display: flex;
1904
+ flex-direction: column;
1905
+ flex-grow: 1;
1906
+ justify-content: center;
1907
+ min-height: 100px;
1908
+ padding: 10px;
1909
+ }
1910
+
1911
+ .tox .tox-dropzone p {
1912
+ color: rgba(0, 0, 0, 0.7);
1913
+ margin: 0 0 13px 0;
1914
+ }
1915
+
1916
+ .tox .tox-edit-area {
1917
+ display: flex;
1918
+ flex: 1;
1919
+ -ms-flex-preferred-size: auto;
1920
+ overflow: hidden;
1921
+ position: relative;
1922
+ }
1923
+
1924
+ .tox .tox-edit-area__iframe {
1925
+ background-color: #fff;
1926
+ border: 0;
1927
+ box-sizing: border-box;
1928
+ flex: 1;
1929
+ -ms-flex-preferred-size: auto;
1930
+ height: 100%;
1931
+ position: absolute;
1932
+ width: 100%;
1933
+ }
1934
+
1935
+ .tox.tox-inline-edit-area {
1936
+ border: 1px dotted rgba(175, 175, 175, 0.5);
1937
+ }
1938
+
1939
+ .tox .tox-editor-container {
1940
+ display: flex;
1941
+ flex: 1 1 auto;
1942
+ flex-direction: column;
1943
+ overflow: hidden;
1944
+ }
1945
+
1946
+ .tox .tox-editor-header {
1947
+ z-index: 1;
1948
+ }
1949
+
1950
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
1951
+ box-shadow: none;
1952
+ transition: box-shadow 0.5s;
1953
+ }
1954
+
1955
+ .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
1956
+ .tox.tox-tinymce-inline .tox-editor-header {
1957
+ margin-bottom: -1px;
1958
+ }
1959
+
1960
+ .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
1961
+ background-color: transparent;
1962
+ box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1963
+ }
1964
+
1965
+ .tox-editor-dock-fadeout {
1966
+ opacity: 0;
1967
+ visibility: hidden;
1968
+ }
1969
+
1970
+ .tox-editor-dock-fadein {
1971
+ opacity: 1;
1972
+ visibility: visible;
1973
+ }
1974
+
1975
+ .tox-editor-dock-transition {
1976
+ transition:
1977
+ visibility 0s linear 0.25s,
1978
+ opacity 0.25s ease;
1979
+ }
1980
+
1981
+ .tox-editor-dock-transition.tox-editor-dock-fadein {
1982
+ transition-delay: 0s;
1983
+ }
1984
+
1985
+ .tox .tox-control-wrap {
1986
+ flex: 1;
1987
+ position: relative;
1988
+ }
1989
+
1990
+ .tox
1991
+ .tox-control-wrap:not(.tox-control-wrap--status-invalid)
1992
+ .tox-control-wrap__status-icon-invalid,
1993
+ .tox
1994
+ .tox-control-wrap:not(.tox-control-wrap--status-unknown)
1995
+ .tox-control-wrap__status-icon-unknown,
1996
+ .tox
1997
+ .tox-control-wrap:not(.tox-control-wrap--status-valid)
1998
+ .tox-control-wrap__status-icon-valid {
1999
+ display: none;
2000
+ }
2001
+
2002
+ .tox .tox-control-wrap svg {
2003
+ display: block;
2004
+ }
2005
+
2006
+ .tox .tox-control-wrap__status-icon-wrap {
2007
+ position: absolute;
2008
+ top: 50%;
2009
+ transform: translateY(-50%);
2010
+ }
2011
+
2012
+ .tox .tox-control-wrap__status-icon-invalid svg {
2013
+ fill: #efd3d3;
2014
+ }
2015
+
2016
+ .tox .tox-control-wrap__status-icon-unknown svg {
2017
+ fill: orange;
2018
+ }
2019
+
2020
+ .tox .tox-control-wrap__status-icon-valid svg {
2021
+ fill: green;
2022
+ }
2023
+
2024
+ .tox:not([dir="rtl"]) .tox-control-wrap--status-invalid .tox-textfield,
2025
+ .tox:not([dir="rtl"]) .tox-control-wrap--status-unknown .tox-textfield,
2026
+ .tox:not([dir="rtl"]) .tox-control-wrap--status-valid .tox-textfield {
2027
+ padding-right: 26px;
2028
+ }
2029
+
2030
+ .tox:not([dir="rtl"]) .tox-control-wrap__status-icon-wrap {
2031
+ right: 3.25px;
2032
+ }
2033
+
2034
+ .tox[dir="rtl"] .tox-control-wrap--status-invalid .tox-textfield,
2035
+ .tox[dir="rtl"] .tox-control-wrap--status-unknown .tox-textfield,
2036
+ .tox[dir="rtl"] .tox-control-wrap--status-valid .tox-textfield {
2037
+ padding-left: 26px;
2038
+ }
2039
+
2040
+ .tox[dir="rtl"] .tox-control-wrap__status-icon-wrap {
2041
+ left: 3.25px;
2042
+ }
2043
+
2044
+ .tox .tox-autocompleter {
2045
+ max-width: 25em;
2046
+ }
2047
+
2048
+ .tox .tox-autocompleter .tox-menu {
2049
+ max-width: 25em;
2050
+ }
2051
+
2052
+ .tox .tox-autocompleter .tox-autocompleter-highlight {
2053
+ font-weight: 700;
2054
+ }
2055
+
2056
+ .tox .tox-color-input {
2057
+ display: flex;
2058
+ position: relative;
2059
+ z-index: 1;
2060
+ }
2061
+
2062
+ .tox .tox-color-input .tox-textfield {
2063
+ z-index: -1;
2064
+ }
2065
+
2066
+ .tox .tox-color-input span {
2067
+ border-color: rgba(0, 0, 0, 0.2);
2068
+ border-radius: var(--border-radius_medium);
2069
+ border-style: solid;
2070
+ border-width: 1px;
2071
+ box-shadow: none;
2072
+ box-sizing: border-box;
2073
+ height: 23px;
2074
+ position: absolute;
2075
+ top: var(--spacing-1);
2076
+ width: 24px;
2077
+ }
2078
+
2079
+ .tox .tox-color-input span:focus:not([aria-disabled="true"]),
2080
+ .tox .tox-color-input span:hover:not([aria-disabled="true"]) {
2081
+ border-color: #2d5a8d;
2082
+ cursor: pointer;
2083
+ }
2084
+
2085
+ .tox .tox-color-input span::before {
2086
+ background-image:
2087
+ linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
2088
+ linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
2089
+ linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
2090
+ linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
2091
+ background-position:
2092
+ -1px -1px,
2093
+ -1px 3px,
2094
+ 3px -5px,
2095
+ -5px -1px;
2096
+ background-size: 8px 8px;
2097
+ border: 1px solid #fff;
2098
+ border-radius: var(--border-radius_medium);
2099
+ box-sizing: border-box;
2100
+ content: "";
2101
+ height: 24px;
2102
+ left: -1px;
2103
+ position: absolute;
2104
+ top: -1px;
2105
+ width: 24px;
2106
+ z-index: -1;
2107
+ }
2108
+
2109
+ .tox .tox-color-input span[aria-disabled="true"] {
2110
+ cursor: not-allowed;
2111
+ }
2112
+
2113
+ .tox:not([dir="rtl"]) .tox-color-input .tox-textfield {
2114
+ padding-left: 36px;
2115
+ }
2116
+
2117
+ .tox:not([dir="rtl"]) .tox-color-input span {
2118
+ left: var(--spacing-1);
2119
+ }
2120
+
2121
+ .tox[dir="rtl"] .tox-color-input .tox-textfield {
2122
+ padding-right: 36px;
2123
+ }
2124
+
2125
+ .tox[dir="rtl"] .tox-color-input span {
2126
+ right: var(--spacing-1);
2127
+ }
2128
+
2129
+ .tox .tox-label,
2130
+ .tox .tox-toolbar-label {
2131
+ color: var(--text-color);
2132
+ display: block;
2133
+ font-size: var(--font-size_medium);
2134
+ font-style: normal;
2135
+ font-weight: 400;
2136
+ line-height: 1.3;
2137
+ padding: 0 6.5px 0 0;
2138
+ text-transform: none;
2139
+ white-space: nowrap;
2140
+ }
2141
+
2142
+ .tox .tox-toolbar-label {
2143
+ padding: 0 6.5px;
2144
+ }
2145
+
2146
+ .tox[dir="rtl"] .tox-label {
2147
+ padding: 0 0 0 6.5px;
2148
+ }
2149
+
2150
+ .tox .tox-form {
2151
+ display: flex;
2152
+ flex: 1;
2153
+ flex-direction: column;
2154
+ -ms-flex-preferred-size: auto;
2155
+ }
2156
+
2157
+ .tox .tox-form__group {
2158
+ box-sizing: border-box;
2159
+ margin-bottom: var(--spacing-4);
2160
+ }
2161
+
2162
+ .tox .tox-form__group .tox-label {
2163
+ margin-bottom: var(--spacing-1);
2164
+ }
2165
+
2166
+ .tox .tox-form-group--maximize {
2167
+ flex: 1;
2168
+ }
2169
+
2170
+ .tox .tox-form__group--error {
2171
+ color: #efd3d3;
2172
+ }
2173
+
2174
+ .tox .tox-form__group--collection {
2175
+ display: flex;
2176
+ }
2177
+
2178
+ .tox .tox-form__grid {
2179
+ display: flex;
2180
+ flex-direction: row;
2181
+ flex-wrap: wrap;
2182
+ justify-content: space-between;
2183
+ }
2184
+
2185
+ .tox .tox-form__grid--2col > .tox-form__group {
2186
+ width: calc(50% - (6.5px / 2));
2187
+ }
2188
+
2189
+ .tox .tox-form__grid--3col > .tox-form__group {
2190
+ width: calc(100% / 3 - (6.5px / 2));
2191
+ }
2192
+
2193
+ .tox .tox-form__grid--4col > .tox-form__group {
2194
+ width: calc(25% - (6.5px / 2));
2195
+ }
2196
+
2197
+ .tox .tox-form__controls-h-stack {
2198
+ align-items: center;
2199
+ display: flex;
2200
+ }
2201
+
2202
+ .tox .tox-form__group--inline {
2203
+ align-items: center;
2204
+ display: flex;
2205
+ }
2206
+
2207
+ .tox .tox-form__group--stretched {
2208
+ display: flex;
2209
+ flex: 1;
2210
+ flex-direction: column;
2211
+ -ms-flex-preferred-size: auto;
2212
+ }
2213
+
2214
+ .tox .tox-form__group--stretched .tox-textarea-wrap {
2215
+ display: flex;
2216
+ flex: 1;
2217
+ }
2218
+
2219
+ .tox .tox-form__group--stretched .tox-textarea {
2220
+ flex: 1;
2221
+ -ms-flex-preferred-size: auto;
2222
+ }
2223
+
2224
+ .tox .tox-form__group--stretched .tox-navobj {
2225
+ display: flex;
2226
+ flex: 1;
2227
+ -ms-flex-preferred-size: auto;
2228
+ }
2229
+
2230
+ .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2231
+ flex: 1;
2232
+ -ms-flex-preferred-size: auto;
2233
+ height: 100%;
2234
+ }
2235
+
2236
+ .tox:not([dir="rtl"]) .tox-form__controls-h-stack > :not(:first-child) {
2237
+ margin-left: 3.25px;
2238
+ }
2239
+
2240
+ .tox[dir="rtl"] .tox-form__controls-h-stack > :not(:first-child) {
2241
+ margin-right: 3.25px;
2242
+ }
2243
+
2244
+ .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
2245
+ .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
2246
+ display: none;
2247
+ }
2248
+
2249
+ .tox .tox-listboxfield .tox-listbox--select,
2250
+ .tox .tox-textarea,
2251
+ .tox .tox-textfield,
2252
+ .tox .tox-toolbar-textfield {
2253
+ -webkit-appearance: none;
2254
+ -moz-appearance: none;
2255
+ appearance: none;
2256
+ background-color: var(--form-field-background-color);
2257
+ background-image: none; // If nested in Solidus we need to override the background image
2258
+ border-color: var(--form-field-border-color);
2259
+ border-radius: var(--border-radius_medium);
2260
+ border-style: var(--form-field-border-style);
2261
+ border-width: var(--form-field-border-width);
2262
+ box-shadow: none;
2263
+ box-sizing: border-box;
2264
+ color: var(--form-field-text-color);
2265
+ font-family: var(--font-default);
2266
+ font-size: var(--form-field-font-size);
2267
+ line-height: var(--form-field-line-height);
2268
+ margin: 0;
2269
+ min-height: var(--form-field-height);
2270
+ outline: 0;
2271
+ padding: var(--form-field-padding);
2272
+ resize: none;
2273
+ width: 100%;
2274
+
2275
+ // If nested in Solidus we need to override the background image
2276
+ &:hover {
2277
+ background-image: none;
2278
+ }
2279
+ }
2280
+
2281
+ .tox .tox-textarea[disabled],
2282
+ .tox .tox-textfield[disabled] {
2283
+ background-color: #f2f2f2;
2284
+ color: rgba(0, 0, 0, 0.85);
2285
+ cursor: not-allowed;
2286
+ }
2287
+
2288
+ .tox .tox-listboxfield .tox-listbox--select:focus,
2289
+ .tox .tox-textarea:focus,
2290
+ .tox .tox-textfield:focus {
2291
+ border-color: transparent;
2292
+ box-shadow: none;
2293
+ outline: 1px solid var(--focus-color) !important; // Need to force the outline if used in Solidus
2294
+ }
2295
+
2296
+ .tox .tox-toolbar-textfield {
2297
+ border-width: 0;
2298
+ margin-bottom: 3px;
2299
+ margin-top: 2px;
2300
+ max-width: 250px;
2301
+ }
2302
+
2303
+ .tox .tox-naked-btn {
2304
+ background-color: transparent;
2305
+ border: 0;
2306
+ border-color: transparent;
2307
+ box-shadow: unset;
2308
+ color: #2d5a8d;
2309
+ cursor: pointer;
2310
+ display: block;
2311
+ margin: 0;
2312
+ padding: 0;
2313
+ }
2314
+
2315
+ .tox .tox-naked-btn svg {
2316
+ display: block;
2317
+ fill: #000;
2318
+ }
2319
+
2320
+ .tox:not([dir="rtl"]) .tox-toolbar-textfield + * {
2321
+ margin-left: 3.25px;
2322
+ }
2323
+
2324
+ .tox[dir="rtl"] .tox-toolbar-textfield + * {
2325
+ margin-right: 3.25px;
2326
+ }
2327
+
2328
+ .tox .tox-listboxfield {
2329
+ cursor: pointer;
2330
+ position: relative;
2331
+ }
2332
+
2333
+ .tox .tox-listboxfield .tox-listbox--select[disabled] {
2334
+ background-color: #f2f2f2;
2335
+ color: rgba(0, 0, 0, 0.85);
2336
+ cursor: not-allowed;
2337
+ }
2338
+
2339
+ .tox .tox-listbox__select-label {
2340
+ cursor: default;
2341
+ flex: 1;
2342
+ margin: 0 var(--spacing-1);
2343
+ }
2344
+
2345
+ .tox .tox-listbox__select-chevron {
2346
+ align-items: center;
2347
+ display: flex;
2348
+ justify-content: center;
2349
+ width: 13px;
2350
+ }
2351
+
2352
+ .tox .tox-listbox__select-chevron svg {
2353
+ fill: #000;
2354
+ }
2355
+
2356
+ .tox .tox-listboxfield .tox-listbox--select {
2357
+ align-items: center;
2358
+ display: flex;
2359
+ }
2360
+
2361
+ .tox:not([dir="rtl"]) .tox-listboxfield svg {
2362
+ right: 6.5px;
2363
+ }
2364
+
2365
+ .tox[dir="rtl"] .tox-listboxfield svg {
2366
+ left: 6.5px;
2367
+ }
2368
+
2369
+ .tox .tox-selectfield {
2370
+ cursor: pointer;
2371
+ position: relative;
2372
+ }
2373
+
2374
+ .tox .tox-selectfield select {
2375
+ -webkit-appearance: none;
2376
+ -moz-appearance: none;
2377
+ appearance: none;
2378
+ background-color: #fff;
2379
+ border-color: rgba(175, 175, 175, 0.5);
2380
+ border-radius: var(--border-radius_medium);
2381
+ border-style: solid;
2382
+ border-width: 1px;
2383
+ box-shadow: none;
2384
+ box-sizing: border-box;
2385
+ color: #000;
2386
+ font-family: var(--font-default);
2387
+ font-size: 13px;
2388
+ line-height: 24px;
2389
+ margin: 0;
2390
+ min-height: 34px;
2391
+ outline: 0;
2392
+ padding: 5px var(--spacing-1);
2393
+ resize: none;
2394
+ width: 100%;
2395
+ }
2396
+
2397
+ .tox .tox-selectfield select[disabled] {
2398
+ background-color: #f2f2f2;
2399
+ color: rgba(0, 0, 0, 0.85);
2400
+ cursor: not-allowed;
2401
+ }
2402
+
2403
+ .tox .tox-selectfield select::-ms-expand {
2404
+ display: none;
2405
+ }
2406
+
2407
+ .tox .tox-selectfield select:focus {
2408
+ background-color: #fff;
2409
+ border-color: #2d5a8d;
2410
+ box-shadow: none;
2411
+ outline: 0;
2412
+ }
2413
+
2414
+ .tox .tox-selectfield svg {
2415
+ pointer-events: none;
2416
+ position: absolute;
2417
+ top: 50%;
2418
+ transform: translateY(-50%);
2419
+ }
2420
+
2421
+ .tox:not([dir="rtl"]) .tox-selectfield select[size="0"],
2422
+ .tox:not([dir="rtl"]) .tox-selectfield select[size="1"] {
2423
+ padding-right: 19.5px;
2424
+ }
2425
+
2426
+ .tox:not([dir="rtl"]) .tox-selectfield svg {
2427
+ right: 6.5px;
2428
+ }
2429
+
2430
+ .tox[dir="rtl"] .tox-selectfield select[size="0"],
2431
+ .tox[dir="rtl"] .tox-selectfield select[size="1"] {
2432
+ padding-left: 19.5px;
2433
+ }
2434
+
2435
+ .tox[dir="rtl"] .tox-selectfield svg {
2436
+ left: 6.5px;
2437
+ }
2438
+
2439
+ .tox .tox-textarea {
2440
+ -webkit-appearance: textarea;
2441
+ -moz-appearance: textarea;
2442
+ appearance: textarea;
2443
+ white-space: pre-wrap;
2444
+ }
2445
+
2446
+ .tox-fullscreen {
2447
+ border: 0;
2448
+ height: 100%;
2449
+ margin: 0;
2450
+ overflow: hidden;
2451
+ -ms-scroll-chaining: none;
2452
+ overscroll-behavior: none;
2453
+ padding: 0;
2454
+ touch-action: pinch-zoom;
2455
+ width: 100% !important;
2456
+ }
2457
+
2458
+ .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
2459
+ display: none;
2460
+ }
2461
+
2462
+ .tox-shadowhost.tox-fullscreen,
2463
+ .tox.tox-tinymce.tox-fullscreen {
2464
+ left: 0;
2465
+ position: fixed;
2466
+ top: 0;
2467
+ z-index: 1200;
2468
+ }
2469
+
2470
+ .tox.tox-tinymce.tox-fullscreen {
2471
+ background-color: transparent;
2472
+ }
2473
+
2474
+ .tox-fullscreen .tox.tox-tinymce-aux,
2475
+ .tox-fullscreen ~ .tox.tox-tinymce-aux {
2476
+ z-index: 1201;
2477
+ }
2478
+
2479
+ .tox .tox-help__more-link {
2480
+ list-style: none;
2481
+ margin-top: 1em;
2482
+ }
2483
+
2484
+ .tox .tox-image-tools {
2485
+ width: 100%;
2486
+ }
2487
+
2488
+ .tox .tox-image-tools__toolbar {
2489
+ align-items: center;
2490
+ display: flex;
2491
+ justify-content: center;
2492
+ }
2493
+
2494
+ .tox .tox-image-tools__image {
2495
+ background-color: #666;
2496
+ height: 380px;
2497
+ overflow: auto;
2498
+ position: relative;
2499
+ width: 100%;
2500
+ }
2501
+
2502
+ .tox .tox-image-tools__image,
2503
+ .tox .tox-image-tools__image + .tox-image-tools__toolbar {
2504
+ margin-top: 6.5px;
2505
+ }
2506
+
2507
+ .tox .tox-image-tools__image-bg {
2508
+ background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2509
+ }
2510
+
2511
+ .tox .tox-image-tools__toolbar > .tox-spacer {
2512
+ flex: 1;
2513
+ -ms-flex-preferred-size: auto;
2514
+ }
2515
+
2516
+ .tox .tox-croprect-block {
2517
+ background: #000;
2518
+ opacity: 0.5;
2519
+ position: absolute;
2520
+ zoom: 1;
2521
+ }
2522
+
2523
+ .tox .tox-croprect-handle {
2524
+ border: 2px solid #fff;
2525
+ height: 20px;
2526
+ left: 0;
2527
+ position: absolute;
2528
+ top: 0;
2529
+ width: 20px;
2530
+ }
2531
+
2532
+ .tox .tox-croprect-handle-move {
2533
+ border: 0;
2534
+ cursor: move;
2535
+ position: absolute;
2536
+ }
2537
+
2538
+ .tox .tox-croprect-handle-nw {
2539
+ border-width: 2px 0 0 2px;
2540
+ cursor: nw-resize;
2541
+ left: 100px;
2542
+ margin: -2px 0 0 -2px;
2543
+ top: 100px;
2544
+ }
2545
+
2546
+ .tox .tox-croprect-handle-ne {
2547
+ border-width: 2px 2px 0 0;
2548
+ cursor: ne-resize;
2549
+ left: 200px;
2550
+ margin: -2px 0 0 -20px;
2551
+ top: 100px;
2552
+ }
2553
+
2554
+ .tox .tox-croprect-handle-sw {
2555
+ border-width: 0 0 2px 2px;
2556
+ cursor: sw-resize;
2557
+ left: 100px;
2558
+ margin: -20px 2px 0 -2px;
2559
+ top: 200px;
2560
+ }
2561
+
2562
+ .tox .tox-croprect-handle-se {
2563
+ border-width: 0 2px 2px 0;
2564
+ cursor: se-resize;
2565
+ left: 200px;
2566
+ margin: -20px 0 0 -20px;
2567
+ top: 200px;
2568
+ }
2569
+
2570
+ .tox:not([dir="rtl"])
2571
+ .tox-image-tools__toolbar
2572
+ > .tox-slider:not(:first-of-type) {
2573
+ margin-left: 6.5px;
2574
+ }
2575
+
2576
+ .tox:not([dir="rtl"]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2577
+ margin-left: 26px;
2578
+ }
2579
+
2580
+ .tox:not([dir="rtl"]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2581
+ margin-left: 26px;
2582
+ }
2583
+
2584
+ .tox[dir="rtl"] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2585
+ margin-right: 6.5px;
2586
+ }
2587
+
2588
+ .tox[dir="rtl"] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2589
+ margin-right: 26px;
2590
+ }
2591
+
2592
+ .tox[dir="rtl"] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2593
+ margin-right: 26px;
2594
+ }
2595
+
2596
+ .tox .tox-insert-table-picker {
2597
+ display: flex;
2598
+ flex-wrap: wrap;
2599
+ width: 140px;
2600
+ }
2601
+
2602
+ .tox .tox-insert-table-picker > div {
2603
+ border-color: rgba(175, 175, 175, 0.5);
2604
+ border-style: solid;
2605
+ border-width: 0 1px 1px 0;
2606
+ box-sizing: border-box;
2607
+ height: 14px;
2608
+ width: 14px;
2609
+ }
2610
+
2611
+ .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2612
+ margin: -3.25px 0;
2613
+ }
2614
+
2615
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2616
+ background-color: rgba(45, 90, 141, 0.5);
2617
+ border-color: rgba(45, 90, 141, 0.5);
2618
+ }
2619
+
2620
+ .tox .tox-insert-table-picker__label {
2621
+ color: rgba(0, 0, 0, 0.7);
2622
+ display: block;
2623
+ font-size: var(--font-size_medium);
2624
+ padding: 3.25px;
2625
+ text-align: center;
2626
+ width: 100%;
2627
+ }
2628
+
2629
+ .tox:not([dir="rtl"]) .tox-insert-table-picker > div:nth-child(10n) {
2630
+ border-right: 0;
2631
+ }
2632
+
2633
+ .tox[dir="rtl"] .tox-insert-table-picker > div:nth-child(10n + 1) {
2634
+ border-right: 0;
2635
+ }
2636
+
2637
+ .tox .tox-menu {
2638
+ background-color: #fff;
2639
+ border: var(--border-default);
2640
+ border-radius: var(--border-radius_medium);
2641
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
2642
+ display: inline-block;
2643
+ overflow: hidden;
2644
+ vertical-align: top;
2645
+ z-index: 1150;
2646
+ }
2647
+
2648
+ .tox .tox-menu.tox-collection.tox-collection--list {
2649
+ padding: 0;
2650
+ }
2651
+
2652
+ .tox .tox-menu.tox-collection.tox-collection--toolbar {
2653
+ padding: 3.25px;
2654
+ }
2655
+
2656
+ .tox .tox-menu.tox-collection.tox-collection--grid {
2657
+ padding: 3.25px;
2658
+ }
2659
+
2660
+ .tox .tox-menu__label blockquote,
2661
+ .tox .tox-menu__label code,
2662
+ .tox .tox-menu__label h1,
2663
+ .tox .tox-menu__label h2,
2664
+ .tox .tox-menu__label h3,
2665
+ .tox .tox-menu__label h4,
2666
+ .tox .tox-menu__label h5,
2667
+ .tox .tox-menu__label h6,
2668
+ .tox .tox-menu__label p {
2669
+ margin: 0;
2670
+ }
2671
+
2672
+ .tox .tox-menubar {
2673
+ 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='rgba%28175,%20175,%20175,%200.5%29'/%3E%3C/svg%3E")
2674
+ left 0 top 0 var(--color-grey_very_light);
2675
+ background-color: var(--color-grey_very_light);
2676
+ display: flex;
2677
+ flex: 0 0 auto;
2678
+ flex-shrink: 0;
2679
+ flex-wrap: wrap;
2680
+ padding: 0 var(--spacing-1) 0 var(--spacing-1);
2681
+ }
2682
+
2683
+ .tox.tox-tinymce:not(.tox-tinymce-inline)
2684
+ .tox-editor-header:not(:first-child)
2685
+ .tox-menubar {
2686
+ border-top: var(--border-default);
2687
+ }
2688
+
2689
+ .tox .tox-mbtn {
2690
+ align-items: center;
2691
+ background: 0 0;
2692
+ border: 0;
2693
+ border-radius: var(--border-radius_medium);
2694
+ box-shadow: none;
2695
+ color: var(--icon-color);
2696
+ display: flex;
2697
+ flex: 0 0 auto;
2698
+ font-size: var(--font-size_medium);
2699
+ font-style: normal;
2700
+ font-weight: 400;
2701
+ height: 34px;
2702
+ justify-content: center;
2703
+ margin: 2px 0 3px 0;
2704
+ outline: 0;
2705
+ overflow: hidden;
2706
+ padding: 0 var(--spacing-1);
2707
+ text-transform: none;
2708
+ width: auto;
2709
+ }
2710
+
2711
+ .tox .tox-mbtn[disabled] {
2712
+ background-color: transparent;
2713
+ border: 0;
2714
+ box-shadow: none;
2715
+ color: rgba(51, 59, 81, 0.5);
2716
+ cursor: not-allowed;
2717
+ }
2718
+
2719
+ .tox .tox-mbtn:focus:not(:disabled) {
2720
+ background: rgba(175, 175, 175, 0.25);
2721
+ border: 0;
2722
+ box-shadow: none;
2723
+ color: rgba(51, 59, 81, 0.8);
2724
+ }
2725
+
2726
+ .tox .tox-mbtn--active {
2727
+ background: rgba(175, 175, 175, 0.5);
2728
+ border: 0;
2729
+ box-shadow: none;
2730
+ color: rgba(51, 59, 81, 0.8);
2731
+ }
2732
+
2733
+ .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2734
+ background: rgba(175, 175, 175, 0.25);
2735
+ border: 0;
2736
+ box-shadow: none;
2737
+ color: rgba(51, 59, 81, 0.8);
2738
+ }
2739
+
2740
+ .tox .tox-mbtn__select-label {
2741
+ cursor: default;
2742
+ font-weight: 400;
2743
+ margin: 0 var(--spacing-1);
2744
+ }
2745
+
2746
+ .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2747
+ cursor: not-allowed;
2748
+ }
2749
+
2750
+ .tox .tox-mbtn__select-chevron {
2751
+ align-items: center;
2752
+ display: flex;
2753
+ justify-content: center;
2754
+ width: 16px;
2755
+ display: none;
2756
+ }
2757
+
2758
+ .tox .tox-notification {
2759
+ border-radius: var(--border-radius_medium);
2760
+ border-style: solid;
2761
+ border-width: 1px;
2762
+ box-shadow: none;
2763
+ box-sizing: border-box;
2764
+ display: -ms-grid;
2765
+ display: grid;
2766
+ font-size: var(--font-size_medium);
2767
+ font-weight: 400;
2768
+ -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2769
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2770
+ margin-top: 3.25px;
2771
+ opacity: 0;
2772
+ padding: 3.25px;
2773
+ transition:
2774
+ transform 0.1s ease-in,
2775
+ opacity 150ms ease-in;
2776
+ }
2777
+
2778
+ .tox .tox-notification p {
2779
+ font-size: var(--font-size_medium);
2780
+ font-weight: 400;
2781
+ }
2782
+
2783
+ .tox .tox-notification a {
2784
+ cursor: pointer;
2785
+ text-decoration: underline;
2786
+ }
2787
+
2788
+ .tox .tox-notification--in {
2789
+ opacity: 1;
2790
+ }
2791
+
2792
+ .tox .tox-notification--success {
2793
+ background-color: #f9fcf6;
2794
+ border-color: #f6faf2;
2795
+ color: #000;
2796
+ }
2797
+
2798
+ .tox .tox-notification--success p {
2799
+ color: #000;
2800
+ }
2801
+
2802
+ .tox .tox-notification--success a {
2803
+ color: #9ea794;
2804
+ }
2805
+
2806
+ .tox .tox-notification--success svg {
2807
+ fill: #000;
2808
+ }
2809
+
2810
+ .tox .tox-notification--error {
2811
+ background-color: #fdf9f9;
2812
+ border-color: #fbf4f4;
2813
+ color: #000;
2814
+ }
2815
+
2816
+ .tox .tox-notification--error p {
2817
+ color: #000;
2818
+ }
2819
+
2820
+ .tox .tox-notification--error a {
2821
+ color: #efd3d3;
2822
+ }
2823
+
2824
+ .tox .tox-notification--error svg {
2825
+ fill: #000;
2826
+ }
2827
+
2828
+ .tox .tox-notification--warn,
2829
+ .tox .tox-notification--warning {
2830
+ background-color: #fffaea;
2831
+ border-color: #ffe89d;
2832
+ color: #000;
2833
+ }
2834
+
2835
+ .tox .tox-notification--warn p,
2836
+ .tox .tox-notification--warning p {
2837
+ color: #000;
2838
+ }
2839
+
2840
+ .tox .tox-notification--warn a,
2841
+ .tox .tox-notification--warning a {
2842
+ color: #000;
2843
+ }
2844
+
2845
+ .tox .tox-notification--warn svg,
2846
+ .tox .tox-notification--warning svg {
2847
+ fill: #000;
2848
+ }
2849
+
2850
+ .tox .tox-notification--info {
2851
+ background-color: #d9edf7;
2852
+ border-color: #779ecb;
2853
+ color: #000;
2854
+ }
2855
+
2856
+ .tox .tox-notification--info p {
2857
+ color: #000;
2858
+ }
2859
+
2860
+ .tox .tox-notification--info a {
2861
+ color: #000;
2862
+ }
2863
+
2864
+ .tox .tox-notification--info svg {
2865
+ fill: #000;
2866
+ }
2867
+
2868
+ .tox .tox-notification__body {
2869
+ -ms-grid-row-align: center;
2870
+ align-self: center;
2871
+ color: #000;
2872
+ font-size: 14px;
2873
+ -ms-grid-column-span: 1;
2874
+ grid-column-end: 3;
2875
+ -ms-grid-column: 2;
2876
+ grid-column-start: 2;
2877
+ -ms-grid-row-span: 1;
2878
+ grid-row-end: 2;
2879
+ -ms-grid-row: 1;
2880
+ grid-row-start: 1;
2881
+ text-align: center;
2882
+ white-space: normal;
2883
+ word-break: break-all;
2884
+ word-break: break-word;
2885
+ }
2886
+
2887
+ .tox .tox-notification__body > * {
2888
+ margin: 0;
2889
+ }
2890
+
2891
+ .tox .tox-notification__body > * + * {
2892
+ margin-top: 1rem;
2893
+ }
2894
+
2895
+ .tox .tox-notification__icon {
2896
+ -ms-grid-row-align: center;
2897
+ align-self: center;
2898
+ -ms-grid-column-span: 1;
2899
+ grid-column-end: 2;
2900
+ -ms-grid-column: 1;
2901
+ grid-column-start: 1;
2902
+ -ms-grid-row-span: 1;
2903
+ grid-row-end: 2;
2904
+ -ms-grid-row: 1;
2905
+ grid-row-start: 1;
2906
+ -ms-grid-column-align: end;
2907
+ justify-self: end;
2908
+ }
2909
+
2910
+ .tox .tox-notification__icon svg {
2911
+ display: block;
2912
+ }
2913
+
2914
+ .tox .tox-notification__dismiss {
2915
+ -ms-grid-row-align: start;
2916
+ align-self: start;
2917
+ -ms-grid-column-span: 1;
2918
+ grid-column-end: 4;
2919
+ -ms-grid-column: 3;
2920
+ grid-column-start: 3;
2921
+ -ms-grid-row-span: 1;
2922
+ grid-row-end: 2;
2923
+ -ms-grid-row: 1;
2924
+ grid-row-start: 1;
2925
+ -ms-grid-column-align: end;
2926
+ justify-self: end;
2927
+ }
2928
+
2929
+ .tox .tox-notification .tox-progress-bar {
2930
+ -ms-grid-column-span: 3;
2931
+ grid-column-end: 4;
2932
+ -ms-grid-column: 1;
2933
+ grid-column-start: 1;
2934
+ -ms-grid-row-span: 1;
2935
+ grid-row-end: 3;
2936
+ -ms-grid-row: 2;
2937
+ grid-row-start: 2;
2938
+ -ms-grid-column-align: center;
2939
+ justify-self: center;
2940
+ }
2941
+
2942
+ .tox .tox-pop {
2943
+ display: inline-block;
2944
+ position: relative;
2945
+ }
2946
+
2947
+ .tox .tox-pop--resizing {
2948
+ transition: width 0.1s ease;
2949
+ }
2950
+
2951
+ .tox .tox-pop--resizing .tox-toolbar,
2952
+ .tox .tox-pop--resizing .tox-toolbar__group {
2953
+ flex-wrap: nowrap;
2954
+ }
2955
+
2956
+ .tox .tox-pop--transition {
2957
+ transition: 0.15s ease;
2958
+ transition-property: left, right, top, bottom;
2959
+ }
2960
+
2961
+ .tox .tox-pop--transition::after,
2962
+ .tox .tox-pop--transition::before {
2963
+ transition:
2964
+ all 0.15s,
2965
+ visibility 0s,
2966
+ opacity 75ms ease 75ms;
2967
+ }
2968
+
2969
+ .tox .tox-pop__dialog {
2970
+ background-color: #fff;
2971
+ border: var(--border-default);
2972
+ border-radius: var(--border-radius_medium);
2973
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2974
+ min-width: 0;
2975
+ overflow: hidden;
2976
+ }
2977
+
2978
+ .tox .tox-pop__dialog > :not(.tox-toolbar) {
2979
+ margin: 3.25px 3.25px 3.25px 6.5px;
2980
+ }
2981
+
2982
+ .tox .tox-pop__dialog .tox-toolbar {
2983
+ background-color: transparent;
2984
+ margin-bottom: -1px;
2985
+ }
2986
+
2987
+ .tox .tox-pop::after,
2988
+ .tox .tox-pop::before {
2989
+ border-style: solid;
2990
+ content: "";
2991
+ display: block;
2992
+ height: 0;
2993
+ opacity: 1;
2994
+ position: absolute;
2995
+ width: 0;
2996
+ }
2997
+
2998
+ .tox .tox-pop.tox-pop--inset::after,
2999
+ .tox .tox-pop.tox-pop--inset::before {
3000
+ opacity: 0;
3001
+ transition:
3002
+ all 0s 0.15s,
3003
+ visibility 0s,
3004
+ opacity 75ms ease;
3005
+ }
3006
+
3007
+ .tox .tox-pop.tox-pop--bottom::after,
3008
+ .tox .tox-pop.tox-pop--bottom::before {
3009
+ left: 50%;
3010
+ top: 100%;
3011
+ }
3012
+
3013
+ .tox .tox-pop.tox-pop--bottom::after {
3014
+ border-color: #fff transparent transparent transparent;
3015
+ border-width: 8px;
3016
+ margin-left: -8px;
3017
+ margin-top: -1px;
3018
+ }
3019
+
3020
+ .tox .tox-pop.tox-pop--bottom::before {
3021
+ border-color: rgba(175, 175, 175, 0.5) transparent transparent transparent;
3022
+ border-width: 9px;
3023
+ margin-left: -9px;
3024
+ }
3025
+
3026
+ .tox .tox-pop.tox-pop--top::after,
3027
+ .tox .tox-pop.tox-pop--top::before {
3028
+ left: 50%;
3029
+ top: 0;
3030
+ transform: translateY(-100%);
3031
+ }
3032
+
3033
+ .tox .tox-pop.tox-pop--top::after {
3034
+ border-color: transparent transparent #fff transparent;
3035
+ border-width: 8px;
3036
+ margin-left: -8px;
3037
+ margin-top: 1px;
3038
+ }
3039
+
3040
+ .tox .tox-pop.tox-pop--top::before {
3041
+ border-color: transparent transparent rgba(175, 175, 175, 0.5) transparent;
3042
+ border-width: 9px;
3043
+ margin-left: -9px;
3044
+ }
3045
+
3046
+ .tox .tox-pop.tox-pop--left::after,
3047
+ .tox .tox-pop.tox-pop--left::before {
3048
+ left: 0;
3049
+ top: calc(50% - 1px);
3050
+ transform: translateY(-50%);
3051
+ }
3052
+
3053
+ .tox .tox-pop.tox-pop--left::after {
3054
+ border-color: transparent #fff transparent transparent;
3055
+ border-width: 8px;
3056
+ margin-left: -15px;
3057
+ }
3058
+
3059
+ .tox .tox-pop.tox-pop--left::before {
3060
+ border-color: transparent rgba(175, 175, 175, 0.5) transparent transparent;
3061
+ border-width: 10px;
3062
+ margin-left: -19px;
3063
+ }
3064
+
3065
+ .tox .tox-pop.tox-pop--right::after,
3066
+ .tox .tox-pop.tox-pop--right::before {
3067
+ left: 100%;
3068
+ top: calc(50% + 1px);
3069
+ transform: translateY(-50%);
3070
+ }
3071
+
3072
+ .tox .tox-pop.tox-pop--right::after {
3073
+ border-color: transparent transparent transparent #fff;
3074
+ border-width: 8px;
3075
+ margin-left: -1px;
3076
+ }
3077
+
3078
+ .tox .tox-pop.tox-pop--right::before {
3079
+ border-color: transparent transparent transparent rgba(175, 175, 175, 0.5);
3080
+ border-width: 10px;
3081
+ margin-left: -1px;
3082
+ }
3083
+
3084
+ .tox .tox-pop.tox-pop--align-left::after,
3085
+ .tox .tox-pop.tox-pop--align-left::before {
3086
+ left: 20px;
3087
+ }
3088
+
3089
+ .tox .tox-pop.tox-pop--align-right::after,
3090
+ .tox .tox-pop.tox-pop--align-right::before {
3091
+ left: calc(100% - 20px);
3092
+ }
3093
+
3094
+ .tox .tox-sidebar-wrap {
3095
+ display: flex;
3096
+ flex-direction: row;
3097
+ flex-grow: 1;
3098
+ -ms-flex-preferred-size: 0;
3099
+ min-height: 0;
3100
+ }
3101
+
3102
+ .tox .tox-sidebar {
3103
+ background-color: #fff;
3104
+ display: flex;
3105
+ flex-direction: row;
3106
+ justify-content: flex-end;
3107
+ }
3108
+
3109
+ .tox .tox-sidebar__slider {
3110
+ display: flex;
3111
+ overflow: hidden;
3112
+ }
3113
+
3114
+ .tox .tox-sidebar__pane-container {
3115
+ display: flex;
3116
+ }
3117
+
3118
+ .tox .tox-sidebar__pane {
3119
+ display: flex;
3120
+ }
3121
+
3122
+ .tox .tox-sidebar--sliding-closed {
3123
+ opacity: 0;
3124
+ }
3125
+
3126
+ .tox .tox-sidebar--sliding-open {
3127
+ opacity: 1;
3128
+ }
3129
+
3130
+ .tox .tox-sidebar--sliding-growing,
3131
+ .tox .tox-sidebar--sliding-shrinking {
3132
+ transition:
3133
+ width 0.5s ease,
3134
+ opacity 0.5s ease;
3135
+ }
3136
+
3137
+ .tox .tox-selector {
3138
+ background-color: #4099ff;
3139
+ border-color: #4099ff;
3140
+ border-style: solid;
3141
+ border-width: 1px;
3142
+ box-sizing: border-box;
3143
+ display: inline-block;
3144
+ height: 10px;
3145
+ position: absolute;
3146
+ width: 10px;
3147
+ }
3148
+
3149
+ .tox.tox-platform-touch .tox-selector {
3150
+ height: 12px;
3151
+ width: 12px;
3152
+ }
3153
+
3154
+ .tox .tox-slider {
3155
+ align-items: center;
3156
+ display: flex;
3157
+ flex: 1;
3158
+ -ms-flex-preferred-size: auto;
3159
+ height: 24px;
3160
+ justify-content: center;
3161
+ position: relative;
3162
+ }
3163
+
3164
+ .tox .tox-slider__rail {
3165
+ background-color: transparent;
3166
+ border: var(--border-default);
3167
+ border-radius: var(--border-radius_medium);
3168
+ height: 10px;
3169
+ min-width: 120px;
3170
+ width: 100%;
3171
+ }
3172
+
3173
+ .tox .tox-slider__handle {
3174
+ background-color: #2d5a8d;
3175
+ border: 2px solid #214166;
3176
+ border-radius: var(--border-radius_medium);
3177
+ box-shadow: none;
3178
+ height: 24px;
3179
+ left: 50%;
3180
+ position: absolute;
3181
+ top: 50%;
3182
+ transform: translateX(-50%) translateY(-50%);
3183
+ width: 14px;
3184
+ }
3185
+
3186
+ .tox .tox-source-code {
3187
+ overflow: auto;
3188
+ }
3189
+
3190
+ .tox .tox-spinner {
3191
+ display: flex;
3192
+ }
3193
+
3194
+ .tox .tox-spinner > div {
3195
+ animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
3196
+ background-color: rgba(0, 0, 0, 0.7);
3197
+ border-radius: 100%;
3198
+ height: 6.5px;
3199
+ width: 6.5px;
3200
+ }
3201
+
3202
+ .tox .tox-spinner > div:nth-child(1) {
3203
+ animation-delay: -0.32s;
3204
+ }
3205
+
3206
+ .tox .tox-spinner > div:nth-child(2) {
3207
+ animation-delay: -0.16s;
3208
+ }
3209
+
3210
+ @keyframes tam-bouncing-dots {
3211
+ 0%,
3212
+ 100%,
3213
+ 80% {
3214
+ transform: scale(0);
3215
+ }
3216
+
3217
+ 40% {
3218
+ transform: scale(1);
3219
+ }
3220
+ }
3221
+
3222
+ .tox:not([dir="rtl"]) .tox-spinner > div:not(:first-child) {
3223
+ margin-left: 3.25px;
3224
+ }
3225
+
3226
+ .tox[dir="rtl"] .tox-spinner > div:not(:first-child) {
3227
+ margin-right: 3.25px;
3228
+ }
3229
+
3230
+ .tox .tox-statusbar {
3231
+ align-items: center;
3232
+ background-color: var(--a-darker-grey);
3233
+ border-top: var(--border-default);
3234
+ color: var(--text-color-muted);
3235
+ display: flex;
3236
+ flex: 0 0 auto;
3237
+ font-size: var(--font-size_small);
3238
+ font-weight: 400;
3239
+ height: 18px;
3240
+ overflow: hidden;
3241
+ padding: 0 6.5px;
3242
+ position: relative;
3243
+ }
3244
+
3245
+ .tox .tox-statusbar__text-container {
3246
+ display: flex;
3247
+ flex: 1 1 auto;
3248
+ justify-content: flex-end;
3249
+ overflow: hidden;
3250
+ }
3251
+
3252
+ .tox .tox-statusbar__path {
3253
+ display: flex;
3254
+ flex: 1 1 auto;
3255
+ margin-right: auto;
3256
+ overflow: hidden;
3257
+ text-overflow: ellipsis;
3258
+ white-space: nowrap;
3259
+ }
3260
+
3261
+ .tox .tox-statusbar__path > * {
3262
+ display: inline;
3263
+ white-space: nowrap;
3264
+ }
3265
+
3266
+ .tox .tox-statusbar__wordcount {
3267
+ flex: 0 0 auto;
3268
+ margin-left: 1ch;
3269
+ }
3270
+
3271
+ .tox .tox-statusbar a,
3272
+ .tox .tox-statusbar__path-item,
3273
+ .tox .tox-statusbar__wordcount {
3274
+ color: var(--text-color);
3275
+ text-decoration: none;
3276
+ }
3277
+
3278
+ .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled="true"]),
3279
+ .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled="true"]),
3280
+ .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled="true"]),
3281
+ .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled="true"]),
3282
+ .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled="true"]),
3283
+ .tox
3284
+ .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled="true"]) {
3285
+ cursor: pointer;
3286
+ text-decoration: underline;
3287
+ }
3288
+
3289
+ .tox .tox-statusbar__resize-handle {
3290
+ align-items: flex-end;
3291
+ align-self: stretch;
3292
+ cursor: nwse-resize;
3293
+ display: flex;
3294
+ flex: 0 0 auto;
3295
+ justify-content: flex-end;
3296
+ margin-left: auto;
3297
+ margin-right: -6.5px;
3298
+ padding-left: 1ch;
3299
+ }
3300
+
3301
+ .tox .tox-statusbar__resize-handle svg {
3302
+ display: block;
3303
+ fill: var(--icon-color);
3304
+ }
3305
+
3306
+ .tox .tox-statusbar__resize-handle:focus svg {
3307
+ background-color: #d9d9d9;
3308
+ border-radius: 1px;
3309
+ box-shadow: 0 0 0 2px #d9d9d9;
3310
+ }
3311
+
3312
+ .tox:not([dir="rtl"]) .tox-statusbar__path > * {
3313
+ margin-right: 3.25px;
3314
+ }
3315
+
3316
+ .tox:not([dir="rtl"]) .tox-statusbar__branding {
3317
+ margin-left: 1ch;
3318
+ }
3319
+
3320
+ .tox[dir="rtl"] .tox-statusbar {
3321
+ flex-direction: row-reverse;
3322
+ }
3323
+
3324
+ .tox[dir="rtl"] .tox-statusbar__path > * {
3325
+ margin-left: 3.25px;
3326
+ }
3327
+
3328
+ .tox .tox-throbber {
3329
+ z-index: 1299;
3330
+ }
3331
+
3332
+ .tox .tox-throbber__busy-spinner {
3333
+ align-items: center;
3334
+ background-color: rgba(255, 255, 255, 0.6);
3335
+ bottom: 0;
3336
+ display: flex;
3337
+ justify-content: center;
3338
+ left: 0;
3339
+ position: absolute;
3340
+ right: 0;
3341
+ top: 0;
3342
+ }
3343
+
3344
+ .tox .tox-tbtn {
3345
+ align-items: center;
3346
+ background: 0 0;
3347
+ border: 0;
3348
+ border-radius: var(--border-radius_medium);
3349
+ box-shadow: none;
3350
+ color: var(--icon-color);
3351
+ display: flex;
3352
+ flex: 0 0 auto;
3353
+ font-size: var(--font-size_medium);
3354
+ font-style: normal;
3355
+ font-weight: 400;
3356
+ height: var(--icon-button-medium-height);
3357
+ justify-content: center;
3358
+ margin: var(--spacing-1) 1px;
3359
+ outline: 0;
3360
+ overflow: hidden;
3361
+ padding: 0;
3362
+ text-transform: none;
3363
+ width: var(--icon-button-medium-width);
3364
+ }
3365
+
3366
+ .tox .tox-tbtn svg {
3367
+ display: block;
3368
+ fill: var(--icon-color);
3369
+ }
3370
+
3371
+ .tox .tox-tbtn.tox-tbtn-more {
3372
+ padding-left: 5px;
3373
+ padding-right: 5px;
3374
+ width: inherit;
3375
+ }
3376
+
3377
+ .tox .tox-tbtn:focus {
3378
+ border: 0;
3379
+ box-shadow: none;
3380
+ }
3381
+
3382
+ .tox .tox-tbtn:hover {
3383
+ background: var(--icon-button-hover-bg-color);
3384
+ border: 0;
3385
+ box-shadow: none;
3386
+ color: var(--icon-color);
3387
+ }
3388
+
3389
+ .tox .tox-tbtn:hover svg {
3390
+ fill: currentColor;
3391
+ }
3392
+
3393
+ .tox .tox-tbtn:active {
3394
+ background: var(--icon-button-hover-bg-color);
3395
+ border: 0;
3396
+ box-shadow: none;
3397
+ color: var(--icon-color);
3398
+ }
3399
+
3400
+ .tox .tox-tbtn:active svg {
3401
+ fill: currentColor;
3402
+ }
3403
+
3404
+ .tox .tox-tbtn--disabled,
3405
+ .tox .tox-tbtn--disabled:hover,
3406
+ .tox .tox-tbtn:disabled,
3407
+ .tox .tox-tbtn:disabled:hover {
3408
+ background: 0 0;
3409
+ border: 0;
3410
+ box-shadow: none;
3411
+ color: rgba(150, 155, 160, 0.5);
3412
+ cursor: not-allowed;
3413
+ }
3414
+
3415
+ .tox .tox-tbtn--disabled svg,
3416
+ .tox .tox-tbtn--disabled:hover svg,
3417
+ .tox .tox-tbtn:disabled svg,
3418
+ .tox .tox-tbtn:disabled:hover svg {
3419
+ fill: currentColor;
3420
+ }
3421
+
3422
+ .tox .tox-tbtn--enabled,
3423
+ .tox .tox-tbtn--enabled:hover {
3424
+ background: var(--color-blue_dark);
3425
+ border: 0;
3426
+ box-shadow: none;
3427
+ color: var(--color-white);
3428
+ }
3429
+
3430
+ .tox .tox-tbtn--enabled:hover > *,
3431
+ .tox .tox-tbtn--enabled > * {
3432
+ transform: none;
3433
+ }
3434
+
3435
+ .tox .tox-tbtn--enabled svg,
3436
+ .tox .tox-tbtn--enabled:hover svg {
3437
+ fill: currentColor;
3438
+ }
3439
+
3440
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3441
+ outline: 1px solid var(--button-focus-border-color);
3442
+ }
3443
+
3444
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
3445
+ fill: currentColor;
3446
+ }
3447
+
3448
+ .tox .tox-tbtn:active > * {
3449
+ transform: none;
3450
+ }
3451
+
3452
+ .tox .tox-tbtn--md {
3453
+ height: 51px;
3454
+ width: 51px;
3455
+ }
3456
+
3457
+ .tox .tox-tbtn--lg {
3458
+ flex-direction: column;
3459
+ height: 68px;
3460
+ width: 68px;
3461
+ }
3462
+
3463
+ .tox .tox-tbtn--return {
3464
+ -ms-grid-row-align: stretch;
3465
+ align-self: stretch;
3466
+ height: unset;
3467
+ width: 16px;
3468
+ }
3469
+
3470
+ .tox .tox-tbtn--labeled {
3471
+ padding: 0 var(--spacing-1);
3472
+ width: unset;
3473
+ }
3474
+
3475
+ .tox .tox-tbtn__vlabel {
3476
+ display: block;
3477
+ font-size: 10px;
3478
+ font-weight: 400;
3479
+ letter-spacing: -0.025em;
3480
+ margin-bottom: 3.25px;
3481
+ white-space: nowrap;
3482
+ }
3483
+
3484
+ .tox .tox-tbtn--select {
3485
+ margin: 2px 0 3px 0;
3486
+ padding: 0 var(--spacing-1);
3487
+ width: auto;
3488
+ }
3489
+
3490
+ .tox .tox-tbtn__select-label {
3491
+ cursor: default;
3492
+ font-weight: 400;
3493
+ margin: 0 var(--spacing-1);
3494
+ }
3495
+
3496
+ .tox .tox-tbtn__select-chevron {
3497
+ align-items: center;
3498
+ display: flex;
3499
+ justify-content: center;
3500
+ width: 13px;
3501
+ }
3502
+
3503
+ .tox .tox-tbtn__select-chevron svg {
3504
+ fill: rgba(51, 59, 81, 0.5);
3505
+ }
3506
+
3507
+ .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3508
+ overflow: hidden;
3509
+ text-overflow: ellipsis;
3510
+ white-space: nowrap;
3511
+ width: 6em;
3512
+ }
3513
+
3514
+ .tox .tox-split-button {
3515
+ border: 0;
3516
+ border-radius: var(--border-radius_medium);
3517
+ box-sizing: border-box;
3518
+ display: flex;
3519
+ margin: 2px 0 3px 0;
3520
+ overflow: hidden;
3521
+ }
3522
+
3523
+ .tox .tox-split-button:hover {
3524
+ box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.25) inset;
3525
+ }
3526
+
3527
+ .tox .tox-split-button:focus {
3528
+ background: rgba(175, 175, 175, 0.25);
3529
+ box-shadow: none;
3530
+ color: rgba(51, 59, 81, 0.8);
3531
+ }
3532
+
3533
+ .tox .tox-split-button > * {
3534
+ border-radius: 0;
3535
+ }
3536
+
3537
+ .tox .tox-split-button__chevron {
3538
+ width: 13px;
3539
+ }
3540
+
3541
+ .tox .tox-split-button__chevron svg {
3542
+ fill: rgba(51, 59, 81, 0.5);
3543
+ }
3544
+
3545
+ .tox .tox-split-button .tox-tbtn {
3546
+ margin: 0;
3547
+ }
3548
+
3549
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
3550
+ width: 30px;
3551
+ }
3552
+
3553
+ .tox.tox-platform-touch .tox-split-button__chevron {
3554
+ width: 17px;
3555
+ }
3556
+
3557
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
3558
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
3559
+ .tox .tox-split-button.tox-tbtn--disabled:focus,
3560
+ .tox .tox-split-button.tox-tbtn--disabled:hover {
3561
+ background: 0 0;
3562
+ box-shadow: none;
3563
+ color: rgba(51, 59, 81, 0.5);
3564
+ }
3565
+
3566
+ .tox .tox-toolbar-overlord {
3567
+ background-color: var(--a-darker-grey);
3568
+ }
3569
+
3570
+ .tox .tox-toolbar,
3571
+ .tox .tox-toolbar__overflow,
3572
+ .tox .tox-toolbar__primary {
3573
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='34px' viewBox='0 0 40 39px' width='34px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='33px' width='100' height='1' fill='rgba%280,%200,%200,%200.15%29'/%3E%3C/svg%3E")
3574
+ left 0 top 0 var(--a-darker-grey);
3575
+ display: flex;
3576
+ flex: 0 0 auto;
3577
+ flex-shrink: 0;
3578
+ flex-wrap: wrap;
3579
+ padding: 0 0;
3580
+ }
3581
+
3582
+ .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3583
+ height: 0;
3584
+ opacity: 0;
3585
+ padding-bottom: 0;
3586
+ padding-top: 0;
3587
+ visibility: hidden;
3588
+ }
3589
+
3590
+ .tox .tox-toolbar__overflow--growing {
3591
+ transition:
3592
+ height 0.3s ease,
3593
+ opacity 0.2s linear 0.1s;
3594
+ }
3595
+
3596
+ .tox .tox-toolbar__overflow--shrinking {
3597
+ transition:
3598
+ opacity 0.3s ease,
3599
+ height 0.2s linear 0.1s,
3600
+ visibility 0s linear 0.3s;
3601
+ }
3602
+
3603
+ .tox .tox-menubar + .tox-toolbar,
3604
+ .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3605
+ border-top: var(--border-default);
3606
+ margin-top: -1px;
3607
+ }
3608
+
3609
+ .tox .tox-toolbar--scrolling {
3610
+ flex-wrap: nowrap;
3611
+ overflow-x: auto;
3612
+ }
3613
+
3614
+ .tox .tox-pop .tox-toolbar {
3615
+ border-width: 0;
3616
+ }
3617
+
3618
+ .tox .tox-toolbar--no-divider {
3619
+ background-image: none;
3620
+ }
3621
+
3622
+ .tox-tinymce:not(.tox-tinymce-inline)
3623
+ .tox-editor-header:not(:first-child)
3624
+ .tox-toolbar-overlord:first-child
3625
+ .tox-toolbar__primary,
3626
+ .tox-tinymce:not(.tox-tinymce-inline)
3627
+ .tox-editor-header:not(:first-child)
3628
+ .tox-toolbar:first-child {
3629
+ border-top: var(--border-default);
3630
+ }
3631
+
3632
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
3633
+ background-color: #fff;
3634
+ border: var(--border-default);
3635
+ border-radius: var(--border-radius_medium);
3636
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3637
+ }
3638
+
3639
+ .tox .tox-toolbar__group {
3640
+ align-items: center;
3641
+ display: flex;
3642
+ flex-wrap: wrap;
3643
+ margin: 0 0;
3644
+ padding: 0 3px 0 3px;
3645
+ }
3646
+
3647
+ .tox .tox-toolbar__group--pull-right {
3648
+ margin-left: auto;
3649
+ }
3650
+
3651
+ .tox .tox-toolbar--scrolling .tox-toolbar__group {
3652
+ flex-shrink: 0;
3653
+ flex-wrap: nowrap;
3654
+ }
3655
+
3656
+ .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
3657
+ border-right: var(--border-default);
3658
+ }
3659
+
3660
+ .tox[dir="rtl"] .tox-toolbar__group:not(:last-of-type) {
3661
+ border-left: var(--border-default);
3662
+ }
3663
+
3664
+ .tox .tox-tooltip {
3665
+ display: inline-block;
3666
+ padding: 6.5px;
3667
+ position: relative;
3668
+ }
3669
+
3670
+ .tox .tox-tooltip__body {
3671
+ background-color: #000;
3672
+ border-radius: var(--border-radius_medium);
3673
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
3674
+ color: rgba(255, 255, 255, 0.75);
3675
+ font-size: var(--font-size_medium);
3676
+ font-style: normal;
3677
+ font-weight: 400;
3678
+ padding: 3.25px 6.5px;
3679
+ text-transform: none;
3680
+ }
3681
+
3682
+ .tox .tox-tooltip__arrow {
3683
+ position: absolute;
3684
+ }
3685
+
3686
+ .tox .tox-tooltip--down .tox-tooltip__arrow {
3687
+ border-left: 6.5px solid transparent;
3688
+ border-right: 6.5px solid transparent;
3689
+ border-top: 6.5px solid #000;
3690
+ bottom: 0;
3691
+ left: 50%;
3692
+ position: absolute;
3693
+ transform: translateX(-50%);
3694
+ }
3695
+
3696
+ .tox .tox-tooltip--up .tox-tooltip__arrow {
3697
+ border-bottom: 6.5px solid #000;
3698
+ border-left: 6.5px solid transparent;
3699
+ border-right: 6.5px solid transparent;
3700
+ left: 50%;
3701
+ position: absolute;
3702
+ top: 0;
3703
+ transform: translateX(-50%);
3704
+ }
3705
+
3706
+ .tox .tox-tooltip--right .tox-tooltip__arrow {
3707
+ border-bottom: 6.5px solid transparent;
3708
+ border-left: 6.5px solid #000;
3709
+ border-top: 6.5px solid transparent;
3710
+ position: absolute;
3711
+ right: 0;
3712
+ top: 50%;
3713
+ transform: translateY(-50%);
3714
+ }
3715
+
3716
+ .tox .tox-tooltip--left .tox-tooltip__arrow {
3717
+ border-bottom: 6.5px solid transparent;
3718
+ border-right: 6.5px solid #000;
3719
+ border-top: 6.5px solid transparent;
3720
+ left: 0;
3721
+ position: absolute;
3722
+ top: 50%;
3723
+ transform: translateY(-50%);
3724
+ }
3725
+
3726
+ .tox .tox-well {
3727
+ border: var(--border-default);
3728
+ border-radius: var(--border-radius_medium);
3729
+ padding: 6.5px;
3730
+ width: 100%;
3731
+ }
3732
+
3733
+ .tox .tox-well > :first-child {
3734
+ margin-top: 0;
3735
+ }
3736
+
3737
+ .tox .tox-well > :last-child {
3738
+ margin-bottom: 0;
3739
+ }
3740
+
3741
+ .tox .tox-well > :only-child {
3742
+ margin: 0;
3743
+ }
3744
+
3745
+ .tox .tox-custom-editor {
3746
+ border: var(--border-default);
3747
+ border-radius: var(--border-radius_medium);
3748
+ display: flex;
3749
+ flex: 1;
3750
+ position: relative;
3751
+ }
3752
+
3753
+ .tox .tox-dialog-loading::before {
3754
+ background-color: rgba(0, 0, 0, 0.5);
3755
+ content: "";
3756
+ height: 100%;
3757
+ position: absolute;
3758
+ width: 100%;
3759
+ z-index: 1000;
3760
+ }
3761
+
3762
+ .tox .tox-tab {
3763
+ cursor: pointer;
3764
+ }
3765
+
3766
+ .tox .tox-dialog__content-js {
3767
+ display: flex;
3768
+ flex: 1;
3769
+ -ms-flex-preferred-size: auto;
3770
+ }
3771
+
3772
+ .tox .tox-dialog__body-content .tox-collection {
3773
+ display: flex;
3774
+ flex: 1;
3775
+ -ms-flex-preferred-size: auto;
3776
+ }
3777
+
3778
+ .tox .tox-image-tools-edit-panel {
3779
+ height: 60px;
3780
+ }
3781
+
3782
+ .tox .tox-image-tools__sidebar {
3783
+ height: 60px;
3784
+ }