qms-angular 1.0.86 → 1.0.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (289) hide show
  1. package/README.md +5 -1
  2. package/bundles/qms-angular.umd.js +6943 -219
  3. package/bundles/qms-angular.umd.js.map +1 -1
  4. package/esm2015/lib/components/badges/qms-badges.component.js +1 -1
  5. package/esm2015/lib/components/banner/qms-banner/qms-banner.component.js +1 -1
  6. package/esm2015/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.js +1 -1
  7. package/esm2015/lib/components/banner/qms-banner-loading/qms-banner-loading.component.js +1 -1
  8. package/esm2015/lib/components/button/button-toggle.js +1 -1
  9. package/esm2015/lib/components/button/button.js +3 -3
  10. package/esm2015/lib/components/comment/comment.js +6 -3
  11. package/esm2015/lib/components/dialog/dialog.js +2 -2
  12. package/esm2015/lib/components/list/list.js +2 -2
  13. package/esm2015/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.js +3 -3
  14. package/esm2015/lib/components/qms-paginator/qms-paginator.component.js +16 -7
  15. package/esm2015/lib/components/related/content/related-content.component.js +2 -2
  16. package/esm2015/lib/components/related/list-other-related/list-related.component.js +1 -1
  17. package/esm2015/lib/components/related/risk/list/list.component.js +1 -1
  18. package/esm2015/lib/components/related/risk/result/result.component.js +1 -1
  19. package/esm2015/lib/components/rich-text/rich-text.js +1 -1
  20. package/esm2015/lib/components/table/table-action.js +2 -2
  21. package/esm2015/lib/components/table/table.module.js +4 -4
  22. package/esm2015/lib/components/tooltip/tooltip.js +1 -1
  23. package/esm2015/lib/components/tree/tree.component.js +1 -1
  24. package/esm2015/lib/components/treeNew/tree.component.js +18 -2
  25. package/esm2015/lib/directives/file-upload/file-upload-multiple-selector.directive.js +3 -1
  26. package/esm2015/lib/directives/file-upload/file-upload-selector.directive.js +3 -1
  27. package/esm2015/lib/directives/file-upload/file-upload.directive.js +1 -1
  28. package/esm2015/lib/directives/text-truncate/text-truncate.directive.js +58 -0
  29. package/esm2015/lib/model/en.js +63 -2
  30. package/esm2015/lib/model/no.js +63 -2
  31. package/esm2015/lib/qms-angular.module.js +4 -1
  32. package/esm2015/lib/qms-ckeditor-components/common/flowchart/config/halo.function.js +87 -0
  33. package/esm2015/lib/qms-ckeditor-components/common/flowchart/config/inspector.function.js +3767 -0
  34. package/esm2015/lib/qms-ckeditor-components/common/flowchart/config/selection.function.js +56 -0
  35. package/esm2015/lib/qms-ckeditor-components/common/flowchart/config/stencil.function.js +1003 -0
  36. package/esm2015/lib/qms-ckeditor-components/common/flowchart/config/toolbar.function.js +302 -0
  37. package/esm2015/lib/qms-ckeditor-components/common/flowchart/models/app-shapes.js +320 -0
  38. package/esm2015/lib/qms-ckeditor-components/common/flowchart/service/keyboard-service.js +69 -0
  39. package/esm2015/lib/qms-ckeditor-components/common/flowchart/service/kitchensink-service.js +412 -0
  40. package/esm2015/lib/qms-ckeditor-components/common/flowchart/themes/theme-picker.js +80 -0
  41. package/esm2015/lib/qms-ckeditor-components/common/functions/common.function.js +34 -1
  42. package/esm2015/lib/qms-ckeditor-components/common/models/qms-ckeditor-save-as-template.model.js +1 -1
  43. package/esm2015/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.js +3 -3
  44. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.js +1 -1
  45. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-bpmn/qms-ckeditor-bpmn.component.js +2 -2
  46. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-bpmn/save-template/save-template.component.js +2 -2
  47. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-flowchart/qms-ckeditor-flowchart.component.js +317 -0
  48. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.js +3 -3
  49. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.js +3 -3
  50. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.js +3 -3
  51. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.js +3 -3
  52. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.js +3 -3
  53. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.js +3 -3
  54. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.js +3 -3
  55. package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +35 -3
  56. package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.module.js +4 -2
  57. package/esm2015/public-api.js +8 -1
  58. package/esm2015/qms-angular.js +2 -1
  59. package/fesm2015/qms-angular.js +6882 -213
  60. package/fesm2015/qms-angular.js.map +1 -1
  61. package/lib/components/comment/comment.d.ts +1 -0
  62. package/lib/components/qms-paginator/qms-paginator.component.d.ts +1 -0
  63. package/lib/components/treeNew/tree.component.d.ts +1 -0
  64. package/lib/directives/text-truncate/text-truncate.directive.d.ts +15 -0
  65. package/lib/model/en.d.ts +61 -0
  66. package/lib/model/no.d.ts +61 -0
  67. package/lib/qms-ckeditor-components/common/flowchart/config/halo.function.d.ts +37 -0
  68. package/lib/qms-ckeditor-components/common/flowchart/config/inspector.function.d.ts +7 -0
  69. package/lib/qms-ckeditor-components/common/flowchart/config/selection.function.d.ts +39 -0
  70. package/lib/qms-ckeditor-components/common/flowchart/config/stencil.function.d.ts +11 -0
  71. package/lib/qms-ckeditor-components/common/flowchart/config/toolbar.function.d.ts +224 -0
  72. package/lib/qms-ckeditor-components/common/flowchart/models/app-shapes.d.ts +58 -0
  73. package/lib/qms-ckeditor-components/common/flowchart/service/keyboard-service.d.ts +16 -0
  74. package/lib/qms-ckeditor-components/common/flowchart/service/kitchensink-service.d.ts +56 -0
  75. package/lib/qms-ckeditor-components/common/flowchart/themes/theme-picker.d.ts +35 -0
  76. package/lib/qms-ckeditor-components/common/functions/common.function.d.ts +12 -0
  77. package/lib/qms-ckeditor-components/common/models/qms-ckeditor-save-as-template.model.d.ts +2 -0
  78. package/lib/qms-ckeditor-components/components/qms-ckeditor-flowchart/qms-ckeditor-flowchart.component.d.ts +41 -0
  79. package/lib/qms-ckeditor-components/qms-ckeditor.component.d.ts +4 -0
  80. package/lib.theme.scss +179 -0
  81. package/package.json +1 -1
  82. package/public-api.d.ts +7 -0
  83. package/qms-angular.d.ts +1 -0
  84. package/qms-angular.metadata.json +1 -1
  85. package/src/assets/fonts/Material/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 +0 -0
  86. package/src/assets/fonts/Material/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2 +0 -0
  87. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2 +0 -0
  88. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFVZ0b.woff2 +0 -0
  89. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFVp0bbck.woff2 +0 -0
  90. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFW50bbck.woff2 +0 -0
  91. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2 +0 -0
  92. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2 +0 -0
  93. package/src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWp0bbck.woff2 +0 -0
  94. package/src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2 +0 -0
  95. package/src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2 +0 -0
  96. package/src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2 +0 -0
  97. package/src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2 +0 -0
  98. package/src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2 +0 -0
  99. package/src/assets/jointjs/images/delete-icon-modern.png +0 -0
  100. package/src/assets/jointjs/images/reset-icon-modern.png +0 -0
  101. package/src/assets/jointjs/images/save-icon-modern.png +0 -0
  102. package/src/assets/jointjs/images/to-front-icon-modern.png +0 -0
  103. package/src/assets/jointjs/images/toback-icon-modern.png +0 -0
  104. package/src/assets/jointjs/images/toolbar-icons-material.png +0 -0
  105. package/src/assets/jointjs/images/toolbar-icons-modern.png +0 -0
  106. package/src/assets/jointjs/scss/rappid.scss +326 -0
  107. package/src/assets/jointjs/scss/theme-picker.scss +22 -0
  108. package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
  109. package/src/assets/qms-ckeditor-plugin/build/ckeditor.js.map +1 -1
  110. package/src/assets/qms-ckeditor-plugin/build/translations/ar.js +1 -1
  111. package/src/assets/qms-ckeditor-plugin/build/translations/az.js +1 -1
  112. package/src/assets/qms-ckeditor-plugin/build/translations/bg.js +1 -1
  113. package/src/assets/qms-ckeditor-plugin/build/translations/ca.js +1 -1
  114. package/src/assets/qms-ckeditor-plugin/build/translations/cs.js +1 -1
  115. package/src/assets/qms-ckeditor-plugin/build/translations/da.js +1 -1
  116. package/src/assets/qms-ckeditor-plugin/build/translations/de-ch.js +1 -1
  117. package/src/assets/qms-ckeditor-plugin/build/translations/de.js +1 -1
  118. package/src/assets/qms-ckeditor-plugin/build/translations/el.js +1 -1
  119. package/src/assets/qms-ckeditor-plugin/build/translations/en-au.js +1 -1
  120. package/src/assets/qms-ckeditor-plugin/build/translations/en-gb.js +1 -1
  121. package/src/assets/qms-ckeditor-plugin/build/translations/eo.js +1 -1
  122. package/src/assets/qms-ckeditor-plugin/build/translations/es.js +1 -1
  123. package/src/assets/qms-ckeditor-plugin/build/translations/et.js +1 -1
  124. package/src/assets/qms-ckeditor-plugin/build/translations/eu.js +1 -1
  125. package/src/assets/qms-ckeditor-plugin/build/translations/fa.js +1 -1
  126. package/src/assets/qms-ckeditor-plugin/build/translations/fi.js +1 -1
  127. package/src/assets/qms-ckeditor-plugin/build/translations/fr.js +1 -1
  128. package/src/assets/qms-ckeditor-plugin/build/translations/gl.js +1 -1
  129. package/src/assets/qms-ckeditor-plugin/build/translations/he.js +1 -1
  130. package/src/assets/qms-ckeditor-plugin/build/translations/hi.js +1 -1
  131. package/src/assets/qms-ckeditor-plugin/build/translations/hr.js +1 -1
  132. package/src/assets/qms-ckeditor-plugin/build/translations/hu.js +1 -1
  133. package/src/assets/qms-ckeditor-plugin/build/translations/id.js +1 -1
  134. package/src/assets/qms-ckeditor-plugin/build/translations/it.js +1 -1
  135. package/src/assets/qms-ckeditor-plugin/build/translations/ja.js +1 -1
  136. package/src/assets/qms-ckeditor-plugin/build/translations/km.js +1 -1
  137. package/src/assets/qms-ckeditor-plugin/build/translations/kn.js +1 -1
  138. package/src/assets/qms-ckeditor-plugin/build/translations/ko.js +1 -1
  139. package/src/assets/qms-ckeditor-plugin/build/translations/ku.js +1 -1
  140. package/src/assets/qms-ckeditor-plugin/build/translations/lt.js +1 -1
  141. package/src/assets/qms-ckeditor-plugin/build/translations/lv.js +1 -1
  142. package/src/assets/qms-ckeditor-plugin/build/translations/nb.js +1 -1
  143. package/src/assets/qms-ckeditor-plugin/build/translations/ne.js +1 -1
  144. package/src/assets/qms-ckeditor-plugin/build/translations/nl.js +1 -1
  145. package/src/assets/qms-ckeditor-plugin/build/translations/no.js +1 -1
  146. package/src/assets/qms-ckeditor-plugin/build/translations/pl.js +1 -1
  147. package/src/assets/qms-ckeditor-plugin/build/translations/pt-br.js +1 -1
  148. package/src/assets/qms-ckeditor-plugin/build/translations/pt.js +1 -1
  149. package/src/assets/qms-ckeditor-plugin/build/translations/ro.js +1 -1
  150. package/src/assets/qms-ckeditor-plugin/build/translations/ru.js +1 -1
  151. package/src/assets/qms-ckeditor-plugin/build/translations/sk.js +1 -1
  152. package/src/assets/qms-ckeditor-plugin/build/translations/sl.js +1 -1
  153. package/src/assets/qms-ckeditor-plugin/build/translations/sq.js +1 -1
  154. package/src/assets/qms-ckeditor-plugin/build/translations/sr-latn.js +1 -1
  155. package/src/assets/qms-ckeditor-plugin/build/translations/sr.js +1 -1
  156. package/src/assets/qms-ckeditor-plugin/build/translations/sv.js +1 -1
  157. package/src/assets/qms-ckeditor-plugin/build/translations/th.js +1 -1
  158. package/src/assets/qms-ckeditor-plugin/build/translations/tk.js +1 -1
  159. package/src/assets/qms-ckeditor-plugin/build/translations/tr.js +1 -1
  160. package/src/assets/qms-ckeditor-plugin/build/translations/ug.js +1 -1
  161. package/src/assets/qms-ckeditor-plugin/build/translations/uk.js +1 -1
  162. package/src/assets/qms-ckeditor-plugin/build/translations/vi.js +1 -1
  163. package/src/assets/qms-ckeditor-plugin/build/translations/zh-cn.js +1 -1
  164. package/src/assets/qms-ckeditor-plugin/build/translations/zh.js +1 -1
  165. package/src/assets/qms-ckeditor-plugin/package-lock.json +12632 -345
  166. package/src/assets/qms-ckeditor-plugin/package.json +0 -2
  167. package/src/assets/qms-ckeditor-plugin/src/ckeditor.js +8 -8
  168. package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorService.js +9 -0
  169. package/src/assets/qms-ckeditor-plugin/src/plugins/flowchart/flowchartdialogcommand.js +47 -0
  170. package/src/assets/qms-ckeditor-plugin/src/plugins/flowchart/qmsCKEditorFlowchartPlugin.js +30 -0
  171. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/heading.js +119 -0
  172. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/headingbuttonsui.js +103 -0
  173. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/headingcommand.js +96 -0
  174. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/headingediting.js +163 -0
  175. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/headingui.js +115 -0
  176. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/index.js +22 -0
  177. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/heading.css +35 -0
  178. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/icons/heading1.svg +1 -0
  179. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/icons/heading2.svg +1 -0
  180. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/icons/heading3.svg +1 -0
  181. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/icons/heading4.svg +1 -0
  182. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/icons/heading5.svg +1 -0
  183. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/theme/icons/heading6.svg +1 -0
  184. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/title.js +598 -0
  185. package/src/assets/qms-ckeditor-plugin/src/plugins/heading/utils.js +42 -0
  186. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/insertcolumncommand.js +83 -0
  187. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/insertrowcommand.js +82 -0
  188. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/inserttablecommand.js +76 -0
  189. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/mergecellcommand.js +272 -0
  190. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/mergecellscommand.js +122 -0
  191. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/removecolumncommand.js +122 -0
  192. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/removerowcommand.js +97 -0
  193. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/selectcolumncommand.js +63 -0
  194. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/selectrowcommand.js +56 -0
  195. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/setheadercolumncommand.js +95 -0
  196. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/setheaderrowcommand.js +105 -0
  197. package/src/assets/qms-ckeditor-plugin/src/plugins/table/commands/splitcellcommand.js +68 -0
  198. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/downcast.js +529 -0
  199. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/table-cell-paragraph-post-fixer.js +136 -0
  200. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/table-cell-refresh-post-fixer.js +75 -0
  201. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/table-heading-rows-refresh-post-fixer.js +55 -0
  202. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/table-layout-post-fixer.js +399 -0
  203. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/tableproperties.js +126 -0
  204. package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/upcasttable.js +211 -0
  205. package/src/assets/qms-ckeditor-plugin/src/plugins/table/index.js +42 -0
  206. package/src/assets/qms-ckeditor-plugin/src/plugins/table/table.js +103 -0
  207. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +35 -0
  208. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellbordercolorcommand.js +47 -0
  209. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellborderstylecommand.js +47 -0
  210. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellborderwidthcommand.js +62 -0
  211. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellheightcommand.js +51 -0
  212. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +35 -0
  213. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellpaddingcommand.js +62 -0
  214. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellpropertycommand.js +110 -0
  215. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellverticalalignmentcommand.js +43 -0
  216. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/commands/tablecellwidthcommand.js +51 -0
  217. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/tablecellpropertiesediting.js +204 -0
  218. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/tablecellpropertiesui.js +401 -0
  219. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties/ui/tablecellpropertiesview.js +829 -0
  220. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablecellproperties.js +80 -0
  221. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableclipboard.js +586 -0
  222. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableediting.js +160 -0
  223. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablekeyboard.js +343 -0
  224. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablemouse/mouseeventsobserver.js +72 -0
  225. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablemouse.js +218 -0
  226. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tablealignmentcommand.js +35 -0
  227. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tablebackgroundcolorcommand.js +35 -0
  228. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tablebordercolorcommand.js +47 -0
  229. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tableborderstylecommand.js +47 -0
  230. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tableborderwidthcommand.js +62 -0
  231. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tableheightcommand.js +51 -0
  232. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tablepropertycommand.js +98 -0
  233. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/commands/tablewidthcommand.js +51 -0
  234. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/tablepropertiesediting.js +182 -0
  235. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/tablepropertiesui.js +397 -0
  236. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/ui/tablepropertiesview.js +714 -0
  237. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties.js +81 -0
  238. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableselection.js +357 -0
  239. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tabletoolbar.js +111 -0
  240. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableui.js +359 -0
  241. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableutils.js +909 -0
  242. package/src/assets/qms-ckeditor-plugin/src/plugins/table/tablewalker.js +538 -0
  243. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/colorinput.css +39 -0
  244. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/form.css +11 -0
  245. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/formrow.css +23 -0
  246. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/icons/table-cell-properties.svg +1 -0
  247. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/icons/table-column.svg +1 -0
  248. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/icons/table-merge-cell.svg +1 -0
  249. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/icons/table-properties.svg +1 -0
  250. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/icons/table-row.svg +1 -0
  251. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/icons/table.svg +1 -0
  252. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/inserttable.css +10 -0
  253. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/snippet.css +3876 -0
  254. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/table.css +67 -0
  255. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/tablecaption.css +53 -0
  256. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/tablecellproperties.css +28 -0
  257. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/tableediting.css +10 -0
  258. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/tableform.css +59 -0
  259. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/tableproperties.css +18 -0
  260. package/src/assets/qms-ckeditor-plugin/src/plugins/table/theme/tableselection.css +10 -0
  261. package/src/assets/qms-ckeditor-plugin/src/plugins/table/ui/colorinputview.js +343 -0
  262. package/src/assets/qms-ckeditor-plugin/src/plugins/table/ui/formrowview.js +103 -0
  263. package/src/assets/qms-ckeditor-plugin/src/plugins/table/ui/inserttableview.js +222 -0
  264. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/common.js +57 -0
  265. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/selection.js +276 -0
  266. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/structure.js +543 -0
  267. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/table-properties.js +66 -0
  268. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/ui/contextualballoon.js +130 -0
  269. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/ui/table-properties.js +397 -0
  270. package/src/assets/qms-ckeditor-plugin/src/plugins/table/utils/ui/widget.js +62 -0
  271. package/src/assets/qms-ckeditor-plugin/src/themes/icons/flowchart.svg +507 -0
  272. package/src/lib/components/comment/comment.scss +1 -0
  273. package/src/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.scss +1 -0
  274. package/src/lib/components/qms-paginator/qms-paginator.component.scss +4 -1
  275. package/src/lib/qms-ckeditor-components/common/flowchart/assets/image-icon1.svg +1 -0
  276. package/src/lib/qms-ckeditor-components/common/flowchart/assets/image-icon2.svg +6 -0
  277. package/src/lib/qms-ckeditor-components/common/flowchart/assets/image-icon3.svg +11 -0
  278. package/src/lib/qms-ckeditor-components/common/flowchart/assets/image-icon4.svg +8 -0
  279. package/src/lib/qms-ckeditor-components/common/flowchart/assets/member-female.png +0 -0
  280. package/src/lib/qms-ckeditor-components/common/flowchart/assets/member-male.png +0 -0
  281. package/src/lib/qms-ckeditor-components/common/flowchart/assets/no-color-icon.svg +72 -0
  282. package/src/lib/qms-ckeditor-components/common/flowchart/assets/toolbar-icons-material.png +0 -0
  283. package/src/lib/qms-ckeditor-components/common/flowchart/assets/toolbar-icons-modern.png +0 -0
  284. package/src/lib/qms-ckeditor-components/common/flowchart/assets/transparent-icon.svg +50 -0
  285. package/src/lib/qms-ckeditor-components/components/qms-ckeditor-flowchart/qms-ckeditor-flowchart.component.scss +68 -0
  286. package/src/lib/qms-ckeditor-components/styles/_modules.scss +9 -0
  287. package/src/themes/core/_mat-icon.scss +60 -60
  288. package/src/themes/core/_table.scss +72 -4
  289. package/src/themes/core/_typography.scss +108 -108
