@ckeditor/ckeditor5-ui 47.6.1 → 48.0.0-alpha.0

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 (367) hide show
  1. package/LICENSE.md +1 -1
  2. package/ckeditor5-metadata.json +3 -3
  3. package/{src → dist}/colorselector/documentcolorcollection.d.ts +4 -4
  4. package/{src → dist}/dialog/dialog.d.ts +1 -1
  5. package/dist/index-editor.css +2728 -587
  6. package/dist/index.css +2673 -850
  7. package/dist/index.css.map +1 -1
  8. package/dist/index.js +11 -1
  9. package/dist/index.js.map +1 -1
  10. package/{src → dist}/menubar/menubarmenuview.d.ts +4 -0
  11. package/{src → dist}/view.d.ts +1 -1
  12. package/package.json +25 -47
  13. package/lang/contexts.json +0 -51
  14. package/lang/translations/af.po +0 -208
  15. package/lang/translations/ar.po +0 -208
  16. package/lang/translations/ast.po +0 -208
  17. package/lang/translations/az.po +0 -208
  18. package/lang/translations/be.po +0 -208
  19. package/lang/translations/bg.po +0 -208
  20. package/lang/translations/bn.po +0 -208
  21. package/lang/translations/bs.po +0 -208
  22. package/lang/translations/ca.po +0 -208
  23. package/lang/translations/cs.po +0 -208
  24. package/lang/translations/da.po +0 -208
  25. package/lang/translations/de-ch.po +0 -208
  26. package/lang/translations/de.po +0 -208
  27. package/lang/translations/el.po +0 -208
  28. package/lang/translations/en-au.po +0 -208
  29. package/lang/translations/en-gb.po +0 -208
  30. package/lang/translations/en.po +0 -208
  31. package/lang/translations/eo.po +0 -208
  32. package/lang/translations/es-co.po +0 -208
  33. package/lang/translations/es.po +0 -208
  34. package/lang/translations/et.po +0 -208
  35. package/lang/translations/eu.po +0 -208
  36. package/lang/translations/fa.po +0 -208
  37. package/lang/translations/fi.po +0 -208
  38. package/lang/translations/fr.po +0 -208
  39. package/lang/translations/gl.po +0 -208
  40. package/lang/translations/gu.po +0 -208
  41. package/lang/translations/he.po +0 -208
  42. package/lang/translations/hi.po +0 -208
  43. package/lang/translations/hr.po +0 -208
  44. package/lang/translations/hu.po +0 -208
  45. package/lang/translations/hy.po +0 -208
  46. package/lang/translations/id.po +0 -208
  47. package/lang/translations/it.po +0 -208
  48. package/lang/translations/ja.po +0 -208
  49. package/lang/translations/jv.po +0 -208
  50. package/lang/translations/kk.po +0 -208
  51. package/lang/translations/km.po +0 -208
  52. package/lang/translations/kn.po +0 -208
  53. package/lang/translations/ko.po +0 -208
  54. package/lang/translations/ku.po +0 -208
  55. package/lang/translations/lt.po +0 -208
  56. package/lang/translations/lv.po +0 -208
  57. package/lang/translations/ms.po +0 -208
  58. package/lang/translations/nb.po +0 -208
  59. package/lang/translations/ne.po +0 -208
  60. package/lang/translations/nl.po +0 -208
  61. package/lang/translations/no.po +0 -208
  62. package/lang/translations/oc.po +0 -208
  63. package/lang/translations/pl.po +0 -208
  64. package/lang/translations/pt-br.po +0 -208
  65. package/lang/translations/pt.po +0 -208
  66. package/lang/translations/ro.po +0 -208
  67. package/lang/translations/ru.po +0 -208
  68. package/lang/translations/si.po +0 -208
  69. package/lang/translations/sk.po +0 -208
  70. package/lang/translations/sl.po +0 -208
  71. package/lang/translations/sq.po +0 -208
  72. package/lang/translations/sr-latn.po +0 -208
  73. package/lang/translations/sr.po +0 -208
  74. package/lang/translations/sv.po +0 -208
  75. package/lang/translations/th.po +0 -208
  76. package/lang/translations/ti.po +0 -208
  77. package/lang/translations/tk.po +0 -208
  78. package/lang/translations/tr.po +0 -208
  79. package/lang/translations/tt.po +0 -208
  80. package/lang/translations/ug.po +0 -208
  81. package/lang/translations/uk.po +0 -208
  82. package/lang/translations/ur.po +0 -208
  83. package/lang/translations/uz.po +0 -208
  84. package/lang/translations/vi.po +0 -208
  85. package/lang/translations/zh-cn.po +0 -208
  86. package/lang/translations/zh.po +0 -208
  87. package/src/arialiveannouncer.js +0 -189
  88. package/src/augmentation.js +0 -5
  89. package/src/autocomplete/autocompleteview.js +0 -157
  90. package/src/badge/badge.js +0 -226
  91. package/src/bindings/addkeyboardhandlingforgrid.js +0 -107
  92. package/src/bindings/clickoutsidehandler.js +0 -36
  93. package/src/bindings/csstransitiondisablermixin.js +0 -58
  94. package/src/bindings/draggableviewmixin.js +0 -144
  95. package/src/bindings/preventdefault.js +0 -35
  96. package/src/bindings/submithandler.js +0 -47
  97. package/src/button/button.js +0 -5
  98. package/src/button/buttonlabel.js +0 -5
  99. package/src/button/buttonlabelview.js +0 -42
  100. package/src/button/buttonview.js +0 -278
  101. package/src/button/filedialogbuttonview.js +0 -147
  102. package/src/button/listitembuttonview.js +0 -136
  103. package/src/button/switchbuttonview.js +0 -79
  104. package/src/collapsible/collapsibleview.js +0 -106
  105. package/src/colorgrid/colorgridview.js +0 -140
  106. package/src/colorgrid/colortileview.js +0 -42
  107. package/src/colorgrid/utils.js +0 -84
  108. package/src/colorpicker/colorpickerview.js +0 -356
  109. package/src/colorpicker/utils.js +0 -108
  110. package/src/colorselector/colorgridsfragmentview.js +0 -368
  111. package/src/colorselector/colorpickerfragmentview.js +0 -254
  112. package/src/colorselector/colorselectorview.js +0 -294
  113. package/src/colorselector/documentcolorcollection.js +0 -42
  114. package/src/componentfactory.js +0 -108
  115. package/src/dialog/dialog.js +0 -325
  116. package/src/dialog/dialogactionsview.js +0 -118
  117. package/src/dialog/dialogcontentview.js +0 -39
  118. package/src/dialog/dialogview.js +0 -507
  119. package/src/dropdown/button/dropdownbutton.js +0 -5
  120. package/src/dropdown/button/dropdownbuttonview.js +0 -70
  121. package/src/dropdown/button/splitbuttonview.js +0 -178
  122. package/src/dropdown/dropdownpanelfocusable.js +0 -5
  123. package/src/dropdown/dropdownpanelview.js +0 -106
  124. package/src/dropdown/dropdownview.js +0 -438
  125. package/src/dropdown/menu/dropdownmenubehaviors.js +0 -125
  126. package/src/dropdown/menu/dropdownmenubuttonview.js +0 -69
  127. package/src/dropdown/menu/dropdownmenulistitembuttonview.js +0 -30
  128. package/src/dropdown/menu/dropdownmenulistitemview.js +0 -38
  129. package/src/dropdown/menu/dropdownmenulistview.js +0 -29
  130. package/src/dropdown/menu/dropdownmenunestedmenupanelview.js +0 -63
  131. package/src/dropdown/menu/dropdownmenunestedmenuview.js +0 -214
  132. package/src/dropdown/menu/dropdownmenurootlistview.js +0 -168
  133. package/src/dropdown/menu/utils.js +0 -61
  134. package/src/dropdown/utils.js +0 -654
  135. package/src/editableui/editableuiview.js +0 -130
  136. package/src/editableui/inline/inlineeditableuiview.js +0 -75
  137. package/src/editorui/accessibilityhelp/accessibilityhelp.js +0 -142
  138. package/src/editorui/accessibilityhelp/accessibilityhelpcontentview.js +0 -112
  139. package/src/editorui/bodycollection.js +0 -128
  140. package/src/editorui/boxed/boxededitoruiview.js +0 -95
  141. package/src/editorui/editorui.js +0 -586
  142. package/src/editorui/editoruiview.js +0 -60
  143. package/src/editorui/evaluationbadge.js +0 -99
  144. package/src/editorui/poweredby.js +0 -120
  145. package/src/focuscycler.js +0 -383
  146. package/src/formheader/formheaderview.js +0 -77
  147. package/src/formrow/formrowview.js +0 -56
  148. package/src/highlightedtext/buttonlabelwithhighlightview.js +0 -31
  149. package/src/highlightedtext/highlightedtextview.js +0 -102
  150. package/src/highlightedtext/labelwithhighlightview.js +0 -37
  151. package/src/icon/iconview.js +0 -123
  152. package/src/iframe/iframeview.js +0 -63
  153. package/src/index.js +0 -132
  154. package/src/input/inputbase.js +0 -119
  155. package/src/input/inputview.js +0 -24
  156. package/src/inputnumber/inputnumberview.js +0 -40
  157. package/src/inputtext/inputtextview.js +0 -27
  158. package/src/label/labelview.js +0 -46
  159. package/src/labeledfield/labeledfieldview.js +0 -177
  160. package/src/labeledfield/utils.js +0 -176
  161. package/src/labeledinput/labeledinputview.js +0 -138
  162. package/src/legacyerrors.js +0 -20
  163. package/src/list/listitemgroupview.js +0 -82
  164. package/src/list/listitemview.js +0 -46
  165. package/src/list/listseparatorview.js +0 -28
  166. package/src/list/listview.js +0 -210
  167. package/src/menubar/menubarmenubuttonview.js +0 -68
  168. package/src/menubar/menubarmenulistitembuttonview.js +0 -30
  169. package/src/menubar/menubarmenulistitemfiledialogbuttonview.js +0 -32
  170. package/src/menubar/menubarmenulistitemview.js +0 -34
  171. package/src/menubar/menubarmenulistview.js +0 -72
  172. package/src/menubar/menubarmenupanelview.js +0 -64
  173. package/src/menubar/menubarmenuview.js +0 -198
  174. package/src/menubar/menubarview.js +0 -281
  175. package/src/menubar/utils.js +0 -1432
  176. package/src/model.js +0 -31
  177. package/src/notification/notification.js +0 -192
  178. package/src/panel/balloon/balloonpanelview.js +0 -1077
  179. package/src/panel/balloon/contextualballoon.js +0 -616
  180. package/src/panel/sticky/stickypanelview.js +0 -246
  181. package/src/search/filteredview.js +0 -5
  182. package/src/search/filtergroupanditemnames.js +0 -38
  183. package/src/search/searchinfoview.js +0 -59
  184. package/src/search/searchresultsview.js +0 -83
  185. package/src/search/text/searchtextqueryview.js +0 -87
  186. package/src/search/text/searchtextview.js +0 -242
  187. package/src/spinner/spinnerview.js +0 -38
  188. package/src/template.js +0 -1396
  189. package/src/textarea/textareaview.js +0 -189
  190. package/src/toolbar/balloon/balloontoolbar.js +0 -358
  191. package/src/toolbar/block/blockbuttonview.js +0 -41
  192. package/src/toolbar/block/blocktoolbar.js +0 -507
  193. package/src/toolbar/normalizetoolbarconfig.js +0 -52
  194. package/src/toolbar/toolbarlinebreakview.js +0 -28
  195. package/src/toolbar/toolbarseparatorview.js +0 -28
  196. package/src/toolbar/toolbarview.js +0 -873
  197. package/src/tooltipmanager.js +0 -454
  198. package/src/view.js +0 -471
  199. package/src/viewcollection.js +0 -210
  200. package/theme/components/arialiveannouncer/arialiveannouncer.css +0 -14
  201. package/theme/components/autocomplete/autocomplete.css +0 -22
  202. package/theme/components/button/button.css +0 -39
  203. package/theme/components/button/listitembutton.css +0 -48
  204. package/theme/components/button/switchbutton.css +0 -14
  205. package/theme/components/collapsible/collapsible.css +0 -10
  206. package/theme/components/colorgrid/colorgrid.css +0 -8
  207. package/theme/components/colorpicker/colorpicker.css +0 -34
  208. package/theme/components/colorselector/colorselector.css +0 -35
  209. package/theme/components/dialog/dialog.css +0 -42
  210. package/theme/components/dialog/dialogactions.css +0 -11
  211. package/theme/components/dropdown/dropdown.css +0 -95
  212. package/theme/components/dropdown/listdropdown.css +0 -10
  213. package/theme/components/dropdown/menu/dropdownmenu.css +0 -8
  214. package/theme/components/dropdown/menu/dropdownmenubutton.css +0 -9
  215. package/theme/components/dropdown/menu/dropdownmenulistitem.css +0 -10
  216. package/theme/components/dropdown/menu/dropdownmenulistitembutton.css +0 -10
  217. package/theme/components/dropdown/menu/dropdownmenupanel.css +0 -11
  218. package/theme/components/dropdown/splitbutton.css +0 -14
  219. package/theme/components/dropdown/toolbardropdown.css +0 -20
  220. package/theme/components/editorui/accessibilityhelp.css +0 -10
  221. package/theme/components/editorui/editorui.css +0 -10
  222. package/theme/components/form/form.css +0 -87
  223. package/theme/components/formheader/formheader.css +0 -18
  224. package/theme/components/formrow/formrow.css +0 -32
  225. package/theme/components/highlightedtext/highlightedtext.css +0 -12
  226. package/theme/components/icon/icon.css +0 -8
  227. package/theme/components/input/input.css +0 -10
  228. package/theme/components/label/label.css +0 -12
  229. package/theme/components/labeledfield/labeledfieldview.css +0 -16
  230. package/theme/components/labeledinput/labeledinput.css +0 -10
  231. package/theme/components/list/list.css +0 -26
  232. package/theme/components/menubar/menubar.css +0 -10
  233. package/theme/components/menubar/menubarmenu.css +0 -9
  234. package/theme/components/menubar/menubarmenubutton.css +0 -11
  235. package/theme/components/menubar/menubarmenulistitem.css +0 -10
  236. package/theme/components/menubar/menubarmenulistitembutton.css +0 -10
  237. package/theme/components/menubar/menubarmenupanel.css +0 -62
  238. package/theme/components/panel/balloonpanel.css +0 -56
  239. package/theme/components/panel/balloonrotator.css +0 -17
  240. package/theme/components/panel/fakepanel.css +0 -23
  241. package/theme/components/panel/stickypanel.css +0 -17
  242. package/theme/components/responsive-form/responsiveform.css +0 -42
  243. package/theme/components/search/search.css +0 -43
  244. package/theme/components/spinner/spinner.css +0 -23
  245. package/theme/components/textarea/textarea.css +0 -10
  246. package/theme/components/toolbar/blocktoolbar.css +0 -9
  247. package/theme/components/toolbar/toolbar.css +0 -58
  248. package/theme/components/tooltip/tooltip.css +0 -12
  249. package/theme/globals/_evaluationbadge.css +0 -54
  250. package/theme/globals/_hidden.css +0 -13
  251. package/theme/globals/_poweredby.css +0 -84
  252. package/theme/globals/_transition.css +0 -12
  253. package/theme/globals/_zindex.css +0 -10
  254. package/theme/globals/globals.css +0 -10
  255. package/theme/mixins/_dir.css +0 -10
  256. package/theme/mixins/_mediacolors.css +0 -20
  257. package/theme/mixins/_rwd.css +0 -10
  258. package/theme/mixins/_unselectable.css +0 -14
  259. /package/{src → dist}/arialiveannouncer.d.ts +0 -0
  260. /package/{src → dist}/augmentation.d.ts +0 -0
  261. /package/{src → dist}/autocomplete/autocompleteview.d.ts +0 -0
  262. /package/{src → dist}/badge/badge.d.ts +0 -0
  263. /package/{src → dist}/bindings/addkeyboardhandlingforgrid.d.ts +0 -0
  264. /package/{src → dist}/bindings/clickoutsidehandler.d.ts +0 -0
  265. /package/{src → dist}/bindings/csstransitiondisablermixin.d.ts +0 -0
  266. /package/{src → dist}/bindings/draggableviewmixin.d.ts +0 -0
  267. /package/{src → dist}/bindings/preventdefault.d.ts +0 -0
  268. /package/{src → dist}/bindings/submithandler.d.ts +0 -0
  269. /package/{src → dist}/button/button.d.ts +0 -0
  270. /package/{src → dist}/button/buttonlabel.d.ts +0 -0
  271. /package/{src → dist}/button/buttonlabelview.d.ts +0 -0
  272. /package/{src → dist}/button/buttonview.d.ts +0 -0
  273. /package/{src → dist}/button/filedialogbuttonview.d.ts +0 -0
  274. /package/{src → dist}/button/listitembuttonview.d.ts +0 -0
  275. /package/{src → dist}/button/switchbuttonview.d.ts +0 -0
  276. /package/{src → dist}/collapsible/collapsibleview.d.ts +0 -0
  277. /package/{src → dist}/colorgrid/colorgridview.d.ts +0 -0
  278. /package/{src → dist}/colorgrid/colortileview.d.ts +0 -0
  279. /package/{src → dist}/colorgrid/utils.d.ts +0 -0
  280. /package/{src → dist}/colorpicker/colorpickerview.d.ts +0 -0
  281. /package/{src → dist}/colorpicker/utils.d.ts +0 -0
  282. /package/{src → dist}/colorselector/colorgridsfragmentview.d.ts +0 -0
  283. /package/{src → dist}/colorselector/colorpickerfragmentview.d.ts +0 -0
  284. /package/{src → dist}/colorselector/colorselectorview.d.ts +0 -0
  285. /package/{src → dist}/componentfactory.d.ts +0 -0
  286. /package/{src → dist}/dialog/dialogactionsview.d.ts +0 -0
  287. /package/{src → dist}/dialog/dialogcontentview.d.ts +0 -0
  288. /package/{src → dist}/dialog/dialogview.d.ts +0 -0
  289. /package/{src → dist}/dropdown/button/dropdownbutton.d.ts +0 -0
  290. /package/{src → dist}/dropdown/button/dropdownbuttonview.d.ts +0 -0
  291. /package/{src → dist}/dropdown/button/splitbuttonview.d.ts +0 -0
  292. /package/{src → dist}/dropdown/dropdownpanelfocusable.d.ts +0 -0
  293. /package/{src → dist}/dropdown/dropdownpanelview.d.ts +0 -0
  294. /package/{src → dist}/dropdown/dropdownview.d.ts +0 -0
  295. /package/{src → dist}/dropdown/menu/dropdownmenubehaviors.d.ts +0 -0
  296. /package/{src → dist}/dropdown/menu/dropdownmenubuttonview.d.ts +0 -0
  297. /package/{src → dist}/dropdown/menu/dropdownmenulistitembuttonview.d.ts +0 -0
  298. /package/{src → dist}/dropdown/menu/dropdownmenulistitemview.d.ts +0 -0
  299. /package/{src → dist}/dropdown/menu/dropdownmenulistview.d.ts +0 -0
  300. /package/{src → dist}/dropdown/menu/dropdownmenunestedmenupanelview.d.ts +0 -0
  301. /package/{src → dist}/dropdown/menu/dropdownmenunestedmenuview.d.ts +0 -0
  302. /package/{src → dist}/dropdown/menu/dropdownmenurootlistview.d.ts +0 -0
  303. /package/{src → dist}/dropdown/menu/utils.d.ts +0 -0
  304. /package/{src → dist}/dropdown/utils.d.ts +0 -0
  305. /package/{src → dist}/editableui/editableuiview.d.ts +0 -0
  306. /package/{src → dist}/editableui/inline/inlineeditableuiview.d.ts +0 -0
  307. /package/{src → dist}/editorui/accessibilityhelp/accessibilityhelp.d.ts +0 -0
  308. /package/{src → dist}/editorui/accessibilityhelp/accessibilityhelpcontentview.d.ts +0 -0
  309. /package/{src → dist}/editorui/bodycollection.d.ts +0 -0
  310. /package/{src → dist}/editorui/boxed/boxededitoruiview.d.ts +0 -0
  311. /package/{src → dist}/editorui/editorui.d.ts +0 -0
  312. /package/{src → dist}/editorui/editoruiview.d.ts +0 -0
  313. /package/{src → dist}/editorui/evaluationbadge.d.ts +0 -0
  314. /package/{src → dist}/editorui/poweredby.d.ts +0 -0
  315. /package/{src → dist}/focuscycler.d.ts +0 -0
  316. /package/{src → dist}/formheader/formheaderview.d.ts +0 -0
  317. /package/{src → dist}/formrow/formrowview.d.ts +0 -0
  318. /package/{src → dist}/highlightedtext/buttonlabelwithhighlightview.d.ts +0 -0
  319. /package/{src → dist}/highlightedtext/highlightedtextview.d.ts +0 -0
  320. /package/{src → dist}/highlightedtext/labelwithhighlightview.d.ts +0 -0
  321. /package/{src → dist}/icon/iconview.d.ts +0 -0
  322. /package/{src → dist}/iframe/iframeview.d.ts +0 -0
  323. /package/{src → dist}/index.d.ts +0 -0
  324. /package/{src → dist}/input/inputbase.d.ts +0 -0
  325. /package/{src → dist}/input/inputview.d.ts +0 -0
  326. /package/{src → dist}/inputnumber/inputnumberview.d.ts +0 -0
  327. /package/{src → dist}/inputtext/inputtextview.d.ts +0 -0
  328. /package/{src → dist}/label/labelview.d.ts +0 -0
  329. /package/{src → dist}/labeledfield/labeledfieldview.d.ts +0 -0
  330. /package/{src → dist}/labeledfield/utils.d.ts +0 -0
  331. /package/{src → dist}/labeledinput/labeledinputview.d.ts +0 -0
  332. /package/{src → dist}/legacyerrors.d.ts +0 -0
  333. /package/{src → dist}/list/listitemgroupview.d.ts +0 -0
  334. /package/{src → dist}/list/listitemview.d.ts +0 -0
  335. /package/{src → dist}/list/listseparatorview.d.ts +0 -0
  336. /package/{src → dist}/list/listview.d.ts +0 -0
  337. /package/{src → dist}/menubar/menubarmenubuttonview.d.ts +0 -0
  338. /package/{src → dist}/menubar/menubarmenulistitembuttonview.d.ts +0 -0
  339. /package/{src → dist}/menubar/menubarmenulistitemfiledialogbuttonview.d.ts +0 -0
  340. /package/{src → dist}/menubar/menubarmenulistitemview.d.ts +0 -0
  341. /package/{src → dist}/menubar/menubarmenulistview.d.ts +0 -0
  342. /package/{src → dist}/menubar/menubarmenupanelview.d.ts +0 -0
  343. /package/{src → dist}/menubar/menubarview.d.ts +0 -0
  344. /package/{src → dist}/menubar/utils.d.ts +0 -0
  345. /package/{src → dist}/model.d.ts +0 -0
  346. /package/{src → dist}/notification/notification.d.ts +0 -0
  347. /package/{src → dist}/panel/balloon/balloonpanelview.d.ts +0 -0
  348. /package/{src → dist}/panel/balloon/contextualballoon.d.ts +0 -0
  349. /package/{src → dist}/panel/sticky/stickypanelview.d.ts +0 -0
  350. /package/{src → dist}/search/filteredview.d.ts +0 -0
  351. /package/{src → dist}/search/filtergroupanditemnames.d.ts +0 -0
  352. /package/{src → dist}/search/searchinfoview.d.ts +0 -0
  353. /package/{src → dist}/search/searchresultsview.d.ts +0 -0
  354. /package/{src → dist}/search/text/searchtextqueryview.d.ts +0 -0
  355. /package/{src → dist}/search/text/searchtextview.d.ts +0 -0
  356. /package/{src → dist}/spinner/spinnerview.d.ts +0 -0
  357. /package/{src → dist}/template.d.ts +0 -0
  358. /package/{src → dist}/textarea/textareaview.d.ts +0 -0
  359. /package/{src → dist}/toolbar/balloon/balloontoolbar.d.ts +0 -0
  360. /package/{src → dist}/toolbar/block/blockbuttonview.d.ts +0 -0
  361. /package/{src → dist}/toolbar/block/blocktoolbar.d.ts +0 -0
  362. /package/{src → dist}/toolbar/normalizetoolbarconfig.d.ts +0 -0
  363. /package/{src → dist}/toolbar/toolbarlinebreakview.d.ts +0 -0
  364. /package/{src → dist}/toolbar/toolbarseparatorview.d.ts +0 -0
  365. /package/{src → dist}/toolbar/toolbarview.d.ts +0 -0
  366. /package/{src → dist}/tooltipmanager.d.ts +0 -0
  367. /package/{src → dist}/viewcollection.d.ts +0 -0
