npm - @ckeditor/ckeditor5-revision-history - Versions diffs - 41.2.1 → 41.3.0-alpha.3 - Mend

@ckeditor/ckeditor5-revision-history 41.2.1 → 41.3.0-alpha.3

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 (183) hide show

package/build/revision-history.js +1 -1
package/dist/content-index.css +374 -0
package/dist/editor-index.css +742 -0
package/dist/index.css +1712 -0
package/dist/translations/af.d.ts +8 -0
package/dist/translations/af.js +23 -0
package/dist/translations/ar.d.ts +8 -0
package/dist/translations/ar.js +23 -0
package/dist/translations/az.d.ts +8 -0
package/dist/translations/az.js +23 -0
package/dist/translations/bg.d.ts +8 -0
package/dist/translations/bg.js +23 -0
package/dist/translations/bn.d.ts +8 -0
package/dist/translations/bn.js +23 -0
package/dist/translations/bs.d.ts +8 -0
package/dist/translations/bs.js +23 -0
package/dist/translations/ca.d.ts +8 -0
package/dist/translations/ca.js +23 -0
package/dist/translations/cs.d.ts +8 -0
package/dist/translations/cs.js +23 -0
package/dist/translations/da.d.ts +8 -0
package/dist/translations/da.js +23 -0
package/dist/translations/de-ch.d.ts +8 -0
package/dist/translations/de-ch.js +23 -0
package/dist/translations/de.d.ts +8 -0
package/dist/translations/de.js +23 -0
package/dist/translations/el.d.ts +8 -0
package/dist/translations/el.js +23 -0
package/dist/translations/en-au.d.ts +8 -0
package/dist/translations/en-au.js +23 -0
package/dist/translations/en-gb.d.ts +8 -0
package/dist/translations/en-gb.js +23 -0
package/dist/translations/en.d.ts +8 -0
package/dist/translations/en.js +23 -0
package/dist/translations/es-co.d.ts +8 -0
package/dist/translations/es-co.js +23 -0
package/dist/translations/es.d.ts +8 -0
package/dist/translations/es.js +23 -0
package/dist/translations/et.d.ts +8 -0
package/dist/translations/et.js +23 -0
package/dist/translations/fa.d.ts +8 -0
package/dist/translations/fa.js +23 -0
package/dist/translations/fi.d.ts +8 -0
package/dist/translations/fi.js +23 -0
package/dist/translations/fr.d.ts +8 -0
package/dist/translations/fr.js +23 -0
package/dist/translations/gl.d.ts +8 -0
package/dist/translations/gl.js +23 -0
package/dist/translations/he.d.ts +8 -0
package/dist/translations/he.js +23 -0
package/dist/translations/hi.d.ts +8 -0
package/dist/translations/hi.js +23 -0
package/dist/translations/hr.d.ts +8 -0
package/dist/translations/hr.js +23 -0
package/dist/translations/hu.d.ts +8 -0
package/dist/translations/hu.js +23 -0
package/dist/translations/id.d.ts +8 -0
package/dist/translations/id.js +23 -0
package/dist/translations/it.d.ts +8 -0
package/dist/translations/it.js +23 -0
package/dist/translations/ja.d.ts +8 -0
package/dist/translations/ja.js +23 -0
package/dist/translations/jv.d.ts +8 -0
package/dist/translations/jv.js +23 -0
package/dist/translations/ko.d.ts +8 -0
package/dist/translations/ko.js +23 -0
package/dist/translations/ku.d.ts +8 -0
package/dist/translations/ku.js +23 -0
package/dist/translations/lt.d.ts +8 -0
package/dist/translations/lt.js +23 -0
package/dist/translations/lv.d.ts +8 -0
package/dist/translations/lv.js +23 -0
package/dist/translations/ms.d.ts +8 -0
package/dist/translations/ms.js +23 -0
package/dist/translations/ne.d.ts +8 -0
package/dist/translations/ne.js +23 -0
package/dist/translations/nl.d.ts +8 -0
package/dist/translations/nl.js +23 -0
package/dist/translations/no.d.ts +8 -0
package/dist/translations/no.js +23 -0
package/dist/translations/pl.d.ts +8 -0
package/dist/translations/pl.js +23 -0
package/dist/translations/pt-br.d.ts +8 -0
package/dist/translations/pt-br.js +23 -0
package/dist/translations/pt.d.ts +8 -0
package/dist/translations/pt.js +23 -0
package/dist/translations/ro.d.ts +8 -0
package/dist/translations/ro.js +23 -0
package/dist/translations/ru.d.ts +8 -0
package/dist/translations/ru.js +23 -0
package/dist/translations/sk.d.ts +8 -0
package/dist/translations/sk.js +23 -0
package/dist/translations/sr-latn.d.ts +8 -0
package/dist/translations/sr-latn.js +23 -0
package/dist/translations/sr.d.ts +8 -0
package/dist/translations/sr.js +23 -0
package/dist/translations/sv.d.ts +8 -0
package/dist/translations/sv.js +23 -0
package/dist/translations/th.d.ts +8 -0
package/dist/translations/th.js +23 -0
package/dist/translations/tk.d.ts +8 -0
package/dist/translations/tk.js +23 -0
package/dist/translations/tr.d.ts +8 -0
package/dist/translations/tr.js +23 -0
package/dist/translations/tt.d.ts +8 -0
package/dist/translations/tt.js +23 -0
package/dist/translations/ug.d.ts +8 -0
package/dist/translations/ug.js +23 -0
package/dist/translations/uk.d.ts +8 -0
package/dist/translations/uk.js +23 -0
package/dist/translations/ur.d.ts +8 -0
package/dist/translations/ur.js +23 -0
package/dist/translations/vi.d.ts +8 -0
package/dist/translations/vi.js +23 -0
package/dist/translations/zh-cn.d.ts +8 -0
package/dist/translations/zh-cn.js +23 -0
package/dist/translations/zh.d.ts +8 -0
package/dist/translations/zh.js +23 -0
package/dist/types/augmentation.d.ts +33 -0
package/dist/types/changeitem.d.ts +62 -0
package/dist/types/editor/revisionviewereditor.d.ts +31 -0
package/dist/types/editor/revisionviewereditorui.d.ts +32 -0
package/dist/types/editor/revisionviewereditoruiview.d.ts +47 -0
package/dist/types/index.d.ts +19 -0
package/dist/types/revision.d.ts +157 -0
package/dist/types/revisiondiff.d.ts +28 -0
package/dist/types/revisionhistory.d.ts +103 -0
package/dist/types/revisionhistoryadapter.d.ts +68 -0
package/dist/types/revisionhistoryconfig.d.ts +75 -0
package/dist/types/revisionsrepository.d.ts +56 -0
package/dist/types/revisiontracker.d.ts +89 -0
package/dist/types/revisionviewer.d.ts +29 -0
package/dist/types/ui/revision/createrevisionactionsdropdown.d.ts +14 -0
package/dist/types/ui/revision/revisionauthorview.d.ts +9 -0
package/dist/types/ui/revision/revisionnameview.d.ts +9 -0
package/dist/types/ui/revision/revisionview.d.ts +99 -0
package/dist/types/ui/revision/subrevisioncollapserview.d.ts +25 -0
package/dist/types/ui/revision/subrevisionview.d.ts +38 -0
package/dist/types/ui/revision/utils.d.ts +9 -0
package/dist/types/ui/revisionhistory/revisionhistorysaverevisionformview.d.ts +85 -0
package/dist/types/ui/revisionhistory/revisionhistoryui.d.ts +30 -0
package/dist/types/ui/revisionssidebar/revisionssidebar.d.ts +48 -0
package/dist/types/ui/revisionssidebar/revisionssidebarheaderview.d.ts +9 -0
package/dist/types/ui/revisionssidebar/revisionssidebartimeperiodview.d.ts +33 -0
package/dist/types/ui/revisionssidebar/revisionssidebarview.d.ts +48 -0
package/dist/types/ui/revisionssidebar/utils.d.ts +13 -0
package/dist/types/ui/revisionviewer/changedetailsview.d.ts +26 -0
package/dist/types/ui/revisionviewer/changesnavigationview.d.ts +44 -0
package/dist/types/ui/revisionviewer/revisionviewerloadingoverlay.d.ts +30 -0
package/dist/types/ui/revisionviewer/revisionviewerui.d.ts +32 -0
package/dist/types/utils/common-translations.d.ts +15 -0
package/package.json +6 -5
package/src/changeitem.js +1 -1
package/src/editor/revisionviewereditor.js +1 -1
package/src/editor/revisionviewereditorui.js +1 -1
package/src/editor/revisionviewereditoruiview.js +1 -1
package/src/index.js +1 -1
package/src/revision.js +1 -1
package/src/revisiondiff.js +1 -1
package/src/revisionhistory.js +1 -1
package/src/revisionsrepository.js +1 -1
package/src/revisiontracker.js +1 -1
package/src/revisionviewer.js +1 -1
package/src/ui/revision/createrevisionactionsdropdown.js +1 -1
package/src/ui/revision/revisionauthorview.js +1 -1
package/src/ui/revision/revisionnameview.js +1 -1
package/src/ui/revision/revisionview.js +1 -1
package/src/ui/revision/subrevisioncollapserview.js +1 -1
package/src/ui/revision/subrevisionview.js +1 -1
package/src/ui/revision/utils.js +1 -1
package/src/ui/revisionhistory/revisionhistorysaverevisionformview.js +1 -1
package/src/ui/revisionhistory/revisionhistoryui.js +1 -1
package/src/ui/revisionssidebar/revisionssidebar.js +1 -1
package/src/ui/revisionssidebar/revisionssidebarheaderview.js +1 -1
package/src/ui/revisionssidebar/revisionssidebartimeperiodview.js +1 -1
package/src/ui/revisionssidebar/revisionssidebarview.js +1 -1
package/src/ui/revisionssidebar/utils.js +1 -1
package/src/ui/revisionviewer/changedetailsview.js +1 -1
package/src/ui/revisionviewer/changesnavigationview.js +1 -1
package/src/ui/revisionviewer/revisionviewerloadingoverlay.js +1 -1
package/src/ui/revisionviewer/revisionviewerui.js +1 -1
package/src/utils/common-translations.d.ts +1 -1
package/src/utils/common-translations.js +1 -1