@@ -0,0 +1,3876 @@
1
+ /*!
2
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md.
4
+ */
5
+ .ck.ck-editor__editable span[data-ck-unsafe-element] {
6
+ display: none;
7
+ }
8
+ .ck-hidden {
9
+ display: none !important;
10
+ }
11
+ .ck.ck-reset,
12
+ .ck.ck-reset_all,
13
+ .ck.ck-reset_all * {
14
+ /* box-sizing:border-box; */ /* width:auto; */ /* height:auto; */ /* position:static */
15
+ }
16
+ :root {
17
+ --ck-z-default: 1;
18
+ --ck-z-modal: calc(var(--ck-z-default) + 999);
19
+ }
20
+ .ck-transitions-disabled,
21
+ .ck-transitions-disabled * {
22
+ transition: none !important;
23
+ }
24
+ :root {
25
+ --ck-color-base-foreground: #fafafa;
26
+ --ck-color-base-background: #fff;
27
+ --ck-color-base-border: #c4c4c4;
28
+ --ck-color-base-action: #61b045;
29
+ --ck-color-base-focus: #6cb5f9;
30
+ --ck-color-base-text: #333;
31
+ --ck-color-base-active: #198cf0;
32
+ --ck-color-base-active-focus: #0e7fe1;
33
+ --ck-color-base-error: #db3700;
34
+ --ck-color-focus-border-coordinates: 208, 79%, 51%;
35
+ --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
36
+ --ck-color-focus-outer-shadow: #bcdefb;
37
+ --ck-color-focus-disabled-shadow: rgba(119, 186, 248, 0.3);
38
+ --ck-color-focus-error-shadow: rgba(255, 64, 31, 0.3);
39
+ --ck-color-text: var(--ck-color-base-text);
40
+ --ck-color-shadow-drop: rgba(0, 0, 0, 0.15);
41
+ --ck-color-shadow-drop-active: rgba(0, 0, 0, 0.2);
42
+ --ck-color-shadow-inner: rgba(0, 0, 0, 0.1);
43
+ --ck-color-button-default-background: transparent;
44
+ --ck-color-button-default-hover-background: #e6e6e6;
45
+ --ck-color-button-default-active-background: #d9d9d9;
46
+ --ck-color-button-default-active-shadow: #bfbfbf;
47
+ --ck-color-button-default-disabled-background: transparent;
48
+ --ck-color-button-on-background: #dedede;
49
+ --ck-color-button-on-hover-background: #c4c4c4;
50
+ --ck-color-button-on-active-background: #bababa;
51
+ --ck-color-button-on-active-shadow: #a1a1a1;
52
+ --ck-color-button-on-disabled-background: #dedede;
53
+ --ck-color-button-action-background: var(--ck-color-base-action);
54
+ --ck-color-button-action-hover-background: #579e3d;
55
+ --ck-color-button-action-active-background: #53973b;
56
+ --ck-color-button-action-active-shadow: #498433;
57
+ --ck-color-button-action-disabled-background: #7ec365;
58
+ --ck-color-button-action-text: var(--ck-color-base-background);
59
+ --ck-color-button-save: #008a00;
60
+ --ck-color-button-cancel: #db3700;
61
+ --ck-color-switch-button-off-background: #b0b0b0;
62
+ --ck-color-switch-button-off-hover-background: #a3a3a3;
63
+ --ck-color-switch-button-on-background: var(
64
+ --ck-color-button-action-background
65
+ );
66
+ --ck-color-switch-button-on-hover-background: #579e3d;
67
+ --ck-color-switch-button-inner-background: var(--ck-color-base-background);
68
+ --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, 0.1);
69
+ --ck-color-dropdown-panel-background: var(--ck-color-base-background);
70
+ --ck-color-dropdown-panel-border: var(--ck-color-base-border);
71
+ --ck-color-input-background: var(--ck-color-base-background);
72
+ --ck-color-input-border: #c7c7c7;
73
+ --ck-color-input-error-border: var(--ck-color-base-error);
74
+ --ck-color-input-text: var(--ck-color-base-text);
75
+ --ck-color-input-disabled-background: #f2f2f2;
76
+ --ck-color-input-disabled-border: #c7c7c7;
77
+ --ck-color-input-disabled-text: #757575;
78
+ --ck-color-list-background: var(--ck-color-base-background);
79
+ --ck-color-list-button-hover-background: var(
80
+ --ck-color-button-default-hover-background
81
+ );
82
+ --ck-color-list-button-on-background: var(--ck-color-base-active);
83
+ --ck-color-list-button-on-background-focus: var(
84
+ --ck-color-base-active-focus
85
+ );
86
+ --ck-color-list-button-on-text: var(--ck-color-base-background);
87
+ --ck-color-panel-background: var(--ck-color-base-background);
88
+ --ck-color-panel-border: var(--ck-color-base-border);
89
+ --ck-color-toolbar-background: var(--ck-color-base-foreground);
90
+ --ck-color-toolbar-border: var(--ck-color-base-border);
91
+ --ck-color-tooltip-background: var(--ck-color-base-text);
92
+ --ck-color-tooltip-text: var(--ck-color-base-background);
93
+ --ck-color-engine-placeholder-text: #707070;
94
+ --ck-color-upload-bar-background: #6cb5f9;
95
+ --ck-color-link-default: #0000f0;
96
+ --ck-color-link-selected-background: rgba(31, 177, 255, 0.1);
97
+ --ck-color-link-fake-selection: rgba(31, 177, 255, 0.3);
98
+ --ck-disabled-opacity: 0.5;
99
+ --ck-focus-outer-shadow-geometry: 0 0 0 3px;
100
+ --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry)
101
+ var(--ck-color-focus-outer-shadow);
102
+ --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry)
103
+ var(--ck-color-focus-disabled-shadow);
104
+ --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry)
105
+ var(--ck-color-focus-error-shadow);
106
+ --ck-focus-ring: 1px solid var(--ck-color-focus-border);
107
+ --ck-font-size-base: 13px;
108
+ --ck-line-height-base: 1.84615;
109
+ --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
110
+ --ck-font-size-tiny: 0.7em;
111
+ --ck-font-size-small: 0.75em;
112
+ --ck-font-size-normal: 1em;
113
+ --ck-font-size-big: 1.4em;
114
+ --ck-font-size-large: 1.8em;
115
+ --ck-ui-component-min-height: 2.3em;
116
+ }
117
+ .ck.ck-reset,
118
+ .ck.ck-reset_all,
119
+ .ck.ck-reset_all * {
120
+ /* margin:0; */ /* padding:0; */ /* border:0; */ /* background:transparent; */ /* text-decoration:none; */ /* vertical-align:middle; */ /* transition:none; */ /* word-wrap:break-word */
121
+ }
122
+ .ck.ck-reset_all,
123
+ .ck.ck-reset_all * {
124
+ border-collapse: collapse;
125
+ font: normal normal normal var(--ck-font-size-base) /
126
+ var(--ck-line-height-base) var(--ck-font-face);
127
+ color: var(--ck-color-text);
128
+ text-align: left;
129
+ white-space: nowrap;
130
+ cursor: auto;
131
+ float: none;
132
+ }
133
+ .ck.ck-reset_all .ck-rtl * {
134
+ text-align: right;
135
+ }
136
+ .ck.ck-reset_all iframe {
137
+ vertical-align: inherit;
138
+ }
139
+ .ck.ck-reset_all textarea {
140
+ white-space: pre-wrap;
141
+ }
142
+ .ck.ck-reset_all input[type="password"],
143
+ .ck.ck-reset_all input[type="text"],
144
+ .ck.ck-reset_all textarea {
145
+ cursor: text;
146
+ }
147
+ .ck.ck-reset_all input[type="password"][disabled],
148
+ .ck.ck-reset_all input[type="text"][disabled],
149
+ .ck.ck-reset_all textarea[disabled] {
150
+ cursor: default;
151
+ }
152
+ .ck.ck-reset_all fieldset {
153
+ padding: 10px;
154
+ border: 2px groove #dfdee3;
155
+ }
156
+ .ck.ck-reset_all button::-moz-focus-inner {
157
+ padding: 0;
158
+ border: 0;
159
+ }
160
+ .ck[dir="rtl"],
161
+ .ck[dir="rtl"] .ck {
162
+ text-align: right;
163
+ }
164
+ :root {
165
+ --ck-border-radius: 2px;
166
+ --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
167
+ --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
168
+ --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
169
+ --ck-spacing-unit: 0.6em;
170
+ --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
171
+ --ck-spacing-standard: var(--ck-spacing-unit);
172
+ --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
173
+ --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
174
+ --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
175
+ --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
176
+ }
177
+ .ck.ck-icon {
178
+ vertical-align: middle;
179
+ }
180
+ :root {
181
+ --ck-icon-size: calc(
182
+ var(--ck-line-height-base) * var(--ck-font-size-normal)
183
+ );
184
+ }
185
+ .ck.ck-icon {
186
+ width: var(--ck-icon-size);
187
+ height: var(--ck-icon-size);
188
+ font-size: 0.8333350694em;
189
+ will-change: transform;
190
+ }
191
+ .ck.ck-icon,
192
+ .ck.ck-icon * {
193
+ color: inherit;
194
+ cursor: inherit;
195
+ }
196
+ .ck.ck-icon :not([fill]) {
197
+ fill: currentColor;
198
+ }
199
+ .ck.ck-tooltip,
200
+ .ck.ck-tooltip .ck-tooltip__text:after {
201
+ position: absolute;
202
+ pointer-events: none;
203
+ -webkit-backface-visibility: hidden;
204
+ }
205
+ .ck.ck-tooltip {
206
+ visibility: hidden;
207
+ opacity: 0;
208
+ display: none;
209
+ z-index: var(--ck-z-modal);
210
+ }
211
+ .ck.ck-tooltip .ck-tooltip__text {
212
+ display: inline-block;
213
+ }
214
+ .ck.ck-tooltip .ck-tooltip__text:after {
215
+ content: "";
216
+ width: 0;
217
+ height: 0;
218
+ }
219
+ :root {
220
+ --ck-tooltip-arrow-size: 5px;
221
+ }
222
+ .ck.ck-tooltip {
223
+ left: 50%;
224
+ top: 0;
225
+ transition: opacity 0.2s ease-in-out 0.2s;
226
+ }
227
+ .ck.ck-tooltip .ck-tooltip__text {
228
+ border-radius: 0;
229
+ }
230
+ .ck-rounded-corners .ck.ck-tooltip .ck-tooltip__text,
231
+ .ck.ck-tooltip .ck-tooltip__text.ck-rounded-corners {
232
+ border-radius: var(--ck-border-radius);
233
+ }
234
+ .ck.ck-tooltip .ck-tooltip__text {
235
+ font-size: 0.9em;
236
+ line-height: 1.5;
237
+ color: var(--ck-color-tooltip-text);
238
+ padding: var(--ck-spacing-small) var(--ck-spacing-medium);
239
+ background: var(--ck-color-tooltip-background);
240
+ position: relative;
241
+ left: -50%;
242
+ }
243
+ .ck.ck-tooltip .ck-tooltip__text:after {
244
+ transition: opacity 0.2s ease-in-out 0.2s;
245
+ border-style: solid;
246
+ left: 50%;
247
+ }
248
+ .ck.ck-tooltip.ck-tooltip_s,
249
+ .ck.ck-tooltip.ck-tooltip_se,
250
+ .ck.ck-tooltip.ck-tooltip_sw {
251
+ bottom: calc(var(--ck-tooltip-arrow-size) * -1);
252
+ transform: translateY(100%);
253
+ }
254
+ .ck.ck-tooltip.ck-tooltip_s .ck-tooltip__text:after,
255
+ .ck.ck-tooltip.ck-tooltip_se .ck-tooltip__text:after,
256
+ .ck.ck-tooltip.ck-tooltip_sw .ck-tooltip__text:after {
257
+ top: calc(var(--ck-tooltip-arrow-size) * -1 + 1px);
258
+ transform: translateX(-50%);
259
+ border-left-color: transparent;
260
+ border-bottom-color: var(--ck-color-tooltip-background);
261
+ border-right-color: transparent;
262
+ border-top-color: transparent;
263
+ border-left-width: var(--ck-tooltip-arrow-size);
264
+ border-bottom-width: var(--ck-tooltip-arrow-size);
265
+ border-right-width: var(--ck-tooltip-arrow-size);
266
+ border-top-width: 0;
267
+ }
268
+ .ck.ck-tooltip.ck-tooltip_sw {
269
+ right: 50%;
270
+ left: auto;
271
+ }
272
+ .ck.ck-tooltip.ck-tooltip_sw .ck-tooltip__text {
273
+ left: auto;
274
+ right: calc(var(--ck-tooltip-arrow-size) * -2);
275
+ }
276
+ .ck.ck-tooltip.ck-tooltip_sw .ck-tooltip__text:after {
277
+ left: auto;
278
+ right: 0;
279
+ }
280
+ .ck.ck-tooltip.ck-tooltip_se {
281
+ left: 50%;
282
+ right: auto;
283
+ }
284
+ .ck.ck-tooltip.ck-tooltip_se .ck-tooltip__text {
285
+ right: auto;
286
+ left: calc(var(--ck-tooltip-arrow-size) * -2);
287
+ }
288
+ .ck.ck-tooltip.ck-tooltip_se .ck-tooltip__text:after {
289
+ right: auto;
290
+ left: 0;
291
+ transform: translateX(50%);
292
+ }
293
+ .ck.ck-tooltip.ck-tooltip_n {
294
+ top: calc(var(--ck-tooltip-arrow-size) * -1);
295
+ transform: translateY(-100%);
296
+ }
297
+ .ck.ck-tooltip.ck-tooltip_n .ck-tooltip__text:after {
298
+ bottom: calc(var(--ck-tooltip-arrow-size) * -1);
299
+ transform: translateX(-50%);
300
+ border-left-color: transparent;
301
+ border-bottom-color: transparent;
302
+ border-right-color: transparent;
303
+ border-top-color: var(--ck-color-tooltip-background);
304
+ border-left-width: var(--ck-tooltip-arrow-size);
305
+ border-bottom-width: 0;
306
+ border-right-width: var(--ck-tooltip-arrow-size);
307
+ border-top-width: var(--ck-tooltip-arrow-size);
308
+ }
309
+ .ck.ck-tooltip.ck-tooltip_e {
310
+ left: calc(100% + var(--ck-tooltip-arrow-size));
311
+ top: 50%;
312
+ }
313
+ .ck.ck-tooltip.ck-tooltip_e .ck-tooltip__text {
314
+ left: 0;
315
+ transform: translateY(-50%);
316
+ }
317
+ .ck.ck-tooltip.ck-tooltip_e .ck-tooltip__text:after {
318
+ left: calc(var(--ck-tooltip-arrow-size) * -1);
319
+ top: calc(50% - var(--ck-tooltip-arrow-size) * 1);
320
+ border-left-color: transparent;
321
+ border-bottom-color: transparent;
322
+ border-right-color: var(--ck-color-tooltip-background);
323
+ border-top-color: transparent;
324
+ border-left-width: 0;
325
+ border-bottom-width: var(--ck-tooltip-arrow-size);
326
+ border-right-width: var(--ck-tooltip-arrow-size);
327
+ border-top-width: var(--ck-tooltip-arrow-size);
328
+ }
329
+ .ck.ck-tooltip.ck-tooltip_w {
330
+ right: calc(100% + var(--ck-tooltip-arrow-size));
331
+ left: auto;
332
+ top: 50%;
333
+ }
334
+ .ck.ck-tooltip.ck-tooltip_w .ck-tooltip__text {
335
+ left: 0;
336
+ transform: translateY(-50%);
337
+ }
338
+ .ck.ck-tooltip.ck-tooltip_w .ck-tooltip__text:after {
339
+ left: 100%;
340
+ top: calc(50% - var(--ck-tooltip-arrow-size) * 1);
341
+ border-left-color: var(--ck-color-tooltip-background);
342
+ border-bottom-color: transparent;
343
+ border-right-color: transparent;
344
+ border-top-color: transparent;
345
+ border-left-width: var(--ck-tooltip-arrow-size);
346
+ border-bottom-width: var(--ck-tooltip-arrow-size);
347
+ border-right-width: 0;
348
+ border-top-width: var(--ck-tooltip-arrow-size);
349
+ }
350
+ .ck.ck-button,
351
+ a.ck.ck-button {
352
+ -moz-user-select: none;
353
+ -webkit-user-select: none;
354
+ -ms-user-select: none;
355
+ user-select: none;
356
+ }
357
+ .ck.ck-button .ck-tooltip,
358
+ a.ck.ck-button .ck-tooltip {
359
+ display: block;
360
+ }
361
+ @media (hover: none) {
362
+ .ck.ck-button .ck-tooltip,
363
+ a.ck.ck-button .ck-tooltip {
364
+ display: none;
365
+ }
366
+ }
367
+ .ck.ck-button,
368
+ a.ck.ck-button {
369
+ position: relative;
370
+ display: inline-flex;
371
+ align-items: center;
372
+ justify-content: left;
373
+ }
374
+ .ck.ck-button .ck-button__label,
375
+ a.ck.ck-button .ck-button__label {
376
+ display: none;
377
+ }
378
+ .ck.ck-button.ck-button_with-text .ck-button__label,
379
+ a.ck.ck-button.ck-button_with-text .ck-button__label {
380
+ display: inline-block;
381
+ }
382
+ .ck.ck-button:not(.ck-button_with-text),
383
+ a.ck.ck-button:not(.ck-button_with-text) {
384
+ justify-content: center;
385
+ }
386
+ .ck.ck-button:hover .ck-tooltip,
387
+ a.ck.ck-button:hover .ck-tooltip {
388
+ visibility: visible;
389
+ opacity: 1;
390
+ }
391
+ .ck.ck-button:focus:not(:hover) .ck-tooltip,
392
+ a.ck.ck-button:focus:not(:hover) .ck-tooltip {
393
+ display: none;
394
+ }
395
+ .ck.ck-button,
396
+ a.ck.ck-button {
397
+ background: var(--ck-color-button-default-background);
398
+ }
399
+ .ck.ck-button:not(.ck-disabled):hover,
400
+ a.ck.ck-button:not(.ck-disabled):hover {
401
+ background: var(--ck-color-button-default-hover-background);
402
+ }
403
+ .ck.ck-button:not(.ck-disabled):active,
404
+ a.ck.ck-button:not(.ck-disabled):active {
405
+ background: var(--ck-color-button-default-active-background);
406
+ box-shadow: inset 0 2px 2px var(--ck-color-button-default-active-shadow);
407
+ }
408
+ .ck.ck-button.ck-disabled,
409
+ a.ck.ck-button.ck-disabled {
410
+ background: var(--ck-color-button-default-disabled-background);
411
+ }
412
+ .ck.ck-button,
413
+ a.ck.ck-button {
414
+ border-radius: 0;
415
+ }
416
+ .ck-rounded-corners .ck.ck-button,
417
+ .ck-rounded-corners a.ck.ck-button,
418
+ .ck.ck-button.ck-rounded-corners,
419
+ a.ck.ck-button.ck-rounded-corners {
420
+ border-radius: var(--ck-border-radius);
421
+ }
422
+ .ck.ck-button,
423
+ a.ck.ck-button {
424
+ white-space: nowrap;
425
+ cursor: default;
426
+ vertical-align: middle;
427
+ padding: var(--ck-spacing-tiny);
428
+ text-align: center;
429
+ min-width: var(--ck-ui-component-min-height);
430
+ min-height: var(--ck-ui-component-min-height);
431
+ line-height: 1;
432
+ font-size: inherit;
433
+ border: 1px solid transparent;
434
+ transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
435
+ -webkit-appearance: none;
436
+ }
437
+ .ck.ck-button:active,
438
+ .ck.ck-button:focus,
439
+ a.ck.ck-button:active,
440
+ a.ck.ck-button:focus {
441
+ outline: none;
442
+ border: var(--ck-focus-ring);
443
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
444
+ }
445
+ .ck.ck-button .ck-button__icon use,
446
+ .ck.ck-button .ck-button__icon use *,
447
+ a.ck.ck-button .ck-button__icon use,
448
+ a.ck.ck-button .ck-button__icon use * {
449
+ color: inherit;
450
+ }
451
+ .ck.ck-button .ck-button__label,
452
+ a.ck.ck-button .ck-button__label {
453
+ font-size: inherit;
454
+ font-weight: inherit;
455
+ color: inherit;
456
+ cursor: inherit;
457
+ vertical-align: middle;
458
+ }
459
+ [dir="ltr"] .ck.ck-button .ck-button__label,
460
+ [dir="ltr"] a.ck.ck-button .ck-button__label {
461
+ text-align: left;
462
+ }
463
+ [dir="rtl"] .ck.ck-button .ck-button__label,
464
+ [dir="rtl"] a.ck.ck-button .ck-button__label {
465
+ text-align: right;
466
+ }
467
+ .ck.ck-button .ck-button__keystroke,
468
+ a.ck.ck-button .ck-button__keystroke {
469
+ color: inherit;
470
+ }
471
+ [dir="ltr"] .ck.ck-button .ck-button__keystroke,
472
+ [dir="ltr"] a.ck.ck-button .ck-button__keystroke {
473
+ margin-left: var(--ck-spacing-large);
474
+ }
475
+ [dir="rtl"] .ck.ck-button .ck-button__keystroke,
476
+ [dir="rtl"] a.ck.ck-button .ck-button__keystroke {
477
+ margin-right: var(--ck-spacing-large);
478
+ }
479
+ .ck.ck-button .ck-button__keystroke,
480
+ a.ck.ck-button .ck-button__keystroke {
481
+ font-weight: 700;
482
+ opacity: 0.7;
483
+ }
484
+ .ck.ck-button.ck-disabled:active,
485
+ .ck.ck-button.ck-disabled:focus,
486
+ a.ck.ck-button.ck-disabled:active,
487
+ a.ck.ck-button.ck-disabled:focus {
488
+ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
489
+ }
490
+ .ck.ck-button.ck-disabled .ck-button__icon,
491
+ a.ck.ck-button.ck-disabled .ck-button__icon {
492
+ opacity: var(--ck-disabled-opacity);
493
+ }
494
+ .ck.ck-button.ck-disabled .ck-button__label,
495
+ a.ck.ck-button.ck-disabled .ck-button__label {
496
+ opacity: var(--ck-disabled-opacity);
497
+ }
498
+ .ck.ck-button.ck-disabled .ck-button__keystroke,
499
+ a.ck.ck-button.ck-disabled .ck-button__keystroke {
500
+ opacity: 0.3;
501
+ }
502
+ .ck.ck-button.ck-button_with-text,
503
+ a.ck.ck-button.ck-button_with-text {
504
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
505
+ }
506
+ [dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon,
507
+ [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
508
+ margin-left: calc(var(--ck-spacing-small) * -1);
509
+ margin-right: var(--ck-spacing-small);
510
+ }
511
+ [dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon,
512
+ [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
513
+ margin-right: calc(var(--ck-spacing-small) * -1);
514
+ margin-left: var(--ck-spacing-small);
515
+ }
516
+ .ck.ck-button.ck-button_with-keystroke .ck-button__label,
517
+ a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
518
+ flex-grow: 1;
519
+ }
520
+ .ck.ck-button.ck-on,
521
+ a.ck.ck-button.ck-on {
522
+ background: var(--ck-color-button-on-background);
523
+ }
524
+ .ck.ck-button.ck-on:not(.ck-disabled):hover,
525
+ a.ck.ck-button.ck-on:not(.ck-disabled):hover {
526
+ background: var(--ck-color-button-on-hover-background);
527
+ }
528
+ .ck.ck-button.ck-on:not(.ck-disabled):active,
529
+ a.ck.ck-button.ck-on:not(.ck-disabled):active {
530
+ background: var(--ck-color-button-on-active-background);
531
+ box-shadow: inset 0 2px 2px var(--ck-color-button-on-active-shadow);
532
+ }
533
+ .ck.ck-button.ck-on.ck-disabled,
534
+ a.ck.ck-button.ck-on.ck-disabled {
535
+ background: var(--ck-color-button-on-disabled-background);
536
+ }
537
+ .ck.ck-button.ck-button-save,
538
+ a.ck.ck-button.ck-button-save {
539
+ color: var(--ck-color-button-save);
540
+ }
541
+ .ck.ck-button.ck-button-cancel,
542
+ a.ck.ck-button.ck-button-cancel {
543
+ color: var(--ck-color-button-cancel);
544
+ }
545
+ .ck.ck-button-action,
546
+ a.ck.ck-button-action {
547
+ background: var(--ck-color-button-action-background);
548
+ }
549
+ .ck.ck-button-action:not(.ck-disabled):hover,
550
+ a.ck.ck-button-action:not(.ck-disabled):hover {
551
+ background: var(--ck-color-button-action-hover-background);
552
+ }
553
+ .ck.ck-button-action:not(.ck-disabled):active,
554
+ a.ck.ck-button-action:not(.ck-disabled):active {
555
+ background: var(--ck-color-button-action-active-background);
556
+ box-shadow: inset 0 2px 2px var(--ck-color-button-action-active-shadow);
557
+ }
558
+ .ck.ck-button-action.ck-disabled,
559
+ a.ck.ck-button-action.ck-disabled {
560
+ background: var(--ck-color-button-action-disabled-background);
561
+ }
562
+ .ck.ck-button-action,
563
+ a.ck.ck-button-action {
564
+ color: var(--ck-color-button-action-text);
565
+ }
566
+ .ck.ck-button-bold,
567
+ a.ck.ck-button-bold {
568
+ font-weight: 700;
569
+ }
570
+ .ck.ck-button.ck-switchbutton .ck-button__toggle,
571
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
572
+ display: block;
573
+ }
574
+ :root {
575
+ --ck-switch-button-toggle-width: 2.6153846154em;
576
+ --ck-switch-button-toggle-inner-size: 1.0769230769em;
577
+ --ck-switch-button-toggle-spacing: 1px;
578
+ --ck-switch-button-translation: calc(
579
+ var(--ck-switch-button-toggle-width) -
580
+ var(--ck-switch-button-toggle-inner-size) -
581
+ var(--ck-switch-button-toggle-spacing) * 2
582
+ );
583
+ }
584
+ [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
585
+ margin-right: calc(var(--ck-spacing-large) * 2);
586
+ }
587
+ [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
588
+ margin-left: calc(var(--ck-spacing-large) * 2);
589
+ }
590
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
591
+ border-radius: 0;
592
+ }
593
+ .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
594
+ .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
595
+ border-radius: var(--ck-border-radius);
596
+ }
597
+ [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
598
+ margin-left: auto;
599
+ }
600
+ [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
601
+ margin-right: auto;
602
+ }
603
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
604
+ transition: background 0.4s ease;
605
+ width: var(--ck-switch-button-toggle-width);
606
+ background: var(--ck-color-switch-button-off-background);
607
+ }
608
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
609
+ border-radius: 0;
610
+ }
611
+ .ck-rounded-corners
612
+ .ck.ck-button.ck-switchbutton
613
+ .ck-button__toggle
614
+ .ck-button__toggle__inner,
615
+ .ck.ck-button.ck-switchbutton
616
+ .ck-button__toggle
617
+ .ck-button__toggle__inner.ck-rounded-corners {
618
+ border-radius: var(--ck-border-radius);
619
+ border-radius: calc(var(--ck-border-radius) * 0.5);
620
+ }
621
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
622
+ margin: var(--ck-switch-button-toggle-spacing);
623
+ width: var(--ck-switch-button-toggle-inner-size);
624
+ height: var(--ck-switch-button-toggle-inner-size);
625
+ background: var(--ck-color-switch-button-inner-background);
626
+ transition: all 0.3s ease;
627
+ }
628
+ .ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
629
+ background: var(--ck-color-switch-button-off-hover-background);
630
+ }
631
+ .ck.ck-button.ck-switchbutton
632
+ .ck-button__toggle:hover
633
+ .ck-button__toggle__inner {
634
+ box-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
635
+ }
636
+ .ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
637
+ opacity: var(--ck-disabled-opacity);
638
+ }
639
+ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
640
+ background: var(--ck-color-switch-button-on-background);
641
+ }
642
+ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
643
+ background: var(--ck-color-switch-button-on-hover-background);
644
+ }
645
+ [dir="ltr"]
646
+ .ck.ck-button.ck-switchbutton.ck-on
647
+ .ck-button__toggle
648
+ .ck-button__toggle__inner {
649
+ transform: translateX(var(--ck-switch-button-translation));
650
+ }
651
+ [dir="rtl"]
652
+ .ck.ck-button.ck-switchbutton.ck-on
653
+ .ck-button__toggle
654
+ .ck-button__toggle__inner {
655
+ transform: translateX(calc(var(--ck-switch-button-translation) * -1));
656
+ }
657
+ .ck.ck-color-grid {
658
+ display: grid;
659
+ }
660
+ :root {
661
+ --ck-color-grid-tile-size: 24px;
662
+ --ck-color-color-grid-check-icon: #000;
663
+ }
664
+ .ck.ck-color-grid {
665
+ grid-gap: 5px;
666
+ padding: 8px;
667
+ }
668
+ .ck.ck-color-grid__tile {
669
+ width: var(--ck-color-grid-tile-size);
670
+ height: var(--ck-color-grid-tile-size);
671
+ min-width: var(--ck-color-grid-tile-size);
672
+ min-height: var(--ck-color-grid-tile-size);
673
+ padding: 0;
674
+ transition: box-shadow 0.2s ease;
675
+ border: 0;
676
+ }
677
+ .ck.ck-color-grid__tile.ck-disabled {
678
+ cursor: unset;
679
+ transition: unset;
680
+ }
681
+ .ck.ck-color-grid__tile.ck-color-table__color-tile_bordered {
682
+ box-shadow: 0 0 0 1px var(--ck-color-base-border);
683
+ }
684
+ .ck.ck-color-grid__tile .ck.ck-icon {
685
+ display: none;
686
+ color: var(--ck-color-color-grid-check-icon);
687
+ }
688
+ .ck.ck-color-grid__tile.ck-on {
689
+ box-shadow: inset 0 0 0 1px var(--ck-color-base-background),
690
+ 0 0 0 2px var(--ck-color-base-text);
691
+ }
692
+ .ck.ck-color-grid__tile.ck-on .ck.ck-icon {
693
+ display: block;
694
+ }
695
+ .ck.ck-color-grid__tile.ck-on,
696
+ .ck.ck-color-grid__tile:focus:not(.ck-disabled),
697
+ .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
698
+ border: 0;
699
+ }
700
+ .ck.ck-color-grid__tile:focus:not(.ck-disabled),
701
+ .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
702
+ box-shadow: inset 0 0 0 1px var(--ck-color-base-background),
703
+ 0 0 0 2px var(--ck-color-focus-border);
704
+ }
705
+ .ck.ck-color-grid__label {
706
+ padding: 0 var(--ck-spacing-standard);
707
+ }
708
+ .ck.ck-splitbutton {
709
+ font-size: inherit;
710
+ }
711
+ .ck.ck-splitbutton .ck-splitbutton__action:focus {
712
+ z-index: calc(var(--ck-z-default) + 1);
713
+ }
714
+ .ck.ck-splitbutton.ck-splitbutton_open > .ck-button .ck-tooltip {
715
+ display: none;
716
+ }
717
+ :root {
718
+ --ck-color-split-button-hover-background: #ebebeb;
719
+ --ck-color-split-button-hover-border: #b3b3b3;
720
+ }
721
+ [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
722
+ [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action {
723
+ border-top-right-radius: unset;
724
+ border-bottom-right-radius: unset;
725
+ }
726
+ [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
727
+ [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action {
728
+ border-top-left-radius: unset;
729
+ border-bottom-left-radius: unset;
730
+ }
731
+ .ck.ck-splitbutton > .ck-splitbutton__arrow {
732
+ min-width: unset;
733
+ }
734
+ [dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
735
+ border-top-left-radius: unset;
736
+ border-bottom-left-radius: unset;
737
+ }
738
+ [dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
739
+ border-top-right-radius: unset;
740
+ border-bottom-right-radius: unset;
741
+ }
742
+ .ck.ck-splitbutton > .ck-splitbutton__arrow svg {
743
+ width: var(--ck-dropdown-arrow-size);
744
+ }
745
+ .ck.ck-splitbutton.ck-splitbutton_open
746
+ > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
747
+ .ck.ck-splitbutton:hover
748
+ > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
749
+ background: var(--ck-color-split-button-hover-background);
750
+ }
751
+ .ck.ck-splitbutton.ck-splitbutton_open
752
+ > .ck-splitbutton__arrow:not(.ck-disabled):after,
753
+ .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
754
+ content: "";
755
+ position: absolute;
756
+ width: 1px;
757
+ height: 100%;
758
+ background-color: var(--ck-color-split-button-hover-border);
759
+ }
760
+ [dir="ltr"]
761
+ .ck.ck-splitbutton.ck-splitbutton_open
762
+ > .ck-splitbutton__arrow:not(.ck-disabled):after,
763
+ [dir="ltr"]
764
+ .ck.ck-splitbutton:hover
765
+ > .ck-splitbutton__arrow:not(.ck-disabled):after {
766
+ left: -1px;
767
+ }
768
+ [dir="rtl"]
769
+ .ck.ck-splitbutton.ck-splitbutton_open
770
+ > .ck-splitbutton__arrow:not(.ck-disabled):after,
771
+ [dir="rtl"]
772
+ .ck.ck-splitbutton:hover
773
+ > .ck-splitbutton__arrow:not(.ck-disabled):after {
774
+ right: -1px;
775
+ }
776
+ .ck.ck-splitbutton.ck-splitbutton_open {
777
+ border-radius: 0;
778
+ }
779
+ .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
780
+ .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
781
+ border-radius: var(--ck-border-radius);
782
+ }
783
+ .ck-rounded-corners
784
+ .ck.ck-splitbutton.ck-splitbutton_open
785
+ > .ck-splitbutton__action,
786
+ .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners
787
+ > .ck-splitbutton__action {
788
+ border-bottom-left-radius: 0;
789
+ }
790
+ .ck-rounded-corners
791
+ .ck.ck-splitbutton.ck-splitbutton_open
792
+ > .ck-splitbutton__arrow,
793
+ .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners
794
+ > .ck-splitbutton__arrow {
795
+ border-bottom-right-radius: 0;
796
+ }
797
+ :root {
798
+ --ck-dropdown-max-width: 75vw;
799
+ }
800
+ .ck.ck-dropdown {
801
+ display: inline-block;
802
+ position: relative;
803
+ }
804
+ .ck.ck-dropdown .ck-dropdown__arrow {
805
+ pointer-events: none;
806
+ z-index: var(--ck-z-default);
807
+ }
808
+ .ck.ck-dropdown .ck-button.ck-dropdown__button {
809
+ width: 100%;
810
+ }
811
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on .ck-tooltip {
812
+ display: none;
813
+ }
814
+ .ck.ck-dropdown .ck-dropdown__panel {
815
+ -webkit-backface-visibility: hidden;
816
+ display: none;
817
+ z-index: var(--ck-z-modal);
818
+ max-width: var(--ck-dropdown-max-width);
819
+ position: absolute;
820
+ }
821
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
822
+ display: inline-block;
823
+ }
824
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
825
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
826
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
827
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
828
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw {
829
+ bottom: 100%;
830
+ }
831
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
832
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
833
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
834
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
835
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
836
+ top: 100%;
837
+ bottom: auto;
838
+ }
839
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
840
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
841
+ left: 0;
842
+ }
843
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
844
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
845
+ right: 0;
846
+ }
847
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
848
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
849
+ left: 50%;
850
+ transform: translateX(-50%);
851
+ }
852
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
853
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
854
+ left: 75%;
855
+ transform: translateX(-75%);
856
+ }
857
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
858
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
859
+ left: 25%;
860
+ transform: translateX(-25%);
861
+ }
862
+ .ck.ck-toolbar .ck-dropdown__panel {
863
+ z-index: calc(var(--ck-z-modal) + 1);
864
+ }
865
+ :root {
866
+ --ck-dropdown-arrow-size: calc(var(--ck-icon-size) * 0.5);
867
+ }
868
+ .ck.ck-dropdown {
869
+ font-size: inherit;
870
+ }
871
+ .ck.ck-dropdown .ck-dropdown__arrow {
872
+ width: var(--ck-dropdown-arrow-size);
873
+ }
874
+ [dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
875
+ right: var(--ck-spacing-standard);
876
+ margin-left: var(--ck-spacing-standard);
877
+ }
878
+ [dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
879
+ left: var(--ck-spacing-standard);
880
+ margin-right: var(--ck-spacing-small);
881
+ }
882
+ .ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
883
+ opacity: var(--ck-disabled-opacity);
884
+ }
885
+ [dir="ltr"]
886
+ .ck.ck-dropdown
887
+ .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
888
+ padding-left: var(--ck-spacing-small);
889
+ }
890
+ [dir="rtl"]
891
+ .ck.ck-dropdown
892
+ .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
893
+ padding-right: var(--ck-spacing-small);
894
+ }
895
+ .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
896
+ width: 7em;
897
+ overflow: hidden;
898
+ text-overflow: ellipsis;
899
+ }
900
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
901
+ opacity: var(--ck-disabled-opacity);
902
+ }
903
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
904
+ border-bottom-left-radius: 0;
905
+ border-bottom-right-radius: 0;
906
+ }
907
+ .ck.ck-dropdown
908
+ .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto
909
+ .ck-button__label {
910
+ width: auto;
911
+ }
912
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
913
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
914
+ box-shadow: none;
915
+ }
916
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,
917
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
918
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
919
+ }
920
+ .ck.ck-dropdown__panel {
921
+ border-radius: 0;
922
+ }
923
+ .ck-rounded-corners .ck.ck-dropdown__panel,
924
+ .ck.ck-dropdown__panel.ck-rounded-corners {
925
+ border-radius: var(--ck-border-radius);
926
+ }
927
+ .ck.ck-dropdown__panel {
928
+ box-shadow: var(--ck-drop-shadow), 0 0;
929
+ background: var(--ck-color-dropdown-panel-background);
930
+ border: 1px solid var(--ck-color-dropdown-panel-border);
931
+ bottom: 0;
932
+ min-width: 100%;
933
+ }
934
+ .ck.ck-dropdown__panel.ck-dropdown__panel_se {
935
+ border-top-left-radius: 0;
936
+ }
937
+ .ck.ck-dropdown__panel.ck-dropdown__panel_sw {
938
+ border-top-right-radius: 0;
939
+ }
940
+ .ck.ck-dropdown__panel.ck-dropdown__panel_ne {
941
+ border-bottom-left-radius: 0;
942
+ }
943
+ .ck.ck-dropdown__panel.ck-dropdown__panel_nw {
944
+ border-bottom-right-radius: 0;
945
+ }
946
+ .ck.ck-toolbar {
947
+ -moz-user-select: none;
948
+ -webkit-user-select: none;
949
+ -ms-user-select: none;
950
+ user-select: none;
951
+ display: flex;
952
+ flex-flow: row nowrap;
953
+ align-items: center;
954
+ }
955
+ .ck.ck-toolbar > .ck-toolbar__items {
956
+ display: flex;
957
+ flex-flow: row wrap;
958
+ align-items: center;
959
+ flex-grow: 1;
960
+ }
961
+ .ck.ck-toolbar .ck.ck-toolbar__separator {
962
+ display: inline-block;
963
+ }
964
+ .ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
965
+ .ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
966
+ display: none;
967
+ }
968
+ .ck.ck-toolbar .ck-toolbar__line-break {
969
+ flex-basis: 100%;
970
+ }
971
+ .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
972
+ flex-wrap: nowrap;
973
+ }
974
+ .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
975
+ flex-direction: column;
976
+ }
977
+ .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
978
+ flex-wrap: nowrap;
979
+ }
980
+ .ck.ck-toolbar
981
+ > .ck.ck-toolbar__grouped-dropdown
982
+ > .ck-dropdown__button
983
+ .ck-dropdown__arrow {
984
+ display: none;
985
+ }
986
+ .ck.ck-toolbar {
987
+ border-radius: 0;
988
+ }
989
+ .ck-rounded-corners .ck.ck-toolbar,
990
+ .ck.ck-toolbar.ck-rounded-corners {
991
+ border-radius: var(--ck-border-radius);
992
+ }
993
+ .ck.ck-toolbar {
994
+ background: var(--ck-color-toolbar-background);
995
+ padding: 0 var(--ck-spacing-small);
996
+ border: 1px solid var(--ck-color-toolbar-border);
997
+ }
998
+ .ck.ck-toolbar .ck.ck-toolbar__separator {
999
+ align-self: stretch;
1000
+ width: 1px;
1001
+ min-width: 1px;
1002
+ background: var(--ck-color-toolbar-border);
1003
+ margin-top: var(--ck-spacing-small);
1004
+ margin-bottom: var(--ck-spacing-small);
1005
+ }
1006
+ .ck.ck-toolbar .ck-toolbar__line-break {
1007
+ height: 0;
1008
+ }
1009
+ .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
1010
+ margin-right: var(--ck-spacing-small);
1011
+ }
1012
+ .ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
1013
+ display: none;
1014
+ }
1015
+ .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break),
1016
+ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
1017
+ margin-top: var(--ck-spacing-small);
1018
+ margin-bottom: var(--ck-spacing-small);
1019
+ }
1020
+ .ck.ck-toolbar.ck-toolbar_vertical {
1021
+ padding: 0;
1022
+ }
1023
+ .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
1024
+ width: 100%;
1025
+ margin: 0;
1026
+ border-radius: 0;
1027
+ border: 0;
1028
+ }
1029
+ .ck.ck-toolbar.ck-toolbar_compact {
1030
+ padding: 0;
1031
+ }
1032
+ .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
1033
+ margin: 0;
1034
+ }
1035
+ .ck.ck-toolbar.ck-toolbar_compact
1036
+ > .ck-toolbar__items
1037
+ > :not(:first-child):not(:last-child) {
1038
+ border-radius: 0;
1039
+ }
1040
+ .ck.ck-toolbar
1041
+ > .ck.ck-toolbar__grouped-dropdown
1042
+ > .ck.ck-button.ck-dropdown__button {
1043
+ padding-left: var(--ck-spacing-tiny);
1044
+ }
1045
+ .ck-toolbar-container .ck.ck-toolbar {
1046
+ border: 0;
1047
+ }
1048
+ .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck,
1049
+ [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck {
1050
+ margin-right: 0;
1051
+ }
1052
+ .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck,
1053
+ [dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
1054
+ margin-left: var(--ck-spacing-small);
1055
+ }
1056
+ .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child,
1057
+ [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child {
1058
+ margin-left: 0;
1059
+ }
1060
+ .ck.ck-toolbar[dir="rtl"].ck-toolbar_compact
1061
+ > .ck-toolbar__items
1062
+ > .ck:first-child,
1063
+ [dir="rtl"]
1064
+ .ck.ck-toolbar.ck-toolbar_compact
1065
+ > .ck-toolbar__items
1066
+ > .ck:first-child {
1067
+ border-top-left-radius: 0;
1068
+ border-bottom-left-radius: 0;
1069
+ }
1070
+ .ck.ck-toolbar[dir="rtl"].ck-toolbar_compact
1071
+ > .ck-toolbar__items
1072
+ > .ck:last-child,
1073
+ [dir="rtl"]
1074
+ .ck.ck-toolbar.ck-toolbar_compact
1075
+ > .ck-toolbar__items
1076
+ > .ck:last-child {
1077
+ border-top-right-radius: 0;
1078
+ border-bottom-right-radius: 0;
1079
+ }
1080
+ .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator,
1081
+ [dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator {
1082
+ margin-left: var(--ck-spacing-small);
1083
+ }
1084
+ .ck.ck-toolbar[dir="rtl"].ck-toolbar_grouping
1085
+ > .ck-toolbar__items:not(:empty):not(:only-child),
1086
+ [dir="rtl"]
1087
+ .ck.ck-toolbar.ck-toolbar_grouping
1088
+ > .ck-toolbar__items:not(:empty):not(:only-child) {
1089
+ margin-left: var(--ck-spacing-small);
1090
+ }
1091
+ .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child,
1092
+ [dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child {
1093
+ margin-right: 0;
1094
+ }
1095
+ .ck.ck-toolbar[dir="ltr"].ck-toolbar_compact
1096
+ > .ck-toolbar__items
1097
+ > .ck:first-child,
1098
+ [dir="ltr"]
1099
+ .ck.ck-toolbar.ck-toolbar_compact
1100
+ > .ck-toolbar__items
1101
+ > .ck:first-child {
1102
+ border-top-right-radius: 0;
1103
+ border-bottom-right-radius: 0;
1104
+ }
1105
+ .ck.ck-toolbar[dir="ltr"].ck-toolbar_compact
1106
+ > .ck-toolbar__items
1107
+ > .ck:last-child,
1108
+ [dir="ltr"]
1109
+ .ck.ck-toolbar.ck-toolbar_compact
1110
+ > .ck-toolbar__items
1111
+ > .ck:last-child {
1112
+ border-top-left-radius: 0;
1113
+ border-bottom-left-radius: 0;
1114
+ }
1115
+ .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator,
1116
+ [dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator {
1117
+ margin-right: var(--ck-spacing-small);
1118
+ }
1119
+ .ck.ck-toolbar[dir="ltr"].ck-toolbar_grouping
1120
+ > .ck-toolbar__items:not(:empty):not(:only-child),
1121
+ [dir="ltr"]
1122
+ .ck.ck-toolbar.ck-toolbar_grouping
1123
+ > .ck-toolbar__items:not(:empty):not(:only-child) {
1124
+ margin-right: var(--ck-spacing-small);
1125
+ }
1126
+ .ck.ck-list {
1127
+ -moz-user-select: none;
1128
+ -webkit-user-select: none;
1129
+ -ms-user-select: none;
1130
+ user-select: none;
1131
+ display: flex;
1132
+ flex-direction: column;
1133
+ }
1134
+ .ck.ck-list .ck-list__item,
1135
+ .ck.ck-list .ck-list__separator {
1136
+ display: block;
1137
+ }
1138
+ .ck.ck-list .ck-list__item > :focus {
1139
+ position: relative;
1140
+ z-index: var(--ck-z-default);
1141
+ }
1142
+ .ck.ck-list {
1143
+ border-radius: 0;
1144
+ }
1145
+ .ck-rounded-corners .ck.ck-list,
1146
+ .ck.ck-list.ck-rounded-corners {
1147
+ border-radius: var(--ck-border-radius);
1148
+ }
1149
+ .ck.ck-list {
1150
+ list-style-type: none;
1151
+ background: var(--ck-color-list-background);
1152
+ }
1153
+ .ck.ck-list__item {
1154
+ cursor: default;
1155
+ min-width: 12em;
1156
+ }
1157
+ .ck.ck-list__item .ck-button {
1158
+ min-height: unset;
1159
+ width: 100%;
1160
+ text-align: left;
1161
+ border-radius: 0;
1162
+ padding: calc(var(--ck-line-height-base) * 0.2 * var(--ck-font-size-base))
1163
+ calc(var(--ck-line-height-base) * 0.4 * var(--ck-font-size-base));
1164
+ }
1165
+ .ck.ck-list__item .ck-button .ck-button__label {
1166
+ line-height: calc(
1167
+ var(--ck-line-height-base) * 1.2 * var(--ck-font-size-base)
1168
+ );
1169
+ }
1170
+ .ck.ck-list__item .ck-button:active {
1171
+ box-shadow: none;
1172
+ }
1173
+ .ck.ck-list__item .ck-button.ck-on {
1174
+ background: var(--ck-color-list-button-on-background);
1175
+ color: var(--ck-color-list-button-on-text);
1176
+ }
1177
+ .ck.ck-list__item .ck-button.ck-on:active {
1178
+ box-shadow: none;
1179
+ }
1180
+ .ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) {
1181
+ background: var(--ck-color-list-button-on-background-focus);
1182
+ }
1183
+ .ck.ck-list__item .ck-button.ck-on:focus:not(.ck-disabled) {
1184
+ border-color: var(--ck-color-base-background);
1185
+ }
1186
+ .ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
1187
+ background: var(--ck-color-list-button-hover-background);
1188
+ }
1189
+ .ck.ck-list__item .ck-switchbutton.ck-on {
1190
+ background: var(--ck-color-list-background);
1191
+ color: inherit;
1192
+ }
1193
+ .ck.ck-list__item .ck-switchbutton.ck-on:hover:not(.ck-disabled) {
1194
+ background: var(--ck-color-list-button-hover-background);
1195
+ color: inherit;
1196
+ }
1197
+ .ck.ck-list__separator {
1198
+ height: 1px;
1199
+ width: 100%;
1200
+ background: var(--ck-color-base-border);
1201
+ }
1202
+ :root {
1203
+ --ck-toolbar-dropdown-max-width: 60vw;
1204
+ }
1205
+ .ck.ck-toolbar-dropdown > .ck-dropdown__panel {
1206
+ width: max-content;
1207
+ max-width: var(--ck-toolbar-dropdown-max-width);
1208
+ }
1209
+ .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
1210
+ z-index: calc(var(--ck-z-default) + 1);
1211
+ }
1212
+ .ck.ck-toolbar-dropdown .ck-toolbar {
1213
+ border: 0;
1214
+ }
1215
+ .ck.ck-dropdown .ck-dropdown__panel .ck-list {
1216
+ border-radius: 0;
1217
+ }
1218
+ .ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,
1219
+ .ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners {
1220
+ border-radius: var(--ck-border-radius);
1221
+ border-top-left-radius: 0;
1222
+ }
1223
+ .ck.ck-dropdown
1224
+ .ck-dropdown__panel
1225
+ .ck-list
1226
+ .ck-list__item:first-child
1227
+ .ck-button {
1228
+ border-radius: 0;
1229
+ }
1230
+ .ck-rounded-corners
1231
+ .ck.ck-dropdown
1232
+ .ck-dropdown__panel
1233
+ .ck-list
1234
+ .ck-list__item:first-child
1235
+ .ck-button,
1236
+ .ck.ck-dropdown
1237
+ .ck-dropdown__panel
1238
+ .ck-list
1239
+ .ck-list__item:first-child
1240
+ .ck-button.ck-rounded-corners {
1241
+ border-radius: var(--ck-border-radius);
1242
+ border-top-left-radius: 0;
1243
+ border-bottom-left-radius: 0;
1244
+ border-bottom-right-radius: 0;
1245
+ }
1246
+ .ck.ck-dropdown
1247
+ .ck-dropdown__panel
1248
+ .ck-list
1249
+ .ck-list__item:last-child
1250
+ .ck-button {
1251
+ border-radius: 0;
1252
+ }
1253
+ .ck-rounded-corners
1254
+ .ck.ck-dropdown
1255
+ .ck-dropdown__panel
1256
+ .ck-list
1257
+ .ck-list__item:last-child
1258
+ .ck-button,
1259
+ .ck.ck-dropdown
1260
+ .ck-dropdown__panel
1261
+ .ck-list
1262
+ .ck-list__item:last-child
1263
+ .ck-button.ck-rounded-corners {
1264
+ border-radius: var(--ck-border-radius);
1265
+ border-top-left-radius: 0;
1266
+ border-top-right-radius: 0;
1267
+ }
1268
+ :root {
1269
+ --ck-color-editable-blur-selection: #d9d9d9;
1270
+ }
1271
+ .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
1272
+ border-radius: 0;
1273
+ }
1274
+ .ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
1275
+ .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners {
1276
+ border-radius: var(--ck-border-radius);
1277
+ }
1278
+ .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
1279
+ outline: none;
1280
+ border: var(--ck-focus-ring);
1281
+ box-shadow: var(--ck-inner-shadow), 0 0;
1282
+ }
1283
+ .ck.ck-editor__editable_inline {
1284
+ overflow: auto;
1285
+ padding: 0 var(--ck-spacing-standard);
1286
+ border: 1px solid transparent;
1287
+ }
1288
+ .ck.ck-editor__editable_inline[dir="ltr"] {
1289
+ text-align: left;
1290
+ }
1291
+ .ck.ck-editor__editable_inline[dir="rtl"] {
1292
+ text-align: right;
1293
+ }
1294
+ .ck.ck-editor__editable_inline > :first-child {
1295
+ margin-top: var(--ck-spacing-large);
1296
+ }
1297
+ .ck.ck-editor__editable_inline > :last-child {
1298
+ margin-bottom: var(--ck-spacing-large);
1299
+ }
1300
+ .ck.ck-editor__editable_inline.ck-blurred ::selection {
1301
+ background: var(--ck-color-editable-blur-selection);
1302
+ }
1303
+ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]:after {
1304
+ border-bottom-color: var(--ck-color-base-foreground);
1305
+ }
1306
+ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]:after {
1307
+ border-top-color: var(--ck-color-base-foreground);
1308
+ }
1309
+ .ck.ck-label {
1310
+ display: block;
1311
+ }
1312
+ .ck.ck-voice-label {
1313
+ display: none;
1314
+ }
1315
+ .ck.ck-label {
1316
+ font-weight: 700;
1317
+ }
1318
+ .ck.ck-form__header {
1319
+ display: flex;
1320
+ flex-direction: row;
1321
+ flex-wrap: nowrap;
1322
+ align-items: center;
1323
+ justify-content: space-between;
1324
+ }
1325
+ :root {
1326
+ --ck-form-header-height: 38px;
1327
+ }
1328
+ .ck.ck-form__header {
1329
+ padding: var(--ck-spacing-small) var(--ck-spacing-large);
1330
+ height: var(--ck-form-header-height);
1331
+ line-height: var(--ck-form-header-height);
1332
+ border-bottom: 1px solid var(--ck-color-base-border);
1333
+ }
1334
+ .ck.ck-form__header .ck-form__header__label {
1335
+ font-weight: 700;
1336
+ }
1337
+ :root {
1338
+ --ck-input-width: 18em;
1339
+ --ck-input-text-width: var(--ck-input-width);
1340
+ }
1341
+ .ck.ck-input {
1342
+ border-radius: 0;
1343
+ }
1344
+ .ck-rounded-corners .ck.ck-input,
1345
+ .ck.ck-input.ck-rounded-corners {
1346
+ border-radius: var(--ck-border-radius);
1347
+ }
1348
+ .ck.ck-input {
1349
+ background: var(--ck-color-input-background);
1350
+ border: 1px solid var(--ck-color-input-border);
1351
+ padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
1352
+ min-width: var(--ck-input-width);
1353
+ min-height: var(--ck-ui-component-min-height);
1354
+ transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
1355
+ }
1356
+ .ck.ck-input:focus {
1357
+ outline: none;
1358
+ border: var(--ck-focus-ring);
1359
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
1360
+ }
1361
+ .ck.ck-input[readonly] {
1362
+ border: 1px solid var(--ck-color-input-disabled-border);
1363
+ background: var(--ck-color-input-disabled-background);
1364
+ color: var(--ck-color-input-disabled-text);
1365
+ }
1366
+ .ck.ck-input[readonly]:focus {
1367
+ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
1368
+ }
1369
+ .ck.ck-input.ck-error {
1370
+ border-color: var(--ck-color-input-error-border);
1371
+ animation: ck-input-shake 0.3s ease both;
1372
+ }
1373
+ .ck.ck-input.ck-error:focus {
1374
+ box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
1375
+ }
1376
+ @keyframes ck-input-shake {
1377
+ 20% {
1378
+ transform: translateX(-2px);
1379
+ }
1380
+ 40% {
1381
+ transform: translateX(2px);
1382
+ }
1383
+ 60% {
1384
+ transform: translateX(-1px);
1385
+ }
1386
+ 80% {
1387
+ transform: translateX(1px);
1388
+ }
1389
+ }
1390
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
1391
+ display: flex;
1392
+ position: relative;
1393
+ }
1394
+ .ck.ck-labeled-field-view .ck.ck-label {
1395
+ display: block;
1396
+ position: absolute;
1397
+ }
1398
+ :root {
1399
+ --ck-labeled-field-view-transition: 0.1s cubic-bezier(0, 0, 0.24, 0.95);
1400
+ --ck-labeled-field-empty-unfocused-max-width: 100% - 2 *
1401
+ var(--ck-spacing-medium);
1402
+ --ck-color-labeled-field-label-background: var(--ck-color-base-background);
1403
+ }
1404
+ .ck.ck-labeled-field-view {
1405
+ border-radius: 0;
1406
+ }
1407
+ .ck-rounded-corners .ck.ck-labeled-field-view,
1408
+ .ck.ck-labeled-field-view.ck-rounded-corners {
1409
+ border-radius: var(--ck-border-radius);
1410
+ }
1411
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
1412
+ width: 100%;
1413
+ }
1414
+ .ck.ck-labeled-field-view
1415
+ > .ck.ck-labeled-field-view__input-wrapper
1416
+ > .ck.ck-label {
1417
+ top: 0;
1418
+ }
1419
+ [dir="ltr"]
1420
+ .ck.ck-labeled-field-view
1421
+ > .ck.ck-labeled-field-view__input-wrapper
1422
+ > .ck.ck-label {
1423
+ left: 0;
1424
+ }
1425
+ [dir="rtl"]
1426
+ .ck.ck-labeled-field-view
1427
+ > .ck.ck-labeled-field-view__input-wrapper
1428
+ > .ck.ck-label {
1429
+ right: 0;
1430
+ }
1431
+ .ck.ck-labeled-field-view
1432
+ > .ck.ck-labeled-field-view__input-wrapper
1433
+ > .ck.ck-label {
1434
+ pointer-events: none;
1435
+ transform-origin: 0 0;
1436
+ transform: translate(var(--ck-spacing-medium), -6px) scale(0.75);
1437
+ background: var(--ck-color-labeled-field-label-background);
1438
+ padding: 0 calc(var(--ck-font-size-tiny) * 0.5);
1439
+ line-height: normal;
1440
+ font-weight: 400;
1441
+ text-overflow: ellipsis;
1442
+ overflow: hidden;
1443
+ max-width: 100%;
1444
+ transition: transform var(--ck-labeled-field-view-transition),
1445
+ padding var(--ck-labeled-field-view-transition),
1446
+ background var(--ck-labeled-field-view-transition);
1447
+ }
1448
+ .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label,
1449
+ .ck.ck-labeled-field-view.ck-error
1450
+ > .ck.ck-labeled-field-view__input-wrapper
1451
+ > .ck.ck-label {
1452
+ color: var(--ck-color-base-error);
1453
+ }
1454
+ .ck.ck-labeled-field-view .ck-labeled-field-view__status {
1455
+ font-size: var(--ck-font-size-small);
1456
+ margin-top: var(--ck-spacing-small);
1457
+ white-space: normal;
1458
+ }
1459
+ .ck.ck-labeled-field-view
1460
+ .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
1461
+ color: var(--ck-color-base-error);
1462
+ }
1463
+ .ck.ck-labeled-field-view.ck-disabled
1464
+ > .ck.ck-labeled-field-view__input-wrapper
1465
+ > .ck.ck-label,
1466
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused)
1467
+ > .ck.ck-labeled-field-view__input-wrapper
1468
+ > .ck.ck-label {
1469
+ color: var(--ck-color-input-disabled-text);
1470
+ }
1471
+ [dir="ltr"]
1472
+ .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty
1473
+ > .ck.ck-labeled-field-view__input-wrapper
1474
+ > .ck.ck-label,
1475
+ [dir="ltr"]
1476
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)
1477
+ > .ck.ck-labeled-field-view__input-wrapper
1478
+ > .ck.ck-label {
1479
+ transform: translate(
1480
+ var(--ck-spacing-medium),
1481
+ calc(var(--ck-font-size-base) * 0.6)
1482
+ )
1483
+ scale(1);
1484
+ }
1485
+ [dir="rtl"]
1486
+ .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty
1487
+ > .ck.ck-labeled-field-view__input-wrapper
1488
+ > .ck.ck-label,
1489
+ [dir="rtl"]
1490
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)
1491
+ > .ck.ck-labeled-field-view__input-wrapper
1492
+ > .ck.ck-label {
1493
+ transform: translate(
1494
+ calc(var(--ck-spacing-medium) * -1),
1495
+ calc(var(--ck-font-size-base) * 0.6)
1496
+ )
1497
+ scale(1);
1498
+ }
1499
+ .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty
1500
+ > .ck.ck-labeled-field-view__input-wrapper
1501
+ > .ck.ck-label,
1502
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)
1503
+ > .ck.ck-labeled-field-view__input-wrapper
1504
+ > .ck.ck-label {
1505
+ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
1506
+ background: transparent;
1507
+ padding: 0;
1508
+ }
1509
+ .ck.ck-labeled-field-view
1510
+ > .ck.ck-labeled-field-view__input-wrapper
1511
+ > .ck-dropdown
1512
+ > .ck.ck-button {
1513
+ background: transparent;
1514
+ }
1515
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty
1516
+ > .ck.ck-labeled-field-view__input-wrapper
1517
+ > .ck-dropdown
1518
+ > .ck-button
1519
+ > .ck-button__label {
1520
+ opacity: 0;
1521
+ }
1522
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)
1523
+ > .ck.ck-labeled-field-view__input-wrapper
1524
+ > .ck-dropdown
1525
+ + .ck-label {
1526
+ max-width: calc(
1527
+ var(--ck-labeled-field-empty-unfocused-max-width) -
1528
+ var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard)
1529
+ );
1530
+ }
1531
+ :root {
1532
+ --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
1533
+ }
1534
+ .ck.ck-balloon-panel {
1535
+ display: none;
1536
+ position: absolute;
1537
+ z-index: var(--ck-z-modal);
1538
+ }
1539
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,
1540
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
1541
+ content: "";
1542
+ position: absolute;
1543
+ }
1544
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
1545
+ z-index: var(--ck-balloon-panel-arrow-z-index);
1546
+ }
1547
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
1548
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
1549
+ }
1550
+ .ck.ck-balloon-panel[class*="arrow_n"]:before {
1551
+ z-index: var(--ck-balloon-panel-arrow-z-index);
1552
+ }
1553
+ .ck.ck-balloon-panel[class*="arrow_n"]:after {
1554
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
1555
+ }
1556
+ .ck.ck-balloon-panel[class*="arrow_s"]:before {
1557
+ z-index: var(--ck-balloon-panel-arrow-z-index);
1558
+ }
1559
+ .ck.ck-balloon-panel[class*="arrow_s"]:after {
1560
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
1561
+ }
1562
+ .ck.ck-balloon-panel.ck-balloon-panel_visible {
1563
+ display: block;
1564
+ }
1565
+ :root {
1566
+ --ck-balloon-arrow-offset: 2px;
1567
+ --ck-balloon-arrow-height: 10px;
1568
+ --ck-balloon-arrow-half-width: 8px;
1569
+ --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
1570
+ }
1571
+ .ck.ck-balloon-panel {
1572
+ border-radius: 0;
1573
+ }
1574
+ .ck-rounded-corners .ck.ck-balloon-panel,
1575
+ .ck.ck-balloon-panel.ck-rounded-corners {
1576
+ border-radius: var(--ck-border-radius);
1577
+ }
1578
+ .ck.ck-balloon-panel {
1579
+ box-shadow: var(--ck-drop-shadow), 0 0;
1580
+ min-height: 15px;
1581
+ background: var(--ck-color-panel-background);
1582
+ border: 1px solid var(--ck-color-panel-border);
1583
+ }
1584
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,
1585
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
1586
+ width: 0;
1587
+ height: 0;
1588
+ border-style: solid;
1589
+ }
1590
+ .ck.ck-balloon-panel[class*="arrow_n"]:after,
1591
+ .ck.ck-balloon-panel[class*="arrow_n"]:before {
1592
+ border-left-width: var(--ck-balloon-arrow-half-width);
1593
+ border-bottom-width: var(--ck-balloon-arrow-height);
1594
+ border-right-width: var(--ck-balloon-arrow-half-width);
1595
+ border-top-width: 0;
1596
+ }
1597
+ .ck.ck-balloon-panel[class*="arrow_n"]:before {
1598
+ border-bottom-color: var(--ck-color-panel-border);
1599
+ }
1600
+ .ck.ck-balloon-panel[class*="arrow_n"]:after,
1601
+ .ck.ck-balloon-panel[class*="arrow_n"]:before {
1602
+ border-left-color: transparent;
1603
+ border-right-color: transparent;
1604
+ border-top-color: transparent;
1605
+ }
1606
+ .ck.ck-balloon-panel[class*="arrow_n"]:after {
1607
+ border-bottom-color: var(--ck-color-panel-background);
1608
+ margin-top: var(--ck-balloon-arrow-offset);
1609
+ }
1610
+ .ck.ck-balloon-panel[class*="arrow_s"]:after,
1611
+ .ck.ck-balloon-panel[class*="arrow_s"]:before {
1612
+ border-left-width: var(--ck-balloon-arrow-half-width);
1613
+ border-bottom-width: 0;
1614
+ border-right-width: var(--ck-balloon-arrow-half-width);
1615
+ border-top-width: var(--ck-balloon-arrow-height);
1616
+ }
1617
+ .ck.ck-balloon-panel[class*="arrow_s"]:before {
1618
+ border-top-color: var(--ck-color-panel-border);
1619
+ filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
1620
+ }
1621
+ .ck.ck-balloon-panel[class*="arrow_s"]:after,
1622
+ .ck.ck-balloon-panel[class*="arrow_s"]:before {
1623
+ border-left-color: transparent;
1624
+ border-bottom-color: transparent;
1625
+ border-right-color: transparent;
1626
+ }
1627
+ .ck.ck-balloon-panel[class*="arrow_s"]:after {
1628
+ border-top-color: var(--ck-color-panel-background);
1629
+ margin-bottom: var(--ck-balloon-arrow-offset);
1630
+ }
1631
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after,
1632
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before {
1633
+ left: 50%;
1634
+ margin-left: calc(var(--ck-balloon-arrow-half-width) * -1);
1635
+ top: calc(var(--ck-balloon-arrow-height) * -1);
1636
+ }
1637
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after,
1638
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before {
1639
+ left: calc(var(--ck-balloon-arrow-half-width) * 2);
1640
+ top: calc(var(--ck-balloon-arrow-height) * -1);
1641
+ }
1642
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after,
1643
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before {
1644
+ right: calc(var(--ck-balloon-arrow-half-width) * 2);
1645
+ top: calc(var(--ck-balloon-arrow-height) * -1);
1646
+ }
1647
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after,
1648
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before {
1649
+ left: 50%;
1650
+ margin-left: calc(var(--ck-balloon-arrow-half-width) * -1);
1651
+ bottom: calc(var(--ck-balloon-arrow-height) * -1);
1652
+ }
1653
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after,
1654
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before {
1655
+ left: calc(var(--ck-balloon-arrow-half-width) * 2);
1656
+ bottom: calc(var(--ck-balloon-arrow-height) * -1);
1657
+ }
1658
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after,
1659
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before {
1660
+ right: calc(var(--ck-balloon-arrow-half-width) * 2);
1661
+ bottom: calc(var(--ck-balloon-arrow-height) * -1);
1662
+ }
1663
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after,
1664
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before {
1665
+ right: 25%;
1666
+ margin-right: calc(var(--ck-balloon-arrow-half-width) * 2);
1667
+ bottom: calc(var(--ck-balloon-arrow-height) * -1);
1668
+ }
1669
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after,
1670
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before {
1671
+ left: 25%;
1672
+ margin-left: calc(var(--ck-balloon-arrow-half-width) * 2);
1673
+ bottom: calc(var(--ck-balloon-arrow-height) * -1);
1674
+ }
1675
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after,
1676
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before {
1677
+ right: 25%;
1678
+ margin-right: calc(var(--ck-balloon-arrow-half-width) * 2);
1679
+ top: calc(var(--ck-balloon-arrow-height) * -1);
1680
+ }
1681
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after,
1682
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before {
1683
+ left: 25%;
1684
+ margin-left: calc(var(--ck-balloon-arrow-half-width) * 2);
1685
+ top: calc(var(--ck-balloon-arrow-height) * -1);
1686
+ }
1687
+ .ck .ck-balloon-rotator__navigation {
1688
+ display: flex;
1689
+ align-items: center;
1690
+ justify-content: center;
1691
+ }
1692
+ .ck .ck-balloon-rotator__content .ck-toolbar {
1693
+ justify-content: center;
1694
+ }
1695
+ .ck .ck-balloon-rotator__navigation {
1696
+ background: var(--ck-color-toolbar-background);
1697
+ border-bottom: 1px solid var(--ck-color-toolbar-border);
1698
+ padding: 0 var(--ck-spacing-small);
1699
+ }
1700
+ .ck .ck-balloon-rotator__navigation > * {
1701
+ margin-right: var(--ck-spacing-small);
1702
+ margin-top: var(--ck-spacing-small);
1703
+ margin-bottom: var(--ck-spacing-small);
1704
+ }
1705
+ .ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
1706
+ margin-right: var(--ck-spacing-standard);
1707
+ margin-left: var(--ck-spacing-small);
1708
+ }
1709
+ .ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
1710
+ box-shadow: none;
1711
+ }
1712
+ .ck .ck-fake-panel {
1713
+ position: absolute;
1714
+ z-index: calc(var(--ck-z-modal) - 1);
1715
+ }
1716
+ .ck .ck-fake-panel div {
1717
+ position: absolute;
1718
+ }
1719
+ .ck .ck-fake-panel div:first-child {
1720
+ z-index: 2;
1721
+ }
1722
+ .ck .ck-fake-panel div:nth-child(2) {
1723
+ z-index: 1;
1724
+ }
1725
+ :root {
1726
+ --ck-balloon-fake-panel-offset-horizontal: 6px;
1727
+ --ck-balloon-fake-panel-offset-vertical: 6px;
1728
+ }
1729
+ .ck .ck-fake-panel div {
1730
+ box-shadow: var(--ck-drop-shadow), 0 0;
1731
+ min-height: 15px;
1732
+ background: var(--ck-color-panel-background);
1733
+ border: 1px solid var(--ck-color-panel-border);
1734
+ border-radius: var(--ck-border-radius);
1735
+ width: 100%;
1736
+ height: 100%;
1737
+ }
1738
+ .ck .ck-fake-panel div:first-child {
1739
+ margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
1740
+ margin-top: var(--ck-balloon-fake-panel-offset-vertical);
1741
+ }
1742
+ .ck .ck-fake-panel div:nth-child(2) {
1743
+ margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
1744
+ margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
1745
+ }
1746
+ .ck .ck-fake-panel div:nth-child(3) {
1747
+ margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
1748
+ margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
1749
+ }
1750
+ .ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
1751
+ .ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
1752
+ .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
1753
+ --ck-balloon-fake-panel-offset-vertical: -6px;
1754
+ }
1755
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
1756
+ z-index: var(--ck-z-modal);
1757
+ position: fixed;
1758
+ top: 0;
1759
+ }
1760
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
1761
+ top: auto;
1762
+ position: absolute;
1763
+ }
1764
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
1765
+ box-shadow: var(--ck-drop-shadow), 0 0;
1766
+ border-width: 0 1px 1px;
1767
+ border-top-left-radius: 0;
1768
+ border-top-right-radius: 0;
1769
+ }
1770
+ .ck.ck-block-toolbar-button {
1771
+ position: absolute;
1772
+ z-index: var(--ck-z-default);
1773
+ }
1774
+ :root {
1775
+ --ck-color-block-toolbar-button: var(--ck-color-text);
1776
+ --ck-block-toolbar-button-size: var(--ck-font-size-normal);
1777
+ }
1778
+ .ck.ck-block-toolbar-button {
1779
+ color: var(--ck-color-block-toolbar-button);
1780
+ font-size: var(--ck-block-toolbar-size);
1781
+ }
1782
+ .ck.ck-placeholder,
1783
+ .ck .ck-placeholder {
1784
+ position: relative;
1785
+ }
1786
+ .ck.ck-placeholder:before,
1787
+ .ck .ck-placeholder:before {
1788
+ position: absolute;
1789
+ left: 0;
1790
+ right: 0;
1791
+ content: attr(data-placeholder);
1792
+ pointer-events: none;
1793
+ }
1794
+ .ck.ck-read-only .ck-placeholder:before {
1795
+ display: none;
1796
+ }
1797
+ .ck.ck-placeholder:before,
1798
+ .ck .ck-placeholder:before {
1799
+ cursor: text;
1800
+ color: var(--ck-color-engine-placeholder-text);
1801
+ }
1802
+ .ck.ck-editor {
1803
+ position: relative;
1804
+ }
1805
+ .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
1806
+ z-index: var(--ck-z-modal);
1807
+ }
1808
+ .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
1809
+ border-radius: 0;
1810
+ }
1811
+ .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
1812
+ .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
1813
+ border-radius: var(--ck-border-radius);
1814
+ border-bottom-left-radius: 0;
1815
+ border-bottom-right-radius: 0;
1816
+ }
1817
+ .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
1818
+ border-bottom-width: 0;
1819
+ }
1820
+ .ck.ck-editor__top
1821
+ .ck-sticky-panel
1822
+ .ck-sticky-panel__content_sticky
1823
+ .ck-toolbar {
1824
+ border-bottom-width: 1px;
1825
+ border-radius: 0;
1826
+ }
1827
+ .ck-rounded-corners
1828
+ .ck.ck-editor__top
1829
+ .ck-sticky-panel
1830
+ .ck-sticky-panel__content_sticky
1831
+ .ck-toolbar,
1832
+ .ck.ck-editor__top
1833
+ .ck-sticky-panel
1834
+ .ck-sticky-panel__content_sticky
1835
+ .ck-toolbar.ck-rounded-corners {
1836
+ border-radius: var(--ck-border-radius);
1837
+ border-radius: 0;
1838
+ }
1839
+ .ck.ck-editor__main > .ck-editor__editable {
1840
+ background: var(--ck-color-base-background);
1841
+ border-radius: 0;
1842
+ }
1843
+ .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
1844
+ .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
1845
+ border-radius: var(--ck-border-radius);
1846
+ border-top-left-radius: 0;
1847
+ border-top-right-radius: 0;
1848
+ }
1849
+ .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
1850
+ border-color: var(--ck-color-base-border);
1851
+ }
1852
+ .ck .ck-widget .ck-widget__type-around__button {
1853
+ display: block;
1854
+ position: absolute;
1855
+ overflow: hidden;
1856
+ z-index: var(--ck-z-default);
1857
+ }
1858
+ .ck .ck-widget .ck-widget__type-around__button svg {
1859
+ position: absolute;
1860
+ top: 50%;
1861
+ left: 50%;
1862
+ z-index: calc(var(--ck-z-default) + 2);
1863
+ }
1864
+ .ck
1865
+ .ck-widget
1866
+ .ck-widget__type-around__button.ck-widget__type-around__button_before {
1867
+ top: calc(var(--ck-widget-outline-thickness) * -0.5);
1868
+ left: min(10%, 30px);
1869
+ transform: translateY(-50%);
1870
+ }
1871
+ .ck
1872
+ .ck-widget
1873
+ .ck-widget__type-around__button.ck-widget__type-around__button_after {
1874
+ bottom: calc(var(--ck-widget-outline-thickness) * -0.5);
1875
+ right: min(10%, 30px);
1876
+ transform: translateY(50%);
1877
+ }
1878
+ .ck
1879
+ .ck-widget.ck-widget_selected
1880
+ > .ck-widget__type-around
1881
+ > .ck-widget__type-around__button:after,
1882
+ .ck
1883
+ .ck-widget
1884
+ > .ck-widget__type-around
1885
+ > .ck-widget__type-around__button:hover:after {
1886
+ content: "";
1887
+ display: block;
1888
+ position: absolute;
1889
+ top: 1px;
1890
+ left: 1px;
1891
+ z-index: calc(var(--ck-z-default) + 1);
1892
+ }
1893
+ .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
1894
+ display: none;
1895
+ position: absolute;
1896
+ left: 0;
1897
+ right: 0;
1898
+ }
1899
+ .ck
1900
+ .ck-widget:hover
1901
+ > .ck-widget__type-around
1902
+ > .ck-widget__type-around__fake-caret {
1903
+ left: calc(var(--ck-widget-outline-thickness) * -1);
1904
+ right: calc(var(--ck-widget-outline-thickness) * -1);
1905
+ }
1906
+ .ck
1907
+ .ck-widget.ck-widget_type-around_show-fake-caret_before
1908
+ > .ck-widget__type-around
1909
+ > .ck-widget__type-around__fake-caret {
1910
+ top: calc(var(--ck-widget-outline-thickness) * -1 - 1px);
1911
+ display: block;
1912
+ }
1913
+ .ck
1914
+ .ck-widget.ck-widget_type-around_show-fake-caret_after
1915
+ > .ck-widget__type-around
1916
+ > .ck-widget__type-around__fake-caret {
1917
+ bottom: calc(var(--ck-widget-outline-thickness) * -1 - 1px);
1918
+ display: block;
1919
+ }
1920
+ .ck.ck-editor__editable.ck-read-only .ck-widget__type-around,
1921
+ .ck.ck-editor__editable.ck-restricted-editing_mode_restricted
1922
+ .ck-widget__type-around,
1923
+ .ck.ck-editor__editable.ck-widget__type-around_disabled
1924
+ .ck-widget__type-around {
1925
+ display: none;
1926
+ }
1927
+ :root {
1928
+ --ck-widget-type-around-button-size: 20px;
1929
+ --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
1930
+ --ck-color-widget-type-around-button-hover: var(
1931
+ --ck-color-widget-hover-border
1932
+ );
1933
+ --ck-color-widget-type-around-button-blurred-editable: var(
1934
+ --ck-color-widget-blurred-border
1935
+ );
1936
+ --ck-color-widget-type-around-button-radar-start-alpha: 0;
1937
+ --ck-color-widget-type-around-button-radar-end-alpha: 0.3;
1938
+ --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
1939
+ }
1940
+ .ck .ck-widget .ck-widget__type-around__button {
1941
+ width: var(--ck-widget-type-around-button-size);
1942
+ height: var(--ck-widget-type-around-button-size);
1943
+ background: var(--ck-color-widget-type-around-button);
1944
+ border-radius: 100px;
1945
+ transition: opacity var(--ck-widget-handler-animation-duration)
1946
+ var(--ck-widget-handler-animation-curve),
1947
+ background var(--ck-widget-handler-animation-duration)
1948
+ var(--ck-widget-handler-animation-curve);
1949
+ opacity: 0;
1950
+ pointer-events: none;
1951
+ }
1952
+ .ck .ck-widget .ck-widget__type-around__button svg {
1953
+ width: 10px;
1954
+ height: 8px;
1955
+ transform: translate(-50%, -50%);
1956
+ transition: transform 0.5s ease;
1957
+ margin-top: 1px;
1958
+ }
1959
+ .ck .ck-widget .ck-widget__type-around__button svg * {
1960
+ stroke-dasharray: 10;
1961
+ stroke-dashoffset: 0;
1962
+ fill: none;
1963
+ stroke: var(--ck-color-widget-type-around-button-icon);
1964
+ stroke-width: 1.5px;
1965
+ stroke-linecap: round;
1966
+ stroke-linejoin: round;
1967
+ }
1968
+ .ck .ck-widget .ck-widget__type-around__button svg line {
1969
+ stroke-dasharray: 7;
1970
+ }
1971
+ .ck .ck-widget .ck-widget__type-around__button:hover {
1972
+ animation: ck-widget-type-around-button-sonar 1s ease infinite;
1973
+ }
1974
+ .ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
1975
+ animation: ck-widget-type-around-arrow-dash 2s linear;
1976
+ }
1977
+ .ck .ck-widget .ck-widget__type-around__button:hover svg line {
1978
+ animation: ck-widget-type-around-arrow-tip-dash 2s linear;
1979
+ }
1980
+ .ck
1981
+ .ck-widget.ck-widget_selected
1982
+ > .ck-widget__type-around
1983
+ > .ck-widget__type-around__button,
1984
+ .ck
1985
+ .ck-widget:hover
1986
+ > .ck-widget__type-around
1987
+ > .ck-widget__type-around__button {
1988
+ opacity: 1;
1989
+ pointer-events: auto;
1990
+ }
1991
+ .ck
1992
+ .ck-widget:not(.ck-widget_selected)
1993
+ > .ck-widget__type-around
1994
+ > .ck-widget__type-around__button {
1995
+ background: var(--ck-color-widget-type-around-button-hover);
1996
+ }
1997
+ .ck
1998
+ .ck-widget.ck-widget_selected
1999
+ > .ck-widget__type-around
2000
+ > .ck-widget__type-around__button,
2001
+ .ck
2002
+ .ck-widget
2003
+ > .ck-widget__type-around
2004
+ > .ck-widget__type-around__button:hover {
2005
+ background: var(--ck-color-widget-type-around-button-active);
2006
+ }
2007
+ .ck
2008
+ .ck-widget.ck-widget_selected
2009
+ > .ck-widget__type-around
2010
+ > .ck-widget__type-around__button:after,
2011
+ .ck
2012
+ .ck-widget
2013
+ > .ck-widget__type-around
2014
+ > .ck-widget__type-around__button:hover:after {
2015
+ width: calc(var(--ck-widget-type-around-button-size) - 2px);
2016
+ height: calc(var(--ck-widget-type-around-button-size) - 2px);
2017
+ border-radius: 100px;
2018
+ background: linear-gradient(
2019
+ 135deg,
2020
+ hsla(0, 0%, 100%, 0),
2021
+ hsla(0, 0%, 100%, 0.3)
2022
+ );
2023
+ }
2024
+ .ck
2025
+ .ck-widget.ck-widget_with-selection-handle
2026
+ > .ck-widget__type-around
2027
+ > .ck-widget__type-around__button_before {
2028
+ margin-left: 20px;
2029
+ }
2030
+ .ck .ck-widget .ck-widget__type-around__fake-caret {
2031
+ pointer-events: none;
2032
+ height: 1px;
2033
+ animation: ck-widget-type-around-fake-caret-pulse 1s linear infinite normal
2034
+ forwards;
2035
+ outline: 1px solid hsla(0, 0%, 100%, 0.5);
2036
+ background: var(--ck-color-base-text);
2037
+ }
2038
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after,
2039
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before {
2040
+ outline-color: transparent;
2041
+ }
2042
+ .ck
2043
+ .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover,
2044
+ .ck
2045
+ .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover {
2046
+ outline-color: var(--ck-color-widget-hover-border);
2047
+ }
2048
+ .ck
2049
+ .ck-widget.ck-widget_type-around_show-fake-caret_after
2050
+ > .ck-widget__type-around
2051
+ > .ck-widget__type-around__button,
2052
+ .ck
2053
+ .ck-widget.ck-widget_type-around_show-fake-caret_before
2054
+ > .ck-widget__type-around
2055
+ > .ck-widget__type-around__button {
2056
+ opacity: 0;
2057
+ pointer-events: none;
2058
+ }
2059
+ .ck
2060
+ .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover
2061
+ > .ck-widget__selection-handle,
2062
+ .ck
2063
+ .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected
2064
+ > .ck-widget__selection-handle,
2065
+ .ck
2066
+ .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover
2067
+ > .ck-widget__selection-handle,
2068
+ .ck
2069
+ .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected
2070
+ > .ck-widget__selection-handle {
2071
+ opacity: 0;
2072
+ }
2073
+ .ck
2074
+ .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer
2075
+ > .ck-widget__resizer,
2076
+ .ck
2077
+ .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer
2078
+ > .ck-widget__resizer {
2079
+ opacity: 0;
2080
+ }
2081
+ .ck[dir="rtl"]
2082
+ .ck-widget.ck-widget_with-selection-handle
2083
+ .ck-widget__type-around
2084
+ > .ck-widget__type-around__button_before {
2085
+ margin-left: 0;
2086
+ margin-right: 20px;
2087
+ }
2088
+ .ck-editor__nested-editable.ck-editor__editable_selected
2089
+ .ck-widget.ck-widget_selected
2090
+ > .ck-widget__type-around
2091
+ > .ck-widget__type-around__button,
2092
+ .ck-editor__nested-editable.ck-editor__editable_selected
2093
+ .ck-widget:hover
2094
+ > .ck-widget__type-around
2095
+ > .ck-widget__type-around__button {
2096
+ opacity: 0;
2097
+ pointer-events: none;
2098
+ }
2099
+ .ck-editor__editable.ck-blurred
2100
+ .ck-widget.ck-widget_selected
2101
+ > .ck-widget__type-around
2102
+ > .ck-widget__type-around__button:not(:hover) {
2103
+ background: var(--ck-color-widget-type-around-button-blurred-editable);
2104
+ }
2105
+ .ck-editor__editable.ck-blurred
2106
+ .ck-widget.ck-widget_selected
2107
+ > .ck-widget__type-around
2108
+ > .ck-widget__type-around__button:not(:hover)
2109
+ svg
2110
+ * {
2111
+ stroke: #999;
2112
+ }
2113
+ @keyframes ck-widget-type-around-arrow-dash {
2114
+ 0% {
2115
+ stroke-dashoffset: 10;
2116
+ }
2117
+ 20%,
2118
+ to {
2119
+ stroke-dashoffset: 0;
2120
+ }
2121
+ }
2122
+ @keyframes ck-widget-type-around-arrow-tip-dash {
2123
+ 0%,
2124
+ 20% {
2125
+ stroke-dashoffset: 7;
2126
+ }
2127
+ 40%,
2128
+ to {
2129
+ stroke-dashoffset: 0;
2130
+ }
2131
+ }
2132
+ @keyframes ck-widget-type-around-button-sonar {
2133
+ 0% {
2134
+ box-shadow: 0 0 0 0
2135
+ hsla(
2136
+ var(--ck-color-focus-border-coordinates),
2137
+ var(--ck-color-widget-type-around-button-radar-start-alpha)
2138
+ );
2139
+ }
2140
+ 50% {
2141
+ box-shadow: 0 0 0 5px
2142
+ hsla(
2143
+ var(--ck-color-focus-border-coordinates),
2144
+ var(--ck-color-widget-type-around-button-radar-end-alpha)
2145
+ );
2146
+ }
2147
+ to {
2148
+ box-shadow: 0 0 0 5px
2149
+ hsla(
2150
+ var(--ck-color-focus-border-coordinates),
2151
+ var(--ck-color-widget-type-around-button-radar-start-alpha)
2152
+ );
2153
+ }
2154
+ }
2155
+ @keyframes ck-widget-type-around-fake-caret-pulse {
2156
+ 0% {
2157
+ opacity: 1;
2158
+ }
2159
+ 49% {
2160
+ opacity: 1;
2161
+ }
2162
+ 50% {
2163
+ opacity: 0;
2164
+ }
2165
+ 99% {
2166
+ opacity: 0;
2167
+ }
2168
+ to {
2169
+ opacity: 1;
2170
+ }
2171
+ }
2172
+ :root {
2173
+ --ck-color-resizer: var(--ck-color-focus-border);
2174
+ --ck-color-resizer-tooltip-background: #262626;
2175
+ --ck-color-resizer-tooltip-text: #f2f2f2;
2176
+ --ck-resizer-border-radius: var(--ck-border-radius);
2177
+ --ck-resizer-tooltip-offset: 10px;
2178
+ --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
2179
+ }
2180
+ .ck .ck-widget,
2181
+ .ck .ck-widget.ck-widget_with-selection-handle {
2182
+ position: relative;
2183
+ }
2184
+ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
2185
+ position: absolute;
2186
+ }
2187
+ .ck
2188
+ .ck-widget.ck-widget_with-selection-handle
2189
+ .ck-widget__selection-handle
2190
+ .ck-icon {
2191
+ display: block;
2192
+ }
2193
+ .ck
2194
+ .ck-widget.ck-widget_with-selection-handle.ck-widget_selected
2195
+ > .ck-widget__selection-handle,
2196
+ .ck
2197
+ .ck-widget.ck-widget_with-selection-handle:hover
2198
+ > .ck-widget__selection-handle {
2199
+ visibility: visible;
2200
+ }
2201
+ .ck .ck-size-view {
2202
+ background: var(--ck-color-resizer-tooltip-background);
2203
+ color: var(--ck-color-resizer-tooltip-text);
2204
+ border: 1px solid var(--ck-color-resizer-tooltip-text);
2205
+ border-radius: var(--ck-resizer-border-radius);
2206
+ font-size: var(--ck-font-size-tiny);
2207
+ display: block;
2208
+ padding: 0 var(--ck-spacing-small);
2209
+ height: var(--ck-resizer-tooltip-height);
2210
+ line-height: var(--ck-resizer-tooltip-height);
2211
+ }
2212
+ .ck .ck-size-view.ck-orientation-above-center,
2213
+ .ck .ck-size-view.ck-orientation-bottom-left,
2214
+ .ck .ck-size-view.ck-orientation-bottom-right,
2215
+ .ck .ck-size-view.ck-orientation-top-left,
2216
+ .ck .ck-size-view.ck-orientation-top-right {
2217
+ position: absolute;
2218
+ }
2219
+ .ck .ck-size-view.ck-orientation-top-left {
2220
+ top: var(--ck-resizer-tooltip-offset);
2221
+ left: var(--ck-resizer-tooltip-offset);
2222
+ }
2223
+ .ck .ck-size-view.ck-orientation-top-right {
2224
+ top: var(--ck-resizer-tooltip-offset);
2225
+ right: var(--ck-resizer-tooltip-offset);
2226
+ }
2227
+ .ck .ck-size-view.ck-orientation-bottom-right {
2228
+ bottom: var(--ck-resizer-tooltip-offset);
2229
+ right: var(--ck-resizer-tooltip-offset);
2230
+ }
2231
+ .ck .ck-size-view.ck-orientation-bottom-left {
2232
+ bottom: var(--ck-resizer-tooltip-offset);
2233
+ left: var(--ck-resizer-tooltip-offset);
2234
+ }
2235
+ .ck .ck-size-view.ck-orientation-above-center {
2236
+ top: calc(var(--ck-resizer-tooltip-height) * -1);
2237
+ left: 50%;
2238
+ transform: translate(-50%);
2239
+ }
2240
+ :root {
2241
+ --ck-widget-outline-thickness: 3px;
2242
+ --ck-widget-handler-icon-size: 16px;
2243
+ --ck-widget-handler-animation-duration: 200ms;
2244
+ --ck-widget-handler-animation-curve: ease;
2245
+ --ck-color-widget-blurred-border: #dedede;
2246
+ --ck-color-widget-hover-border: #ffc83d;
2247
+ --ck-color-widget-editable-focus-background: var(
2248
+ --ck-color-base-background
2249
+ );
2250
+ --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
2251
+ }
2252
+ .ck .ck-widget {
2253
+ outline-width: var(--ck-widget-outline-thickness);
2254
+ outline-style: solid;
2255
+ outline-color: transparent;
2256
+ transition: outline-color var(--ck-widget-handler-animation-duration)
2257
+ var(--ck-widget-handler-animation-curve);
2258
+ }
2259
+ .ck .ck-widget.ck-widget_selected,
2260
+ .ck .ck-widget.ck-widget_selected:hover {
2261
+ outline: var(--ck-widget-outline-thickness) solid
2262
+ var(--ck-color-focus-border);
2263
+ }
2264
+ .ck .ck-widget:hover {
2265
+ outline-color: var(--ck-color-widget-hover-border);
2266
+ }
2267
+ .ck .ck-editor__nested-editable {
2268
+ border: 1px solid transparent;
2269
+ }
2270
+ .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
2271
+ .ck .ck-editor__nested-editable:focus {
2272
+ outline: none;
2273
+ border: var(--ck-focus-ring);
2274
+ box-shadow: var(--ck-inner-shadow), 0 0;
2275
+ background-color: var(--ck-color-widget-editable-focus-background);
2276
+ }
2277
+ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
2278
+ padding: 4px;
2279
+ box-sizing: border-box;
2280
+ background-color: transparent;
2281
+ opacity: 0;
2282
+ transition: background-color var(--ck-widget-handler-animation-duration)
2283
+ var(--ck-widget-handler-animation-curve),
2284
+ visibility var(--ck-widget-handler-animation-duration)
2285
+ var(--ck-widget-handler-animation-curve),
2286
+ opacity var(--ck-widget-handler-animation-duration)
2287
+ var(--ck-widget-handler-animation-curve);
2288
+ border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
2289
+ transform: translateY(-100%);
2290
+ left: calc(0px - var(--ck-widget-outline-thickness));
2291
+ top: 0;
2292
+ }
2293
+ .ck
2294
+ .ck-widget.ck-widget_with-selection-handle
2295
+ .ck-widget__selection-handle
2296
+ .ck-icon {
2297
+ width: var(--ck-widget-handler-icon-size);
2298
+ height: var(--ck-widget-handler-icon-size);
2299
+ color: var(--ck-color-widget-drag-handler-icon-color);
2300
+ }
2301
+ .ck
2302
+ .ck-widget.ck-widget_with-selection-handle
2303
+ .ck-widget__selection-handle
2304
+ .ck-icon
2305
+ .ck-icon__selected-indicator {
2306
+ opacity: 0;
2307
+ transition: opacity 0.3s var(--ck-widget-handler-animation-curve);
2308
+ }
2309
+ .ck
2310
+ .ck-widget.ck-widget_with-selection-handle
2311
+ .ck-widget__selection-handle:hover
2312
+ .ck-icon
2313
+ .ck-icon__selected-indicator {
2314
+ opacity: 1;
2315
+ }
2316
+ .ck
2317
+ .ck-widget.ck-widget_with-selection-handle:hover
2318
+ > .ck-widget__selection-handle {
2319
+ opacity: 1;
2320
+ background-color: var(--ck-color-widget-hover-border);
2321
+ }
2322
+ .ck
2323
+ .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover
2324
+ > .ck-widget__selection-handle,
2325
+ .ck
2326
+ .ck-widget.ck-widget_with-selection-handle.ck-widget_selected
2327
+ > .ck-widget__selection-handle {
2328
+ opacity: 1;
2329
+ background-color: var(--ck-color-focus-border);
2330
+ }
2331
+ .ck
2332
+ .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover
2333
+ > .ck-widget__selection-handle
2334
+ .ck-icon
2335
+ .ck-icon__selected-indicator,
2336
+ .ck
2337
+ .ck-widget.ck-widget_with-selection-handle.ck-widget_selected
2338
+ > .ck-widget__selection-handle
2339
+ .ck-icon
2340
+ .ck-icon__selected-indicator {
2341
+ opacity: 1;
2342
+ }
2343
+ .ck[dir="rtl"]
2344
+ .ck-widget.ck-widget_with-selection-handle
2345
+ .ck-widget__selection-handle {
2346
+ left: auto;
2347
+ right: calc(0px - var(--ck-widget-outline-thickness));
2348
+ }
2349
+ .ck.ck-editor__editable.ck-read-only .ck-widget {
2350
+ transition: none;
2351
+ }
2352
+ .ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
2353
+ --ck-widget-outline-thickness: 0px;
2354
+ }
2355
+ .ck.ck-editor__editable.ck-read-only
2356
+ .ck-widget.ck-widget_with-selection-handle
2357
+ .ck-widget__selection-handle,
2358
+ .ck.ck-editor__editable.ck-read-only
2359
+ .ck-widget.ck-widget_with-selection-handle
2360
+ .ck-widget__selection-handle:hover {
2361
+ background: var(--ck-color-widget-blurred-border);
2362
+ }
2363
+ .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
2364
+ .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
2365
+ outline-color: var(--ck-color-widget-blurred-border);
2366
+ }
2367
+ .ck.ck-editor__editable.ck-blurred
2368
+ .ck-widget.ck-widget_selected.ck-widget_with-selection-handle
2369
+ > .ck-widget__selection-handle,
2370
+ .ck.ck-editor__editable.ck-blurred
2371
+ .ck-widget.ck-widget_selected.ck-widget_with-selection-handle
2372
+ > .ck-widget__selection-handle:hover,
2373
+ .ck.ck-editor__editable.ck-blurred
2374
+ .ck-widget.ck-widget_selected:hover.ck-widget_with-selection-handle
2375
+ > .ck-widget__selection-handle,
2376
+ .ck.ck-editor__editable.ck-blurred
2377
+ .ck-widget.ck-widget_selected:hover.ck-widget_with-selection-handle
2378
+ > .ck-widget__selection-handle:hover {
2379
+ background: var(--ck-color-widget-blurred-border);
2380
+ }
2381
+ .ck.ck-editor__editable
2382
+ > .ck-widget.ck-widget_with-selection-handle:first-child,
2383
+ .ck.ck-editor__editable
2384
+ blockquote
2385
+ > .ck-widget.ck-widget_with-selection-handle:first-child {
2386
+ margin-top: calc(1em + var(--ck-widget-handler-icon-size));
2387
+ }
2388
+ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
2389
+ display: inline;
2390
+ position: relative;
2391
+ pointer-events: none;
2392
+ }
2393
+ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
2394
+ position: absolute;
2395
+ width: 0;
2396
+ }
2397
+ .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle,
2398
+ .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
2399
+ display: none;
2400
+ }
2401
+ :root {
2402
+ --ck-clipboard-drop-target-dot-width: 12px;
2403
+ --ck-clipboard-drop-target-dot-height: 8px;
2404
+ --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
2405
+ }
2406
+ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
2407
+ bottom: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
2408
+ top: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
2409
+ border: 1px solid var(--ck-clipboard-drop-target-color);
2410
+ background: var(--ck-clipboard-drop-target-color);
2411
+ margin-left: -1px;
2412
+ }
2413
+ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after {
2414
+ content: "";
2415
+ width: 0;
2416
+ height: 0;
2417
+ display: block;
2418
+ position: absolute;
2419
+ left: 50%;
2420
+ top: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
2421
+ transform: translateX(-50%);
2422
+ border-left: calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) solid
2423
+ transparent;
2424
+ border-bottom: 0 solid transparent;
2425
+ border-right: calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) solid
2426
+ transparent;
2427
+ border-top: calc(var(--ck-clipboard-drop-target-dot-height)) solid
2428
+ var(--ck-clipboard-drop-target-color);
2429
+ }
2430
+ .ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
2431
+ outline: var(--ck-widget-outline-thickness) solid
2432
+ var(--ck-clipboard-drop-target-color) !important;
2433
+ }
2434
+ .ck.ck-editor__editable .ck-widget:-webkit-drag {
2435
+ zoom: 0.6;
2436
+ outline: none !important;
2437
+ }
2438
+ .ck-content blockquote {
2439
+ overflow: hidden;
2440
+ padding-right: 1.5em;
2441
+ padding-left: 1.5em;
2442
+ margin-left: 0;
2443
+ margin-right: 0;
2444
+ font-style: italic;
2445
+ border-left: 5px solid #ccc;
2446
+ }
2447
+ .ck-content[dir="rtl"] blockquote {
2448
+ border-left: 0;
2449
+ border-right: 5px solid #ccc;
2450
+ }
2451
+ .ck.ck-heading_heading1 {
2452
+ font-size: 20px;
2453
+ }
2454
+ .ck.ck-heading_heading2 {
2455
+ font-size: 17px;
2456
+ }
2457
+ .ck.ck-heading_heading3 {
2458
+ font-size: 14px;
2459
+ }
2460
+ .ck[class*="ck-heading_heading"] {
2461
+ font-weight: 700;
2462
+ }
2463
+ .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
2464
+ width: 8em;
2465
+ }
2466
+ .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
2467
+ min-width: 18em;
2468
+ }
2469
+ .ck .ck-widget_with-resizer {
2470
+ position: relative;
2471
+ }
2472
+ .ck .ck-widget__resizer {
2473
+ display: none;
2474
+ position: absolute;
2475
+ pointer-events: none;
2476
+ left: 0;
2477
+ top: 0;
2478
+ }
2479
+ .ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
2480
+ display: block;
2481
+ }
2482
+ .ck .ck-widget__resizer__handle {
2483
+ position: absolute;
2484
+ pointer-events: all;
2485
+ }
2486
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right,
2487
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
2488
+ cursor: nwse-resize;
2489
+ }
2490
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left,
2491
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
2492
+ cursor: nesw-resize;
2493
+ }
2494
+ :root {
2495
+ --ck-resizer-size: 10px;
2496
+ --ck-resizer-offset: calc(var(--ck-resizer-size) / -2 - 2px);
2497
+ --ck-resizer-border-width: 1px;
2498
+ }
2499
+ .ck .ck-widget__resizer {
2500
+ outline: 1px solid var(--ck-color-resizer);
2501
+ }
2502
+ .ck .ck-widget__resizer__handle {
2503
+ width: var(--ck-resizer-size);
2504
+ height: var(--ck-resizer-size);
2505
+ background: var(--ck-color-focus-border);
2506
+ border: var(--ck-resizer-border-width) solid #fff;
2507
+ border-radius: var(--ck-resizer-border-radius);
2508
+ }
2509
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
2510
+ top: var(--ck-resizer-offset);
2511
+ left: var(--ck-resizer-offset);
2512
+ }
2513
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
2514
+ top: var(--ck-resizer-offset);
2515
+ right: var(--ck-resizer-offset);
2516
+ }
2517
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
2518
+ bottom: var(--ck-resizer-offset);
2519
+ right: var(--ck-resizer-offset);
2520
+ }
2521
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
2522
+ bottom: var(--ck-resizer-offset);
2523
+ left: var(--ck-resizer-offset);
2524
+ }
2525
+ .ck.ck-text-alternative-form {
2526
+ display: flex;
2527
+ flex-direction: row;
2528
+ flex-wrap: nowrap;
2529
+ }
2530
+ .ck.ck-text-alternative-form .ck-labeled-field-view {
2531
+ display: inline-block;
2532
+ }
2533
+ .ck.ck-text-alternative-form .ck-label {
2534
+ display: none;
2535
+ }
2536
+ @media screen and (max-width: 600px) {
2537
+ .ck.ck-text-alternative-form {
2538
+ flex-wrap: wrap;
2539
+ }
2540
+ .ck.ck-text-alternative-form .ck-labeled-field-view {
2541
+ flex-basis: 100%;
2542
+ }
2543
+ .ck.ck-text-alternative-form .ck-button {
2544
+ flex-basis: 50%;
2545
+ }
2546
+ }
2547
+ .ck-vertical-form .ck-button:after {
2548
+ content: "";
2549
+ width: 0;
2550
+ position: absolute;
2551
+ right: -1px;
2552
+ top: var(--ck-spacing-small);
2553
+ bottom: var(--ck-spacing-small);
2554
+ z-index: 1;
2555
+ }
2556
+ @media screen and (max-width: 600px) {
2557
+ .ck.ck-responsive-form .ck-button:after {
2558
+ content: "";
2559
+ width: 0;
2560
+ position: absolute;
2561
+ right: -1px;
2562
+ top: var(--ck-spacing-small);
2563
+ bottom: var(--ck-spacing-small);
2564
+ z-index: 1;
2565
+ }
2566
+ }
2567
+ .ck-vertical-form > .ck-button:nth-last-child(2):after {
2568
+ border-right: 1px solid var(--ck-color-base-border);
2569
+ }
2570
+ .ck.ck-responsive-form {
2571
+ padding: var(--ck-spacing-large);
2572
+ }
2573
+ .ck.ck-responsive-form:focus {
2574
+ outline: none;
2575
+ }
2576
+ [dir="ltr"] .ck.ck-responsive-form > :not(:first-child),
2577
+ [dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
2578
+ margin-left: var(--ck-spacing-standard);
2579
+ }
2580
+ @media screen and (max-width: 600px) {
2581
+ .ck.ck-responsive-form {
2582
+ padding: 0;
2583
+ width: calc(var(--ck-input-width) * 0.8);
2584
+ }
2585
+ .ck.ck-responsive-form .ck-labeled-field-view {
2586
+ margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
2587
+ }
2588
+ .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text {
2589
+ min-width: 0;
2590
+ width: 100%;
2591
+ }
2592
+ .ck.ck-responsive-form
2593
+ .ck-labeled-field-view
2594
+ .ck-labeled-field-view__error {
2595
+ white-space: normal;
2596
+ }
2597
+ .ck.ck-responsive-form > .ck-button:last-child,
2598
+ .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
2599
+ padding: var(--ck-spacing-standard);
2600
+ margin-top: var(--ck-spacing-large);
2601
+ border-radius: 0;
2602
+ border: 0;
2603
+ border-top: 1px solid var(--ck-color-base-border);
2604
+ }
2605
+ [dir="ltr"] .ck.ck-responsive-form > .ck-button:last-child,
2606
+ [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2),
2607
+ [dir="rtl"] .ck.ck-responsive-form > .ck-button:last-child,
2608
+ [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
2609
+ margin-left: 0;
2610
+ }
2611
+ .ck.ck-responsive-form > .ck-button:nth-last-child(2):after,
2612
+ [dir="rtl"] .ck.ck-responsive-form > .ck-button:last-child:last-of-type,
2613
+ [dir="rtl"]
2614
+ .ck.ck-responsive-form
2615
+ > .ck-button:nth-last-child(2):last-of-type {
2616
+ border-right: 1px solid var(--ck-color-base-border);
2617
+ }
2618
+ }
2619
+ .ck-content .image {
2620
+ display: table;
2621
+ clear: both;
2622
+ text-align: center;
2623
+ margin: 0.9em auto;
2624
+ min-width: 50px;
2625
+ }
2626
+ .ck-content .image img {
2627
+ display: block;
2628
+ margin: 0 auto;
2629
+ max-width: 100%;
2630
+ min-width: 100%;
2631
+ }
2632
+ .ck-content .image-inline {
2633
+ display: inline-flex;
2634
+ max-width: 100%;
2635
+ align-items: flex-start;
2636
+ }
2637
+ .ck-content .image-inline picture {
2638
+ display: flex;
2639
+ }
2640
+ .ck-content .image-inline img,
2641
+ .ck-content .image-inline picture {
2642
+ flex-grow: 1;
2643
+ flex-shrink: 1;
2644
+ max-width: 100%;
2645
+ }
2646
+ .ck.ck-editor__editable .image > figcaption.ck-placeholder:before {
2647
+ padding-left: inherit;
2648
+ padding-right: inherit;
2649
+ white-space: nowrap;
2650
+ overflow: hidden;
2651
+ text-overflow: ellipsis;
2652
+ }
2653
+ .ck.ck-editor__editable .image-inline.ck-widget_selected,
2654
+ .ck.ck-editor__editable .image.ck-widget_selected {
2655
+ z-index: 1;
2656
+ }
2657
+ .ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
2658
+ display: none;
2659
+ }
2660
+ .ck.ck-editor__editable td .image-inline img,
2661
+ .ck.ck-editor__editable th .image-inline img {
2662
+ max-width: none;
2663
+ }
2664
+ :root {
2665
+ --ck-color-image-caption-background: #f7f7f7;
2666
+ --ck-color-image-caption-text: #333;
2667
+ --ck-color-image-caption-highligted-background: #fd0;
2668
+ }
2669
+ .ck-content .image > figcaption {
2670
+ display: table-caption;
2671
+ caption-side: bottom;
2672
+ word-break: break-word;
2673
+ color: var(--ck-color-image-caption-text);
2674
+ background-color: var(--ck-color-image-caption-background);
2675
+ padding: 0.6em;
2676
+ font-size: 0.75em;
2677
+ outline-offset: -1px;
2678
+ }
2679
+ .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
2680
+ animation: ck-image-caption-highlight 0.6s ease-out;
2681
+ }
2682
+ @keyframes ck-image-caption-highlight {
2683
+ 0% {
2684
+ background-color: var(--ck-color-image-caption-highligted-background);
2685
+ }
2686
+ to {
2687
+ background-color: var(--ck-color-image-caption-background);
2688
+ }
2689
+ }
2690
+ :root {
2691
+ --ck-image-style-spacing: 1.5em;
2692
+ --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
2693
+ }
2694
+ .ck-content .image-style-block-align-left,
2695
+ .ck-content .image-style-block-align-right {
2696
+ max-width: calc(100% - var(--ck-image-style-spacing));
2697
+ }
2698
+ .ck-content .image-style-align-left,
2699
+ .ck-content .image-style-align-right {
2700
+ clear: none;
2701
+ }
2702
+ .ck-content .image-style-side {
2703
+ float: right;
2704
+ margin-left: var(--ck-image-style-spacing);
2705
+ max-width: 50%;
2706
+ }
2707
+ .ck-content .image-style-align-left {
2708
+ float: left;
2709
+ margin-right: var(--ck-image-style-spacing);
2710
+ }
2711
+ .ck-content .image-style-align-center {
2712
+ margin-left: auto;
2713
+ margin-right: auto;
2714
+ }
2715
+ .ck-content .image-style-align-right {
2716
+ float: right;
2717
+ margin-left: var(--ck-image-style-spacing);
2718
+ }
2719
+ .ck-content .image-style-block-align-right {
2720
+ margin-right: 0;
2721
+ margin-left: auto;
2722
+ }
2723
+ .ck-content .image-style-block-align-left {
2724
+ margin-left: 0;
2725
+ margin-right: auto;
2726
+ }
2727
+ .ck-content p + .image-style-align-left,
2728
+ .ck-content p + .image-style-align-right,
2729
+ .ck-content p + .image-style-side {
2730
+ margin-top: 0;
2731
+ }
2732
+ .ck-content .image-inline.image-style-align-left,
2733
+ .ck-content .image-inline.image-style-align-right {
2734
+ margin-top: var(--ck-inline-image-style-spacing);
2735
+ margin-bottom: var(--ck-inline-image-style-spacing);
2736
+ }
2737
+ .ck-content .image-inline.image-style-align-left {
2738
+ margin-right: var(--ck-inline-image-style-spacing);
2739
+ }
2740
+ .ck-content .image-inline.image-style-align-right {
2741
+ margin-left: var(--ck-inline-image-style-spacing);
2742
+ }
2743
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
2744
+ > .ck-splitbutton__action:not(.ck-disabled),
2745
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
2746
+ > .ck-splitbutton__arrow:not(.ck-disabled),
2747
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
2748
+ > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
2749
+ .ck.ck-splitbutton.ck-splitbutton_flatten:hover
2750
+ > .ck-splitbutton__action:not(.ck-disabled),
2751
+ .ck.ck-splitbutton.ck-splitbutton_flatten:hover
2752
+ > .ck-splitbutton__arrow:not(.ck-disabled),
2753
+ .ck.ck-splitbutton.ck-splitbutton_flatten:hover
2754
+ > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
2755
+ background-color: var(--ck-color-button-on-background);
2756
+ }
2757
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
2758
+ > .ck-splitbutton__action:not(.ck-disabled):after,
2759
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
2760
+ > .ck-splitbutton__arrow:not(.ck-disabled):after,
2761
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open
2762
+ > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after,
2763
+ .ck.ck-splitbutton.ck-splitbutton_flatten:hover
2764
+ > .ck-splitbutton__action:not(.ck-disabled):after,
2765
+ .ck.ck-splitbutton.ck-splitbutton_flatten:hover
2766
+ > .ck-splitbutton__arrow:not(.ck-disabled):after,
2767
+ .ck.ck-splitbutton.ck-splitbutton_flatten:hover
2768
+ > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after {
2769
+ display: none;
2770
+ }
2771
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover
2772
+ > .ck-splitbutton__action:not(.ck-disabled),
2773
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover
2774
+ > .ck-splitbutton__arrow:not(.ck-disabled),
2775
+ .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover
2776
+ > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
2777
+ background-color: var(--ck-color-button-on-hover-background);
2778
+ }
2779
+ .ck.ck-editor__editable .image,
2780
+ .ck.ck-editor__editable .image-inline {
2781
+ position: relative;
2782
+ }
2783
+ .ck.ck-editor__editable .image-inline .ck-progress-bar,
2784
+ .ck.ck-editor__editable .image .ck-progress-bar {
2785
+ position: absolute;
2786
+ top: 0;
2787
+ left: 0;
2788
+ }
2789
+ .ck.ck-editor__editable .image-inline.ck-appear,
2790
+ .ck.ck-editor__editable .image.ck-appear {
2791
+ animation: fadeIn 0.7s;
2792
+ }
2793
+ .ck.ck-editor__editable .image-inline .ck-progress-bar,
2794
+ .ck.ck-editor__editable .image .ck-progress-bar {
2795
+ height: 2px;
2796
+ width: 0;
2797
+ background: var(--ck-color-upload-bar-background);
2798
+ transition: width 0.1s;
2799
+ }
2800
+ @keyframes fadeIn {
2801
+ 0% {
2802
+ opacity: 0;
2803
+ }
2804
+ to {
2805
+ opacity: 1;
2806
+ }
2807
+ }
2808
+ .ck-image-upload-complete-icon {
2809
+ display: block;
2810
+ position: absolute;
2811
+ top: min(var(--ck-spacing-medium), 6%);
2812
+ right: min(var(--ck-spacing-medium), 6%);
2813
+ border-radius: 50%;
2814
+ z-index: 1;
2815
+ }
2816
+ .ck-image-upload-complete-icon:after {
2817
+ content: "";
2818
+ position: absolute;
2819
+ }
2820
+ :root {
2821
+ --ck-color-image-upload-icon: #fff;
2822
+ --ck-color-image-upload-icon-background: #008a00;
2823
+ --ck-image-upload-icon-size: 20;
2824
+ --ck-image-upload-icon-width: 2px;
2825
+ --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
2826
+ }
2827
+ .ck-image-upload-complete-icon {
2828
+ opacity: 0;
2829
+ background: var(--ck-color-image-upload-icon-background);
2830
+ animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
2831
+ animation-fill-mode: forwards, forwards;
2832
+ animation-duration: 0.5s, 0.5s;
2833
+ font-size: calc(1px * var(--ck-image-upload-icon-size));
2834
+ animation-delay: 0ms, 3s;
2835
+ overflow: hidden;
2836
+ width: calc(
2837
+ var(--ck-image-upload-icon-is-visible) *
2838
+ var(--ck-image-upload-icon-size)
2839
+ );
2840
+ height: calc(
2841
+ var(--ck-image-upload-icon-is-visible) *
2842
+ var(--ck-image-upload-icon-size)
2843
+ );
2844
+ }
2845
+ .ck-image-upload-complete-icon:after {
2846
+ left: 25%;
2847
+ top: 50%;
2848
+ opacity: 0;
2849
+ height: 0;
2850
+ width: 0;
2851
+ transform: scaleX(-1) rotate(135deg);
2852
+ transform-origin: left top;
2853
+ border-top: var(--ck-image-upload-icon-width) solid
2854
+ var(--ck-color-image-upload-icon);
2855
+ border-right: var(--ck-image-upload-icon-width) solid
2856
+ var(--ck-color-image-upload-icon);
2857
+ animation-name: ck-upload-complete-icon-check;
2858
+ animation-duration: 0.5s;
2859
+ animation-delay: 0.5s;
2860
+ animation-fill-mode: forwards;
2861
+ box-sizing: border-box;
2862
+ }
2863
+ @keyframes ck-upload-complete-icon-show {
2864
+ 0% {
2865
+ opacity: 0;
2866
+ }
2867
+ to {
2868
+ opacity: 1;
2869
+ }
2870
+ }
2871
+ @keyframes ck-upload-complete-icon-hide {
2872
+ 0% {
2873
+ opacity: 1;
2874
+ }
2875
+ to {
2876
+ opacity: 0;
2877
+ }
2878
+ }
2879
+ @keyframes ck-upload-complete-icon-check {
2880
+ 0% {
2881
+ opacity: 1;
2882
+ width: 0;
2883
+ height: 0;
2884
+ }
2885
+ 33% {
2886
+ width: 0.3em;
2887
+ height: 0;
2888
+ }
2889
+ to {
2890
+ opacity: 1;
2891
+ width: 0.3em;
2892
+ height: 0.45em;
2893
+ }
2894
+ }
2895
+ .ck .ck-upload-placeholder-loader {
2896
+ position: absolute;
2897
+ display: flex;
2898
+ align-items: center;
2899
+ justify-content: center;
2900
+ top: 0;
2901
+ left: 0;
2902
+ }
2903
+ .ck .ck-upload-placeholder-loader:before {
2904
+ content: "";
2905
+ position: relative;
2906
+ }
2907
+ :root {
2908
+ --ck-color-upload-placeholder-loader: #b3b3b3;
2909
+ --ck-upload-placeholder-loader-size: 32px;
2910
+ --ck-upload-placeholder-image-aspect-ratio: 2.8;
2911
+ }
2912
+ .ck .ck-image-upload-placeholder {
2913
+ width: 100%;
2914
+ margin: 0;
2915
+ }
2916
+ .ck .ck-image-upload-placeholder.image-inline {
2917
+ width: calc(
2918
+ var(--ck-upload-placeholder-loader-size) * 2 *
2919
+ var(--ck-upload-placeholder-image-aspect-ratio)
2920
+ );
2921
+ }
2922
+ .ck .ck-image-upload-placeholder img {
2923
+ aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
2924
+ }
2925
+ .ck .ck-upload-placeholder-loader {
2926
+ width: 100%;
2927
+ height: 100%;
2928
+ }
2929
+ .ck .ck-upload-placeholder-loader:before {
2930
+ width: var(--ck-upload-placeholder-loader-size);
2931
+ height: var(--ck-upload-placeholder-loader-size);
2932
+ border-radius: 50%;
2933
+ border-top: 3px solid var(--ck-color-upload-placeholder-loader);
2934
+ border-right: 2px solid transparent;
2935
+ animation: ck-upload-placeholder-loader 1s linear infinite;
2936
+ }
2937
+ @keyframes ck-upload-placeholder-loader {
2938
+ to {
2939
+ transform: rotate(1turn);
2940
+ }
2941
+ }
2942
+ .ck .ck-link_selected {
2943
+ background: var(--ck-color-link-selected-background);
2944
+ }
2945
+ .ck .ck-link_selected span.image-inline {
2946
+ outline: var(--ck-widget-outline-thickness) solid
2947
+ var(--ck-color-link-selected-background);
2948
+ }
2949
+ .ck .ck-fake-link-selection {
2950
+ background: var(--ck-color-link-fake-selection);
2951
+ }
2952
+ .ck .ck-fake-link-selection_collapsed {
2953
+ height: 100%;
2954
+ border-right: 1px solid var(--ck-color-base-text);
2955
+ margin-right: -1px;
2956
+ outline: 1px solid hsla(0, 0%, 100%, 0.5);
2957
+ }
2958
+ .ck.ck-link-form {
2959
+ display: flex;
2960
+ }
2961
+ .ck.ck-link-form .ck-label {
2962
+ display: none;
2963
+ }
2964
+ @media screen and (max-width: 600px) {
2965
+ .ck.ck-link-form {
2966
+ flex-wrap: wrap;
2967
+ }
2968
+ .ck.ck-link-form .ck-labeled-field-view {
2969
+ flex-basis: 100%;
2970
+ }
2971
+ .ck.ck-link-form .ck-button {
2972
+ flex-basis: 50%;
2973
+ }
2974
+ }
2975
+ .ck.ck-link-form_layout-vertical {
2976
+ display: block;
2977
+ }
2978
+ .ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel,
2979
+ .ck.ck-link-form_layout-vertical .ck-button.ck-button-save {
2980
+ margin-top: var(--ck-spacing-medium);
2981
+ }
2982
+ .ck.ck-link-form_layout-vertical {
2983
+ padding: 0;
2984
+ min-width: var(--ck-input-width);
2985
+ }
2986
+ .ck.ck-link-form_layout-vertical .ck-labeled-field-view {
2987
+ margin: var(--ck-spacing-large) var(--ck-spacing-large)
2988
+ var(--ck-spacing-small);
2989
+ }
2990
+ .ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
2991
+ min-width: 0;
2992
+ width: 100%;
2993
+ }
2994
+ .ck.ck-link-form_layout-vertical .ck-button {
2995
+ padding: var(--ck-spacing-standard);
2996
+ margin: 0;
2997
+ border-radius: 0;
2998
+ border: 0;
2999
+ border-top: 1px solid var(--ck-color-base-border);
3000
+ width: 50%;
3001
+ }
3002
+ [dir="ltr"] .ck.ck-link-form_layout-vertical .ck-button,
3003
+ [dir="rtl"] .ck.ck-link-form_layout-vertical .ck-button {
3004
+ margin-left: 0;
3005
+ }
3006
+ [dir="rtl"] .ck.ck-link-form_layout-vertical .ck-button:last-of-type {
3007
+ border-right: 1px solid var(--ck-color-base-border);
3008
+ }
3009
+ .ck.ck-link-form_layout-vertical .ck.ck-list {
3010
+ margin: var(--ck-spacing-standard) var(--ck-spacing-large);
3011
+ }
3012
+ .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
3013
+ border: 0;
3014
+ padding: 0;
3015
+ width: 100%;
3016
+ }
3017
+ .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
3018
+ background: none;
3019
+ }
3020
+ .ck.ck-link-actions {
3021
+ display: flex;
3022
+ flex-direction: row;
3023
+ flex-wrap: nowrap;
3024
+ }
3025
+ .ck.ck-link-actions .ck-link-actions__preview {
3026
+ display: inline-block;
3027
+ }
3028
+ .ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
3029
+ overflow: hidden;
3030
+ }
3031
+ @media screen and (max-width: 600px) {
3032
+ .ck.ck-link-actions {
3033
+ flex-wrap: wrap;
3034
+ }
3035
+ .ck.ck-link-actions .ck-link-actions__preview {
3036
+ flex-basis: 100%;
3037
+ }
3038
+ .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
3039
+ flex-basis: 50%;
3040
+ }
3041
+ }
3042
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview {
3043
+ padding-left: 0;
3044
+ padding-right: 0;
3045
+ }
3046
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
3047
+ padding: 0 var(--ck-spacing-medium);
3048
+ color: var(--ck-color-link-default);
3049
+ text-overflow: ellipsis;
3050
+ cursor: pointer;
3051
+ max-width: var(--ck-input-width);
3052
+ min-width: 3em;
3053
+ text-align: center;
3054
+ }
3055
+ .ck.ck-link-actions
3056
+ .ck-button.ck-link-actions__preview
3057
+ .ck-button__label:hover {
3058
+ text-decoration: underline;
3059
+ }
3060
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview,
3061
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview:active,
3062
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
3063
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover {
3064
+ background: none;
3065
+ }
3066
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
3067
+ box-shadow: none;
3068
+ }
3069
+ .ck.ck-link-actions
3070
+ .ck-button.ck-link-actions__preview:focus
3071
+ .ck-button__label {
3072
+ text-decoration: underline;
3073
+ }
3074
+ [dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child),
3075
+ [dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) {
3076
+ margin-left: var(--ck-spacing-standard);
3077
+ }
3078
+ @media screen and (max-width: 600px) {
3079
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview {
3080
+ margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
3081
+ }
3082
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
3083
+ min-width: 0;
3084
+ max-width: 100%;
3085
+ }
3086
+ [dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview),
3087
+ [dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
3088
+ margin-left: 0;
3089
+ }
3090
+ }
3091
+ .ck-media__wrapper .ck-media__placeholder {
3092
+ display: flex;
3093
+ flex-direction: column;
3094
+ align-items: center;
3095
+ }
3096
+ .ck-media__wrapper
3097
+ .ck-media__placeholder
3098
+ .ck-media__placeholder__url
3099
+ .ck-tooltip {
3100
+ display: block;
3101
+ }
3102
+ @media (hover: none) {
3103
+ .ck-media__wrapper
3104
+ .ck-media__placeholder
3105
+ .ck-media__placeholder__url
3106
+ .ck-tooltip {
3107
+ display: none;
3108
+ }
3109
+ }
3110
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
3111
+ max-width: 100%;
3112
+ position: relative;
3113
+ }
3114
+ .ck-media__wrapper
3115
+ .ck-media__placeholder
3116
+ .ck-media__placeholder__url:hover
3117
+ .ck-tooltip {
3118
+ visibility: visible;
3119
+ opacity: 1;
3120
+ }
3121
+ .ck-media__wrapper
3122
+ .ck-media__placeholder
3123
+ .ck-media__placeholder__url
3124
+ .ck-media__placeholder__url__text {
3125
+ overflow: hidden;
3126
+ display: block;
3127
+ }
3128
+ .ck-media__wrapper[data-oembed-url*="facebook.com"]
3129
+ .ck-media__placeholder__icon
3130
+ *,
3131
+ .ck-media__wrapper[data-oembed-url*="goo.gl/maps"]
3132
+ .ck-media__placeholder__icon
3133
+ *,
3134
+ .ck-media__wrapper[data-oembed-url*="google.com/maps"]
3135
+ .ck-media__placeholder__icon
3136
+ *,
3137
+ .ck-media__wrapper[data-oembed-url*="instagram.com"]
3138
+ .ck-media__placeholder__icon
3139
+ *,
3140
+ .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"]
3141
+ .ck-media__placeholder__icon
3142
+ *,
3143
+ .ck-media__wrapper[data-oembed-url*="maps.google.com"]
3144
+ .ck-media__placeholder__icon
3145
+ *,
3146
+ .ck-media__wrapper[data-oembed-url*="twitter.com"]
3147
+ .ck-media__placeholder__icon
3148
+ * {
3149
+ display: none;
3150
+ }
3151
+ .ck-editor__editable:not(.ck-read-only)
3152
+ .ck-media__wrapper
3153
+ > :not(.ck-media__placeholder),
3154
+ .ck-editor__editable:not(.ck-read-only)
3155
+ .ck-widget:not(.ck-widget_selected)
3156
+ .ck-media__placeholder {
3157
+ pointer-events: none;
3158
+ }
3159
+ :root {
3160
+ --ck-media-embed-placeholder-icon-size: 3em;
3161
+ --ck-color-media-embed-placeholder-url-text: #757575;
3162
+ --ck-color-media-embed-placeholder-url-text-hover: var(
3163
+ --ck-color-base-text
3164
+ );
3165
+ }
3166
+ .ck-media__wrapper {
3167
+ margin: 0 auto;
3168
+ }
3169
+ .ck-media__wrapper .ck-media__placeholder {
3170
+ padding: calc(var(--ck-spacing-standard) * 3);
3171
+ background: var(--ck-color-base-foreground);
3172
+ }
3173
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
3174
+ min-width: var(--ck-media-embed-placeholder-icon-size);
3175
+ height: var(--ck-media-embed-placeholder-icon-size);
3176
+ margin-bottom: var(--ck-spacing-large);
3177
+ background-position: 50%;
3178
+ background-size: cover;
3179
+ }
3180
+ .ck-media__wrapper
3181
+ .ck-media__placeholder
3182
+ .ck-media__placeholder__icon
3183
+ .ck-icon {
3184
+ width: 100%;
3185
+ height: 100%;
3186
+ }
3187
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
3188
+ color: var(--ck-color-media-embed-placeholder-url-text);
3189
+ white-space: nowrap;
3190
+ text-align: center;
3191
+ font-style: italic;
3192
+ text-overflow: ellipsis;
3193
+ }
3194
+ .ck-media__wrapper
3195
+ .ck-media__placeholder
3196
+ .ck-media__placeholder__url__text:hover {
3197
+ color: var(--ck-color-media-embed-placeholder-url-text-hover);
3198
+ cursor: pointer;
3199
+ text-decoration: underline;
3200
+ }
3201
+ .ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
3202
+ max-width: 300px;
3203
+ max-height: 380px;
3204
+ }
3205
+ .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
3206
+ .ck-media__wrapper[data-oembed-url*="google.com/maps"]
3207
+ .ck-media__placeholder__icon,
3208
+ .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"]
3209
+ .ck-media__placeholder__icon,
3210
+ .ck-media__wrapper[data-oembed-url*="maps.google.com"]
3211
+ .ck-media__placeholder__icon {
3212
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMDAzLjc4IDEuNjFoNDkuNjIxYzEuNjk0IDAgMy4xOS0uNzk4IDQuMTQ2LTIuMDM3eiIgZmlsbD0iIzVjODhjNSIvPjxwYXRoIGQ9Ik0yMjYuNzQyIDIyMi45ODhjLTkuMjY2IDAtMTYuNzc3IDcuMTctMTYuNzc3IDE2LjAxNC4wMDcgMi43NjIuNjYzIDUuNDc0IDIuMDkzIDcuODc1LjQzLjcwMy44MyAxLjQwOCAxLjE5IDIuMTA3LjMzMy41MDIuNjUgMS4wMDUuOTUgMS41MDguMzQzLjQ3Ny42NzMuOTU3Ljk4OCAxLjQ0IDEuMzEgMS43NjkgMi41IDMuNTAyIDMuNjM3IDUuMTY4Ljc5MyAxLjI3NSAxLjY4MyAyLjY0IDIuNDY2IDMuOTkgMi4zNjMgNC4wOTQgNC4wMDcgOC4wOTIgNC42IDEzLjkxNHYuMDEyYy4xODIuNDEyLjUxNi42NjYuODc5LjY2Ny40MDMtLjAwMS43NjgtLjMxNC45My0uNzk5LjYwMy01Ljc1NiAyLjIzOC05LjcyOSA0LjU4NS0xMy43OTQuNzgyLTEuMzUgMS42NzMtMi43MTUgMi40NjUtMy45OSAxLjEzNy0xLjY2NiAyLjMyOC0zLjQgMy42MzgtNS4xNjkuMzE1LS40ODIuNjQ1LS45NjIuOTg4LTEuNDM5LjMtLjUwMy42MTctMS4wMDYuOTUtMS41MDguMzU5LS43Ljc2LTEuNDA0IDEuMTktMi4xMDcgMS40MjYtMi40MDIgMi01LjExNCAyLjAwNC03Ljg3NSAwLTguODQ0LTcuNTExLTE2LjAxNC0xNi43NzYtMTYuMDE0eiIgZmlsbD0iI2RkNGIzZSIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48ZWxsaXBzZSByeT0iNS41NjQiIHJ4PSI1LjgyOCIgY3k9IjIzOS4wMDIiIGN4PSIyMjYuNzQyIiBmaWxsPSIjODAyZDI3IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0xOTAuMzAxIDIzNy4yODNjLTQuNjcgMC04LjQ1NyAzLjg1My04LjQ1NyA4LjYwNnMzLjc4NiA4LjYwNyA4LjQ1NyA4LjYwN2MzLjA0MyAwIDQuODA2LS45NTggNi4zMzctMi41MTYgMS41My0xLjU1NyAyLjA4Ny0zLjkxMyAyLjA4Ny02LjI5IDAtLjM2Mi0uMDIzLS43MjItLjA2NC0xLjA3OWgtOC4yNTd2My4wNDNoNC44NWMtLjE5Ny43NTktLjUzMSAxLjQ1LTEuMDU4IDEuOTg2LS45NDIuOTU4LTIuMDI4IDEuNTQ4LTMuOTAxIDEuNTQ4LTIuODc2IDAtNS4yMDgtMi4zNzItNS4yMDgtNS4yOTkgMC0yLjkyNiAyLjMzMi01LjI5OSA1LjIwOC01LjI5OSAxLjM5OSAwIDIuNjE4LjQwNyAzLjU4NCAxLjI5M2wyLjM4MS0yLjM4YzAtLjAwMi0uMDAzLS4wMDQtLjAwNC0uMDA1LTEuNTg4LTEuNTI0LTMuNjItMi4yMTUtNS45NTUtMi4yMTV6bTQuNDMgNS42NmwuMDAzLjAwNnYtLjAwM3oiIGZpbGw9IiNmZmYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTIxNS4xODQgMjUxLjkyOWwtNy45OCA3Ljk3OSAyOC40NzcgMjguNDc1YTUuMjMzIDUuMjMzIDAgMDAuNDQ5LTIuMTIzdi0zMS4xNjVjLS40NjkuNjc1LS45MzQgMS4zNDktMS4zODIgMi4wMDUtLjc5MiAxLjI3NS0xLjY4MiAyLjY0LTIuNDY1IDMuOTktMi4zNDcgNC4wNjUtMy45ODIgOC4wMzgtNC41ODUgMTMuNzk0LS4xNjIuNDg1LS41MjcuNzk4LS45My43OTktLjM2My0uMDAxLS42OTctLjI1NS0uODc5LS42Njd2LS4wMTJjLS41OTMtNS44MjItMi4yMzctOS44Mi00LjYtMTMuOTE0LS43ODMtMS4zNS0xLjY3My0yLjcxNS0yLjQ2Ni0zLjk5LTEuMTM3LTEuNjY2LTIuMzI3LTMuNC0zLjYzNy01LjE2OWwtLjAwMi0uMDAzeiIgZmlsbD0iI2MzYzNjMyIvPjxwYXRoIGQ9Ik0yMTIuOTgzIDI0OC40OTVsLTM2Ljk1MiAzNi45NTN2LjgxMmE1LjIyNyA1LjIyNyAwIDAwNS4yMzggNS4yMzhoMS4wMTVsMzUuNjY2LTM1LjY2NmExMzYuMjc1IDEzNi4yNzUgMCAwMC0yLjc2NC0zLjkgMzcuNTc1IDM3LjU3NSAwIDAwLS45ODktMS40NCAzNS4xMjcgMzUuMTI3IDAgMDAtLjk1LTEuNTA4Yy0uMDgzLS4xNjItLjE3Ni0uMzI2LS4yNjQtLjQ4OXoiIGZpbGw9IiNmZGRjNGYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTIxMS45OTggMjYxLjA4M2wtNi4xNTIgNi4xNTEgMjQuMjY0IDI0LjI2NGguNzgxYTUuMjI3IDUuMjI3IDAgMDA1LjIzOS01LjIzOHYtMS4wNDV6IiBmaWxsPSIjZmZmIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjwvZz48L3N2Zz4=);
3213
+ }
3214
+ .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
3215
+ background: #4268b3;
3216
+ }
3217
+ .ck-media__wrapper[data-oembed-url*="facebook.com"]
3218
+ .ck-media__placeholder
3219
+ .ck-media__placeholder__icon {
3220
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjcuNDg0IDBINTYuNTE3QzI1LjMwNCAwIDAgMjUuMzA0IDAgNTYuNTE3djkxMC45NjZDMCA5OTguNjk0IDI1LjI5NyAxMDI0IDU2LjUyMiAxMDI0SDU0N1Y2MjhINDE0VjQ3M2gxMzNWMzU5LjAyOWMwLTEzMi4yNjIgODAuNzczLTIwNC4yODIgMTk4Ljc1Ni0yMDQuMjgyIDU2LjUxMyAwIDEwNS4wODYgNC4yMDggMTE5LjI0NCA2LjA4OVYyOTlsLTgxLjYxNi4wMzdjLTYzLjk5MyAwLTc2LjM4NCAzMC40OTItNzYuMzg0IDc1LjIzNlY0NzNoMTUzLjQ4N2wtMTkuOTg2IDE1NUg3MDd2Mzk2aDI2MC40ODRjMzEuMjEzIDAgNTYuNTE2LTI1LjMwMyA1Ni41MTYtNTYuNTE2VjU2LjUxNUMxMDI0IDI1LjMwMyA5OTguNjk3IDAgOTY3LjQ4NCAwIiBmaWxsPSIjRkZGRkZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
3221
+ }
3222
+ .ck-media__wrapper[data-oembed-url*="facebook.com"]
3223
+ .ck-media__placeholder
3224
+ .ck-media__placeholder__url__text {
3225
+ color: #cdf;
3226
+ }
3227
+ .ck-media__wrapper[data-oembed-url*="facebook.com"]
3228
+ .ck-media__placeholder
3229
+ .ck-media__placeholder__url__text:hover {
3230
+ color: #fff;
3231
+ }
3232
+ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
3233
+ background: linear-gradient(-135deg, #1400c7, #b800b1, #f50000);
3234
+ }
3235
+ .ck-media__wrapper[data-oembed-url*="instagram.com"]
3236
+ .ck-media__placeholder
3237
+ .ck-media__placeholder__icon {
3238
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjUwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC4xNTloNTAzLjg0MVY1MDMuOTRIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjUxLjkyMS4xNTljLTY4LjQxOCAwLTc2Ljk5Ny4yOS0xMDMuODY3IDEuNTE2LTI2LjgxNCAxLjIyMy00NS4xMjcgNS40ODItNjEuMTUxIDExLjcxLTE2LjU2NiA2LjQzNy0zMC42MTUgMTUuMDUxLTQ0LjYyMSAyOS4wNTYtMTQuMDA1IDE0LjAwNi0yMi42MTkgMjguMDU1LTI5LjA1NiA0NC42MjEtNi4yMjggMTYuMDI0LTEwLjQ4NyAzNC4zMzctMTEuNzEgNjEuMTUxQy4yOSAxNzUuMDgzIDAgMTgzLjY2MiAwIDI1Mi4wOGMwIDY4LjQxNy4yOSA3Ni45OTYgMS41MTYgMTAzLjg2NiAxLjIyMyAyNi44MTQgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MSA2LjQzNyAxNi41NjYgMTUuMDUxIDMwLjYxNSAyOS4wNTYgNDQuNjIxIDE0LjAwNiAxNC4wMDUgMjguMDU1IDIyLjYxOSA0NC42MjEgMjkuMDU3IDE2LjAyNCA2LjIyNyAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MDkgMjYuODcgMS4yMjYgMzUuNDQ5IDEuNTE2IDEwMy44NjcgMS41MTYgNjguNDE3IDAgNzYuOTk2LS4yOSAxMDMuODY2LTEuNTE2IDI2LjgxNC0xLjIyMyA0NS4xMjctNS40ODIgNjEuMTUxLTExLjcwOSAxNi41NjYtNi40MzggMzAuNjE1LTE1LjA1MiA0NC42MjEtMjkuMDU3IDE0LjAwNS0xNC4wMDYgMjIuNjE5LTI4LjA1NSAyOS4wNTctNDQuNjIxIDYuMjI3LTE2LjAyNCAxMC40ODYtMzQuMzM3IDExLjcwOS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjYgMC02OC40MTgtLjI5LTc2Ljk5Ny0xLjUxNi0xMDMuODY3LTEuMjIzLTI2LjgxNC01LjQ4Mi00NS4xMjctMTEuNzA5LTYxLjE1MS02LjQzOC0xNi41NjYtMTUuMDUyLTMwLjYxNS0yOS4wNTctNDQuNjIxLTE0LjAwNi0xNC4wMDUtMjguMDU1LTIyLjYxOS00NC42MjEtMjkuMDU2LTE2LjAyNC02LjIyOC0zNC4zMzctMTAuNDg3LTYxLjE1MS0xMS43MUMzMjguOTE3LjQ0OSAzMjAuMzM4LjE1OSAyNTEuOTIxLjE1OXptMCA0NS4zOTFjNjcuMjY1IDAgNzUuMjMzLjI1NyAxMDEuNzk3IDEuNDY5IDI0LjU2MiAxLjEyIDM3LjkwMSA1LjIyNCA0Ni43NzggOC42NzQgMTEuNzU5IDQuNTcgMjAuMTUxIDEwLjAyOSAyOC45NjYgMTguODQ1IDguODE2IDguODE1IDE0LjI3NSAxNy4yMDcgMTguODQ1IDI4Ljk2NiAzLjQ1IDguODc3IDcuNTU0IDIyLjIxNiA4LjY3NCA0Ni43NzggMS4yMTIgMjYuNTY0IDEuNDY5IDM0LjUzMiAxLjQ2OSAxMDEuNzk4IDAgNjcuMjY1LS4yNTcgNzUuMjMzLTEuNDY5IDEwMS43OTctMS4xMiAyNC41NjItNS4yMjQgMzcuOTAxLTguNjc0IDQ2Ljc3OC00LjU3IDExLjc1OS0xMC4wMjkgMjAuMTUxLTE4Ljg0NSAyOC45NjYtOC44MTUgOC44MTYtMTcuMjA3IDE0LjI3NS0yOC45NjYgMTguODQ1LTguODc3IDMuNDUtMjIuMjE2IDcuNTU0LTQ2Ljc3OCA4LjY3NC0yNi41NiAxLjIxMi0zNC41MjcgMS40NjktMTAxLjc5NyAxLjQ2OS02Ny4yNzEgMC03NS4yMzctLjI1Ny0xMDEuNzk4LTEuNDY5LTI0LjU2Mi0xLjEyLTM3LjkwMS01LjIyNC00Ni43NzgtOC42NzQtMTEuNzU5LTQuNTctMjAuMTUxLTEwLjAyOS0yOC45NjYtMTguODQ1LTguODE1LTguODE1LTE0LjI3NS0xNy4yMDctMTguODQ1LTI4Ljk2Ni0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuNzk3IDAtNjcuMjY2LjI1Ny03NS4yMzQgMS40NjktMTAxLjc5OCAxLjEyLTI0LjU2MiA1LjIyNC0zNy45MDEgOC42NzQtNDYuNzc4IDQuNTctMTEuNzU5IDEwLjAyOS0yMC4xNTEgMTguODQ1LTI4Ljk2NiA4LjgxNS04LjgxNiAxNy4yMDctMTQuMjc1IDI4Ljk2Ni0xOC44NDUgOC44NzctMy40NSAyMi4yMTYtNy41NTQgNDYuNzc4LTguNjc0IDI2LjU2NC0xLjIxMiAzNC41MzItMS40NjkgMTAxLjc5OC0xLjQ2OXoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjUxLjkyMSAzMzYuMDUzYy00Ni4zNzggMC04My45NzQtMzcuNTk2LTgzLjk3NC04My45NzMgMC00Ni4zNzggMzcuNTk2LTgzLjk3NCA4My45NzQtODMuOTc0IDQ2LjM3NyAwIDgzLjk3MyAzNy41OTYgODMuOTczIDgzLjk3NCAwIDQ2LjM3Ny0zNy41OTYgODMuOTczLTgzLjk3MyA4My45NzN6bTAtMjEzLjMzOGMtNzEuNDQ3IDAtMTI5LjM2NSA1Ny45MTgtMTI5LjM2NSAxMjkuMzY1IDAgNzEuNDQ2IDU3LjkxOCAxMjkuMzY0IDEyOS4zNjUgMTI5LjM2NCA3MS40NDYgMCAxMjkuMzY0LTU3LjkxOCAxMjkuMzY0LTEyOS4zNjQgMC03MS40NDctNTcuOTE4LTEyOS4zNjUtMTI5LjM2NC0xMjkuMzY1ek00MTYuNjI3IDExNy42MDRjMCAxNi42OTYtMTMuNTM1IDMwLjIzLTMwLjIzMSAzMC4yMy0xNi42OTUgMC0zMC4yMy0xMy41MzQtMzAuMjMtMzAuMjMgMC0xNi42OTYgMTMuNTM1LTMwLjIzMSAzMC4yMy0zMC4yMzEgMTYuNjk2IDAgMzAuMjMxIDEzLjUzNSAzMC4yMzEgMzAuMjMxIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
3239
+ }
3240
+ .ck-media__wrapper[data-oembed-url*="instagram.com"]
3241
+ .ck-media__placeholder
3242
+ .ck-media__placeholder__url__text {
3243
+ color: #ffe0fe;
3244
+ }
3245
+ .ck-media__wrapper[data-oembed-url*="instagram.com"]
3246
+ .ck-media__placeholder
3247
+ .ck-media__placeholder__url__text:hover {
3248
+ color: #fff;
3249
+ }
3250
+ .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
3251
+ background: linear-gradient(90deg, #71c6f4, #0d70a5);
3252
+ }
3253
+ .ck-media__wrapper[data-oembed-url*="twitter.com"]
3254
+ .ck.ck-media__placeholder
3255
+ .ck-media__placeholder__icon {
3256
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBkPSJNNDAwIDIwMGMwIDExMC41LTg5LjUgMjAwLTIwMCAyMDBTMCAzMTAuNSAwIDIwMCA4OS41IDAgMjAwIDBzMjAwIDg5LjUgMjAwIDIwMHpNMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItLjEtNi4yIDkuNC02LjggMTcuNi0xNS4zIDI0LjEtMjUtOC42IDMuOC0xNy45IDYuNC0yNy43IDcuNiAxMC02IDE3LjYtMTUuNCAyMS4yLTI2LjctOS4zIDUuNS0xOS42IDkuNS0zMC42IDExLjctOC44LTkuNC0yMS4zLTE1LjItMzUuMi0xNS4yLTI2LjYgMC00OC4yIDIxLjYtNDguMiA0OC4yIDAgMy44LjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LS4yLTE1LjMtMi40LTIxLjgtNnYuNmMwIDIzLjQgMTYuNiA0Mi44IDM4LjcgNDcuMy00IDEuMS04LjMgMS43LTEyLjcgMS43LTMuMSAwLTYuMS0uMy05LjEtLjkgNi4xIDE5LjIgMjMuOSAzMy4xIDQ1IDMzLjUtMTYuNSAxMi45LTM3LjMgMjAuNi01OS45IDIwLjYtMy45IDAtNy43LS4yLTExLjUtLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
3257
+ }
3258
+ .ck-media__wrapper[data-oembed-url*="twitter.com"]
3259
+ .ck.ck-media__placeholder
3260
+ .ck-media__placeholder__url__text {
3261
+ color: #b8e6ff;
3262
+ }
3263
+ .ck-media__wrapper[data-oembed-url*="twitter.com"]
3264
+ .ck.ck-media__placeholder
3265
+ .ck-media__placeholder__url__text:hover {
3266
+ color: #fff;
3267
+ }
3268
+ .ck.ck-media-form {
3269
+ display: flex;
3270
+ align-items: flex-start;
3271
+ flex-direction: row;
3272
+ flex-wrap: nowrap;
3273
+ }
3274
+ .ck.ck-media-form .ck-labeled-field-view {
3275
+ display: inline-block;
3276
+ }
3277
+ .ck.ck-media-form .ck-label {
3278
+ display: none;
3279
+ }
3280
+ @media screen and (max-width: 600px) {
3281
+ .ck.ck-media-form {
3282
+ flex-wrap: wrap;
3283
+ }
3284
+ .ck.ck-media-form .ck-labeled-field-view {
3285
+ flex-basis: 100%;
3286
+ }
3287
+ .ck.ck-media-form .ck-button {
3288
+ flex-basis: 50%;
3289
+ }
3290
+ }
3291
+ .ck-content .media {
3292
+ clear: both;
3293
+ margin: 0.9em 0;
3294
+ display: block;
3295
+ min-width: 15em;
3296
+ }
3297
+ :root {
3298
+ --ck-color-table-focused-cell-background: rgba(158, 207, 250, 0.3);
3299
+ }
3300
+ .ck-widget.table
3301
+ td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
3302
+ .ck-widget.table td.ck-editor__nested-editable:focus,
3303
+ .ck-widget.table
3304
+ th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
3305
+ .ck-widget.table th.ck-editor__nested-editable:focus {
3306
+ background: var(--ck-color-table-focused-cell-background);
3307
+ border-style: none;
3308
+ outline: 1px solid var(--ck-color-focus-border);
3309
+ outline-offset: -1px;
3310
+ }
3311
+ .ck .ck-insert-table-dropdown__grid {
3312
+ display: flex;
3313
+ flex-direction: row;
3314
+ flex-wrap: wrap;
3315
+ }
3316
+ :root {
3317
+ --ck-insert-table-dropdown-padding: 10px;
3318
+ --ck-insert-table-dropdown-box-height: 11px;
3319
+ --ck-insert-table-dropdown-box-width: 12px;
3320
+ --ck-insert-table-dropdown-box-margin: 1px;
3321
+ }
3322
+ .ck .ck-insert-table-dropdown__grid {
3323
+ width: calc(
3324
+ var(--ck-insert-table-dropdown-box-width) * 10 +
3325
+ var(--ck-insert-table-dropdown-box-margin) * 20 +
3326
+ var(--ck-insert-table-dropdown-padding) * 2
3327
+ );
3328
+ padding: var(--ck-insert-table-dropdown-padding)
3329
+ var(--ck-insert-table-dropdown-padding) 0;
3330
+ }
3331
+ .ck .ck-insert-table-dropdown__label {
3332
+ text-align: center;
3333
+ }
3334
+ .ck .ck-insert-table-dropdown-grid-box {
3335
+ width: var(--ck-insert-table-dropdown-box-width);
3336
+ height: var(--ck-insert-table-dropdown-box-height);
3337
+ margin: var(--ck-insert-table-dropdown-box-margin);
3338
+ border: 1px solid var(--ck-color-base-border);
3339
+ border-radius: 1px;
3340
+ }
3341
+ .ck .ck-insert-table-dropdown-grid-box.ck-on {
3342
+ border-color: var(--ck-color-focus-border);
3343
+ background: var(--ck-color-focus-outer-shadow);
3344
+ }
3345
+ :root {
3346
+ --ck-table-selected-cell-background: rgba(158, 207, 250, 0.3);
3347
+ }
3348
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected,
3349
+ .ck.ck-editor__editable .table table th.ck-editor__editable_selected {
3350
+ position: relative;
3351
+ caret-color: transparent;
3352
+ outline: unset;
3353
+ box-shadow: unset;
3354
+ }
3355
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
3356
+ .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
3357
+ content: "";
3358
+ pointer-events: none;
3359
+ background-color: var(--ck-table-selected-cell-background);
3360
+ position: absolute;
3361
+ top: 0;
3362
+ left: 0;
3363
+ right: 0;
3364
+ bottom: 0;
3365
+ }
3366
+ .ck.ck-editor__editable
3367
+ .table
3368
+ table
3369
+ td.ck-editor__editable_selected
3370
+ ::selection,
3371
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
3372
+ .ck.ck-editor__editable
3373
+ .table
3374
+ table
3375
+ th.ck-editor__editable_selected
3376
+ ::selection,
3377
+ .ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
3378
+ background-color: transparent;
3379
+ }
3380
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,
3381
+ .ck.ck-editor__editable
3382
+ .table
3383
+ table
3384
+ th.ck-editor__editable_selected
3385
+ .ck-widget {
3386
+ outline: unset;
3387
+ }
3388
+ .ck.ck-editor__editable
3389
+ .table
3390
+ table
3391
+ td.ck-editor__editable_selected
3392
+ .ck-widget
3393
+ > .ck-widget__selection-handle,
3394
+ .ck.ck-editor__editable
3395
+ .table
3396
+ table
3397
+ th.ck-editor__editable_selected
3398
+ .ck-widget
3399
+ > .ck-widget__selection-handle {
3400
+ display: none;
3401
+ }
3402
+ .ck-content .table {
3403
+ margin: 0.9em auto;
3404
+ display: table;
3405
+ }
3406
+ .ck-content .table table {
3407
+ border-collapse: collapse;
3408
+ border-spacing: 0;
3409
+ width: 100%;
3410
+ height: 100%;
3411
+ border: 1px double #b3b3b3;
3412
+ }
3413
+ .ck-content .table table td,
3414
+ .ck-content .table table th {
3415
+ min-width: 2em;
3416
+ padding: 0.4em;
3417
+ border: 1px solid #bfbfbf;
3418
+ }
3419
+ .ck-content .table table th {
3420
+ font-weight: 700;
3421
+ background: hsla(0, 0%, 0%, 5%);
3422
+ }
3423
+ .ck-content[dir="rtl"] .table th {
3424
+ text-align: right;
3425
+ }
3426
+ .ck-content[dir="ltr"] .table th {
3427
+ text-align: left;
3428
+ }
3429
+ .ck-editor__editable .ck-table-bogus-paragraph {
3430
+ display: inline-block;
3431
+ width: 100%;
3432
+ }
3433
+ .ck .ck-button.ck-color-table__remove-color {
3434
+ display: flex;
3435
+ align-items: center;
3436
+ width: 100%;
3437
+ }
3438
+ label.ck.ck-color-grid__label {
3439
+ font-weight: unset;
3440
+ }
3441
+ .ck .ck-button.ck-color-table__remove-color {
3442
+ padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
3443
+ border-bottom-left-radius: 0;
3444
+ border-bottom-right-radius: 0;
3445
+ }
3446
+ .ck .ck-button.ck-color-table__remove-color:not(:focus) {
3447
+ border-bottom: 1px solid var(--ck-color-base-border);
3448
+ }
3449
+ [dir="ltr"] .ck .ck-button.ck-color-table__remove-color .ck.ck-icon {
3450
+ margin-right: var(--ck-spacing-standard);
3451
+ }
3452
+ [dir="rtl"] .ck .ck-button.ck-color-table__remove-color .ck.ck-icon {
3453
+ margin-left: var(--ck-spacing-standard);
3454
+ }
3455
+ .ck-content .text-tiny {
3456
+ font-size: 0.7em;
3457
+ }
3458
+ .ck-content .text-small {
3459
+ font-size: 0.85em;
3460
+ }
3461
+ .ck-content .text-big {
3462
+ font-size: 1.4em;
3463
+ }
3464
+ .ck-content .text-huge {
3465
+ font-size: 1.8em;
3466
+ }
3467
+ .ck.ck-input-color {
3468
+ width: 100%;
3469
+ display: flex;
3470
+ flex-direction: row-reverse;
3471
+ }
3472
+ .ck.ck-input-color > input.ck.ck-input-text {
3473
+ min-width: auto;
3474
+ flex-grow: 1;
3475
+ }
3476
+ .ck.ck-input-color > div.ck.ck-dropdown {
3477
+ min-width: auto;
3478
+ }
3479
+ .ck.ck-input-color
3480
+ > div.ck.ck-dropdown
3481
+ > .ck-input-color__button
3482
+ .ck-dropdown__arrow {
3483
+ display: none;
3484
+ }
3485
+ .ck.ck-input-color .ck.ck-input-color__button {
3486
+ display: flex;
3487
+ }
3488
+ .ck.ck-input-color
3489
+ .ck.ck-input-color__button
3490
+ .ck.ck-input-color__button__preview {
3491
+ position: relative;
3492
+ overflow: hidden;
3493
+ }
3494
+ .ck.ck-input-color
3495
+ .ck.ck-input-color__button
3496
+ .ck.ck-input-color__button__preview
3497
+ > .ck.ck-input-color__button__preview__no-color-indicator {
3498
+ position: absolute;
3499
+ display: block;
3500
+ }
3501
+ [dir="ltr"] .ck.ck-input-color > .ck.ck-input-text {
3502
+ border-top-right-radius: 0;
3503
+ border-bottom-right-radius: 0;
3504
+ }
3505
+ [dir="rtl"] .ck.ck-input-color > .ck.ck-input-text {
3506
+ border-top-left-radius: 0;
3507
+ border-bottom-left-radius: 0;
3508
+ }
3509
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
3510
+ padding: 0;
3511
+ }
3512
+ [dir="ltr"]
3513
+ .ck.ck-input-color
3514
+ > .ck.ck-dropdown
3515
+ > .ck.ck-button.ck-input-color__button {
3516
+ border-left-width: 0;
3517
+ border-top-left-radius: 0;
3518
+ border-bottom-left-radius: 0;
3519
+ }
3520
+ [dir="rtl"]
3521
+ .ck.ck-input-color
3522
+ > .ck.ck-dropdown
3523
+ > .ck.ck-button.ck-input-color__button {
3524
+ border-right-width: 0;
3525
+ border-top-right-radius: 0;
3526
+ border-bottom-right-radius: 0;
3527
+ }
3528
+ .ck.ck-input-color
3529
+ > .ck.ck-dropdown
3530
+ > .ck.ck-button.ck-input-color__button.ck-disabled {
3531
+ background: var(--ck-color-input-disabled-background);
3532
+ }
3533
+ .ck.ck-input-color
3534
+ > .ck.ck-dropdown
3535
+ > .ck.ck-button.ck-input-color__button
3536
+ > .ck.ck-input-color__button__preview {
3537
+ border-radius: 0;
3538
+ }
3539
+ .ck-rounded-corners
3540
+ .ck.ck-input-color
3541
+ > .ck.ck-dropdown
3542
+ > .ck.ck-button.ck-input-color__button
3543
+ > .ck.ck-input-color__button__preview,
3544
+ .ck.ck-input-color
3545
+ > .ck.ck-dropdown
3546
+ > .ck.ck-button.ck-input-color__button
3547
+ > .ck.ck-input-color__button__preview.ck-rounded-corners {
3548
+ border-radius: var(--ck-border-radius);
3549
+ }
3550
+ .ck.ck-input-color
3551
+ > .ck.ck-dropdown
3552
+ > .ck.ck-button.ck-input-color__button
3553
+ > .ck.ck-input-color__button__preview {
3554
+ width: 20px;
3555
+ height: 20px;
3556
+ border: 1px solid var(--ck-color-input-border);
3557
+ }
3558
+ .ck.ck-input-color
3559
+ > .ck.ck-dropdown
3560
+ > .ck.ck-button.ck-input-color__button
3561
+ > .ck.ck-input-color__button__preview
3562
+ > .ck.ck-input-color__button__preview__no-color-indicator {
3563
+ top: -30%;
3564
+ left: 50%;
3565
+ height: 150%;
3566
+ width: 8%;
3567
+ background: red;
3568
+ border-radius: 2px;
3569
+ transform: rotate(45deg);
3570
+ transform-origin: 50%;
3571
+ }
3572
+ .ck.ck-input-color .ck.ck-input-color__remove-color {
3573
+ width: 100%;
3574
+ border-bottom: 1px solid var(--ck-color-input-border);
3575
+ padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
3576
+ border-bottom-left-radius: 0;
3577
+ border-bottom-right-radius: 0;
3578
+ }
3579
+ [dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
3580
+ border-top-right-radius: 0;
3581
+ }
3582
+ [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
3583
+ border-top-left-radius: 0;
3584
+ }
3585
+ .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
3586
+ margin-right: var(--ck-spacing-standard);
3587
+ }
3588
+ [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
3589
+ margin-right: 0;
3590
+ margin-left: var(--ck-spacing-standard);
3591
+ }
3592
+ .ck.ck-form__row {
3593
+ display: flex;
3594
+ flex-direction: row;
3595
+ flex-wrap: nowrap;
3596
+ justify-content: space-between;
3597
+ }
3598
+ .ck.ck-form__row > :not(.ck-label) {
3599
+ flex-grow: 1;
3600
+ }
3601
+ .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel,
3602
+ .ck.ck-form__row.ck-table-form__action-row .ck-button-save {
3603
+ justify-content: center;
3604
+ }
3605
+ .ck.ck-form__row {
3606
+ padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
3607
+ }
3608
+ [dir="ltr"] .ck.ck-form__row > :not(.ck-label) + * {
3609
+ margin-left: var(--ck-spacing-large);
3610
+ }
3611
+ [dir="rtl"] .ck.ck-form__row > :not(.ck-label) + * {
3612
+ margin-right: var(--ck-spacing-large);
3613
+ }
3614
+ .ck.ck-form__row > .ck-label {
3615
+ width: 100%;
3616
+ min-width: 100%;
3617
+ }
3618
+ .ck.ck-form__row.ck-table-form__action-row {
3619
+ margin-top: var(--ck-spacing-large);
3620
+ }
3621
+ .ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
3622
+ color: var(--ck-color-text);
3623
+ }
3624
+ .ck.ck-form {
3625
+ padding: 0 0 var(--ck-spacing-large);
3626
+ }
3627
+ .ck.ck-form:focus {
3628
+ outline: none;
3629
+ }
3630
+ .ck.ck-form .ck.ck-input-text {
3631
+ min-width: 100%;
3632
+ width: 0;
3633
+ }
3634
+ .ck.ck-form .ck.ck-dropdown {
3635
+ min-width: 100%;
3636
+ }
3637
+ .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
3638
+ border: 1px solid var(--ck-color-base-border);
3639
+ }
3640
+ .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
3641
+ width: 100%;
3642
+ }
3643
+ .ck.ck-table-form .ck-form__row.ck-table-form__background-row,
3644
+ .ck.ck-table-form .ck-form__row.ck-table-form__border-row {
3645
+ flex-wrap: wrap;
3646
+ }
3647
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
3648
+ flex-wrap: wrap;
3649
+ align-items: center;
3650
+ }
3651
+ .ck.ck-table-form
3652
+ .ck-form__row.ck-table-form__dimensions-row
3653
+ .ck-labeled-field-view {
3654
+ display: flex;
3655
+ flex-direction: column-reverse;
3656
+ align-items: center;
3657
+ }
3658
+ .ck.ck-table-form
3659
+ .ck-form__row.ck-table-form__dimensions-row
3660
+ .ck-labeled-field-view
3661
+ .ck.ck-dropdown,
3662
+ .ck.ck-table-form
3663
+ .ck-form__row.ck-table-form__dimensions-row
3664
+ .ck-table-form__dimension-operator {
3665
+ flex-grow: 0;
3666
+ }
3667
+ .ck.ck-table-form .ck.ck-labeled-field-view {
3668
+ position: relative;
3669
+ }
3670
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
3671
+ position: absolute;
3672
+ left: 50%;
3673
+ bottom: calc(var(--ck-table-properties-error-arrow-size) * -1);
3674
+ transform: translate(-50%, 100%);
3675
+ z-index: 1;
3676
+ }
3677
+ .ck.ck-table-form
3678
+ .ck.ck-labeled-field-view
3679
+ .ck.ck-labeled-field-view__status:after {
3680
+ content: "";
3681
+ position: absolute;
3682
+ top: calc(var(--ck-table-properties-error-arrow-size) * -1);
3683
+ left: 50%;
3684
+ transform: translateX(-50%);
3685
+ }
3686
+ :root {
3687
+ --ck-table-properties-error-arrow-size: 6px;
3688
+ --ck-table-properties-min-error-width: 150px;
3689
+ }
3690
+ .ck.ck-table-form
3691
+ .ck-form__row.ck-table-form__border-row
3692
+ .ck-labeled-field-view
3693
+ > .ck-label {
3694
+ font-size: var(--ck-font-size-tiny);
3695
+ text-align: center;
3696
+ }
3697
+ .ck.ck-table-form
3698
+ .ck-form__row.ck-table-form__border-row
3699
+ .ck-table-form__border-style,
3700
+ .ck.ck-table-form
3701
+ .ck-form__row.ck-table-form__border-row
3702
+ .ck-table-form__border-width {
3703
+ width: 80px;
3704
+ min-width: 80px;
3705
+ max-width: 80px;
3706
+ }
3707
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
3708
+ padding: 0;
3709
+ }
3710
+ .ck.ck-table-form
3711
+ .ck-form__row.ck-table-form__dimensions-row
3712
+ .ck-table-form__dimensions-row__height,
3713
+ .ck.ck-table-form
3714
+ .ck-form__row.ck-table-form__dimensions-row
3715
+ .ck-table-form__dimensions-row__width {
3716
+ margin: 0;
3717
+ }
3718
+ .ck.ck-table-form
3719
+ .ck-form__row.ck-table-form__dimensions-row
3720
+ .ck-table-form__dimension-operator {
3721
+ align-self: flex-end;
3722
+ display: inline-block;
3723
+ height: var(--ck-ui-component-min-height);
3724
+ line-height: var(--ck-ui-component-min-height);
3725
+ margin: 0 var(--ck-spacing-small);
3726
+ }
3727
+ .ck.ck-table-form .ck.ck-labeled-field-view {
3728
+ padding-top: var(--ck-spacing-standard);
3729
+ }
3730
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
3731
+ border-radius: 0;
3732
+ }
3733
+ .ck-rounded-corners
3734
+ .ck.ck-table-form
3735
+ .ck.ck-labeled-field-view
3736
+ .ck.ck-labeled-field-view__status,
3737
+ .ck.ck-table-form
3738
+ .ck.ck-labeled-field-view
3739
+ .ck.ck-labeled-field-view__status.ck-rounded-corners {
3740
+ border-radius: var(--ck-border-radius);
3741
+ }
3742
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
3743
+ background: var(--ck-color-base-error);
3744
+ color: var(--ck-color-base-background);
3745
+ padding: var(--ck-spacing-small) var(--ck-spacing-medium);
3746
+ min-width: var(--ck-table-properties-min-error-width);
3747
+ text-align: center;
3748
+ }
3749
+ .ck.ck-table-form
3750
+ .ck.ck-labeled-field-view
3751
+ .ck.ck-labeled-field-view__status:after {
3752
+ border-left: var(--ck-table-properties-error-arrow-size) solid transparent;
3753
+ border-bottom: var(--ck-table-properties-error-arrow-size) solid
3754
+ var(--ck-color-base-error);
3755
+ border-right: var(--ck-table-properties-error-arrow-size) solid transparent;
3756
+ border-top: 0 solid transparent;
3757
+ }
3758
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
3759
+ animation: ck-table-form-labeled-view-status-appear 0.15s ease both;
3760
+ }
3761
+ .ck.ck-table-form
3762
+ .ck.ck-labeled-field-view
3763
+ .ck-input.ck-error:not(:focus)
3764
+ + .ck.ck-labeled-field-view__status {
3765
+ display: none;
3766
+ }
3767
+ @keyframes ck-table-form-labeled-view-status-appear {
3768
+ 0% {
3769
+ opacity: 0;
3770
+ }
3771
+ to {
3772
+ opacity: 1;
3773
+ }
3774
+ }
3775
+ .ck.ck-table-properties-form
3776
+ .ck-form__row.ck-table-properties-form__alignment-row {
3777
+ flex-wrap: wrap;
3778
+ flex-basis: 0;
3779
+ align-content: baseline;
3780
+ }
3781
+ .ck.ck-table-properties-form
3782
+ .ck-form__row.ck-table-properties-form__alignment-row
3783
+ .ck.ck-toolbar
3784
+ .ck-toolbar__items {
3785
+ flex-wrap: nowrap;
3786
+ }
3787
+ .ck.ck-table-properties-form {
3788
+ width: 320px;
3789
+ }
3790
+ .ck.ck-table-properties-form
3791
+ .ck-form__row.ck-table-properties-form__alignment-row {
3792
+ align-self: flex-end;
3793
+ padding: 0;
3794
+ }
3795
+ .ck.ck-table-properties-form
3796
+ .ck-form__row.ck-table-properties-form__alignment-row
3797
+ .ck.ck-toolbar {
3798
+ background: none;
3799
+ margin-top: var(--ck-spacing-standard);
3800
+ }
3801
+ .ck.ck-table-properties-form
3802
+ .ck-form__row.ck-table-properties-form__alignment-row
3803
+ .ck.ck-toolbar
3804
+ .ck-toolbar__items
3805
+ > * {
3806
+ width: 40px;
3807
+ }
3808
+ .ck.ck-table-cell-properties-form
3809
+ .ck-form__row.ck-table-cell-properties-form__alignment-row {
3810
+ flex-wrap: wrap;
3811
+ }
3812
+ .ck.ck-table-cell-properties-form
3813
+ .ck-form__row.ck-table-cell-properties-form__alignment-row
3814
+ .ck.ck-toolbar:first-of-type {
3815
+ flex-grow: 0.57;
3816
+ }
3817
+ .ck.ck-table-cell-properties-form
3818
+ .ck-form__row.ck-table-cell-properties-form__alignment-row
3819
+ .ck.ck-toolbar:last-of-type {
3820
+ flex-grow: 0.43;
3821
+ }
3822
+ .ck.ck-table-cell-properties-form
3823
+ .ck-form__row.ck-table-cell-properties-form__alignment-row
3824
+ .ck.ck-toolbar
3825
+ .ck-button {
3826
+ flex-grow: 1;
3827
+ }
3828
+ .ck.ck-table-cell-properties-form {
3829
+ width: 320px;
3830
+ }
3831
+ .ck.ck-table-cell-properties-form
3832
+ .ck-form__row.ck-table-cell-properties-form__padding-row {
3833
+ align-self: flex-end;
3834
+ padding: 0;
3835
+ width: 25%;
3836
+ }
3837
+ .ck.ck-table-cell-properties-form
3838
+ .ck-form__row.ck-table-cell-properties-form__alignment-row
3839
+ .ck.ck-toolbar {
3840
+ background: none;
3841
+ margin-top: var(--ck-spacing-standard);
3842
+ }
3843
+ :root {
3844
+ --ck-color-table-caption-background: #f7f7f7;
3845
+ --ck-color-table-caption-text: #333;
3846
+ --ck-color-table-caption-highlighted-background: #fd0;
3847
+ }
3848
+ .ck-content .table > figcaption {
3849
+ display: table-caption;
3850
+ caption-side: top;
3851
+ word-break: break-word;
3852
+ text-align: center;
3853
+ color: var(--ck-color-table-caption-text);
3854
+ background-color: var(--ck-color-table-caption-background);
3855
+ padding: 0.6em;
3856
+ font-size: 0.75em;
3857
+ outline-offset: -1px;
3858
+ }
3859
+ .ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
3860
+ animation: ck-table-caption-highlight 0.6s ease-out;
3861
+ }
3862
+ .ck.ck-editor__editable .table > figcaption.ck-placeholder:before {
3863
+ padding-left: inherit;
3864
+ padding-right: inherit;
3865
+ white-space: nowrap;
3866
+ overflow: hidden;
3867
+ text-overflow: ellipsis;
3868
+ }
3869
+ @keyframes ck-table-caption-highlight {
3870
+ 0% {
3871
+ background-color: var(--ck-color-table-caption-highlighted-background);
3872
+ }
3873
+ to {
3874
+ background-color: var(--ck-color-table-caption-background);
3875
+ }
3876
+ }