package/dist/index.css CHANGED
@@ -2,1115 +2,2938 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- /*
6
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
7
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
8
- */
5
+ :root {
6
+ --ck-color-base-foreground: #fafafa;
7
+ --ck-color-base-background: #fff;
8
+ --ck-color-base-border: #ccced1;
9
+ --ck-color-base-action: #53a336;
10
+ --ck-color-base-focus: #6cb5f9;
11
+ --ck-color-base-text: #333;
12
+ --ck-color-base-active: #2977ff;
13
+ --ck-color-base-active-focus: #0d65ff;
14
+ --ck-color-base-error: #db3700;
15
+ --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
16
+ --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
17
+ --ck-color-focus-outer-shadow: #cae1fc;
18
+ --ck-color-focus-disabled-shadow: #77baf84d;
19
+ --ck-color-focus-error-shadow: #ff401f4d;
20
+ --ck-color-text: var(--ck-color-base-text);
21
+ --ck-color-shadow-drop: #00000026;
22
+ --ck-color-shadow-drop-active: #0003;
23
+ --ck-color-shadow-inner: #0000001a;
24
+ --ck-color-button-default-background: transparent;
25
+ --ck-color-button-default-hover-background: #f0f0f0;
26
+ --ck-color-button-default-active-background: #f0f0f0;
27
+ --ck-color-button-default-disabled-background: transparent;
28
+ --ck-color-button-on-background: #f0f7ff;
29
+ --ck-color-button-on-hover-background: #dbecff;
30
+ --ck-color-button-on-active-background: #dbecff;
31
+ --ck-color-button-on-disabled-background: #f0f2f4;
32
+ --ck-color-button-on-color: #2977ff;
33
+ --ck-color-button-action-background: var(--ck-color-base-action);
34
+ --ck-color-button-action-hover-background: #4d9d30;
35
+ --ck-color-button-action-active-background: #4d9d30;
36
+ --ck-color-button-action-disabled-background: #7ec365;
37
+ --ck-color-button-action-text: var(--ck-color-base-background);
38
+ --ck-color-button-save: #008a00;
39
+ --ck-color-button-cancel: #db3700;
40
+ --ck-color-switch-button-off-background: #939393;
41
+ --ck-color-switch-button-off-hover-background: #7d7d7d;
42
+ --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
43
+ --ck-color-switch-button-on-hover-background: #4d9d30;
44
+ --ck-color-switch-button-inner-background: var(--ck-color-base-background);
45
+ --ck-color-switch-button-inner-shadow: #0000001a;
46
+ --ck-color-dropdown-panel-background: var(--ck-color-base-background);
47
+ --ck-color-dropdown-panel-border: var(--ck-color-base-border);
48
+ --ck-color-dialog-background: var(--ck-custom-background);
49
+ --ck-color-dialog-form-header-border: var(--ck-custom-border);
50
+ --ck-color-input-background: var(--ck-color-base-background);
51
+ --ck-color-input-border: var(--ck-color-base-border);
52
+ --ck-color-input-error-border: var(--ck-color-base-error);
53
+ --ck-color-input-text: var(--ck-color-base-text);
54
+ --ck-color-input-disabled-background: #f2f2f2;
55
+ --ck-color-input-disabled-border: var(--ck-color-base-border);
56
+ --ck-color-input-disabled-text: #757575;
57
+ --ck-color-list-background: var(--ck-color-base-background);
58
+ --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
59
+ --ck-color-list-button-on-background: var(--ck-color-button-on-color);
60
+ --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
61
+ --ck-color-list-button-on-text: var(--ck-color-base-background);
62
+ --ck-color-panel-background: var(--ck-color-base-background);
63
+ --ck-color-panel-border: var(--ck-color-base-border);
64
+ --ck-color-toolbar-background: var(--ck-color-base-background);
65
+ --ck-color-toolbar-border: var(--ck-color-base-border);
66
+ --ck-color-tooltip-background: var(--ck-color-base-text);
67
+ --ck-color-tooltip-text: var(--ck-color-base-background);
68
+ --ck-color-engine-placeholder-text: #707070;
69
+ --ck-color-upload-bar-background: #6cb5f9;
70
+ --ck-color-link-default: #0000f0;
71
+ --ck-color-link-selected-background: #1fb0ff1a;
72
+ --ck-color-link-fake-selection: #1fb0ff4d;
73
+ --ck-color-highlight-background: #ff0;
74
+ --ck-color-light-red: #fcc;
75
+ --ck-disabled-opacity: .5;
76
+ --ck-focus-outer-shadow-geometry: 0 0 0 3px;
77
+ --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
78
+ --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
79
+ --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
80
+ --ck-focus-ring: 1px solid var(--ck-color-focus-border);
81
+ --ck-font-size-base: 13px;
82
+ --ck-line-height-base: 1.84615;
83
+ --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
84
+ --ck-font-size-tiny: .7em;
85
+ --ck-font-size-small: .75em;
86
+ --ck-font-size-normal: 1em;
87
+ --ck-font-size-big: 1.4em;
88
+ --ck-font-size-large: 1.8em;
89
+ --ck-ui-component-min-height: 2.3em;
90
+ }
9
91
 
10
- /*
11
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
12
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
13
- */
92
+ .ck.ck-reset, .ck.ck-reset_all, .ck-reset_all :not(.ck-reset_all-excluded, .ck-reset_all-excluded *) {
93
+ box-sizing: border-box;
94
+ vertical-align: middle;
95
+ word-wrap: break-word;
96
+ background: none;
97
+ border: 0;
98
+ width: auto;
99
+ height: auto;
100
+ margin: 0;
101
+ padding: 0;
102
+ text-decoration: none;
103
+ transition: none;
104
+ position: static;
105
+ }
14
106
 
15
- /**
16
- * A class which hides an element in DOM.
17
- */
107
+ .ck.ck-reset_all, .ck-reset_all :not(.ck-reset_all-excluded, .ck-reset_all-excluded *) {
108
+ border-collapse: collapse;
109
+ font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
110
+ color: var(--ck-color-text);
111
+ text-align: left;
112
+ white-space: nowrap;
113
+ cursor: auto;
114
+ float: none;
115
+ }
116
+
117
+ .ck-reset_all .ck-rtl :not(.ck-reset_all-excluded, .ck-reset_all-excluded *) {
118
+ text-align: right;
119
+ }
120
+
121
+ .ck-reset_all iframe:not(.ck-reset_all-excluded *) {
122
+ vertical-align: inherit;
123
+ }
124
+
125
+ .ck-reset_all textarea:not(.ck-reset_all-excluded *) {
126
+ white-space: pre-wrap;
127
+ }
128
+
129
+ .ck-reset_all textarea:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *) {
130
+ cursor: text;
131
+ }
132
+
133
+ .ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *) {
134
+ cursor: default;
135
+ }
136
+
137
+ .ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
138
+ border: 2px groove #dfdee3;
139
+ padding: 10px;
140
+ }
141
+
142
+ .ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
143
+ border: 0;
144
+ padding: 0;
145
+ }
146
+
147
+ .ck[dir="rtl"], .ck[dir="rtl"] .ck {
148
+ text-align: right;
149
+ }
150
+
151
+ :root {
152
+ --ck-border-radius: 2px;
153
+ --ck-rounded-corners-radius: 0;
154
+ }
155
+
156
+ .ck-rounded-corners {
157
+ --ck-rounded-corners-radius: var(--ck-border-radius);
158
+ }
159
+
160
+ :root {
161
+ --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
162
+ --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
163
+ --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
164
+ --ck-spacing-unit: .6em;
165
+ --ck-spacing-extra-large: calc(var(--ck-spacing-unit) * 2);
166
+ --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
167
+ --ck-spacing-standard: var(--ck-spacing-unit);
168
+ --ck-spacing-medium: calc(var(--ck-spacing-unit) * .8);
169
+ --ck-spacing-medium-small: calc(var(--ck-spacing-unit) * .667);
170
+ --ck-spacing-small: calc(var(--ck-spacing-unit) * .5);
171
+ --ck-spacing-tiny: calc(var(--ck-spacing-unit) * .3);
172
+ --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * .16);
173
+ }
18
174
 
19
175
  .ck-hidden {
20
- /* Override selector specificity. Otherwise, all elements with some display
21
- style defined will override this one, which is not a desired result. */
22
- display: none !important;
176
+ display: none !important;
23
177
  }
24
- /*
25
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
26
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
27
- */
178
+
28
179
  :root {
29
- --ck-z-default: 1;
30
- --ck-z-panel: calc( var(--ck-z-default) + 999 );
31
- --ck-z-dialog: 9999;
180
+ --ck-z-default: 1;
181
+ --ck-z-panel: calc(var(--ck-z-default) + 999);
182
+ --ck-z-dialog: 9999;
32
183
  }
33
- /*
34
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
35
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
36
- */
37
- /**
38
- * A class that disables all transitions of the element and its children.
39
- */
40
- .ck-transitions-disabled,
41
- .ck-transitions-disabled * {
42
- transition: none !important;
184
+
185
+ .ck-transitions-disabled, .ck-transitions-disabled * {
186
+ transition: none !important;
43
187
  }
44
- /*
45
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
46
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
47
- */
188
+
48
189
  :root {
49
- /* where 7.5(px) is the font size of the powered by label and 13(px) is the base font size. */
50
- --ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
51
- /* where 10(px) is the line height of the powered by label and 13(px) is the base font size. */
52
- --ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
53
- /* where -0.2(px) is the letter spacing of the powered by label and 13(px) is the base font size. */
54
- --ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
55
- --ck-powered-by-padding-vertical: 2px;
56
- --ck-powered-by-padding-horizontal: 4px;
57
- --ck-powered-by-text-color: hsl(0, 0%, 31%);
58
- --ck-powered-by-border-radius: var(--ck-border-radius);
59
- --ck-powered-by-background: hsl(0, 0%, 100%);
60
- --ck-powered-by-border-color: var(--ck-color-focus-border);
61
-
62
- --ck-powered-by-svg-width: 53;
63
- --ck-powered-by-svg-height: 10;
64
- --ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
65
- --ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
190
+ --ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
191
+ --ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
192
+ --ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -.2 / 13);
193
+ --ck-powered-by-padding-vertical: 2px;
194
+ --ck-powered-by-padding-horizontal: 4px;
195
+ --ck-powered-by-text-color: #4f4f4f;
196
+ --ck-powered-by-border-radius: var(--ck-border-radius);
197
+ --ck-powered-by-background: #fff;
198
+ --ck-powered-by-border-color: var(--ck-color-focus-border);
199
+ --ck-powered-by-svg-width: 53;
200
+ --ck-powered-by-svg-height: 10;
201
+ --ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
202
+ --ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
66
203
  }