package/dist/index.css ADDED Viewed

@@ -0,0 +1,1712 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-editor {
+	/* All the elements within `.ck-editor` are positioned relatively to it.
+	 If any element needs to be positioned with respect to the <body>, etc.,
+	 it must land outside of the `.ck-editor` in DOM. */
+	position: relative;
+}
+.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
+		/* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
+		z-index: var(--ck-z-panel);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root {
+	--ck-user-colors--0: hsla(235, 73%, 67%, 1);
+	--ck-user-colors--0-alpha: hsla(235, 73%, 67%, 0.15);
+	--ck-user-colors--1: hsla(173, 100%, 24%, 1);
+	--ck-user-colors--1-alpha: hsla(173, 100%, 24%, 0.15);
+	--ck-user-colors--2: hsla(0, 46%, 50%, 1);
+	--ck-user-colors--2-alpha: hsla(0, 46%, 50%, 0.15);
+	--ck-user-colors--3: hsla(256, 54%, 45%, 1);
+	--ck-user-colors--3-alpha: hsla(256, 54%, 45%, 0.15);
+	--ck-user-colors--4: hsla(95, 50%, 36%, 1);
+	--ck-user-colors--4-alpha: hsla(95, 50%, 36%, 0.15);
+	--ck-user-colors--5: hsla(336, 78%, 43%, 1);
+	--ck-user-colors--5-alpha: hsla(336, 78%, 43%, 0.15);
+	--ck-user-colors--6: hsla(0, 80%, 59%, 1);
+	--ck-user-colors--6-alpha: hsla(0, 80%, 59%, 0.15);
+	--ck-user-colors--7: hsla(184, 90%, 43%, 1);
+	--ck-user-colors--7-alpha: hsla(184, 90%, 43%, 0.15);
+	--ck-user-dot-size: 6px;
+}
+/* We are using mixins here because of lack of PostCSS loop plugin. */
+.ck .ck-user__color--0 {
+		color: var(--ck-user-colors--0);
+	}
+.ck .ck-user__bg-color--0 {
+		background-color: var(--ck-user-colors--0);
+	}
+.ck .ck-user__selection--0 {
+		background-color: var(--ck-user-colors--0-alpha);
+	}
+.ck .ck-user__selection--0.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--0);
+		}
+.ck .ck-user__marker--0,
+		.ck .ck-user__marker--0:after,
+		.ck .ck-user__marker--0 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--0);
+		}
+.ck .ck-user__marker--0 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--0);
+		}
+.ck .ck-user__color--1 {
+		color: var(--ck-user-colors--1);
+	}
+.ck .ck-user__bg-color--1 {
+		background-color: var(--ck-user-colors--1);
+	}
+.ck .ck-user__selection--1 {
+		background-color: var(--ck-user-colors--1-alpha);
+	}
+.ck .ck-user__selection--1.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--1);
+		}
+.ck .ck-user__marker--1,
+		.ck .ck-user__marker--1:after,
+		.ck .ck-user__marker--1 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--1);
+		}
+.ck .ck-user__marker--1 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--1);
+		}
+.ck .ck-user__color--2 {
+		color: var(--ck-user-colors--2);
+	}
+.ck .ck-user__bg-color--2 {
+		background-color: var(--ck-user-colors--2);
+	}
+.ck .ck-user__selection--2 {
+		background-color: var(--ck-user-colors--2-alpha);
+	}
+.ck .ck-user__selection--2.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--2);
+		}
+.ck .ck-user__marker--2,
+		.ck .ck-user__marker--2:after,
+		.ck .ck-user__marker--2 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--2);
+		}
+.ck .ck-user__marker--2 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--2);
+		}
+.ck .ck-user__color--3 {
+		color: var(--ck-user-colors--3);
+	}
+.ck .ck-user__bg-color--3 {
+		background-color: var(--ck-user-colors--3);
+	}
+.ck .ck-user__selection--3 {
+		background-color: var(--ck-user-colors--3-alpha);
+	}
+.ck .ck-user__selection--3.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--3);
+		}
+.ck .ck-user__marker--3,
+		.ck .ck-user__marker--3:after,
+		.ck .ck-user__marker--3 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--3);
+		}
+.ck .ck-user__marker--3 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--3);
+		}
+.ck .ck-user__color--4 {
+		color: var(--ck-user-colors--4);
+	}
+.ck .ck-user__bg-color--4 {
+		background-color: var(--ck-user-colors--4);
+	}
+.ck .ck-user__selection--4 {
+		background-color: var(--ck-user-colors--4-alpha);
+	}
+.ck .ck-user__selection--4.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--4);
+		}
+.ck .ck-user__marker--4,
+		.ck .ck-user__marker--4:after,
+		.ck .ck-user__marker--4 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--4);
+		}
+.ck .ck-user__marker--4 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--4);
+		}
+.ck .ck-user__color--5 {
+		color: var(--ck-user-colors--5);
+	}
+.ck .ck-user__bg-color--5 {
+		background-color: var(--ck-user-colors--5);
+	}
+.ck .ck-user__selection--5 {
+		background-color: var(--ck-user-colors--5-alpha);
+	}
+.ck .ck-user__selection--5.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--5);
+		}
+.ck .ck-user__marker--5,
+		.ck .ck-user__marker--5:after,
+		.ck .ck-user__marker--5 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--5);
+		}
+.ck .ck-user__marker--5 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--5);
+		}
+.ck .ck-user__color--6 {
+		color: var(--ck-user-colors--6);
+	}
+.ck .ck-user__bg-color--6 {
+		background-color: var(--ck-user-colors--6);
+	}
+.ck .ck-user__selection--6 {
+		background-color: var(--ck-user-colors--6-alpha);
+	}
+.ck .ck-user__selection--6.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--6);
+		}
+.ck .ck-user__marker--6,
+		.ck .ck-user__marker--6:after,
+		.ck .ck-user__marker--6 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--6);
+		}
+.ck .ck-user__marker--6 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--6);
+		}
+.ck .ck-user__color--7 {
+		color: var(--ck-user-colors--7);
+	}
+.ck .ck-user__bg-color--7 {
+		background-color: var(--ck-user-colors--7);
+	}
+.ck .ck-user__selection--7 {
+		background-color: var(--ck-user-colors--7-alpha);
+	}
+.ck .ck-user__selection--7.ck-widget {
+			background-color: transparent;
+			border: 3px solid var(--ck-user-colors--7);
+		}
+.ck .ck-user__marker--7,
+		.ck .ck-user__marker--7:after,
+		.ck .ck-user__marker--7 .ck-user__marker-dot {
+			background-color: var(--ck-user-colors--7);
+		}
+.ck .ck-user__marker--7 .ck-user__marker-line {
+			border: 1px solid var(--ck-user-colors--7);
+		}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * Makes element unselectable.
+ */
+:root {
+	--ck-user-avatar-size: 40px;
+	--ck-user-avatar-background: hsl(210, 52%, 44%);
+	--ck-user-avatar-color: hsl(0, 0%, 100%);
+	--ck-user-me-border-color: hsl(0, 0%, 100%);
+}
+.ck.ck-user {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+	border-radius: 50%;
+	background-color: var(--ck-user-avatar-background);
+	box-sizing: border-box;
+	height: var(--ck-user-avatar-size);
+	width: var(--ck-user-avatar-size);
+	min-width: var(--ck-user-avatar-size);
+	min-height: var(--ck-user-avatar-size);
+	line-height: 100%;
+	margin: 2px;
+}
+.ck.ck-user.ck-user_me {
+		border: 2px solid var(--ck-user-me-border-color);
+		outline: 2px solid var(--ck-user-avatar-background);
+	}
+.ck.ck-user__name {
+	color: var(--ck-user-avatar-color);
+	cursor: default;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+.ck.ck-user__name.ck-user__name--hidden {
+		display: none;
+	}
+.ck.ck-user__img {
+	display: none;
+	width: 100%;
+	height: 100%;
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-color: var(--ck-user-avatar-background);
+	border-radius: 50%;
+	border: none;
+}
+.ck.ck-user__img.ck-user__anonymous {
+		display: block;
+		background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.8%2020H2c0-5.7%205-5.7%206-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5%200-2.8%202-5.2%204.3-5.2S14%204.4%2014%207.3c0%202.2-1%204-2.6%205l.2.6c1.2%201.3%206%201.4%206%207H9.8z%22%2F%3E%0A%3C%2Fsvg%3E);
+		/* Do not display initials when user is anonymous. */
+	}
+.ck.ck-user__img.ck-user__anonymous + .ck-user__name {
+			display: none;
+		}
+.ck.ck-user__img.ck-user__avatar {
+		display: block;
+		/* In case if avatar is transparent make background white. */
+		background-color: hsl(0, 0%, 100%);
+	}
+.ck.ck-user__img.ck-user__img--hidden {
+		display: none;
+	}
+.ck.ck-user__notification {
+	display: flex;
+	width: 15px;
+	height: 15px;
+	justify-content: center;
+	align-items: center;
+	background: var(--ck-color-base-background);
+	border: 2px solid var(--ck-color-base-background);
+	border-radius: 50%;
+	box-sizing: content-box;
+	position: absolute;
+	top: -8px;
+	right: -7px;
+	overflow: hidden;
+	transform: translateZ(0);
+}
+.ck.ck-user__notification .ck-user__icon {
+		color: var(--ck-color-annotation-info);
+		background: var(--ck-color-base-background);
+		width: 19px;
+		height: 19px;
+		max-width: 19px;
+		max-height: 19px;
+		min-width: 19px;
+		min-height: 19px;
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root {
+	--ck-color-comment-box-border: hsl(55, 98%, 48%);
+	--ck-color-suggestion-box-deletion-border: hsl(345, 62%, 60%);
+	--ck-color-suggestion-box-insertion-border: hsl(128, 62%, 60%);
+	--ck-color-suggestion-box-format-border: hsl(191, 62%, 60%);
+}
+.ck .ck-suggestion {
+	border-top-left-radius: var(--ck-border-radius);
+}
+.ck .ck-annotation {
+	border-left: 3px solid transparent;
+}
+/* See: #3683.
+ * Inline Suggestion annotations that can't be commented on contains a scrollbar by default */
+.ck .ck-suggestion--disabled-comments .ck-annotation {
+	min-height: 80px;
+}
+/* See: #2459.
+With track-changes feature enabled, we need to distinguish various types of annotations (comments and suggestions). */
+.ck .ck-comment,
+.ck .ck-thread__comment-count,
+.ck .ck-comment__input-container,
+.ck .ck-thread__header {
+	border-left: 3px solid var(--ck-color-comment-box-border);
+}
+.ck .ck-suggestion-insertion .ck-suggestion {
+	border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-suggestion-deletion .ck-suggestion {
+	border-left-color: var(--ck-color-suggestion-box-deletion-border);
+}
+.ck .ck-suggestion-replace .ck-suggestion {
+	border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-suggestion-format .ck-suggestion {
+	border-left-color: var(--ck-color-suggestion-box-format-border);
+}
+.ck .ck-suggestion-wrapper {
+	outline: 0;
+	overflow: hidden;
+}
+.ck .ck-suggestion-type {
+	font-weight: bold;
+}
+.ck .ck-suggestion-color {
+	display: inline-block;
+	width: 14px;
+	height: 14px;
+	border-radius: 14px;
+	vertical-align: text-bottom;
+	margin: 0 5px;
+	box-shadow: 0 0 0 1px hsl(0, 0%, 27%);
+}
+/* Comments inside suggestion. */
+/* Handle comments inside suggestion keep same border-color. */
+.ck .ck-suggestion-insertion .ck-comment,
+.ck .ck-suggestion-insertion .ck-thread__comment-count,
+.ck .ck-suggestion-insertion .ck-comment__input-container,
+.ck .ck-suggestion-replace .ck-comment,
+.ck .ck-suggestion-replace .ck-thread__comment-count,
+.ck .ck-suggestion-replace .ck-comment__input-container {
+	border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-suggestion-deletion .ck-comment,
+.ck .ck-suggestion-deletion .ck-thread__comment-count,
+.ck .ck-suggestion-deletion .ck-comment__input-container {
+	border-left-color: var(--ck-color-suggestion-box-deletion-border);
+}
+.ck .ck-suggestion-format .ck-comment,
+.ck .ck-suggestion-format .ck-thread__comment-count,
+.ck .ck-suggestion-format .ck-comment__input-container {
+	border-left-color: var(--ck-color-suggestion-box-format-border);
+}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root {
+	--ck-color-suggestion-marker-insertion-border: hsla(128, 71%, 40%, .35);
+	--ck-color-suggestion-marker-insertion-border-active: hsla(128, 71%, 25%, .5);
+	--ck-color-suggestion-marker-insertion-background: hsla(128, 71%, 65%, .35);
+	--ck-color-suggestion-marker-insertion-background-active: hsla(128, 71%, 50%, .5);
+	--ck-color-suggestion-marker-deletion-border: hsla(345, 71%, 40%, .35);
+	--ck-color-suggestion-marker-deletion-border-active: hsla(345, 71%, 25%, .5);
+	--ck-color-suggestion-marker-deletion-background: hsla(345, 71%, 65%, .35);
+	--ck-color-suggestion-marker-deletion-background-active: hsla(345, 71%, 50%, .5);
+	--ck-color-suggestion-marker-deletion-stroke: hsla(345, 71%, 20%, .5);
+	--ck-color-suggestion-marker-format-border: hsla(191, 60%, 75%, 1);
+	--ck-color-suggestion-marker-format-border-active: hsla(191, 60%, 60%, 1);
+	--ck-color-suggestion-widget-insertion-background: hsla(128, 71%, 65%, .05);
+	--ck-color-suggestion-widget-insertion-background-active: hsla(128, 71%, 50%, .07);
+	--ck-color-suggestion-widget-deletion-background: hsla(345, 71%, 65%, .05);
+	--ck-color-suggestion-widget-deletion-background-active: hsla(345, 71%, 45%, .07);
+	--ck-color-suggestion-widget-format-background: hsla(191, 90%, 40%, .09);
+	--ck-color-suggestion-widget-format-background-active: hsla(191, 90%, 40%, .16);
+}
+.ck-content .ck-suggestion-marker-insertion {
+	border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+	border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+	background: var(--ck-color-suggestion-marker-insertion-background);
+}
+.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active {
+		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+		background: var(--ck-color-suggestion-marker-insertion-background-active);
+	}
+/* Disable background of marker inside widget. */
+.ck-content .ck-suggestion-marker-insertion.ck-widget {
+		background: none;
+		text-decoration: none;
+		border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+	}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-suggestion-marker--active {
+			border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+		}
+.ck-content .ck-suggestion-marker-deletion {
+	border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+	border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+	/* #2810. Safari doesn't support combined text-decoration values. */
+	text-decoration: line-through;
+	text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
+	text-decoration-thickness: 3px;
+	background: var(--ck-color-suggestion-marker-deletion-background);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active {
+		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+		background: var(--ck-color-suggestion-marker-deletion-background-active);
+	}
+/* Disable background of marker inside widget. */
+.ck-content .ck-suggestion-marker-deletion.ck-widget {
+		background: none;
+		text-decoration: none;
+		border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-suggestion-marker--active {
+			border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+		}
+.ck-content .ck-suggestion-marker-merge::after {
+		border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+		border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+		/* #2810. Safari doesn't support combined text-decoration values. */
+		text-decoration: line-through;
+		text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
+		background: var(--ck-color-suggestion-marker-deletion-background);
+		color: var(--ck-color-suggestion-marker-deletion-stroke);
+		content: '¶';
+	}
+.ck-content .ck-suggestion-marker-merge.ck-suggestion-marker--active::after {
+		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+		background: var(--ck-color-suggestion-marker-deletion-background-active);
+	}
+.ck-content .ck-suggestion-marker-split::after {
+		border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+		border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+		background: var(--ck-color-suggestion-marker-insertion-background);
+		color: var(--ck-color-suggestion-marker-insertion-border);
+		content: '¶';
+	}
+.ck-content .ck-suggestion-marker-split.ck-suggestion-marker--active::after {
+		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+		background: var(--ck-color-suggestion-marker-insertion-background-active);
+	}
+.ck-content .ck-suggestion-marker-formatInline {
+	border-top: 3px solid var(--ck-color-suggestion-marker-format-border);
+	border-bottom: 3px solid var(--ck-color-suggestion-marker-format-border);
+}
+.ck-content .ck-suggestion-marker-formatInline.ck-suggestion-marker--active {
+		border-color: var(--ck-color-suggestion-marker-format-border-active);
+	}
+.ck-content .ck-suggestion-marker-formatInline.ck-widget {
+		background: none;
+		border: 3px solid var(--ck-color-suggestion-marker-format-border);
+	}
+.ck-content .ck-suggestion-marker-formatInline.ck-widget.ck-suggestion-marker--active {
+			border-color: var(--ck-color-suggestion-marker-format-border-active);
+		}
+/* This is a tricky case.
+ * We can't use `border-left` because sticky marker to the element looks kinda ugly.
+ * We can't use `::before` pseudoelement because it requires `position: relative` of parent, which breaks side-image.
+ * We can't use `outline` because it's impossible to display only left side of outline.
+ * So... we need to use power of CSS hacks <3 and use doubled box-shadow.
+ */
+.ck-content .ck-suggestion-marker-formatBlock {
+	border: 0;
+	background: none;
+	box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
+}
+.ck-content .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
+		box-shadow: -5px 0 0 0 var(--ck-color-base-background), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
+	}
+.ck-content ul .ck-suggestion-marker-formatBlock,
+.ck-content ol .ck-suggestion-marker-formatBlock {
+	box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border);
+}
+.ck-content ul .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active, .ck-content ol .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
+		box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion {
+		background-color: var(--ck-color-suggestion-widget-deletion-background);
+		border: none;
+	}
+.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+		}
+.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion {
+		background-color: var(--ck-color-suggestion-widget-insertion-background);
+		border: none;
+	}
+.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.image {
+	background-color: var(--ck-color-suggestion-widget-deletion-background);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.image img {
+		opacity: 0.6;
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.image figcaption {
+		background-color: var(--ck-color-suggestion-widget-deletion-background);
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active figcaption {
+			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+		}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.image {
+	background-color: var(--ck-color-suggestion-widget-insertion-background);
+	/* stylelint-disable no-descending-specificity */
+}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.image figcaption {
+		background-color: var(--ck-color-suggestion-widget-insertion-background);
+	}
+/* stylelint-enable no-descending-specificity */
+.ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+	}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active figcaption {
+			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+		}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line {
+	background-color: var(--ck-color-suggestion-widget-deletion-background);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+	}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line {
+	background-color: var(--ck-color-suggestion-widget-insertion-background);
+}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck-content .ck-suggestion-marker-deletion.ck-widget.media {
+	background-color: var(--ck-color-suggestion-widget-deletion-background);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.media .ck-media__wrapper {
+		opacity: 0.6;
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.media.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+	}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.media {
+	background-color: var(--ck-color-suggestion-widget-insertion-background);
+}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.media.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck-content .ck-suggestion-marker-deletion.ck-widget.page-break {
+	background-color: var(--ck-color-suggestion-widget-deletion-background);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.page-break.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+	}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.page-break {
+	background-color: var(--ck-color-suggestion-widget-insertion-background);
+}
+.ck-content .ck-suggestion-marker-insertion.ck-widget.page-break.ck-suggestion-marker--active {
+		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root {
+	--ck-color-suggestion-widget-th-insertion-background: hsla(128, 71%, 65%, .12);
+	--ck-color-suggestion-widget-th-insertion-background-active: hsla(128, 71%, 50%, .14);
+	--ck-color-suggestion-widget-th-deletion-background: hsla(345, 71%, 65%, .14);
+	--ck-color-suggestion-widget-th-deletion-background-active: hsla(345, 71%, 45%, .16);
+}
+.ck-content figure.table .ck-suggestion-marker-formatBlock {
+	box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border);
+}
+.ck-content figure.table .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
+		box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
+	}
+.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion {
+		background-color: var(--ck-color-suggestion-widget-deletion-background);
+		border: none;
+	}
+.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+		}
+.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion {
+		background-color: var(--ck-color-suggestion-widget-insertion-background);
+		border: none;
+	}
+.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+		}
+.ck-content .ck-suggestion-marker-insertion.table {
+	border-color: var(--ck-color-suggestion-marker-insertion-border);
+}
+.ck-content .ck-suggestion-marker-insertion.table > figcaption {
+		background-color: var(--ck-color-suggestion-widget-insertion-background);
+	}
+.ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-insertion-background);
+			border-color: var(--ck-color-suggestion-marker-insertion-border);
+		}
+.ck-content .ck-suggestion-marker-insertion.table > table > thead > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-insertion-background);
+			border-color: var(--ck-color-suggestion-marker-insertion-border);
+		}
+.ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > td {
+			background-color: var(--ck-color-suggestion-widget-insertion-background);
+			border-color: var(--ck-color-suggestion-marker-insertion-border);
+		}
+.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table {
+	border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+}
+.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > figcaption {
+		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+	}
+.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
+			border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+		}
+.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > thead > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
+			border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+		}
+.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > td {
+			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+			border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.table  {
+	border-color: var(--ck-color-suggestion-marker-deletion-border);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.table > figcaption {
+		background-color: var(--ck-color-suggestion-widget-deletion-background);
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-deletion-background);
+			border-color: var(--ck-color-suggestion-marker-deletion-border);
+			text-decoration: none;
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > thead > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-deletion-background);
+			border-color: var(--ck-color-suggestion-marker-deletion-border);
+			text-decoration: none;
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > td {
+			background-color: var(--ck-color-suggestion-widget-deletion-background);
+			border-color: var(--ck-color-suggestion-marker-deletion-border);
+			text-decoration: none;
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table {
+	border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+}
+.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > figcaption {
+		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+	}
+.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
+			border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > thead > tr > th {
+			background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
+			border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+		}
+.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > td {
+			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+			border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+		}
+/*
+ * We need here at least 022 CSS Specificity because of table styles like `.ck-content .table table th { background: ... }
+ * See: https://github.com/ckeditor/ckeditor5-table/blob/master/theme/table.css#L29
+ */
+.ck-content .table th.ck-suggestion-marker-insertion {
+		background-color: var(--ck-color-suggestion-widget-th-insertion-background);
+	}
+.ck-content .table th.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
+		}
+.ck-content .table th.ck-suggestion-marker-deletion {
+		background-color: var(--ck-color-suggestion-widget-th-deletion-background);
+		text-decoration: none;
+	}
+.ck-content .table th.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
+		}
+.ck-content .table td.ck-suggestion-marker-insertion {
+		background-color: var(--ck-color-suggestion-widget-insertion-background);
+	}
+.ck-content .table td.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
+		}
+.ck-content .table td.ck-suggestion-marker-deletion {
+		background-color: var(--ck-color-suggestion-widget-deletion-background);
+		text-decoration: none;
+	}
+.ck-content .table td.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
+		}
+.ck-content .table th.ck-suggestion-marker-formatInline,
+	.ck-content .table td.ck-suggestion-marker-formatInline,
+	.ck-content .table th.ck-suggestion-marker-formatBlock,
+	.ck-content .table td.ck-suggestion-marker-formatBlock {
+		background-color: var(--ck-color-suggestion-widget-format-background);
+		box-shadow: none;
+	}
+.ck-content .table th.ck-suggestion-marker-formatInline.ck-suggestion-marker--active, .ck-content .table td.ck-suggestion-marker-formatInline.ck-suggestion-marker--active, .ck-content .table th.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active, .ck-content .table td.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
+			background-color: var(--ck-color-suggestion-widget-format-background-active);
+			box-shadow: none;
+		}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck-content pre > code.ck-suggestion-marker-formatBlock {
+	display: block;
+	box-shadow: -7px 0 0 0 hsl(0deg 0% 93%), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
+}
+.ck-content pre > code.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
+		box-shadow: -5px 0 0 0 hsl(0deg 0% 93%), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck {
+	--ck-revision-history-loading-overlay-transition-duration: .2s;
+	--ck-revision-history-loading-overlay-transition-delay: 0s;
+	--ck-revision-history-loading-overlay-spinner-rotation-duration: 1s;
+	--ck-revision-history-loading-overlay-spinner-size: 60px;
+	--ck-revision-history-loading-overlay-visible-background: hsla(0, 0%, 100%, 1);
+}
+.ck.ck-editor__editable::before, .ck.ck-editor__editable::after {
+		visibility: hidden;
+		transition: opacity var(--ck-revision-history-loading-overlay-transition-duration) ease;
+		opacity: 0;
+		content: '';
+		position: absolute;
+		transition-delay: 0;
+	}
+.ck.ck-editor__editable::before {
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background: var(--ck-revision-history-loading-overlay-visible-background);
+		z-index: var(--ck-z-default);
+	}
+.ck.ck-editor__editable::after {
+		box-sizing: border-box;
+		top: 50%;
+		left: 50%;
+		width: var(--ck-revision-history-loading-overlay-spinner-size);
+		height: var(--ck-revision-history-loading-overlay-spinner-size);
+		transform: translate(-50%, -50%);
+		border-radius: 50%;
+		border-top: 3px solid var(--ck-color-base-text);
+		border-right: 3px solid transparent;
+		animation: ck-revision-history-spinner-animation var(--ck-revision-history-loading-overlay-spinner-rotation-duration) linear infinite;
+		z-index: var(--ck-z-default);
+	}
+.ck.ck-editor__editable.ck-editor__editable__loading-overlay, .ck.ck-editor__editable.ck-editor__editable__overlay {
+		position: relative;
+		min-height: calc(var(--ck-revision-history-loading-overlay-spinner-size) + 2 * var(--ck-spacing-large));
+	}
+.ck.ck-editor__editable.ck-editor__editable__loading-overlay::before, .ck.ck-editor__editable.ck-editor__editable__overlay::before, .ck.ck-editor__editable.ck-editor__editable__loading-overlay::after, .ck.ck-editor__editable.ck-editor__editable__overlay::after {
+			visibility: visible;
+			opacity: .8;
+			transition-delay: var(--ck-revision-history-loading-overlay-transition-delay);
+		}
+.ck.ck-editor__editable.ck-editor__editable__overlay::after {
+			visibility: hidden;
+		}
+@keyframes ck-revision-history-spinner-animation {
+	/* Safari needs this 0deg step. */
+	from {
+		transform: translate(-50%, -50%) rotate(0deg);
+	}
+	to {
+		transform: translate(-50%, -50%) rotate(360deg);
+	}
+}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-revision-history-save-revision-form {
+	display: flex;
+	align-items: flex-start;
+	flex-direction: row;
+	flex-wrap: nowrap;
+}
+.ck.ck-revision-history-save-revision-form .ck-labeled-field-view {
+		display: inline-block;
+	}
+.ck.ck-revision-history-save-revision-form .ck-label {
+		display: none;
+	}
+@media screen and (max-width: 600px) {
+.ck.ck-revision-history-save-revision-form {
+		flex-wrap: wrap;
+}
+		.ck.ck-revision-history-save-revision-form .ck-labeled-field-view {
+			flex-basis: 100%;
+		}
+		.ck.ck-revision-history-save-revision-form .ck-button {
+			flex-basis: 50%;
+		}
+	}
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck-vertical-form .ck-button::after {
+		content: "";
+		width: 0;
+		position: absolute;
+		right: -1px;
+		top: -1px;
+		bottom: -1px;
+		z-index: 1;
+	}
+.ck-vertical-form .ck-button:focus::after {
+		display: none;
+	}
+@media screen and (max-width: 600px) {
+			.ck.ck-responsive-form .ck-button::after {
+				content: "";
+				width: 0;
+				position: absolute;
+				right: -1px;
+				top: -1px;
+				bottom: -1px;
+				z-index: 1;
+			}
+			.ck.ck-responsive-form .ck-button:focus::after {
+				display: none;
+			}
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-revision-history-sidebar__revision-name {
+	display: block;
+	font-size: 1.2em;
+	font-weight: bold;
+	position: relative;
+	left: calc(-1 * var(--ck-spacing-small));
+	margin-right: 30px;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-label {
+			display: none;
+		}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input {
+			padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
+			min-height: auto;
+			color: inherit;
+			font-family: inherit;
+			font-weight: bold;
+			font-size: var(--ck-font-size-normal);
+			min-width: auto;
+			width: 100%;
+			border-radius: var(--ck-border-radius);
+			transition: var(--ck-revision-history-revision-transitions);
+			background: transparent;
+			text-overflow: ellipsis;
+		}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input, .ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input:focus, .ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input[readonly] {
+				background: transparent;
+			}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input:not(.ck-input_focused) {
+				/* Only when the input is focused, it should look like an input. By default, it should not be obvious
+				that revision names are inputs. */
+				border-color: transparent;
+			}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input::placeholder {
+				/* The placeholder should be transparent to the users. When there is no name (whis is not mandatory),
+				the date is displayed instead of a name and it should look like this is normal. */
+				color: inherit;
+			}
+/* Don't put the selection in the revision name when clicking an unselected revision. This is annoying. */
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input[readonly] {
+				pointer-events: none;
+			}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-revision-history-sidebar__revision-author {
+	display: block;
+	position: relative;
+	transition: var(--ck-revision-history-revision-transitions);
+}
+.ck.ck-revision-history-sidebar__revision-author .ck-revision-history-sidebar__revision-author__name {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		width: 100%;
+		white-space: nowrap;
+		display: block;
+		font-weight: bold;
+	}
+.ck.ck-revision-history-sidebar__revision-author .ck-icon {
+		position: absolute;
+		left: calc(-1 * var(--ck-revision-history-revision-author-icon-offset));
+		top: 3px;
+		width: 11px;
+		height: 10px;
+	}
+.ck.ck-revision-history-sidebar__revision-author:not(:first-of-type) .ck-icon {
+		display: none;
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions {
+			display: none;
+			position: absolute;
+			top: var(--ck-spacing-small);
+			right: var(--ck-spacing-small);
+		}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
+				min-width: unset;
+				min-height: unset;
+			}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button .ck-button__icon {
+					transform: scale( .7 );
+				}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__arrow {
+				display: none;
+			}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-list__item__danger {
+				color: var(--ck-color-button-cancel);
+			}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
+					color: var(--ck-color-base-background);
+				}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover,
+					.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on {
+						background: var(--ck-color-base-active-focus);
+					}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover:hover, .ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on:hover {
+							filter: brightness(95%);
+						}
+/* stylelint-disable no-descending-specificity */
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover,
+					.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on {
+						background: var(--ck-revision-history-revision-highlighted-background-color-hover);
+					}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover:hover, .ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button.ck-on:hover {
+							filter: brightness(95%);
+						}
+/* stylelint-enable no-descending-specificity */
+.ck.ck-revision-history-sidebar__revision:hover:not(.ck-disabled) .ck-revision-history-sidebar__revision__actions,
+		.ck.ck-revision-history-sidebar__revision:not(.ck-disabled) .ck-revision-history-sidebar__revision__actions.ck-on {
+			display: block;
+		}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck {
+	--ck-revision-history-revision-background-color: var(--ck-color-base-background);
+	--ck-revision-history-revision-border-color: hsl(213deg 20% 35%);
+	--ck-revision-history-revision-box-shadow: 0 1px 1px 1px hsl(0deg 0% 90%);
+	--ck-revision-history-revision-author-icon-offset: 20px;
+	--ck-revision-history-revision-transitions: background 100ms ease-in, border 100ms ease-in;
+	--ck-revision-history-revision-selected-text-color: var(--ck-color-base-background);
+	--ck-revision-history-revision-selected-input-text-color-empty: var(--ck-color-base-background);
+	--ck-revision-history-revision-selected-background-color: var(--ck-color-base-active);
+	--ck-revision-history-revision-highlighted-background-color: hsl(208deg 100% 94%);
+	--ck-revision-history-revision-highlighted-background-color-hover: hsl(208deg 100% 90%);
+	--ck-revision-history-revision-delete-confirmation-background: hsl(0deg 100% 90%);
+	--ck-revision-history-revision-delete-confirmation-active-button-background: hsl(0deg 100% 85%);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
+		position: relative;
+		display: block;
+		background: var(--ck-revision-history-revision-background-color);
+		padding: var(--ck-spacing-large) calc(2 * var(--ck-spacing-standard));
+		border-radius: var(--ck-border-radius);
+		border-left: 3px solid var(--ck-revision-history-revision-border-color);
+		box-shadow: var(--ck-revision-history-revision-box-shadow);
+		width: 100%;
+		/*transition: var(--ck-revision-history-revision-transitions), transform .3s ease-in-out;*/
+		transition: transform .3s ease;
+	}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision:last-child {
+			margin-bottom: 0;
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__date {
+			display: block;
+			font-size: var(--ck-font-size-small);
+			font-weight: bold;
+			opacity: .8;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			width: 100%;
+			white-space: nowrap;
+			/*transition: var(--ck-revision-history-revision-transitions);*/
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__controls-wrapper {
+			display: flex;
+			flex-direction: row;
+			align-items: flex-start;
+			margin: var(--ck-spacing-standard) 0 0;
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision-authors {
+			padding: 0;
+			margin: 0 0 0 var(--ck-revision-history-revision-author-icon-offset);
+			flex: 0 1 auto;
+			min-width: 0;
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected,
+		.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted {
+			border-left-color: transparent;
+			transform: translateX(calc(-1 * var(--ck-revision-history-sidebar-timeline-padding)));
+			border-top-left-radius: 0;
+			border-bottom-left-radius: 0;
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected {
+			background: var(--ck-revision-history-revision-selected-background-color);
+			color: var(--ck-revision-history-revision-selected-text-color);
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision-name .ck-input {
+				color: var(--ck-revision-history-revision-selected-text-color);
+				/* The placeholder displays the date but without a different opacity it would not be unclear
+				whether this is an actual input value or not */
+			}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision-name .ck-input.ck-input-text_empty::placeholder {
+					opacity: .7;
+				}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted {
+			background: var(--ck-revision-history-revision-highlighted-background-color);
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__actions_dropdown_open {
+			z-index: var(--ck-z-default);
+		}
+/* Slide the revision to the left when the delete confirmation prompt shows up. */
+.ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision {
+			box-shadow: none;
+			position: relative;
+			transform: translate3d( -100%, 0, 0 );
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision, .ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision * {
+				--ck-revision-history-revision-background-color: transparent;
+				--ck-revision-history-revision-selected-background-color: transparent;
+				--ck-revision-history-revision-highlighted-background-color: transparent;
+			}
+/* A confirmation that shows up when attempting to delete a revision */
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-around;
+		align-items: center;
+		position: absolute;
+		top: 0;
+		left: 100%;
+		width: 100%;
+		height: 100%;
+		border-radius: var(--ck-border-radius);
+		box-shadow: var(--ck-revision-history-revision-box-shadow);
+		background: var(--ck-revision-history-revision-delete-confirmation-background);
+		user-select: none;
+	}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner {
+			text-align: center;
+			margin-top: var(--ck-spacing-small);
+			/* Confirmation message */
+		}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner p {
+				margin: 0;
+				font-weight: bold;
+				color: var(--ck-color-text);
+			}
+/* Confirmation buttons */
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions {
+				display: flex;
+				flex-direction: row;
+				justify-content: space-evenly;
+			}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:hover, .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:focus, .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:active {
+						background: var(--ck-revision-history-revision-delete-confirmation-active-button-background);
+					}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-submit {
+						color: var(--ck-color-button-save);
+					}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-cancel {
+						color: var(--ck-color-button-cancel);
+					}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__subrevisions {
+		margin-left: var(--ck-spacing-large);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck {
+	--ck-revision-history-sidebar-revision-vertical-spacing: calc(2 * var(--ck-spacing-standard));
+}
+.ck.ck-revision-history-sidebar__time-period {
+	width: 100%;
+}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__label {
+		background: var(--ck-revision-history-sidebar-period-background);
+		font-size: 9px;
+		font-weight: bold;
+		padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
+		border-radius: var(--ck-border-radius);
+		color: var(--ck-color-base-background);
+		text-transform: uppercase;
+	}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__label:first-child {
+			margin-top: var(--ck-spacing-standard);
+		}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__revisions {
+		display: flex;
+		flex-direction: column;
+	}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__revisions .ck-revision-history-sidebar__revision-wrapper {
+			margin-top: var(--ck-revision-history-sidebar-revision-vertical-spacing);
+		}
+.ck.ck-revision-history-sidebar__time-period:not(.ck-hidden) + .ck-revision-history-sidebar__time-period {
+		margin-top: var(--ck-revision-history-sidebar-revision-vertical-spacing);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-revision-history-sidebar__header {
+	--header-height: calc(var(--ck-ui-component-min-height) + 2 * var(--ck-spacing-small) + 1px);
+	height: var(--header-height);
+	min-height: var(--header-height);
+	line-height: var(--header-height);
+	border-bottom: 1px solid var(--ck-color-toolbar-border);
+	overflow: hidden;
+	font-family: inherit;
+	font-weight: bold;
+	color: inherit;
+	padding: 0 var(--ck-revision-history-sidebar-timeline-padding);
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+.ck.ck-revision-history-sidebar__header .ck-revision-history-sidebar__header__label {
+		font-family: inherit;
+		font-weight: bold;
+		color: inherit;
+		font-size: 1.2em;
+	}
+.ck.ck-revision-history-sidebar__header .ck-icon {
+		margin-right: var(--ck-spacing-large);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck {
+	--ck-revision-history-sidebar-period-background: hsl(14deg 100% 57%);
+	--ck-revision-history-sidebar-timeline-padding: var(--ck-spacing-large);
+}
+.ck.ck-revision-history-sidebar {
+	display: flex;
+	flex-direction: column;
+}
+.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline {
+		display: flex;
+		flex-direction: column;
+		align-items: start;
+		padding: var(--ck-revision-history-sidebar-timeline-padding);
+		font-size: var(--ck-font-size-base);
+		overflow-y: auto;
+		height: 100%;
+		/*
+		 * Required for the revision delete confirmation slide-to-the-left effect.
+		 * Without it, a h-scroll shows up for a while
+		 */
+		overflow-x: hidden;
+	}
+.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline.ck-disabled {
+			filter: grayscale(1) opacity(var(--ck-disabled-opacity));
+		}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation {
+	display: flex;
+	align-items: center;
+	margin-left: auto;
+}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__wrapper {
+		display: flex;
+		margin-right: var(--ck-spacing-standard);
+	}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__label {
+		font-weight: bold;
+		white-space: pre;
+	}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__navigation {
+		margin-left: var(--ck-spacing-small);
+	}
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+.ck .ck-revision-change {
+	padding: var(--ck-spacing-small) var(--ck-spacing-large);
+	border-top-left-radius: var(--ck-border-radius);
+	outline: 0;
+}
+.ck .ck-revision-change > * {
+		vertical-align: bottom;
+		font-size: var(--ck-font-size-standard);
+	}
+.ck .ck-revision-change.ck-revision-change__add {
+		border-left-color: var(--ck-color-suggestion-box-insertion-border);
+	}
+.ck .ck-revision-change.ck-revision-change__remove {
+		border-left-color: var(--ck-color-suggestion-box-deletion-border);
+	}
+.ck .ck-revision-change .ck-revision-change__label {
+		font-weight: bold;
+		font-size: inherit;
+		vertical-align: inherit;
+	}
+.ck.ck-button.ck-revision-history-ui__back-to-editing {
+		background: var(--ck-color-base-active);
+		color: var(--ck-color-base-background);
+	}
+.ck.ck-button.ck-revision-history-ui__back-to-editing:hover:not(.ck-disabled) {
+			background: var(--ck-color-base-active-focus);
+		}
+.ck-content .ck-suggestion-preview-marker { opacity: 0.75; }
+.ck-content .ck-suggestion-preview-marker-split { opacity: 0.75; }
+.ck-content .ck-suggestion-preview-marker-split::after { content: '¶'; }
+.ck-content .ck-suggestion-preview-marker-merge { opacity: 0.75; text-decoration: line-through; }
+.ck-content .ck-suggestion-preview-marker-merge::after { content: '¶'; }
+.ck-content .ck-suggestion-preview-marker-deletion { text-decoration: line-through; }
+.ck-content .ck-suggestion-marker-deletion-new:not(.ck-widget),
+	.ck-content .ck-suggestion-marker-merge-new {
+		--ck-color-suggestion-marker-deletion-border: none;
+		--ck-color-suggestion-marker-deletion-border-active: none;
+		--ck-color-suggestion-marker-deletion-background: none;
+		--ck-color-suggestion-marker-deletion-background-active: none;
+		--ck-color-suggestion-marker-deletion-stroke: hsla(345, 60%, 30%, .8);
+		--ck-color-suggestion-widget-deletion-background: hsla(345, 71%, 65%, .03);
+		--ck-color-suggestion-widget-deletion-background-active: hsla(345, 71%, 45%, .05);
+	}
+.ck-content .ck-suggestion-marker-merge-new::after {
+		color: inherit;
+	}
+.ck-content .ck-suggestion-marker-insertion-new,
+	.ck-content .ck-suggestion-marker-split-new {
+		opacity: 0.75;
+	}
+.ck-content .ck-suggestion-marker-deletion-new.ck-suggestion-marker--active:not(.table),
+	.ck-content .ck-suggestion-marker-merge-new.ck-suggestion-marker--active {
+		--ck-color-suggestion-marker-deletion-background-active: hsla(345, 71%, 50%, .08);
+		--ck-color-suggestion-marker-deletion-stroke: hsla(345, 60%, 30%, 1);
+		opacity: 1;
+	}
+.ck-content .ck-suggestion-marker-insertion-new.ck-suggestion-marker--active,
+	.ck-content .ck-suggestion-marker-split-new.ck-suggestion-marker--active {
+		opacity: 1;
+	}
+.ck.ck-editor__editable_inline.ck-revision-history-root-add {
+	border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+}
+.ck.ck-editor__editable_inline.ck-revision-history-root-add.ck-revision-history-root--active {
+		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+	}
+.ck.ck-editor__editable_inline.ck-revision-history-root-remove {
+	border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+}
+.ck.ck-editor__editable_inline.ck-revision-history-root-remove.ck-revision-history-root--active {
+		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+	}