67
- .ck.ck-balloon-panel.ck-powered-by-balloon {
68
- --ck-border-radius: var(--ck-powered-by-border-radius);
69
204
 
70
- box-shadow: none;
71
- background: var(--ck-powered-by-background);
72
- min-height: unset;
73
- z-index: calc( var(--ck-z-panel) - 1 );
205
+ .ck.ck-balloon-panel.ck-powered-by-balloon {
206
+ --ck-border-radius: var(--ck-powered-by-border-radius);
207
+ box-shadow: none;
208
+ background: var(--ck-powered-by-background);
209
+ min-height: unset;
210
+ z-index: calc(var(--ck-z-panel) - 1);
74
211
  }
212
+
75
213
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
76
- line-height: var(--ck-powered-by-line-height);
77
- }
214
+ line-height: var(--ck-powered-by-line-height);
215
+ }
216
+
78
217
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
79
- cursor: pointer;
80
- display: flex;
81
- align-items: center;
82
- opacity: .66;
83
- filter: grayscale(80%);
84
- line-height: var(--ck-powered-by-line-height);
85
- padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
86
- }
218
+ cursor: pointer;
219
+ opacity: .66;
220
+ filter: grayscale(80%);
221
+ line-height: var(--ck-powered-by-line-height);
222
+ padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
223
+ align-items: center;
224
+ display: flex;
225
+ }
226
+
87
227
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
88
- font-size: var(--ck-powered-by-font-size);
89
- letter-spacing: var(--ck-powered-by-letter-spacing);
90
- padding-left: 2px;
91
- text-transform: uppercase;
92
- font-weight: bold;
93
- margin-right: 4px;
94
- cursor: pointer;
95
- line-height: normal;
96
- color: var(--ck-powered-by-text-color);
97
-
98
- }
228
+ font-size: var(--ck-powered-by-font-size);
229
+ letter-spacing: var(--ck-powered-by-letter-spacing);
230
+ text-transform: uppercase;
231
+ cursor: pointer;
232
+ color: var(--ck-powered-by-text-color);
233
+ margin-right: 4px;
234
+ padding-left: 2px;
235
+ font-weight: bold;
236
+ line-height: normal;
237
+ }
238
+
99
239
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
100
- display: block;
101
- cursor: pointer;
102
- width: var(--ck-powered-by-icon-width);
103
- height: var(--ck-powered-by-icon-height);
104
- }
240
+ cursor: pointer;
241
+ width: var(--ck-powered-by-icon-width);
242
+ height: var(--ck-powered-by-icon-height);
243
+ display: block;
244
+ }
245
+
105
246
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
106
- filter: grayscale(0%);
107
- opacity: 1;
108
- }
247
+ filter: grayscale(0%);
248
+ opacity: 1;
249
+ }
250
+
109
251
  .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
110
- border-color: transparent;
111
- }
252
+ border-color: #0000;
253
+ }
254
+
112
255
  .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
113
- border: var(--ck-focus-ring);
114
- border-color: var(--ck-powered-by-border-color);
115
- }
116
- /*
117
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
118
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
119
- */
256
+ border: var(--ck-focus-ring);
257
+ border-color: var(--ck-powered-by-border-color);
258
+ }
259
+
120
260
  :root {
121
- /* where 7.5(px) is the font size of the evaluation badge label and 13(px) is the base font size. */
122
- --ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
123
- /* where 7.5(px) is the line height of the evaluation badge label and 13(px) is the base font size. */
124
- --ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
125
- /* where -0.2(px) is the letter spacing of the evaluation badge label and 13(px) is the base font size. */
126
- --ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
127
- --ck-evaluation-badge-padding-vertical: 2px;
128
- --ck-evaluation-badge-padding-horizontal: 4px;
129
- --ck-evaluation-badge-text-color: hsl(0, 0%, 31%);
130
- --ck-evaluation-badge-border-radius: var(--ck-border-radius);
131
- --ck-evaluation-badge-background: hsl(0, 0%, 100%);
132
- --ck-evaluation-badge-border-color: var(--ck-color-focus-border);
261
+ --ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
262
+ --ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
263
+ --ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -.2 / 13);
264
+ --ck-evaluation-badge-padding-vertical: 2px;
265
+ --ck-evaluation-badge-padding-horizontal: 4px;
266
+ --ck-evaluation-badge-text-color: #4f4f4f;
267
+ --ck-evaluation-badge-border-radius: var(--ck-border-radius);
268
+ --ck-evaluation-badge-background: #fff;
269
+ --ck-evaluation-badge-border-color: var(--ck-color-focus-border);
133
270
  }
134
- .ck.ck-balloon-panel.ck-evaluation-badge-balloon {
135
- --ck-border-radius: var(--ck-evaluation-badge-border-radius);
136
271
 
137
- box-shadow: none;
138
- background: var(--ck-evaluation-badge-background);
139
- min-height: unset;
140
- z-index: calc( var(--ck-z-panel) - 1 );
272
+ .ck.ck-balloon-panel.ck-evaluation-badge-balloon {
273
+ --ck-border-radius: var(--ck-evaluation-badge-border-radius);
274
+ box-shadow: none;
275
+ background: var(--ck-evaluation-badge-background);
276
+ min-height: unset;
277
+ z-index: calc(var(--ck-z-panel) - 1);
141
278
  }
279
+
142
280
  .ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {
143
- line-height: var(--ck-evaluation-badge-line-height);
144
- padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
145
- }
281
+ line-height: var(--ck-evaluation-badge-line-height);
282
+ padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
283
+ }
284
+
146
285
  .ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {
147
- display: block;
148
- padding: 0 2px;
149
- font-size: var(--ck-evaluation-badge-font-size);
150
- letter-spacing: var(--ck-evaluation-badge-letter-spacing);
151
- font-weight: bold;
152
- line-height: normal;
153
- text-transform: uppercase;
154
- color: var(--ck-evaluation-badge-text-color);
155
- }
286
+ font-size: var(--ck-evaluation-badge-font-size);
287
+ letter-spacing: var(--ck-evaluation-badge-letter-spacing);
288
+ text-transform: uppercase;
289
+ color: var(--ck-evaluation-badge-text-color);
290
+ padding: 0 2px;
291
+ font-weight: bold;
292
+ line-height: normal;
293
+ display: block;
294
+ }
295
+
156
296
  .ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*="position_inside"] {
157
- border-color: transparent;
158
- }
297
+ border-color: #0000;
298
+ }
299
+
159
300
  .ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*="position_border"] {
160
- border: var(--ck-focus-ring);
161
- border-color: var(--ck-evaluation-badge-border-color);
162
- }
301
+ border: var(--ck-focus-ring);
302
+ border-color: var(--ck-evaluation-badge-border-color);
303
+ }
163
304
 
164
- /*
165
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
166
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
167
- */
305
+ .ck.ck-responsive-form {
306
+ padding: var(--ck-spacing-large);
307
+ }
308
+
309
+ .ck.ck-responsive-form:focus {
310
+ outline: none;
311
+ }
312
+
313
+ [dir="ltr"] .ck.ck-responsive-form > :not(:first-child) {
314
+ margin-left: var(--ck-spacing-standard);
315
+ }
316
+
317
+ [dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
318
+ margin-left: var(--ck-spacing-standard);
319
+ }
320
+
321
+ @media screen and (width <= 600px) {
322
+ .ck.ck-responsive-form {
323
+ width: calc(.8 * var(--ck-input-width));
324
+ padding: 0;
325
+ }
326
+
327
+ .ck.ck-responsive-form .ck-labeled-field-view {
328
+ margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
329
+ }
330
+
331
+ .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text, .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
332
+ width: 100%;
333
+ min-width: 0;
334
+ }
335
+
336
+ .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
337
+ white-space: normal;
338
+ }
339
+
340
+ .ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
341
+ padding: var(--ck-spacing-standard);
342
+ margin-top: var(--ck-spacing-large);
343
+ border-radius: 0;
344
+ }
345
+
346
+ :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)):not(:focus) {
347
+ border-top: 1px solid var(--ck-color-base-border);
348
+ }
349
+
350
+ [dir="ltr"] :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)) {
351
+ margin-left: 0;
352
+ }
353
+
354
+ [dir="rtl"] :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)) {
355
+ margin-left: 0;
356
+ }
357
+
358
+ [dir="rtl"] :is(.ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2)):last-of-type {
359
+ border-right: 1px solid var(--ck-color-base-border);
360
+ }
361
+
362
+ .ck.ck-responsive-form .ck-button:after {
363
+ content: "";
364
+ z-index: 1;
365
+ width: 0;
366
+ position: absolute;
367
+ top: -1px;
368
+ bottom: -1px;
369
+ right: -1px;
370
+ }
371
+
372
+ .ck.ck-responsive-form .ck-button:nth-last-child(2):after {
373
+ border-right: 1px solid var(--ck-color-base-border);
374
+ }
375
+
376
+ .ck.ck-responsive-form .ck-button:focus:after {
377
+ display: none;
378
+ }
379
+ }
380
+
381
+ .ck-vertical-form > .ck-button:nth-last-child(2):after {
382
+ border-right: 1px solid var(--ck-color-base-border);
383
+ }
384
+
385
+ .ck-vertical-form .ck-button:after {
386
+ content: "";
387
+ z-index: 1;
388
+ width: 0;
389
+ position: absolute;
390
+ top: -1px;
391
+ bottom: -1px;
392
+ right: -1px;
393
+ }
394
+
395
+ .ck-vertical-form .ck-button:focus:after {
396
+ display: none;
397
+ }
398
+
399
+ :root {
400
+ --ck-form-default-width: 340px;
401
+ }
402
+
403
+ .ck.ck-form {
404
+ padding: 0 0 var(--ck-spacing-large);
405
+ }
406
+
407
+ .ck.ck-form.ck-form_default-width {
408
+ width: var(--ck-form-default-width);
409
+ }
410
+
411
+ .ck.ck-form:focus {
412
+ outline: none;
413
+ }
414
+
415
+ .ck.ck-form .ck.ck-input-text, .ck.ck-form .ck.ck-input-number {
416
+ width: 0;
417
+ min-width: 100%;
418
+ }
419
+
420
+ .ck.ck-form .ck.ck-dropdown {
421
+ min-width: 100%;
422
+ }
423
+
424
+ .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
425
+ border: 1px solid var(--ck-color-base-border);
426
+ }
427
+
428
+ .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
429
+ width: 100%;
430
+ }
431
+
432
+ @media screen and (width <= 600px) {
433
+ .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
434
+ flex-direction: column;
435
+ align-items: stretch;
436
+ padding: 0;
437
+ }
438
+ }
439
+
440
+ @media screen and (width <= 600px) {
441
+ .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
442
+ margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
443
+ }
444
+ }
445
+
446
+ @media screen and (width <= 600px) {
447
+ .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
448
+ justify-content: center;
449
+ }
450
+ }
451
+
452
+ @media screen and (width <= 600px) {
453
+ .ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
454
+ padding-bottom: var(--ck-spacing-large);
455
+ }
456
+ }
457
+
458
+ [dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child) {
459
+ margin-left: 0;
460
+ }
461
+
462
+ [dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child) {
463
+ margin-left: 0;
464
+ }
168
465
 
169
466
  .ck.ck-aria-live-announcer {
170
- position: absolute;
171
- left: -10000px;
172
- top: -10000px;
467
+ position: absolute;
468
+ top: -10000px;
469
+ left: -10000px;
173
470
  }
174
471
 
175
472
  .ck.ck-aria-live-region-list {
176
- list-style-type: none;
473
+ list-style-type: none;
177
474
  }
178
475
 
179
- /*
180
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
181
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
182
- */
476
+ :root {
477
+ --ck-accessibility-help-dialog-max-width: 600px;
478
+ --ck-accessibility-help-dialog-max-height: 400px;
479
+ --ck-accessibility-help-dialog-border-color: #ccced1;
480
+ --ck-accessibility-help-dialog-code-background-color: #ededed;
481
+ --ck-accessibility-help-dialog-kbd-shadow-color: #9c9c9c;
482
+ }
183
483
 
184
- /*
185
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
186
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
187
- */
484
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
485
+ padding: var(--ck-spacing-large);
486
+ max-width: var(--ck-accessibility-help-dialog-max-width);
487
+ max-height: var(--ck-accessibility-help-dialog-max-height);
488
+ user-select: text;
489
+ border: 1px solid #0000;
490
+ overflow: auto;
491
+ }
188
492
 
189
- /**
190
- * Makes element unselectable.
191
- */
192
- /*
193
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
194
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
195
- */
493
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
494
+ border: var(--ck-focus-ring);
495
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
496
+ outline: none;
497
+ }
196
498
 
197
- .ck.ck-button,
198
- a.ck.ck-button {
199
- -moz-user-select: none;
200
- -webkit-user-select: none;
201
- -ms-user-select: none;
202
- user-select: none;
499
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
500
+ white-space: normal;
501
+ }
203
502
 
204
- position: relative;
205
- display: inline-flex;
206
- align-items: center;
503
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
504
+ display: none;
207
505
  }
208
506
 
209
- [dir="ltr"] .ck.ck-button, [dir="ltr"] a.ck.ck-button {
210
- justify-content: left;
211
- }
507
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
508
+ font-size: 1.2em;
509
+ font-weight: bold;
510
+ }
212
511
 
213
- [dir="rtl"] .ck.ck-button, [dir="rtl"] a.ck.ck-button {
214
- justify-content: right;
215
- }
512
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
513
+ font-size: 1em;
514
+ font-weight: bold;
515
+ }
216
516
 
217
- .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
218
- display: none;
219
- }
517
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
518
+ margin: 1em 0;
519
+ }
220
520
 
221
- .ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label {
222
- display: inline-block;
223
- }
521
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
522
+ border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
523
+ border-bottom: none;
524
+ grid-template-columns: 2fr 1fr;
525
+ display: grid;
526
+ }
224
527
 
225
- /* Center the icon horizontally in a button without text. */
528
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
529
+ border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
530
+ padding: .4em 0;
531
+ }
226
532
 
227
- .ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) {
228
- justify-content: center;
229
- }
533
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
534
+ grid-column-start: 1;
535
+ }
230
536
 
231
- /*
232
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
233
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
234
- */
537
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
538
+ text-align: right;
539
+ grid-column-start: 2;
540
+ }
235
541
 
236
- .ck.ck-button.ck-switchbutton .ck-button__toggle {
237
- display: block;
238
- }
542
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
543
+ background: var(--ck-accessibility-help-dialog-code-background-color);
544
+ vertical-align: middle;
545
+ text-align: center;
546
+ border-radius: 2px;
547
+ padding: .4em;
548
+ font-size: .9em;
549
+ line-height: 1;
550
+ display: inline-block;
551
+ }
239
552
 
240
- .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
241
- display: block;
242
- }
553
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
554
+ font-family: monospace;
555
+ }
243
556
 
244
- /*
245
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
246
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
247
- */
557
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
558
+ min-width: 1.8em;
559
+ box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
560
+ margin: 0 1px;
561
+ }
248
562
 
249
- /*
250
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
251
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
252
- */
563
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
564
+ margin-left: 2px;
565
+ }
253
566
 
254
- .ck.ck-list-item-button {
255
- min-height: unset;
256
- width: 100%;
257
- border-radius: 0;
567
+ .ck.ck-button, :where(a).ck.ck-button {
568
+ --ck-button-background: var(--ck-color-button-default-background);
569
+ --ck-button-hover-background: var(--ck-color-button-default-hover-background);
570
+ --ck-button-active-background: var(--ck-color-button-default-active-background);
571
+ --ck-button-disabled-background: var(--ck-color-button-default-disabled-background);
572
+ background: var(--ck-button-background);
258
573
  }
259
574
 
260
- [dir="ltr"] .ck.ck-list-item-button {
261
- text-align: left;
262
- }
575
+ :is(.ck.ck-button, :where(a).ck.ck-button):not(.ck-disabled):hover {
576
+ background: var(--ck-button-hover-background);
577
+ }
263
578
 
264
- [dir="rtl"] .ck.ck-list-item-button {
265
- text-align: right;
266
- }
579
+ :is(.ck.ck-button, :where(a).ck.ck-button):not(.ck-disabled):active {
580
+ background: var(--ck-button-active-background);
581
+ }
267
582
 
268
- [dir="ltr"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
269
- padding-left: var(--ck-spacing-small);
270
- }
583
+ .ck.ck-button, :where(a).ck.ck-button {
584
+ border-radius: var(--ck-rounded-corners-radius);
585
+ white-space: nowrap;
586
+ cursor: default;
587
+ vertical-align: middle;
588
+ padding: var(--ck-spacing-tiny);
589
+ text-align: center;
590
+ min-width: var(--ck-ui-component-min-height);
591
+ min-height: var(--ck-ui-component-min-height);
592
+ line-height: 1;
593
+ font-size: inherit;
594
+ -webkit-appearance: none;
595
+ -webkit-user-select: none;
596
+ user-select: none;
597
+ border: 1px solid #0000;
598
+ align-items: center;
599
+ transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
600
+ display: inline-flex;
601
+ position: relative;
602
+ }
271
603
 
272
- [dir="rtl"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
273
- padding-right: var(--ck-spacing-small);
274
- }
604
+ @media (prefers-reduced-motion: reduce) {
605
+ .ck.ck-button, :where(a).ck.ck-button {
606
+ transition: none;
607
+ }
608
+ }
275
609
 
276
- .ck.ck-list-item-button .ck-list-item-button__check-holder {
277
- display: inline-flex;
278
- width: .9em;
279
- height: .9em;
280
- }
610
+ :is(.ck.ck-button, :where(a).ck.ck-button):active, :is(.ck.ck-button, :where(a).ck.ck-button):focus {
611
+ border: var(--ck-focus-ring);
612
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
613
+ outline: none;
614
+ }
281
615
 
282
- [dir="ltr"] .ck.ck-list-item-button .ck-list-item-button__check-holder {
283
- margin-right: var(--ck-spacing-small);
284
- }
616
+ :is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__icon use, :is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__icon use * {
617
+ color: inherit;
618
+ }
285
619
 
286
- [dir="rtl"] .ck.ck-list-item-button .ck-list-item-button__check-holder {
287
- margin-left: var(--ck-spacing-small);
288
- }
620
+ :is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label {
621
+ font-size: inherit;
622
+ font-weight: inherit;
623
+ color: inherit;
624
+ cursor: inherit;
625
+ vertical-align: middle;
626
+ }
289
627
 
290
- .ck.ck-list-item-button .ck-list-item-button__check-icon {
291
- height: 100%;
292
- }
628
+ [dir="ltr"] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label) {
629
+ text-align: left;
630
+ }
293
631
 
294
- /*
295
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
296
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
297
- */
632
+ [dir="rtl"] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label) {
633
+ text-align: right;
634
+ }
298
635
 
299
- .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
300
- display: none;
301
- }
636
+ :is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__label {
637
+ display: none;
638
+ }
302
639
 
303
- /*
304
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
305
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
306
- */
640
+ :is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__keystroke {
641
+ color: inherit;
642
+ opacity: .5;
643
+ }
307
644
 
308
- .ck.ck-color-grid {
309
- display: grid;
645
+ [dir="ltr"] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__keystroke) {
646
+ margin-left: var(--ck-spacing-large);
310
647
  }
311
648
 
312
- /*
313
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
314
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
315
- */
649
+ [dir="rtl"] :is(:is(.ck.ck-button, :where(a).ck.ck-button) .ck-button__keystroke) {
650
+ margin-right: var(--ck-spacing-large);
651
+ }
316
652
 
317
- .color-picker-hex-input {
318
- width: max-content;
653
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled {
654
+ background: var(--ck-button-disabled-background);
319
655
  }
320
656
 
321
- .color-picker-hex-input .ck.ck-input {
322
- min-width: unset;
323
- }
657
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled:active, :is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled:focus {
658
+ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
659
+ }
324
660
 
325
- .ck.ck-color-picker__row {
326
- display: flex;
327
- flex-direction: row;
328
- flex-wrap: nowrap;
329
- justify-content: space-between;
330
- margin: var(--ck-spacing-large) 0 0;
331
- width: unset;
661
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled .ck-button__icon, :is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled .ck-button__label {
662
+ opacity: var(--ck-disabled-opacity);
332
663
  }
333
664
 
334
- .ck.ck-color-picker__row .ck.ck-labeled-field-view {
335
- padding-top: unset;
336
- }
665
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-disabled .ck-button__keystroke {
666
+ opacity: .3;
667
+ }
337
668
 
338
- .ck.ck-color-picker__row .ck.ck-input-text {
339
- width: unset;
340
- }
669
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text {
670
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
671
+ }
341
672
 
342
- .ck.ck-color-picker__row .ck-color-picker__hash-view {
343
- padding-top: var(--ck-spacing-tiny);
344
- padding-right: var(--ck-spacing-medium);
345
- }
673
+ [dir="ltr"] :is(:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text .ck-button__icon) {
674
+ margin-right: var(--ck-spacing-medium);
675
+ }
346
676
 
347
- /*
348
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
349
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
350
- */
677
+ [dir="rtl"] :is(:is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text .ck-button__icon) {
678
+ margin-left: var(--ck-spacing-medium);
679
+ }
351
680
 
352
- /*
353
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
354
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
355
- */
681
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-text .ck-button__label {
682
+ display: inline-block;
683
+ }
356
684
 
357
- /* View fragment with color grids. */
685
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-button_with-keystroke .ck-button__label {
686
+ flex-grow: 1;
687
+ }
358
688
 
359
- .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
360
- .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
361
- display: flex;
362
- align-items: center;
363
- }
689
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-on {
690
+ --ck-button-background: var(--ck-color-button-on-background);
691
+ --ck-button-hover-background: var(--ck-color-button-on-hover-background);
692
+ --ck-button-active-background: var(--ck-color-button-on-active-background);
693
+ --ck-button-disabled-background: var(--ck-color-button-on-disabled-background);
694
+ color: var(--ck-color-button-on-color);
695
+ }
364
696
 
365
- [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
366
- justify-content: flex-start;
367
- }
697
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-button-save {
698
+ color: var(--ck-color-button-save);
699
+ }
368
700
 
369
- /* View fragment with a color picker. */
701
+ :is(.ck.ck-button, :where(a).ck.ck-button).ck-button-cancel {
702
+ color: var(--ck-color-button-cancel);
703
+ }
370
704
 
371
- .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
372
- display: flex;
373
- flex-direction: row;
374
- justify-content: space-around;
375
- }
376
-
377
- .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
378
- .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
379
- flex: 1
380
- }
381
-
382
- /*
383
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
384
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
385
- */
705
+ [dir="ltr"] :is(.ck.ck-button, :where(a).ck.ck-button) {
706
+ justify-content: left;
707
+ }
386
708
 
387
- .ck.ck-dialog-overlay {
388
- user-select: none;
389
- overscroll-behavior: none;
709
+ [dir="rtl"] :is(.ck.ck-button, :where(a).ck.ck-button) {
710
+ justify-content: right;
711
+ }
390
712
 
391
- position: fixed;
392
- bottom: 0;
393
- left: 0;
394
- right: 0;
395
- top: 0;
713
+ :is(.ck.ck-button, :where(a).ck.ck-button):not(.ck-button_with-text) {
714
+ justify-content: center;
396
715
  }
397
716
 
398
- .ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
399
- pointer-events: none;
400
- animation: none;
401
- background: none;
402
- }
717
+ .ck.ck-button-action, a.ck.ck-button-action {
718
+ --ck-button-background: var(--ck-color-button-action-background);
719
+ --ck-button-hover-background: var(--ck-color-button-action-hover-background);
720
+ --ck-button-active-background: var(--ck-color-button-action-active-background);
721
+ --ck-button-disabled-background: var(--ck-color-button-action-disabled-background);
722
+ color: var(--ck-color-button-action-text);
723
+ }
403
724
 
404
- .ck.ck-dialog {
405
- overscroll-behavior: none;
406
- width: fit-content;
407
- position: absolute;
725
+ .ck.ck-button-bold, a.ck.ck-button-bold {
726
+ font-weight: bold;
408
727
  }
409
728
 
410
- .ck.ck-dialog .ck.ck-form__header {
411
- flex-shrink: 0;
412
- }
729
+ :root {
730
+ --ck-switch-button-toggle-width: 2.61538em;
731
+ --ck-switch-button-toggle-inner-size: calc(1.07692em + 1px);
732
+ --ck-switch-button-translation: calc(var(--ck-switch-button-toggle-width) -
733
+ var(--ck-switch-button-toggle-inner-size) -
734
+ 2px /* Border */);
735
+ --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
736
+ }
413
737
 
414
- /* Modals should not be draggable. */
738
+ .ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active {
739
+ color: inherit;
740
+ background: none;
741
+ }
415
742
 
416
- .ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
417
- cursor: grab;
418
- }
743
+ [dir="ltr"] :is(.ck.ck-button.ck-switchbutton .ck-button__label) {
744
+ margin-right: calc(2 * var(--ck-spacing-large));
745
+ }
419
746
 
420
- .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
421
- pointer-events: all;
422
- }
747
+ [dir="rtl"] :is(.ck.ck-button.ck-switchbutton .ck-button__label) {
748
+ margin-left: calc(2 * var(--ck-spacing-large));
749
+ }
423
750
 
424
- /*
425
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
426
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
427
- */
751
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
752
+ border-radius: var(--ck-rounded-corners-radius);
753
+ width: var(--ck-switch-button-toggle-width);
754
+ background: var(--ck-color-switch-button-off-background);
755
+ border: 1px solid #0000;
756
+ transition: background .4s, box-shadow .2s ease-in-out, outline .2s ease-in-out;
757
+ }
428
758
 
429
- .ck.ck-dialog .ck.ck-dialog__actions {
430
- display: flex;
431
- justify-content: flex-end;
432
- }
759
+ [dir="ltr"] :is(.ck.ck-button.ck-switchbutton .ck-button__toggle) {
760
+ margin-left: auto;
761
+ }
433
762
 
434
- /*
435
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
436
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
437
- */
763
+ [dir="rtl"] :is(.ck.ck-button.ck-switchbutton .ck-button__toggle) {
764
+ margin-right: auto;
765
+ }
438
766
 
439
- :root {
440
- --ck-dropdown-max-width: 75vw;
767
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
768
+ border-radius: calc(.5 * var(--ck-rounded-corners-radius));
769
+ width: var(--ck-switch-button-toggle-inner-size);
770
+ height: var(--ck-switch-button-toggle-inner-size);
771
+ background: var(--ck-color-switch-button-inner-background);
772
+ transition: all .3s;
441
773
  }
442
774
 
443
- .ck.ck-dropdown {
444
- display: inline-block;
445
- position: relative;
775
+ @media (prefers-reduced-motion: reduce) {
776
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
777
+ transition: none;
778
+ }
446
779
  }
447
780
 
448
- .ck.ck-dropdown .ck-dropdown__arrow {
449
- pointer-events: none;
450
- z-index: var(--ck-z-default);
451
- }
781
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
782
+ display: block;
783
+ }
452
784
 
453
- /* Dropdown button should span horizontally, e.g. in vertical toolbars */
785
+ .ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
786
+ background: var(--ck-color-switch-button-off-hover-background);
787
+ }
454
788
 
455
- .ck.ck-dropdown .ck-button.ck-dropdown__button {
456
- width: 100%;
457
- }
789
+ .ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
790
+ box-shadow: var(--ck-switch-button-inner-hover-shadow);
791
+ }
458
792
 
459
- .ck.ck-dropdown .ck-dropdown__panel {
460
- display: none;
461
- z-index: var(--ck-z-panel);
462
- max-width: var(--ck-dropdown-max-width);
793
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
794
+ display: block;
795
+ }
796
+
797
+ .ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
798
+ opacity: var(--ck-disabled-opacity);
799
+ }
800
+
801
+ .ck.ck-button.ck-switchbutton:focus {
802
+ box-shadow: none;
803
+ border-color: #0000;
804
+ outline: none;
805
+ }
806
+
807
+ .ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
808
+ box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
809
+ outline-offset: 1px;
810
+ outline: var(--ck-focus-ring);
811
+ }
812
+
813
+ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
814
+ background: var(--ck-color-switch-button-on-background);
815
+ }
816
+
817
+ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
818
+ background: var(--ck-color-switch-button-on-hover-background);
819
+ }
820
+
821
+ [dir="ltr"] :is(.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner) {
822
+ transform: translateX(var(--ck-switch-button-translation));
823
+ }
824
+
825
+ [dir="rtl"] :is(.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner) {
826
+ transform: translateX(calc(-1 * var(--ck-switch-button-translation)));
827
+ }
828
+
829
+ .ck.ck-button.ck-list-item-button {
830
+ padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
831
+ }
832
+
833
+ .ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on {
834
+ background: var(--ck-color-list-background);
835
+ color: var(--ck-color-text);
836
+ }
837
+
838
+ [dir="ltr"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
839
+ padding-left: var(--ck-spacing-small);
840
+ }
463
841
 
464
- position: absolute;
465
- }
842
+ [dir="rtl"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
843
+ padding-right: var(--ck-spacing-small);
844
+ }
845
+
846
+ .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover {
847
+ background: var(--ck-color-list-button-hover-background);
848
+ }
849
+
850
+ :is(.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover):not(.ck-disabled) {
851
+ color: var(--ck-color-text);
852
+ }
853
+
854
+ .ck.ck-list-item-button {
855
+ min-height: unset;
856
+ border-radius: 0;
857
+ width: 100%;
858
+ }
859
+
860
+ [dir="ltr"] .ck.ck-list-item-button {
861
+ text-align: left;
862
+ }
863
+
864
+ [dir="rtl"] .ck.ck-list-item-button {
865
+ text-align: right;
866
+ }
867
+
868
+ [dir="ltr"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
869
+ padding-left: var(--ck-spacing-small);
870
+ }
871
+
872
+ [dir="rtl"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
873
+ padding-right: var(--ck-spacing-small);
874
+ }
875
+
876
+ .ck.ck-list-item-button .ck-list-item-button__check-holder {
877
+ width: .9em;
878
+ height: .9em;
879
+ display: inline-flex;
880
+ }
881
+
882
+ [dir="ltr"] :is(.ck.ck-list-item-button .ck-list-item-button__check-holder) {
883
+ margin-right: var(--ck-spacing-small);
884
+ }
885
+
886
+ [dir="rtl"] :is(.ck.ck-list-item-button .ck-list-item-button__check-holder) {
887
+ margin-left: var(--ck-spacing-small);
888
+ }
889
+
890
+ .ck.ck-list-item-button .ck-list-item-button__check-icon {
891
+ height: 100%;
892
+ }
893
+
894
+ :root {
895
+ --ck-collapsible-arrow-size: calc(.5 * var(--ck-icon-size));
896
+ }
897
+
898
+ .ck.ck-collapsible > .ck.ck-button {
899
+ width: 100%;
900
+ color: inherit;
901
+ border-radius: 0;
902
+ font-weight: bold;
903
+ }
904
+
905
+ .ck.ck-collapsible > .ck.ck-button:focus {
906
+ background: none;
907
+ }
908
+
909
+ .ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
910
+ box-shadow: none;
911
+ background: none;
912
+ border-color: #0000;
913
+ }
914
+
915
+ .ck.ck-collapsible > .ck.ck-button > .ck-icon {
916
+ margin-right: var(--ck-spacing-medium);
917
+ width: var(--ck-collapsible-arrow-size);
918
+ }
919
+
920
+ .ck.ck-collapsible > .ck-collapsible__children {
921
+ padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
922
+ }
923
+
924
+ .ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
925
+ transform: rotate(-90deg);
926
+ }
927
+
928
+ .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
929
+ display: none;
930
+ }
931
+
932
+ :root {
933
+ --ck-color-grid-tile-size: 24px;
934
+ --ck-color-color-grid-check-icon: #166fd4;
935
+ }
936
+
937
+ .ck.ck-color-grid {
938
+ grid-gap: 5px;
939
+ padding: 8px;
940
+ display: grid;
941
+ }
942
+
943
+ .ck.ck-color-grid__tile {
944
+ transition: box-shadow .2s;
945
+ }
946
+
947
+ @media (forced-colors: none) {
948
+ .ck.ck-color-grid__tile {
949
+ width: var(--ck-color-grid-tile-size);
950
+ height: var(--ck-color-grid-tile-size);
951
+ min-width: var(--ck-color-grid-tile-size);
952
+ min-height: var(--ck-color-grid-tile-size);
953
+ border: 0;
954
+ padding: 0;
955
+ }
956
+
957
+ .ck.ck-color-grid__tile.ck-on, .ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
958
+ border: 0;
959
+ }
960
+
961
+ .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
962
+ box-shadow: 0 0 0 1px var(--ck-color-base-border);
963
+ }
964
+
965
+ .ck.ck-color-grid__tile.ck-on {
966
+ box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
967
+ }
968
+
969
+ .ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
970
+ box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
971
+ }
972
+ }
973
+
974
+ @media (forced-colors: active) {
975
+ .ck.ck-color-grid__tile {
976
+ width: unset;
977
+ height: unset;
978
+ min-width: unset;
979
+ min-height: unset;
980
+ padding: 0 var(--ck-spacing-small);
981
+ }
982
+
983
+ .ck.ck-color-grid__tile .ck-button__label {
984
+ display: inline-block;
985
+ }
986
+ }
987
+
988
+ @media (prefers-reduced-motion: reduce) {
989
+ .ck.ck-color-grid__tile {
990
+ transition: none;
991
+ }
992
+ }
993
+
994
+ .ck.ck-color-grid__tile.ck-disabled {
995
+ cursor: unset;
996
+ transition: unset;
997
+ }
998
+
999
+ .ck.ck-color-grid__tile .ck.ck-icon {
1000
+ color: var(--ck-color-color-grid-check-icon);
1001
+ display: none;
1002
+ }
1003
+
1004
+ .ck.ck-color-grid__tile.ck-on .ck.ck-icon {
1005
+ display: block;
1006
+ }
1007
+
1008
+ .ck.ck-color-grid__label {
1009
+ padding: 0 var(--ck-spacing-standard);
1010
+ }
1011
+
1012
+ .color-picker-hex-input {
1013
+ width: max-content;
1014
+ }
1015
+
1016
+ .color-picker-hex-input .ck.ck-input {
1017
+ min-width: unset;
1018
+ }
1019
+
1020
+ .ck.ck-color-picker__row {
1021
+ margin: var(--ck-spacing-large) 0 0;
1022
+ width: unset;
1023
+ flex-flow: row;
1024
+ justify-content: space-between;
1025
+ display: flex;
1026
+ }
1027
+
1028
+ .ck.ck-color-picker__row .ck.ck-labeled-field-view {
1029
+ padding-top: unset;
1030
+ }
1031
+
1032
+ .ck.ck-color-picker__row .ck.ck-input-text {
1033
+ width: unset;
1034
+ }
1035
+
1036
+ .ck.ck-color-picker__row .ck-color-picker__hash-view {
1037
+ padding-top: var(--ck-spacing-tiny);
1038
+ padding-right: var(--ck-spacing-medium);
1039
+ }
1040
+
1041
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
1042
+ align-items: center;
1043
+ width: 100%;
1044
+ display: flex;
1045
+ }
1046
+
1047
+ [dir="rtl"] :is(.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker) {
1048
+ justify-content: flex-start;
1049
+ }
1050
+
1051
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
1052
+ padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
1053
+ border-bottom-right-radius: 0;
1054
+ border-bottom-left-radius: 0;
1055
+ }
1056
+
1057
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
1058
+ border-top: 1px solid var(--ck-color-base-border);
1059
+ }
1060
+
1061
+ [dir="ltr"] :is(.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon) {
1062
+ margin-right: var(--ck-spacing-standard);
1063
+ }
1064
+
1065
+ [dir="rtl"] :is(.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon) {
1066
+ margin-left: var(--ck-spacing-standard);
1067
+ }
1068
+
1069
+ .ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
1070
+ font-weight: unset;
1071
+ }
1072
+
1073
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
1074
+ padding: 8px;
1075
+ }
1076
+
1077
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
1078
+ min-width: 180px;
1079
+ height: 100px;
1080
+ }
1081
+
1082
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
1083
+ border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
1084
+ }
1085
+
1086
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
1087
+ border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
1088
+ }
1089
+
1090
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer), .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
1091
+ width: 15px;
1092
+ height: 15px;
1093
+ }
1094
+
1095
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
1096
+ flex-direction: row;
1097
+ justify-content: space-around;
1098
+ padding: 0 8px 8px;
1099
+ display: flex;
1100
+ }
1101
+
1102
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save, .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
1103
+ flex: 1;
1104
+ }
1105
+
1106
+ :root {
1107
+ --ck-dialog-overlay-background-color: #00000080;
1108
+ --ck-dialog-drop-shadow: 0px 0px 6px 2px #00000026;
1109
+ --ck-dialog-max-width: 100vw;
1110
+ --ck-dialog-max-height: 90vh;
1111
+ --ck-color-dialog-background: var(--ck-color-base-background);
1112
+ --ck-color-dialog-form-header-border: var(--ck-color-base-border);
1113
+ }
1114
+
1115
+ .ck.ck-dialog-overlay {
1116
+ background: var(--ck-dialog-overlay-background-color);
1117
+ z-index: var(--ck-z-dialog);
1118
+ user-select: none;
1119
+ overscroll-behavior: none;
1120
+ animation: .3s ck-dialog-fade-in;
1121
+ position: fixed;
1122
+ inset: 0;
1123
+ }
1124
+
1125
+ .ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
1126
+ pointer-events: none;
1127
+ background: none;
1128
+ animation: none;
1129
+ }
1130
+
1131
+ .ck.ck-dialog {
1132
+ border-radius: var(--ck-rounded-corners-radius);
1133
+ box-shadow: var(--ck-drop-shadow), 0 0;
1134
+ --ck-drop-shadow: var(--ck-dialog-drop-shadow);
1135
+ background: var(--ck-color-dialog-background);
1136
+ max-height: var(--ck-dialog-max-height);
1137
+ max-width: var(--ck-dialog-max-width);
1138
+ border: 1px solid var(--ck-color-base-border);
1139
+ overscroll-behavior: contain;
1140
+ overscroll-behavior: none;
1141
+ width: fit-content;
1142
+ position: absolute;
1143
+ }
1144
+
1145
+ .ck.ck-dialog .ck.ck-form__header {
1146
+ border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
1147
+ flex-shrink: 0;
1148
+ }
1149
+
1150
+ .ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
1151
+ cursor: grab;
1152
+ }
1153
+
1154
+ .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
1155
+ pointer-events: all;
1156
+ }
1157
+
1158
+ .ck-dialog-scroll-locked {
1159
+ overflow: hidden;
1160
+ }
1161
+
1162
+ @keyframes ck-dialog-fade-in {
1163
+ 0% {
1164
+ background: none;
1165
+ }
1166
+
1167
+ 100% {
1168
+ background: var(--ck-dialog-overlay-background-color);
1169
+ }
1170
+ }
1171
+
1172
+ .ck.ck-dialog .ck.ck-dialog__actions {
1173
+ padding: var(--ck-spacing-large);
1174
+ display: flex;
1175
+ }
1176
+
1177
+ .ck.ck-dialog .ck.ck-dialog__actions > * + * {
1178
+ margin-left: var(--ck-spacing-large);
1179
+ }
1180
+
1181
+ .ck.ck-dialog .ck.ck-dialog__actions {
1182
+ justify-content: flex-end;
1183
+ }
1184
+
1185
+ :root {
1186
+ --ck-dropdown-arrow-size: calc(.5 * var(--ck-icon-size));
1187
+ --ck-dropdown-max-width: 75vw;
1188
+ }
1189
+
1190
+ .ck.ck-dropdown {
1191
+ font-size: inherit;
1192
+ display: inline-block;
1193
+ position: relative;
1194
+ }
1195
+
1196
+ .ck.ck-dropdown .ck-dropdown__arrow {
1197
+ width: var(--ck-dropdown-arrow-size);
1198
+ pointer-events: none;
1199
+ z-index: var(--ck-z-default);
1200
+ }
1201
+
1202
+ [dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
1203
+ right: var(--ck-spacing-standard);
1204
+ margin-left: var(--ck-spacing-standard);
1205
+ }
1206
+
1207
+ [dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
1208
+ left: var(--ck-spacing-standard);
1209
+ margin-right: var(--ck-spacing-small);
1210
+ }
1211
+
1212
+ .ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
1213
+ opacity: var(--ck-disabled-opacity);
1214
+ }
1215
+
1216
+ [dir="ltr"] :is(.ck.ck-dropdown .ck-button.ck-dropdown__button):not(.ck-button_with-text) {
1217
+ padding-left: var(--ck-spacing-small);
1218
+ }
1219
+
1220
+ [dir="rtl"] :is(.ck.ck-dropdown .ck-button.ck-dropdown__button):not(.ck-button_with-text) {
1221
+ padding-right: var(--ck-spacing-small);
1222
+ }
1223
+
1224
+ .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
1225
+ text-overflow: ellipsis;
1226
+ width: 7em;
1227
+ overflow: hidden;
1228
+ }
1229
+
1230
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
1231
+ opacity: var(--ck-disabled-opacity);
1232
+ }
1233
+
1234
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
1235
+ border-bottom-right-radius: 0;
1236
+ border-bottom-left-radius: 0;
1237
+ }
1238
+
1239
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
1240
+ width: auto;
1241
+ }
1242
+
1243
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
1244
+ box-shadow: none;
1245
+ }
1246
+
1247
+ :is(.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active):focus {
1248
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
1249
+ }
1250
+
1251
+ .ck.ck-dropdown .ck-button.ck-dropdown__button {
1252
+ width: 100%;
1253
+ }
1254
+
1255
+ .ck.ck-dropdown .ck-dropdown__panel {
1256
+ z-index: var(--ck-z-panel);
1257
+ max-width: var(--ck-dropdown-max-width);
1258
+ display: none;
1259
+ position: absolute;
1260
+ }
1261
+
1262
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
1263
+ display: inline-block;
1264
+ }
1265
+
1266
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
1267
+ bottom: 100%;
1268
+ }
1269
+
1270
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
1271
+ top: 100%;
1272
+ bottom: auto;
1273
+ }
1274
+
1275
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
1276
+ left: 0;
1277
+ }
1278
+
1279
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
1280
+ right: 0;
1281
+ }
1282
+
1283
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
1284
+ left: 50%;
1285
+ transform: translateX(-50%);
1286
+ }
1287
+
1288
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
1289
+ left: 75%;
1290
+ transform: translateX(-75%);
1291
+ }
1292
+
1293
+ .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
1294
+ left: 25%;
1295
+ transform: translateX(-25%);
1296
+ }
1297
+
1298
+ .ck.ck-dropdown__panel {
1299
+ border-radius: var(--ck-rounded-corners-radius);
1300
+ box-shadow: var(--ck-drop-shadow), 0 0;
1301
+ background: var(--ck-color-dropdown-panel-background);
1302
+ border: 1px solid var(--ck-color-dropdown-panel-border);
1303
+ min-width: 100%;
1304
+ bottom: 0;
1305
+ }
1306
+
1307
+ .ck.ck-dropdown__panel.ck-dropdown__panel_se {
1308
+ border-top-left-radius: 0;
1309
+ }
1310
+
1311
+ .ck.ck-dropdown__panel.ck-dropdown__panel_sw {
1312
+ border-top-right-radius: 0;
1313
+ }
1314
+
1315
+ .ck.ck-dropdown__panel.ck-dropdown__panel_ne {
1316
+ border-bottom-left-radius: 0;
1317
+ }
1318
+
1319
+ .ck.ck-dropdown__panel.ck-dropdown__panel_nw {
1320
+ border-bottom-right-radius: 0;
1321
+ }
1322
+
1323
+ .ck.ck-dropdown__panel:focus {
1324
+ outline: none;
1325
+ }
1326
+
1327
+ .ck.ck-toolbar .ck-dropdown__panel {
1328
+ z-index: calc(var(--ck-z-panel) + 1);
1329
+ }
1330
+
1331
+ :root {
1332
+ --ck-color-split-button-hover-background: #ebebeb;
1333
+ --ck-color-split-button-hover-border: #b3b3b3;
1334
+ }
1335
+
1336
+ .ck.ck-splitbutton .ck-splitbutton__action:focus {
1337
+ z-index: calc(var(--ck-z-default) + 1);
1338
+ }
1339
+
1340
+ [dir="ltr"] :is(.ck.ck-splitbutton:hover > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action) {
1341
+ border-top-right-radius: unset;
1342
+ border-bottom-right-radius: unset;
1343
+ }
1344
+
1345
+ [dir="rtl"] :is(.ck.ck-splitbutton:hover > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action) {
1346
+ border-top-left-radius: unset;
1347
+ border-bottom-left-radius: unset;
1348
+ }
1349
+
1350
+ .ck.ck-splitbutton > .ck-splitbutton__arrow {
1351
+ min-width: unset;
1352
+ }
1353
+
1354
+ [dir="ltr"] :is(.ck.ck-splitbutton > .ck-splitbutton__arrow) {
1355
+ border-top-left-radius: unset;
1356
+ border-bottom-left-radius: unset;
1357
+ }
1358
+
1359
+ [dir="rtl"] :is(.ck.ck-splitbutton > .ck-splitbutton__arrow) {
1360
+ border-top-right-radius: unset;
1361
+ border-bottom-right-radius: unset;
1362
+ }
1363
+
1364
+ .ck.ck-splitbutton > .ck-splitbutton__arrow svg {
1365
+ width: var(--ck-dropdown-arrow-size);
1366
+ }
1367
+
1368
+ .ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
1369
+ border-top-width: 0;
1370
+ border-bottom-width: 0;
1371
+ }
1372
+
1373
+ .ck.ck-splitbutton.ck-splitbutton_open {
1374
+ border-radius: var(--ck-rounded-corners-radius);
1375
+ }
1376
+
1377
+ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
1378
+ border-bottom-left-radius: 0;
1379
+ }
1380
+
1381
+ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow {
1382
+ border-bottom-right-radius: 0;
1383
+ }
1384
+
1385
+ :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
1386
+ background: var(--ck-color-split-button-hover-background);
1387
+ }
1388
+
1389
+ :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:not(.ck-disabled):after {
1390
+ content: "";
1391
+ background-color: var(--ck-color-split-button-hover-border);
1392
+ width: 1px;
1393
+ height: 100%;
1394
+ position: absolute;
1395
+ }
1396
+
1397
+ :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:focus:after {
1398
+ --ck-color-split-button-hover-border: var(--ck-color-focus-border);
1399
+ }
1400
+
1401
+ [dir="ltr"] :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:not(.ck-disabled):after {
1402
+ left: -1px;
1403
+ }
1404
+
1405
+ [dir="rtl"] :is(.ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton:hover) > .ck-splitbutton__arrow:not(.ck-disabled):after {
1406
+ right: -1px;
1407
+ }
1408
+
1409
+ .ck.ck-splitbutton {
1410
+ font-size: inherit;
1411
+ }
1412
+
1413
+ .ck.ck-toolbar-dropdown .ck-toolbar {
1414
+ border: 0;
1415
+ }
1416
+
1417
+ :root {
1418
+ --ck-toolbar-dropdown-max-width: 60vw;
1419
+ }
1420
+
1421
+ .ck.ck-toolbar-dropdown > .ck-dropdown__panel {
1422
+ width: max-content;
1423
+ max-width: var(--ck-toolbar-dropdown-max-width);
1424
+ }
1425
+
1426
+ .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
1427
+ z-index: calc(var(--ck-z-default) + 1);
1428
+ }
1429
+
1430
+ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
1431
+ border-radius: var(--ck-rounded-corners-radius);
1432
+ border-top-left-radius: 0;
1433
+ }
1434
+
1435
+ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
1436
+ border-radius: var(--ck-rounded-corners-radius);
1437
+ border-top-left-radius: 0;
1438
+ border-bottom-right-radius: 0;
1439
+ border-bottom-left-radius: 0;
1440
+ }
1441
+
1442
+ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
1443
+ border-radius: var(--ck-rounded-corners-radius);
1444
+ border-top-left-radius: 0;
1445
+ border-top-right-radius: 0;
1446
+ }
1447
+
1448
+ .ck.ck-dropdown-menu-list__nested-menu {
1449
+ display: block;
1450
+ }
1451
+
1452
+ :root {
1453
+ --ck-dropdown-menu-menu-item-min-width: 18em;
1454
+ }
1455
+
1456
+ .ck.ck-dropdown-menu-list__nested-menu__item {
1457
+ min-width: var(--ck-dropdown-menu-menu-item-min-width);
1458
+ }
1459
+
1460
+ .ck-button.ck-dropdown-menu-list__nested-menu__item__button {
1461
+ border-radius: 0;
1462
+ }
1463
+
1464
+ .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container, .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
1465
+ --ck-toolbar-spinner-size: 20px;
1466
+ }
1467
+
1468
+ .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
1469
+ margin-left: calc(-1 * var(--ck-spacing-small));
1470
+ margin-right: var(--ck-spacing-small);
1471
+ }
1472
+
1473
+ .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
1474
+ box-shadow: none;
1475
+ border-color: #0000;
1476
+ }
1477
+
1478
+ .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
1479
+ background: var(--ck-color-button-default-hover-background);
1480
+ }
1481
+
1482
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
1483
+ width: 100%;
1484
+ padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
1485
+ border-radius: 0;
1486
+ }
1487
+
1488
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
1489
+ box-shadow: none;
1490
+ border-color: #0000;
1491
+ }
1492
+
1493
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
1494
+ background: var(--ck-color-button-default-hover-background);
1495
+ }
1496
+
1497
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
1498
+ text-overflow: ellipsis;
1499
+ flex-grow: 1;
1500
+ overflow: hidden;
1501
+ }
1502
+
1503
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
1504
+ opacity: var(--ck-disabled-opacity);
1505
+ }
1506
+
1507
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
1508
+ margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
1509
+ }
1510
+
1511
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
1512
+ width: var(--ck-dropdown-arrow-size);
1513
+ pointer-events: none;
1514
+ z-index: var(--ck-z-default);
1515
+ }
1516
+
1517
+ [dir="ltr"] :is(.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow) {
1518
+ right: var(--ck-spacing-standard);
1519
+ margin-left: var(--ck-spacing-standard);
1520
+ margin-right: calc(-1 * var(--ck-spacing-small));
1521
+ transform: rotate(-90deg);
1522
+ }
1523
+
1524
+ [dir="rtl"] :is(.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow) {
1525
+ left: var(--ck-spacing-standard);
1526
+ margin-right: var(--ck-spacing-small);
1527
+ margin-left: calc(-1 * var(--ck-spacing-small));
1528
+ transform: rotate(90deg);
1529
+ }
1530
+
1531
+ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
1532
+ opacity: var(--ck-disabled-opacity);
1533
+ }
1534
+
1535
+ [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
1536
+ padding-left: var(--ck-spacing-small);
1537
+ }
1538
+
1539
+ [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
1540
+ padding-right: var(--ck-spacing-small);
1541
+ }
1542
+
1543
+ :root {
1544
+ --ck-dropdown-menu-menu-panel-max-width: 75vw;
1545
+ }
1546
+
1547
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
1548
+ box-shadow: var(--ck-drop-shadow), 0 0;
1549
+ background: var(--ck-color-dropdown-panel-background);
1550
+ border: 1px solid var(--ck-color-dropdown-panel-border);
1551
+ height: fit-content;
1552
+ max-width: var(--ck-dropdown-menu-menu-panel-max-width);
1553
+ max-height: 314px;
1554
+ position: absolute;
1555
+ bottom: 0;
1556
+ overflow-y: auto;
1557
+ }
1558
+
1559
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:after, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:before {
1560
+ display: none;
1561
+ }
1562
+
1563
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
1564
+ border-top-left-radius: 0;
1565
+ }
1566
+
1567
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
1568
+ border-top-right-radius: 0;
1569
+ }
1570
+
1571
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
1572
+ border-bottom-left-radius: 0;
1573
+ }
1574
+
1575
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
1576
+ border-bottom-right-radius: 0;
1577
+ }
1578
+
1579
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
1580
+ outline: none;
1581
+ }
1582
+
1583
+ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
1584
+ z-index: calc(var(--ck-z-panel) + 1);
1585
+ }
1586
+
1587
+ :root {
1588
+ --ck-color-editable-blur-selection: #d9d9d9;
1589
+ }
1590
+
1591
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
1592
+ border-radius: var(--ck-rounded-corners-radius);
1593
+ border: 1px solid var(--ck-color-base-border);
1594
+ border-bottom-width: 0;
1595
+ border-bottom-right-radius: 0;
1596
+ border-bottom-left-radius: 0;
1597
+ }
1598
+
1599
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
1600
+ border-bottom-width: 1px;
1601
+ }
1602
+
1603
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
1604
+ border: 0;
1605
+ border-bottom: 1px solid var(--ck-color-base-border);
1606
+ }
1607
+
1608
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
1609
+ border: 0;
1610
+ }
1611
+
1612
+ .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
1613
+ border-radius: var(--ck-rounded-corners-radius);
1614
+ }
1615
+
1616
+ .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
1617
+ border: var(--ck-focus-ring);
1618
+ box-shadow: var(--ck-inner-shadow), 0 0;
1619
+ outline: none;
1620
+ }
1621
+
1622
+ .ck.ck-editor__editable_inline {
1623
+ padding: 0 var(--ck-spacing-standard);
1624
+ border: 1px solid #0000;
1625
+ overflow: auto;
1626
+ }
1627
+
1628
+ .ck.ck-editor__editable_inline[dir="ltr"] {
1629
+ text-align: left;
1630
+ }
1631
+
1632
+ .ck.ck-editor__editable_inline[dir="rtl"] {
1633
+ text-align: right;
1634
+ }
1635
+
1636
+ .ck.ck-editor__editable_inline > :first-child {
1637
+ margin-top: var(--ck-spacing-large);
1638
+ }
1639
+
1640
+ .ck.ck-editor__editable_inline > :last-child {
1641
+ margin-bottom: var(--ck-spacing-large);
1642
+ }
1643
+
1644
+ .ck.ck-editor__editable_inline.ck-blurred ::selection {
1645
+ background: var(--ck-color-editable-blur-selection);
1646
+ }
1647
+
1648
+ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]:after {
1649
+ border-bottom-color: var(--ck-color-panel-background);
1650
+ }
1651
+
1652
+ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]:after {
1653
+ border-top-color: var(--ck-color-panel-background);
1654
+ }
1655
+
1656
+ .ck.ck-form__row {
1657
+ padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
1658
+ flex-direction: row;
1659
+ justify-content: space-between;
1660
+ align-items: flex-start;
1661
+ display: flex;
1662
+ }
1663
+
1664
+ .ck.ck-form__row.ck-form__row_large-top-padding {
1665
+ padding-top: var(--ck-spacing-large);
1666
+ }
1667
+
1668
+ .ck.ck-form__row.ck-form__row_large-bottom-padding {
1669
+ padding-bottom: var(--ck-spacing-large);
1670
+ }
1671
+
1672
+ .ck.ck-form__row.ck-form__row_with-submit {
1673
+ flex-wrap: nowrap;
1674
+ }
1675
+
1676
+ .ck.ck-form__row.ck-form__row_with-submit > :not(:first-child) {
1677
+ margin-inline-start: var(--ck-spacing-standard);
1678
+ }
1679
+
1680
+ .ck.ck-form__row > .ck.ck-form__row {
1681
+ padding: 0;
1682
+ }
1683
+
1684
+ :root {
1685
+ --ck-form-header-height: 3.384em;
1686
+ }
1687
+
1688
+ .ck.ck-form__header {
1689
+ padding: var(--ck-spacing-small) var(--ck-spacing-large);
1690
+ height: var(--ck-form-header-height);
1691
+ line-height: var(--ck-form-header-height);
1692
+ border-bottom: 1px solid var(--ck-color-base-border);
1693
+ flex-flow: row;
1694
+ flex-shrink: 0;
1695
+ justify-content: space-between;
1696
+ align-items: center;
1697
+ display: flex;
1698
+ }
1699
+
1700
+ .ck.ck-form__header > .ck-icon {
1701
+ flex-shrink: 0;
1702
+ margin-inline-end: var(--ck-spacing-medium);
1703
+ }
1704
+
1705
+ .ck.ck-form__header .ck-form__header__label {
1706
+ --ck-font-size-base: 1.153em;
1707
+ font-weight: bold;
1708
+ }
1709
+
1710
+ .ck.ck-form__header:has(.ck-button-back.ck-hidden) {
1711
+ padding-inline: var(--ck-spacing-large) var(--ck-spacing-large);
1712
+ }
1713
+
1714
+ .ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
1715
+ padding-inline: var(--ck-spacing-small) var(--ck-spacing-small);
1716
+ }
1717
+
1718
+ .ck.ck-form__header > .ck-button-back {
1719
+ margin-inline-end: var(--ck-spacing-small);
1720
+ }
1721
+
1722
+ .ck.ck-form__header > .ck.ck-button {
1723
+ flex-shrink: 0;
1724
+ }
1725
+
1726
+ .ck.ck-form__header h2.ck-form__header__label {
1727
+ text-overflow: ellipsis;
1728
+ flex-grow: 1;
1729
+ overflow: hidden;
1730
+ }
1731
+
1732
+ :root {
1733
+ --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
1734
+ --ck-icon-font-size: .833335em;
1735
+ }
1736
+
1737
+ .ck.ck-icon {
1738
+ width: var(--ck-icon-size);
1739
+ height: var(--ck-icon-size);
1740
+ font-size: var(--ck-icon-font-size);
1741
+ cursor: inherit;
1742
+ }
1743
+
1744
+ .ck.ck-icon * {
1745
+ cursor: inherit;
1746
+ }
1747
+
1748
+ .ck.ck-icon.ck-icon_inherit-color {
1749
+ color: inherit;
1750
+ }
1751
+
1752
+ .ck.ck-icon.ck-icon_inherit-color * {
1753
+ color: inherit;
1754
+ }
1755
+
1756
+ .ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
1757
+ fill: currentColor;
1758
+ }
1759
+
1760
+ .ck.ck-icon {
1761
+ vertical-align: middle;
1762
+ }
1763
+
1764
+ :root {
1765
+ --ck-input-width: 18em;
1766
+ --ck-input-text-width: var(--ck-input-width);
1767
+ }
1768
+
1769
+ .ck.ck-input {
1770
+ border-radius: var(--ck-rounded-corners-radius);
1771
+ background: var(--ck-color-input-background);
1772
+ border: 1px solid var(--ck-color-input-border);
1773
+ padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
1774
+ min-width: var(--ck-input-width);
1775
+ min-height: var(--ck-ui-component-min-height);
1776
+ transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
1777
+ }
1778
+
1779
+ @media (prefers-reduced-motion: reduce) {
1780
+ .ck.ck-input {
1781
+ transition: none;
1782
+ }
1783
+ }
1784
+
1785
+ .ck.ck-input:focus {
1786
+ border: var(--ck-focus-ring);
1787
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
1788
+ outline: none;
1789
+ }
1790
+
1791
+ .ck.ck-input[readonly] {
1792
+ border: 1px solid var(--ck-color-input-disabled-border);
1793
+ background: var(--ck-color-input-disabled-background);
1794
+ color: var(--ck-color-input-disabled-text);
1795
+ }
1796
+
1797
+ .ck.ck-input[readonly]:focus {
1798
+ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
1799
+ }
1800
+
1801
+ .ck.ck-input.ck-error {
1802
+ border-color: var(--ck-color-input-error-border);
1803
+ animation: .3s both ck-input-shake;
1804
+ }
1805
+
1806
+ @media (prefers-reduced-motion: reduce) {
1807
+ .ck.ck-input.ck-error {
1808
+ animation: none;
1809
+ }
1810
+ }
1811
+
1812
+ .ck.ck-input.ck-error:focus {
1813
+ box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
1814
+ }
1815
+
1816
+ @keyframes ck-input-shake {
1817
+ 20% {
1818
+ transform: translateX(-2px);
1819
+ }
1820
+
1821
+ 40% {
1822
+ transform: translateX(2px);
1823
+ }
1824
+
1825
+ 60% {
1826
+ transform: translateX(-1px);
1827
+ }
1828
+
1829
+ 80% {
1830
+ transform: translateX(1px);
1831
+ }
1832
+ }
1833
+
1834
+ .ck-textarea {
1835
+ overflow-x: hidden;
1836
+ }
1837
+
1838
+ .ck.ck-label {
1839
+ font-weight: bold;
1840
+ display: block;
1841
+ }
1842
+
1843
+ .ck.ck-voice-label {
1844
+ display: none;
1845
+ }
1846
+
1847
+ :root {
1848
+ --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, .24, .95);
1849
+ --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
1850
+ --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
1851
+ --ck-labeled-field-label-default-position-y: calc(.6 * var(--ck-font-size-base));
1852
+ --ck-color-labeled-field-label-background: var(--ck-color-base-background);
1853
+ }
1854
+
1855
+ .ck.ck-labeled-field-view {
1856
+ border-radius: var(--ck-rounded-corners-radius);
1857
+ }
1858
+
1859
+ .ck.ck-labeled-field-view .ck.ck-label {
1860
+ display: block;
1861
+ position: absolute;
1862
+ }
1863
+
1864
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
1865
+ width: 100%;
1866
+ display: flex;
1867
+ }
1868
+
1869
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
1870
+ pointer-events: none;
1871
+ background: var(--ck-color-labeled-field-label-background);
1872
+ padding: 0 calc(.5 * var(--ck-font-size-tiny));
1873
+ line-height: initial;
1874
+ text-overflow: ellipsis;
1875
+ max-width: 100%;
1876
+ transition: transform var(--ck-labeled-field-view-transition),
1877
+ padding var(--ck-labeled-field-view-transition),
1878
+ background var(--ck-labeled-field-view-transition);
1879
+ font-weight: normal;
1880
+ top: 0;
1881
+ overflow: hidden;
1882
+ }
1883
+
1884
+ [dir="ltr"] :is(.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
1885
+ transform-origin: 0 0;
1886
+ transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
1887
+ left: 0;
1888
+ }
1889
+
1890
+ [dir="rtl"] :is(.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
1891
+ transform-origin: 100% 0;
1892
+ transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
1893
+ right: 0;
1894
+ }
1895
+
1896
+ @media (prefers-reduced-motion: reduce) {
1897
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
1898
+ transition: none;
1899
+ }
1900
+ }
1901
+
1902
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
1903
+ position: relative;
1904
+ }
1905
+
1906
+ .ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
1907
+ color: var(--ck-color-base-error);
1908
+ }
1909
+
1910
+ .ck.ck-labeled-field-view .ck-labeled-field-view__status {
1911
+ font-size: var(--ck-font-size-small);
1912
+ margin-top: var(--ck-spacing-small);
1913
+ white-space: normal;
1914
+ }
1915
+
1916
+ .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
1917
+ color: var(--ck-color-base-error);
1918
+ }
1919
+
1920
+ .ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
1921
+ color: var(--ck-color-input-disabled-text);
1922
+ }
1923
+
1924
+ [dir="ltr"] :is(.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
1925
+ transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
1926
+ }
1927
+
1928
+ [dir="rtl"] :is(.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label) {
1929
+ transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
1930
+ }
1931
+
1932
+ .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
1933
+ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
1934
+ background: none;
1935
+ padding: 0;
1936
+ }
1937
+
1938
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
1939
+ background: none;
1940
+ }
1941
+
1942
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
1943
+ opacity: 0;
1944
+ }
1945
+
1946
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
1947
+ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
1948
+ }
1949
+
1950
+ .ck.ck-labeled-field-view.ck-labeled-field-view_full-width {
1951
+ flex-grow: 1;
1952
+ }
1953
+
1954
+ .ck.ck-labeled-input .ck-labeled-input__status {
1955
+ font-size: var(--ck-font-size-small);
1956
+ margin-top: var(--ck-spacing-small);
1957
+ white-space: normal;
1958
+ }
1959
+
1960
+ .ck.ck-labeled-input .ck-labeled-input__status_error {
1961
+ color: var(--ck-color-base-error);
1962
+ }
1963
+
1964
+ .ck.ck-list {
1965
+ border-radius: var(--ck-rounded-corners-radius);
1966
+ background: var(--ck-color-list-background);
1967
+ padding: var(--ck-spacing-small) 0;
1968
+ -webkit-user-select: none;
1969
+ user-select: none;
1970
+ flex-direction: column;
1971
+ list-style-type: none;
1972
+ display: flex;
1973
+ }
1974
+
1975
+ .ck.ck-list .ck-list__item, .ck.ck-list .ck-list__separator {
1976
+ display: block;
1977
+ }
1978
+
1979
+ .ck.ck-list .ck-list__item > :focus {
1980
+ z-index: var(--ck-z-default);
1981
+ position: relative;
1982
+ }
1983
+
1984
+ .ck.ck-list__item {
1985
+ cursor: default;
1986
+ min-width: 15em;
1987
+ }
1988
+
1989
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
1990
+ padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
1991
+ min-height: unset;
1992
+ border-radius: 0;
1993
+ width: 100%;
1994
+ }
1995
+
1996
+ [dir="ltr"] :is(.ck.ck-list__item > .ck-button:not(.ck-list-item-button)) {
1997
+ text-align: left;
1998
+ }
1999
+
2000
+ [dir="rtl"] :is(.ck.ck-list__item > .ck-button:not(.ck-list-item-button)) {
2001
+ text-align: right;
2002
+ }
2003
+
2004
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
2005
+ line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
2006
+ }
2007
+
2008
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
2009
+ box-shadow: none;
2010
+ }
2011
+
2012
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on {
2013
+ background: var(--ck-color-list-button-on-background);
2014
+ color: var(--ck-color-list-button-on-text);
2015
+ }
2016
+
2017
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:active {
2018
+ box-shadow: none;
2019
+ }
2020
+
2021
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:hover:not(.ck-disabled) {
2022
+ background: var(--ck-color-list-button-on-background-focus);
2023
+ }
2024
+
2025
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:focus:not(.ck-disabled) {
2026
+ border-color: var(--ck-color-base-background);
2027
+ }
2028
+
2029
+ .ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
2030
+ background: var(--ck-color-list-button-hover-background);
2031
+ }
2032
+
2033
+ .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
2034
+ background: var(--ck-color-list-background);
2035
+ color: inherit;
2036
+ }
2037
+
2038
+ .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
2039
+ background: var(--ck-color-list-button-hover-background);
2040
+ color: inherit;
2041
+ }
2042
+
2043
+ .ck-list .ck-list__group {
2044
+ padding-top: var(--ck-spacing-medium);
2045
+ }
2046
+
2047
+ .ck-list .ck-list__group:first-child {
2048
+ padding-top: 0;
2049
+ }
2050
+
2051
+ :not(.ck-hidden) ~ :is(.ck-list .ck-list__group) {
2052
+ border-top: 1px solid var(--ck-color-base-border);
2053
+ }
2054
+
2055
+ .ck-list .ck-list__group > .ck-label {
2056
+ padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;
2057
+ font-size: 11px;
2058
+ font-weight: bold;
2059
+ }
2060
+
2061
+ .ck.ck-list__separator {
2062
+ background: var(--ck-color-base-border);
2063
+ width: 100%;
2064
+ height: 1px;
2065
+ margin: var(--ck-spacing-small) 0;
2066
+ }
2067
+
2068
+ :root {
2069
+ --ck-balloon-border-width: 1px;
2070
+ --ck-balloon-arrow-offset: 2px;
2071
+ --ck-balloon-arrow-height: 10px;
2072
+ --ck-balloon-arrow-half-width: 8px;
2073
+ --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
2074
+ --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
2075
+ }
2076
+
2077
+ .ck.ck-balloon-panel {
2078
+ border-radius: var(--ck-rounded-corners-radius);
2079
+ box-shadow: var(--ck-drop-shadow), 0 0;
2080
+ background: var(--ck-color-panel-background);
2081
+ border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
2082
+ min-height: 15px;
2083
+ z-index: var(--ck-z-panel);
2084
+ display: none;
2085
+ position: absolute;
2086
+ }
2087
+
2088
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
2089
+ content: "";
2090
+ border-style: solid;
2091
+ width: 0;
2092
+ height: 0;
2093
+ position: absolute;
2094
+ }
2095
+
2096
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
2097
+ z-index: var(--ck-balloon-panel-arrow-z-index);
2098
+ }
2099
+
2100
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
2101
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
2102
+ }
2103
+
2104
+ .ck.ck-balloon-panel[class*="arrow_n"]:before, .ck.ck-balloon-panel[class*="arrow_n"]:after {
2105
+ border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
2106
+ }
2107
+
2108
+ .ck.ck-balloon-panel[class*="arrow_n"]:before {
2109
+ border-color: transparent transparent var(--ck-color-panel-border) transparent;
2110
+ margin-top: calc(-1 * var(--ck-balloon-border-width));
2111
+ z-index: var(--ck-balloon-panel-arrow-z-index);
2112
+ }
2113
+
2114
+ .ck.ck-balloon-panel[class*="arrow_n"]:after {
2115
+ border-color: transparent transparent var(--ck-color-panel-background) transparent;
2116
+ margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
2117
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
2118
+ }
2119
+
2120
+ .ck.ck-balloon-panel[class*="arrow_s"]:before, .ck.ck-balloon-panel[class*="arrow_s"]:after {
2121
+ border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
2122
+ }
2123
+
2124
+ .ck.ck-balloon-panel[class*="arrow_s"]:before {
2125
+ border-color: var(--ck-color-panel-border) transparent transparent;
2126
+ filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
2127
+ margin-bottom: calc(-1 * var(--ck-balloon-border-width));
2128
+ z-index: var(--ck-balloon-panel-arrow-z-index);
2129
+ }
2130
+
2131
+ .ck.ck-balloon-panel[class*="arrow_s"]:after {
2132
+ border-color: var(--ck-color-panel-background) transparent transparent transparent;
2133
+ margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
2134
+ z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
2135
+ }
2136
+
2137
+ .ck.ck-balloon-panel[class*="arrow_e"]:before, .ck.ck-balloon-panel[class*="arrow_e"]:after {
2138
+ border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
2139
+ }
2140
+
2141
+ .ck.ck-balloon-panel[class*="arrow_e"]:before {
2142
+ border-color: transparent transparent transparent var(--ck-color-panel-border);
2143
+ margin-right: calc(-1 * var(--ck-balloon-border-width));
2144
+ }
2145
+
2146
+ .ck.ck-balloon-panel[class*="arrow_e"]:after {
2147
+ border-color: transparent transparent transparent var(--ck-color-panel-background);
2148
+ margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
2149
+ }
2150
+
2151
+ .ck.ck-balloon-panel[class*="arrow_w"]:before, .ck.ck-balloon-panel[class*="arrow_w"]:after {
2152
+ border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
2153
+ }
2154
+
2155
+ .ck.ck-balloon-panel[class*="arrow_w"]:before {
2156
+ border-color: transparent var(--ck-color-panel-border) transparent transparent;
2157
+ margin-left: calc(-1 * var(--ck-balloon-border-width));
2158
+ }
2159
+
2160
+ .ck.ck-balloon-panel[class*="arrow_w"]:after {
2161
+ border-color: transparent var(--ck-color-panel-background) transparent transparent;
2162
+ margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
2163
+ }
2164
+
2165
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after {
2166
+ margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
2167
+ left: 50%;
2168
+ top: calc(-1 * var(--ck-balloon-arrow-height));
2169
+ }
2170
+
2171
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after {
2172
+ left: calc(2 * var(--ck-balloon-arrow-half-width));
2173
+ top: calc(-1 * var(--ck-balloon-arrow-height));
2174
+ }
2175
+
2176
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after {
2177
+ right: calc(2 * var(--ck-balloon-arrow-half-width));
2178
+ top: calc(-1 * var(--ck-balloon-arrow-height));
2179
+ }
2180
+
2181
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after {
2182
+ margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
2183
+ left: 50%;
2184
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
2185
+ }
2186
+
2187
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after {
2188
+ left: calc(2 * var(--ck-balloon-arrow-half-width));
2189
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
2190
+ }
2191
+
2192
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after {
2193
+ right: calc(2 * var(--ck-balloon-arrow-half-width));
2194
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
2195
+ }
2196
+
2197
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after {
2198
+ margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
2199
+ right: 25%;
2200
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
2201
+ }
2202
+
2203
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after {
2204
+ margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
2205
+ left: 25%;
2206
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
2207
+ }
2208
+
2209
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after {
2210
+ margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
2211
+ right: 25%;
2212
+ top: calc(-1 * var(--ck-balloon-arrow-height));
2213
+ }
2214
+
2215
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after {
2216
+ margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
2217
+ left: 25%;
2218
+ top: calc(-1 * var(--ck-balloon-arrow-height));
2219
+ }
2220
+
2221
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after {
2222
+ right: calc(-1 * var(--ck-balloon-arrow-height));
2223
+ margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
2224
+ top: 50%;
2225
+ }
2226
+
2227
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after {
2228
+ left: calc(-1 * var(--ck-balloon-arrow-height));
2229
+ margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
2230
+ top: 50%;
2231
+ }
2232
+
2233
+ .ck.ck-balloon-panel.ck-balloon-panel_visible {
2234
+ display: block;
2235
+ }
2236
+
2237
+ .ck .ck-balloon-rotator__navigation {
2238
+ background: var(--ck-color-toolbar-background);
2239
+ border-bottom: 1px solid var(--ck-color-toolbar-border);
2240
+ padding: 0 var(--ck-spacing-small);
2241
+ align-items: center;
2242
+ display: flex;
2243
+ }
2244
+
2245
+ .ck .ck-balloon-rotator__navigation > * {
2246
+ margin-right: var(--ck-spacing-small);
2247
+ margin-top: var(--ck-spacing-small);
2248
+ margin-bottom: var(--ck-spacing-small);
2249
+ }
2250
+
2251
+ .ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
2252
+ margin-right: var(--ck-spacing-standard);
2253
+ margin-left: var(--ck-spacing-small);
2254
+ }
2255
+
2256
+ .ck .ck-balloon-rotator__navigation {
2257
+ justify-content: center;
2258
+ }
2259
+
2260
+ .ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
2261
+ box-shadow: none;
2262
+ }
2263
+
2264
+ .ck .ck-balloon-rotator__content .ck-toolbar {
2265
+ justify-content: center;
2266
+ }
2267
+
2268
+ :root {
2269
+ --ck-balloon-fake-panel-offset-horizontal: 6px;
2270
+ --ck-balloon-fake-panel-offset-vertical: 6px;
2271
+ }
2272
+
2273
+ .ck .ck-fake-panel div {
2274
+ box-shadow: var(--ck-drop-shadow), 0 0;
2275
+ background: var(--ck-color-panel-background);
2276
+ border: 1px solid var(--ck-color-panel-border);
2277
+ border-radius: var(--ck-border-radius);
2278
+ width: 100%;
2279
+ height: 100%;
2280
+ min-height: 15px;
2281
+ position: absolute;
2282
+ }
2283
+
2284
+ .ck .ck-fake-panel div:first-child {
2285
+ margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
2286
+ margin-top: var(--ck-balloon-fake-panel-offset-vertical);
2287
+ z-index: 2;
2288
+ }
2289
+
2290
+ .ck .ck-fake-panel div:nth-child(2) {
2291
+ margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
2292
+ margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
2293
+ z-index: 1;
2294
+ }
2295
+
2296
+ .ck .ck-fake-panel div:nth-child(3) {
2297
+ margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
2298
+ margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
2299
+ }
2300
+
2301
+ .ck .ck-fake-panel {
2302
+ z-index: calc(var(--ck-z-panel) - 1);
2303
+ position: absolute;
2304
+ }
2305
+
2306
+ .ck .ck-balloon-panel_arrow_s + .ck-fake-panel, .ck .ck-balloon-panel_arrow_se + .ck-fake-panel, .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
2307
+ --ck-balloon-fake-panel-offset-vertical: -6px;
2308
+ }
2309
+
2310
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
2311
+ box-shadow: var(--ck-drop-shadow), 0 0;
2312
+ z-index: var(--ck-z-panel);
2313
+ border-width: 0 1px 1px;
2314
+ border-top-left-radius: 0;
2315
+ border-top-right-radius: 0;
2316
+ position: fixed;
2317
+ top: 0;
2318
+ }
466
2319
 
467
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
468
- display: inline-block;
469
- }
470
-
471
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
472
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
473
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
474
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
475
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
476
- bottom: 100%;
477
- }
478
-
479
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
480
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
481
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
482
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
483
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
484
- /*
485
- * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
486
- * See https://github.com/ckeditor/ckeditor5/issues/1053.
487
- */
488
- top: 100%;
489
- bottom: auto;
490
- }
491
-
492
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
493
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
494
- left: 0px;
495
- }
496
-
497
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
498
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
499
- right: 0px;
500
- }
501
-
502
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
503
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
504
- /* Positioning panels relative to the center of the button */
505
- left: 50%;
506
- transform: translateX(-50%);
507
- }
508
-
509
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
510
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
511
- /* Positioning panels relative to the middle-west of the button */
512
- left: 75%;
513
- transform: translateX(-75%);
514
- }
515
-
516
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
517
- .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
518
- /* Positioning panels relative to the middle-east of the button */
519
- left: 25%;
520
- transform: translateX(-25%);
521
- }
522
-
523
- /*
524
- * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.
525
- * See https://github.com/ckeditor/ckeditor5/issues/7874
526
- */
527
- .ck.ck-toolbar .ck-dropdown__panel {
528
- z-index: calc( var(--ck-z-panel) + 1 );
2320
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
2321
+ position: absolute;
2322
+ top: auto;
529
2323
  }
530
2324
 
531
- /*
532
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
533
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
534
- */
2325
+ .ck.ck-autocomplete > .ck-search__results {
2326
+ border-radius: var(--ck-rounded-corners-radius);
2327
+ box-shadow: var(--ck-drop-shadow), 0 0;
2328
+ background: var(--ck-color-base-background);
2329
+ border: 1px solid var(--ck-color-dropdown-panel-border);
2330
+ min-width: auto;
2331
+ max-height: 200px;
2332
+ position: absolute;
2333
+ overflow-y: auto;
2334
+ }
535
2335
 
536
- .ck.ck-splitbutton {
537
- /* Enable font size inheritance, which allows fluid UI scaling. */
538
- font-size: inherit;
2336
+ .ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
2337
+ border-bottom-right-radius: 0;
2338
+ border-bottom-left-radius: 0;
2339
+ margin-bottom: -1px;
2340
+ bottom: 100%;
539
2341
  }
540
2342
 
541
- .ck.ck-splitbutton .ck-splitbutton__action:focus {
542
- z-index: calc(var(--ck-z-default) + 1);
543
- }
2343
+ .ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
2344
+ border-top-left-radius: 0;
2345
+ border-top-right-radius: 0;
2346
+ margin-top: -1px;
2347
+ top: 100%;
2348
+ bottom: auto;
2349
+ }
544
2350
 
2351
+ .ck.ck-autocomplete > .ck-search__results {
2352
+ z-index: var(--ck-z-panel);
2353
+ }
545
2354
 
546
- /*
547
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
548
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
549
- */
2355
+ .ck.ck-autocomplete {
2356
+ position: relative;
2357
+ }
550
2358
 
551
2359
  :root {
552
- --ck-toolbar-dropdown-max-width: 60vw;
2360
+ --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
553
2361
  }
554
2362
 
555
- .ck.ck-toolbar-dropdown > .ck-dropdown__panel {
556
- /* https://github.com/ckeditor/ckeditor5/issues/5586 */
557
- width: max-content;
558
- max-width: var(--ck-toolbar-dropdown-max-width);
2363
+ .ck.ck-search > .ck-labeled-field-view .ck-input {
2364
+ width: 100%;
559
2365
  }
560
2366
 
561
- .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
562
- z-index: calc(var(--ck-z-default) + 1);
563
- }
564
-
565
- /*
566
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
567
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
568
- */
2367
+ .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
2368
+ position: absolute;
2369
+ top: 50%;
2370
+ transform: translateY(-50%);
2371
+ }
569
2372
 
570
- .ck.ck-dropdown-menu-list__nested-menu {
571
- display: block;
2373
+ [dir="ltr"] :is(.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon) {
2374
+ left: var(--ck-spacing-medium);
572
2375
  }
573
2376
 
574
- /*
575
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
576
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
577
- */
2377
+ [dir="rtl"] :is(.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon) {
2378
+ right: var(--ck-spacing-medium);
2379
+ }
578
2380
 
579
- .ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
580
- pointer-events: none;
581
- z-index: var(--ck-z-default);
2381
+ .ck.ck-search > .ck-labeled-field-view .ck-search__reset {
2382
+ position: absolute;
2383
+ top: 50%;
2384
+ transform: translateY(-50%);
582
2385
  }
583
2386
 
584
- /*
585
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
586
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
587
- */
2387
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
2388
+ --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
2389
+ }
588
2390
 
589
- .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
590
- position: absolute;
591
- max-height: 314px; /* With the default settings, this is equal to 10 menu items. */
592
- overflow-y: auto;
593
- z-index: calc(var(--ck-z-panel) + 1);
2391
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
2392
+ opacity: .5;
2393
+ pointer-events: none;
594
2394
  }
595
2395
 
596
- /*
597
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
598
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
599
- */
2396
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
2397
+ width: 100%;
2398
+ }
600
2399
 
601
- .ck.ck-form__row {
602
- display: flex;
603
- flex-direction: row;
604
- justify-content: space-between;
605
- align-items: flex-start;
606
- padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
2400
+ [dir="ltr"] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input) {
2401
+ padding-left: var(--ck-search-field-view-horizontal-spacing);
607
2402
  }
608
2403
 
609
- .ck.ck-form__row.ck-form__row_large-top-padding {
610
- padding-top: var(--ck-spacing-large);
611
- }
2404
+ [dir="rtl"] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input):not(.ck-input-text_empty) {
2405
+ padding-left: var(--ck-search-field-view-horizontal-spacing);
2406
+ }
612
2407
 
613
- .ck.ck-form__row.ck-form__row_large-bottom-padding {
614
- padding-bottom: var(--ck-spacing-large);
615
- }
2408
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
2409
+ --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
2410
+ }
616
2411
 
617
- .ck.ck-form__row.ck-form__row_with-submit {
618
- flex-wrap: nowrap;
619
- }
2412
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
2413
+ --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
2414
+ }
620
2415
 
621
- .ck.ck-form__row.ck-form__row_with-submit > *:not(:first-child) {
622
- margin-inline-start: var(--ck-spacing-standard);
623
- }
2416
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
2417
+ opacity: .5;
2418
+ background: none;
2419
+ min-width: auto;
2420
+ min-height: auto;
2421
+ padding: 0;
2422
+ }
624
2423
 
625
- .ck.ck-form__row > .ck.ck-form__row {
626
- padding: 0;
627
- }
2424
+ [dir="ltr"] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset) {
2425
+ right: var(--ck-spacing-medium);
2426
+ }
628
2427
 
629
- /*
630
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
631
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
632
- */
2428
+ [dir="rtl"] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset) {
2429
+ left: var(--ck-spacing-medium);
2430
+ }
633
2431
 
634
- .ck.ck-form__header {
635
- display: flex;
636
- flex-direction: row;
637
- flex-wrap: nowrap;
638
- align-items: center;
639
- justify-content: space-between;
2432
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
2433
+ opacity: 1;
640
2434
  }
641
2435
 
642
- .ck.ck-form__header h2.ck-form__header__label {
643
- flex-grow: 1;
644
- text-overflow: ellipsis;
645
- overflow: hidden;
646
- }
2436
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
2437
+ width: 100%;
2438
+ }
647
2439
 
648
- /*
649
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
650
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
651
- */
2440
+ [dir="ltr"] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input):not(.ck-input-text_empty) {
2441
+ padding-right: var(--ck-search-field-view-horizontal-spacing);
2442
+ }
652
2443
 
653
- .ck.ck-icon {
654
- vertical-align: middle;
2444
+ [dir="rtl"] :is(.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input) {
2445
+ padding-right: var(--ck-search-field-view-horizontal-spacing);
655
2446
  }
656
2447
 
657
- /*
658
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
659
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
660
- */
2448
+ .ck.ck-search > .ck-search__results {
2449
+ min-width: 100%;
2450
+ }
661
2451
 
662
- .ck.ck-label {
663
- display: block;
2452
+ .ck.ck-search > .ck-search__results > .ck-search__info {
2453
+ width: 100%;
2454
+ padding: var(--ck-spacing-medium) var(--ck-spacing-large);
664
2455
  }
665
2456
 
666
- .ck.ck-voice-label {
667
- display: none;
2457
+ .ck.ck-search > .ck-search__results > .ck-search__info * {
2458
+ white-space: normal;
668
2459
  }
669
2460
 
670
- /*
671
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
672
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
673
- */
2461
+ .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
2462
+ font-weight: bold;
2463
+ display: block;
2464
+ }
674
2465
 
675
- .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
676
- display: flex;
677
- position: relative;
678
- }
2466
+ .ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
2467
+ margin-top: var(--ck-spacing-medium);
2468
+ }
679
2469
 
680
- .ck.ck-labeled-field-view .ck.ck-label {
681
- display: block;
682
- position: absolute;
683
- }
2470
+ .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
2471
+ display: none;
2472
+ }
684
2473
 
685
- /*
686
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
687
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
688
- */
2474
+ .ck.ck-highlighted-text mark {
2475
+ background: var(--ck-color-highlight-background);
2476
+ vertical-align: initial;
2477
+ font-weight: inherit;
2478
+ line-height: inherit;
2479
+ font-size: inherit;
2480
+ }
689
2481
 
690
- /*
691
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
692
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
693
- */
2482
+ .ck.ck-balloon-panel.ck-tooltip {
2483
+ --ck-balloon-border-width: 0px;
2484
+ --ck-balloon-arrow-offset: 0px;
2485
+ --ck-balloon-arrow-half-width: 4px;
2486
+ --ck-balloon-arrow-height: 4px;
2487
+ --ck-tooltip-text-padding: 4px;
2488
+ --ck-color-panel-background: var(--ck-color-tooltip-background);
2489
+ padding: 0 var(--ck-spacing-medium);
2490
+ box-shadow: none;
2491
+ -webkit-user-select: none;
2492
+ user-select: none;
2493
+ }
694
2494
 
695
- /**
696
- * Makes element unselectable.
697
- */
2495
+ .ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
2496
+ color: var(--ck-color-tooltip-text);
2497
+ font-size: .9em;
2498
+ line-height: 1.5;
2499
+ }
698
2500
 
699
- .ck.ck-list {
700
- -moz-user-select: none;
701
- -webkit-user-select: none;
702
- -ms-user-select: none;
703
- user-select: none;
2501
+ .ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
2502
+ white-space: break-spaces;
2503
+ padding: var(--ck-tooltip-text-padding) 0;
2504
+ max-width: 200px;
2505
+ display: inline-block;
2506
+ }
704
2507
 
705
- display: flex;
706
- flex-direction: column;
2508
+ .ck.ck-balloon-panel.ck-tooltip:before {
2509
+ display: none;
707
2510
  }
708
2511
 
709
- .ck.ck-list .ck-list__item,
710
- .ck.ck-list .ck-list__separator {
711
- display: block;
712
- }
2512
+ .ck.ck-balloon-panel.ck-tooltip {
2513
+ z-index: calc(var(--ck-z-dialog) + 100);
2514
+ }
713
2515
 
714
- /* Make sure that whatever child of the list item gets focus, it remains on the
715
- top. Thanks to that, styles like box-shadow, outline, etc. are not masked by
716
- adjacent list items. */
2516
+ :root {
2517
+ --ck-toolbar-spinner-size: 18px;
2518
+ }
717
2519
 
718
- .ck.ck-list .ck-list__item > *:focus {
719
- position: relative;
720
- z-index: var(--ck-z-default);
721
- }
2520
+ .ck.ck-spinner-container {
2521
+ width: var(--ck-toolbar-spinner-size);
2522
+ height: var(--ck-toolbar-spinner-size);
2523
+ animation: 1.5s linear infinite ck-spinner-rotate;
2524
+ display: block;
2525
+ }
722
2526
 
723
- /*
724
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
725
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
726
- */
2527
+ @media (prefers-reduced-motion: reduce) {
2528
+ .ck.ck-spinner-container {
2529
+ animation-duration: 3s;
2530
+ }
2531
+ }
727
2532
 
728
- :root {
729
- /* Make sure the balloon arrow does not float over its children. */
730
- --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
2533
+ .ck.ck-spinner-container {
2534
+ position: relative;
731
2535
  }
732
2536
 
733
- .ck.ck-balloon-panel {
734
- display: none;
735
- position: absolute;
2537
+ .ck.ck-spinner {
2538
+ width: var(--ck-toolbar-spinner-size);
2539
+ height: var(--ck-toolbar-spinner-size);
2540
+ border: 2px solid var(--ck-color-text);
2541
+ z-index: 1;
2542
+ border-top-color: #0000;
2543
+ border-radius: 50%;
2544
+ margin: 0 auto;
2545
+ position: absolute;
2546
+ top: 50%;
2547
+ left: 0;
2548
+ right: 0;
2549
+ transform: translateY(-50%);
2550
+ }
736
2551
 
737
- z-index: var(--ck-z-panel);
2552
+ @keyframes ck-spinner-rotate {
2553
+ to {
2554
+ transform: rotate(360deg);
2555
+ }
738
2556
  }
739
2557
 
740
- .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
741
- .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
742
- content: "";
743
- position: absolute;
744
- }
2558
+ .ck.ck-toolbar {
2559
+ border-radius: var(--ck-rounded-corners-radius);
2560
+ background: var(--ck-color-toolbar-background);
2561
+ padding: 0 var(--ck-spacing-small);
2562
+ border: 1px solid var(--ck-color-toolbar-border);
2563
+ -webkit-user-select: none;
2564
+ user-select: none;
2565
+ flex-flow: row;
2566
+ align-items: center;
2567
+ display: flex;
2568
+ }
745
2569
 
746
- .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
747
- z-index: var(--ck-balloon-panel-arrow-z-index);
748
- }
2570
+ .ck.ck-toolbar .ck.ck-toolbar__separator {
2571
+ height: var(--ck-icon-size);
2572
+ background: var(--ck-color-toolbar-border);
2573
+ width: 1px;
2574
+ min-width: 1px;
2575
+ margin-top: var(--ck-spacing-small);
2576
+ margin-bottom: var(--ck-spacing-small);
2577
+ display: inline-block;
2578
+ }
749
2579
 
750
- .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
751
- z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
752
- }
2580
+ .ck.ck-toolbar .ck.ck-toolbar__separator:first-child, .ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
2581
+ display: none;
2582
+ }
753
2583
 
754
- .ck.ck-balloon-panel[class*="arrow_n"]::before {
755
- z-index: var(--ck-balloon-panel-arrow-z-index);
756
- }
2584
+ .ck.ck-toolbar .ck-toolbar__line-break {
2585
+ flex-basis: 100%;
2586
+ height: 0;
2587
+ }
757
2588
 
758
- .ck.ck-balloon-panel[class*="arrow_n"]::after {
759
- z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
760
- }
2589
+ .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
2590
+ margin-right: var(--ck-spacing-small);
2591
+ }
761
2592
 
762
- .ck.ck-balloon-panel[class*="arrow_s"]::before {
763
- z-index: var(--ck-balloon-panel-arrow-z-index);
764
- }
2593
+ .ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
2594
+ display: none;
2595
+ }
765
2596
 
766
- .ck.ck-balloon-panel[class*="arrow_s"]::after {
767
- z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
768
- }
2597
+ .ck.ck-toolbar > .ck-toolbar__items {
2598
+ flex-flow: wrap;
2599
+ flex-grow: 1;
2600
+ align-items: center;
2601
+ display: flex;
2602
+ }
769
2603
 
770
- .ck.ck-balloon-panel.ck-balloon-panel_visible {
771
- display: block;
772
- }
2604
+ .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
2605
+ margin-top: var(--ck-spacing-small);
2606
+ margin-bottom: var(--ck-spacing-small);
2607
+ }
773
2608
 
774
- /*
775
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
776
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
777
- */
2609
+ .ck.ck-toolbar.ck-toolbar_vertical {
2610
+ padding: 0;
2611
+ }
778
2612
 
779
- .ck .ck-balloon-rotator__navigation {
780
- display: flex;
781
- align-items: center;
782
- justify-content: center;
2613
+ .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
2614
+ border-radius: 0;
2615
+ width: 100%;
2616
+ margin: 0;
783
2617
  }
784
2618
 
785
- /* Buttons inside a toolbar should be centered when rotator bar is wider.
786
- * See: https://github.com/ckeditor/ckeditor5-ui/issues/495
787
- */
788
- .ck .ck-balloon-rotator__content .ck-toolbar {
789
- justify-content: center;
2619
+ .ck.ck-toolbar.ck-toolbar_compact {
2620
+ padding: 0;
790
2621
  }
791
2622
 
792
- /*
793
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
794
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
795
- */
2623
+ .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
2624
+ margin: 0;
2625
+ }
796
2626
 
797
- .ck .ck-fake-panel {
798
- position: absolute;
2627
+ .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
2628
+ border-radius: 0;
2629
+ }
799
2630
 
800
- /* Fake panels should be placed under main balloon content. */
801
- z-index: calc(var(--ck-z-panel) - 1);
2631
+ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
2632
+ padding-left: var(--ck-spacing-tiny);
802
2633
  }
803
2634
 
804
- .ck .ck-fake-panel div {
805
- position: absolute;
2635
+ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
2636
+ display: none;
806
2637
  }
807
2638
 
808
- .ck .ck-fake-panel div:nth-child( 1 ) {
809
- z-index: 2;
2639
+ .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
2640
+ min-width: auto;
810
2641
  }
811
2642
 
812
- .ck .ck-fake-panel div:nth-child( 2 ) {
813
- z-index: 1;
2643
+ .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
2644
+ width: auto;
2645
+ max-width: 7em;
814
2646
  }
815
2647
 
816
- /*
817
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
818
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
819
- */
2648
+ .ck.ck-toolbar:focus {
2649
+ outline: none;
2650
+ }
820
2651
 
821
- .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
822
- z-index: var(--ck-z-panel); /* #315 */
823
- position: fixed;
824
- top: 0;
825
- }
2652
+ .ck-toolbar-container .ck.ck-toolbar {
2653
+ border: 0;
2654
+ }
826
2655
 
827
- .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
828
- top: auto;
829
- position: absolute;
830
- }
2656
+ .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
2657
+ flex-wrap: nowrap;
2658
+ }
831
2659
 
832
- /*
833
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
834
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
835
- */
2660
+ .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
2661
+ flex-direction: column;
2662
+ }
836
2663
 
837
- .ck.ck-autocomplete {
838
- position: relative;
2664
+ .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
2665
+ flex-wrap: nowrap;
839
2666
  }
840
2667
 
841
- .ck.ck-autocomplete > .ck-search__results {
842
- position: absolute;
843
- z-index: var(--ck-z-panel);
844
- }
2668
+ :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]) > .ck-toolbar__items > .ck {
2669
+ margin-right: 0;
2670
+ }
845
2671
 
846
- .ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
847
- bottom: 100%;
848
- }
2672
+ :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]):not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
2673
+ margin-left: var(--ck-spacing-small);
2674
+ }
849
2675
 
850
- .ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
851
- top: 100%;
852
- bottom: auto;
853
- }
2676
+ :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]) > .ck-toolbar__items > .ck:last-child {
2677
+ margin-left: 0;
2678
+ }
854
2679
 
855
- /*
856
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
857
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
858
- */
2680
+ :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]).ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
2681
+ border-top-left-radius: 0;
2682
+ border-bottom-left-radius: 0;
2683
+ }
859
2684
 
860
- /*
861
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
862
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
863
- */
2685
+ :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]).ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
2686
+ border-top-right-radius: 0;
2687
+ border-bottom-right-radius: 0;
2688
+ }
864
2689
 
865
- .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
866
- position: absolute;
867
- top: 50%;
868
- transform: translateY(-50%);
869
- }
2690
+ :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]) > .ck.ck-toolbar__separator, :is([dir="rtl"] .ck.ck-toolbar, .ck.ck-toolbar[dir="rtl"]).ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
2691
+ margin-left: var(--ck-spacing-small);
2692
+ }
870
2693
 
871
- [dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
872
- left: var(--ck-spacing-medium);
873
- }
2694
+ :is([dir="ltr"] .ck.ck-toolbar, .ck.ck-toolbar[dir="ltr"]) > .ck-toolbar__items > .ck:last-child {
2695
+ margin-right: 0;
2696
+ }
874
2697
 
875
- [dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
876
- right: var(--ck-spacing-medium);
877
- }
2698
+ :is([dir="ltr"] .ck.ck-toolbar, .ck.ck-toolbar[dir="ltr"]).ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
2699
+ border-top-right-radius: 0;
2700
+ border-bottom-right-radius: 0;
2701
+ }
878
2702
 
879
- .ck.ck-search > .ck-labeled-field-view .ck-search__reset {
880
- position: absolute;
881
- top: 50%;
882
- transform: translateY(-50%);
883
- }
2703
+ :is([dir="ltr"] .ck.ck-toolbar, .ck.ck-toolbar[dir="ltr"]).ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
2704
+ border-top-left-radius: 0;
2705
+ border-bottom-left-radius: 0;
2706
+ }
884
2707
 
885
- .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
886
- display: block;
887
- }
2708
+ :is([dir="ltr"] .ck.ck-toolbar, .ck.ck-toolbar[dir="ltr"]) > .ck.ck-toolbar__separator, :is([dir="ltr"] .ck.ck-toolbar, .ck.ck-toolbar[dir="ltr"]).ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
2709
+ margin-right: var(--ck-spacing-small);
2710
+ }
888
2711
 
889
- /* Hide the filtered view when nothing was found */
2712
+ :root {
2713
+ --ck-color-block-toolbar-button: var(--ck-color-text);
2714
+ --ck-block-toolbar-button-size: var(--ck-font-size-normal);
2715
+ }
890
2716
 
891
- .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
892
- display: none;
893
- }
2717
+ .ck.ck-block-toolbar-button {
2718
+ color: var(--ck-color-block-toolbar-button);
2719
+ font-size: var(--ck-block-toolbar-size);
2720
+ z-index: var(--ck-z-default);
2721
+ position: absolute;
2722
+ }
894
2723
 
895
- /*
896
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
897
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
898
- */
2724
+ .ck.ck-menu-bar {
2725
+ background: var(--ck-color-base-background);
2726
+ padding: var(--ck-spacing-small);
2727
+ justify-content: flex-start;
2728
+ gap: var(--ck-spacing-small);
2729
+ border: 1px solid var(--ck-color-toolbar-border);
2730
+ flex-wrap: wrap;
2731
+ width: 100%;
2732
+ display: flex;
2733
+ }
899
2734
 
900
- .ck.ck-highlighted-text mark {
901
- background: var(--ck-color-highlight-background);
902
- vertical-align: initial;
903
- font-weight: inherit;
904
- line-height: inherit;
905
- font-size: inherit;
2735
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
2736
+ width: 100%;
906
2737
  }
907
2738
 
908
- /*
909
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
910
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
911
- */
2739
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
2740
+ text-overflow: ellipsis;
2741
+ flex-grow: 1;
2742
+ overflow: hidden;
2743
+ }
912
2744
 
913
- /*
914
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
915
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
916
- */
2745
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
2746
+ opacity: var(--ck-disabled-opacity);
2747
+ }
917
2748
 
918
- /**
919
- * Makes element unselectable.
920
- */
2749
+ [dir="ltr"] :is(.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button):not(.ck-button_with-text) {
2750
+ padding-left: var(--ck-spacing-small);
2751
+ }
921
2752
 
922
- .ck.ck-balloon-panel.ck-tooltip {
923
- -moz-user-select: none;
924
- -webkit-user-select: none;
925
- -ms-user-select: none;
926
- user-select: none;
2753
+ [dir="rtl"] :is(.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button):not(.ck-button_with-text) {
2754
+ padding-right: var(--ck-spacing-small);
2755
+ }
927
2756
 
928
- z-index: calc( var(--ck-z-dialog) + 100 );
2757
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
2758
+ padding: var(--ck-spacing-small) var(--ck-spacing-medium);
2759
+ min-height: unset;
929
2760
  }
930
2761
 
931
- /*
932
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
933
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
934
- */
2762
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
2763
+ width: unset;
2764
+ line-height: unset;
2765
+ overflow: visible;
2766
+ }
935
2767
 
936
- :root {
937
- --ck-toolbar-spinner-size: 18px;
2768
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
2769
+ border-bottom-right-radius: 0;
2770
+ border-bottom-left-radius: 0;
938
2771
  }
939
2772
 
940
- .ck.ck-spinner-container {
941
- display: block;
942
- position: relative;
2773
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
2774
+ display: none;
943
2775
  }
944
2776
 
945
- .ck.ck-spinner {
946
- position: absolute;
947
- top: 50%;
948
- left: 0;
949
- right: 0;
950
- margin: 0 auto;
951
- transform: translateY(-50%);
952
- z-index: 1;
2777
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
2778
+ pointer-events: none;
2779
+ z-index: var(--ck-z-default);
953
2780
  }
954
2781
 
955
- /*
956
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
957
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
958
- */
2782
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
2783
+ border-radius: 0;
2784
+ }
959
2785
 
960
- /*
961
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
962
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
963
- */
2786
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
2787
+ width: var(--ck-dropdown-arrow-size);
2788
+ }
964
2789
 
965
- /**
966
- * Makes element unselectable.
967
- */
2790
+ [dir="ltr"] :is(.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow) {
2791
+ margin-left: var(--ck-spacing-standard);
2792
+ margin-right: calc(-1 * var(--ck-spacing-small));
2793
+ transform: rotate(-90deg);
2794
+ }
968
2795
 
969
- .ck.ck-toolbar {
970
- -moz-user-select: none;
971
- -webkit-user-select: none;
972
- -ms-user-select: none;
973
- user-select: none;
2796
+ [dir="rtl"] :is(.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow) {
2797
+ left: var(--ck-spacing-standard);
2798
+ margin-right: var(--ck-spacing-small);
2799
+ margin-left: calc(-1 * var(--ck-spacing-small));
2800
+ transform: rotate(90deg);
2801
+ }
974
2802
 
975
- display: flex;
976
- flex-flow: row nowrap;
977
- align-items: center;
2803
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
2804
+ opacity: var(--ck-disabled-opacity);
978
2805
  }
979
2806
 
980
- .ck.ck-toolbar > .ck-toolbar__items {
981
- display: flex;
982
- flex-flow: row wrap;
983
- align-items: center;
984
- flex-grow: 1;
2807
+ :root {
2808
+ --ck-menu-bar-menu-max-width: 75vw;
2809
+ --ck-menu-bar-nested-menu-horizontal-offset: 5px;
2810
+ }
985
2811
 
986
- }
2812
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
2813
+ border-radius: var(--ck-rounded-corners-radius);
2814
+ box-shadow: var(--ck-drop-shadow), 0 0;
2815
+ background: var(--ck-color-dropdown-panel-background);
2816
+ border: 1px solid var(--ck-color-dropdown-panel-border);
2817
+ height: fit-content;
2818
+ z-index: var(--ck-z-panel);
2819
+ max-width: var(--ck-menu-bar-menu-max-width);
2820
+ position: absolute;
2821
+ bottom: 0;
2822
+ }
987
2823
 
988
- .ck.ck-toolbar .ck.ck-toolbar__separator {
989
- display: inline-block;
2824
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
2825
+ border-top-left-radius: 0;
2826
+ }
990
2827
 
991
- /*
992
- * A leading or trailing separator makes no sense (separates from nothing on one side).
993
- * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
994
- * moved to another toolbar in the dropdown.
995
- */
996
- }
2828
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
2829
+ border-top-right-radius: 0;
2830
+ }
997
2831
 
998
- .ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
999
- .ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
1000
- display: none;
1001
- }
2832
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
2833
+ border-bottom-left-radius: 0;
2834
+ }
1002
2835
 
1003
- .ck.ck-toolbar .ck-toolbar__line-break {
1004
- flex-basis: 100%;
1005
- }
2836
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
2837
+ border-bottom-right-radius: 0;
2838
+ }
1006
2839
 
1007
- .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
1008
- flex-wrap: nowrap;
1009
- }
2840
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
2841
+ outline: none;
2842
+ }
1010
2843
 
1011
- .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
1012
- flex-direction: column;
1013
- }
2844
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
2845
+ bottom: 100%;
2846
+ }
1014
2847
 
1015
- .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
1016
- flex-wrap: nowrap;
1017
- }
2848
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
2849
+ top: 100%;
2850
+ bottom: auto;
2851
+ }
1018
2852
 
1019
- .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
1020
- display: none;
1021
- }
2853
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
2854
+ left: 0;
2855
+ }
1022
2856
 
1023
- /*
1024
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
1025
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
1026
- */
2857
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
2858
+ right: 0;
2859
+ }
1027
2860
 
1028
- .ck.ck-block-toolbar-button {
1029
- position: absolute;
1030
- z-index: var(--ck-z-default);
2861
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
2862
+ left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
1031
2863
  }
1032
2864
 
1033
- /*
1034
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
1035
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
1036
- */
2865
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
2866
+ top: 0;
2867
+ }
1037
2868
 
1038
- .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
1039
- pointer-events: none;
1040
- z-index: var(--ck-z-default);
1041
- }
2869
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
2870
+ bottom: 0;
2871
+ }
1042
2872
 
1043
- /*
1044
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
1045
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
1046
- */
2873
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
2874
+ right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
2875
+ }
1047
2876
 
1048
- :root {
1049
- --ck-menu-bar-menu-max-width: 75vw;
1050
- --ck-menu-bar-nested-menu-horizontal-offset: 5px;
2877
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
2878
+ top: 0;
1051
2879
  }
1052
2880
 
1053
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
1054
- z-index: var(--ck-z-panel);
1055
- max-width: var(--ck-menu-bar-menu-max-width);
1056
- position: absolute;
2881
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
2882
+ bottom: 0;
1057
2883
  }
1058
2884
 
1059
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
1060
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
1061
- bottom: 100%;
1062
- }
2885
+ .ck.ck-menu-bar .ck-list-item-button:focus, .ck.ck-menu-bar .ck-list-item-button:active {
2886
+ box-shadow: none;
2887
+ border-color: #0000;
2888
+ }
1063
2889
 
1064
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
1065
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
1066
- top: 100%;
1067
- bottom: auto;
1068
- }
2890
+ .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus, .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
2891
+ z-index: 2;
2892
+ border: var(--ck-focus-ring);
2893
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
2894
+ outline: none;
2895
+ position: relative;
2896
+ }
1069
2897
 
1070
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
1071
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
1072
- left: 0px;
1073
- }
2898
+ .ck.ck-menu-bar__menu {
2899
+ font-size: inherit;
2900
+ display: block;
2901
+ }
1074
2902
 
1075
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
1076
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
1077
- right: 0px;
1078
- }
2903
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
2904
+ max-width: 100%;
2905
+ }
1079
2906
 
1080
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
1081
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
1082
- left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
1083
- }
2907
+ .ck.ck-menu-bar__menu {
2908
+ position: relative;
2909
+ }
1084
2910
 
1085
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
1086
- top: 0px;
1087
- }
2911
+ :root {
2912
+ --ck-menu-bar-menu-item-min-width: 18em;
2913
+ }
1088
2914
 
1089
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
1090
- bottom: 0px;
1091
- }
2915
+ .ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
2916
+ min-width: var(--ck-menu-bar-menu-item-min-width);
2917
+ }
1092
2918
 
1093
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
1094
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
1095
- right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
1096
- }
2919
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
2920
+ border-radius: 0;
2921
+ }
1097
2922
 
1098
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
1099
- top: 0px;
1100
- }
2923
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container, .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
2924
+ --ck-toolbar-spinner-size: 20px;
2925
+ }
1101
2926
 
1102
- .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
1103
- bottom: 0px;
1104
- }
2927
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
2928
+ font-size: var(--ck-icon-font-size);
2929
+ }
1105
2930
 
1106
- /*
1107
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
1108
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
1109
- */
2931
+ [dir="ltr"] :is(.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container) {
2932
+ margin-right: var(--ck-spacing-medium);
2933
+ }
1110
2934
 
1111
- .ck.ck-menu-bar__menu {
1112
- display: block;
1113
- position: relative;
2935
+ [dir="rtl"] :is(.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container) {
2936
+ margin-left: var(--ck-spacing-medium);
1114
2937
  }
1115
2938
 
1116
2939
  /*# sourceMappingURL=index.css.map */