@ckeditor/ckeditor5-comments 41.3.0-alpha.3 → 41.3.0

package/dist/index.css

@@ -1,1874 +0,0 @@
-/**
- * @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
- */
-/*
- * 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-marker: hsl(55, 98%, 83%);
-	--ck-color-comment-marker-active: hsl(55, 98%, 68%);
-}
-
-.ck-comment-marker {
-	background: var(--ck-color-comment-marker);
-
-	/* Match size with suggestion markers */
-	border-top: 3px solid transparent;
-	border-bottom: 3px solid transparent;
-
-	/* #152. In the image case, we change marker background to border. */
-}
-
-.ck-comment-marker.ck-widget {
-		background-color: transparent;
-		border: 3px solid var(--ck-color-comment-marker);
-	}
-
-.ck-comment-marker--active {
-	background: var(--ck-color-comment-marker-active);
-
-	/* See #2469. Inactive comment marker inside an active one should be highlighted too. */
-}
-
-.ck-comment-marker--active .ck-comment-marker {
-		background: var(--ck-color-comment-marker-active);
-	}
-
-.ck-comment-marker--active.ck-widget {
-		border-color: var(--ck-color-comment-marker-active);
-
-		/* See #2469. Inactive comment in a widget inside an active comment should not be highlighted. */
-	}
-
-.ck-comment-marker--active.ck-widget .ck-comment-marker {
-			background-color: var(--ck-color-comment-marker);
-		}
-
-/*
- * 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-comments-archive-dropdown.ck-dropdown__panel {
-		z-index: var( --ck-z-panel );
-	}
-
-.ck .ck-comments-archive {
-	width: 320px;
-	max-height: 450px;
-	box-sizing: content-box;
-}
-
-.ck .ck-comments-archive .ck-annotation {
-		animation: none;
-	}
-
-.ck .ck-comments-archive .ck-comments-archive__header, .ck .ck-comments-archive .ck-comments-archive__content {
-		overflow: auto;
-		max-height: 410px;
-		padding: var( --ck-spacing-large );
-	}
-
-.ck .ck-comments-archive .ck-comments-archive__header {
-		max-height: 40px;
-		line-height: var( --ck-font-size-base );
-		font-weight: bold;
-		border-bottom: 1px solid var( --ck-color-toolbar-border );
-	}
-
-.ck .ck-comments-archive .ck-comments-archive__content .ck-annotation-wrapper:not(:last-child) {
-			margin-bottom: var( --ck-spacing-large );
-		}
-
-.ck .ck-comments-archive .ck-comments-archive__info {
-		text-align: center;
-		font-style: italic;
-		color: var( --ck-color-annotation-info );
-	}
-
-/*
- * 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
- */
-
-:root {
-	--ck-color-comment-background: hsl(210, 52%, 97%);
-	--ck-color-comment-separator: hsl(210, 52%, 87%);
-	--ck-color-comment-remove-background: var(--ck-color-light-red);
-	--ck-color-comment-input-background: var(--ck-color-comment-background);
-}
-
-.ck .ck-comment__wrapper {
-	font-size: var(--ck-font-size-base);
-	position: relative;
-	outline: 0;
-	transition: all 300ms linear;
-}
-
-.ck .ck-comment__wrapper.ck-comment--remove-confirmation {
-		transform: translate3d( -100%, 0, 0 );
-	}
-
-.ck .ck-comment__wrapper:first-of-type {
-		border-top-right-radius: var(--ck-border-radius);
-		border-top-left-radius: var(--ck-border-radius);
-	}
-
-.ck .ck-comment::after {
-		content: '';
-		display: block;
-		position: absolute;
-		opacity: 1;
-		top: calc( var(--ck-user-avatar-size) + var(--ck-spacing-small) );
-		left: calc(
-			var(--ck-spacing-standard) + ( var(--ck-user-avatar-size) / 2 )
-
-			/* Half width of line. */
-			- 2px
-		);
-		width: 4px;
-		height: 100%;
-		background-color: var(--ck-color-comment-separator);
-	}
-
-.ck .ck-comment--remove {
-	background-color: var(--ck-color-comment-remove-background);
-}
-
-.ck .ck-comment--remove::after {
-		opacity: 0;
-	}
-
-.ck .ck-comment--edit {
-	background-color: var(--ck-color-comment-input-background);
-}
-
-.ck .ck-comment--edit::after {
-		opacity: 0;
-	}
-
-.ck .ck-comment--edit .ck-comment__input-actions {
-		margin-top: var(--ck-spacing-standard);
-	}
-
-.ck .ck-comment__content {
-	word-break: break-word;
-}
-
-.ck .ck-comment--info .ck-comment__content {
-		font-style: italic;
-	}
-
-/* Common styles for typography inside comment element and editable input.
-We are styling resetting list-style because of parent <ul> element. */
-.ck .ck-comment p, .ck .ck-comment__input p {
-		margin: 0;
-	}
-.ck .ck-comment ul,
-	.ck .ck-comment__input ul,
-	.ck .ck-comment ol,
-	.ck .ck-comment__input ol {
-		padding-left: 10px;
-		margin-left: 10px;
-	}
-.ck .ck-comment ul, .ck .ck-comment__input ul {
-		list-style: disc;
-		margin-bottom: 5px;
-		margin-top: 0;
-	}
-.ck .ck-comment ul ul, .ck .ck-comment__input ul ul {
-			list-style: circle;
-		}
-.ck .ck-comment ul ul ul, .ck .ck-comment__input ul ul ul {
-				list-style: square;
-			}
-
-.ck .ck-comment__main .ck-comment__input-wrapper {
-		display: flex;
-		flex-direction: column;
-		position: relative;
-		transition: all 300ms linear;
-	}
-
-.ck .ck-comment__main .ck-comment__input-wrapper .ck-comment__input {
-			padding: 0;
-		}
-
-.ck .ck-comment__user {
-	/* Display user above vertical line. */
-	z-index: var(--ck-z-default);
-}
-
-/* We need specificity 030 to beat styles in `commentinput.css`. */
-.ck-comment__input-actions .ck.ck-button.ck-comment__input-actions--submit {
-	background: var(--ck-color-base-action);
-	color: hsl(0, 0%, 100%);
-}
-.ck-comment__input-actions .ck.ck-button.ck-comment__input-actions--submit:hover {
-		background: var(--ck-color-button-save);
-	}
-
-.ck-comment__input-actions .ck.ck-button.ck-comment__input-actions--cancel {
-	color: var(--ck-color-text);
-}
-
-.ck .ck-comment__external {
-	font-style: italic;
-	color: var(--ck-color-annotation-info);
-	font-size: var(--ck-font-size-tiny);
-	margin-top: var(--ck-spacing-standard);
-}
-
-.ck .ck-comment .ck-dropdown .ck-dropdown__arrow {
-		display: none;
-	}
-
-.ck .ck-comment .ck-dropdown .ck-list {
-		margin: 0;
-		padding: 0;
-	}
-
-.ck .ck-comment .ck-dropdown .ck-list .ck-list__item {
-			font-size: 1.2em;
-			color: var(--ck-color-base-text);
-			min-width: auto;
-		}
-
-.ck .ck-comment .ck-dropdown .ck-list .ck-list__item .ck-button {
-				color: var(--ck-color-text);
-			}
-
-.ck .ck-comment .ck-dropdown .ck-list .ck-list__item .ck-button__label {
-				margin: 0 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
- */
-
-:root {
-	--ck-color-thread-remove-background: var(--ck-color-comment-remove-background);
-	--ck-color-comment-count: hsl(210, 52%, 57%);
-
-	--ck-color-thread-header-background: hsl(54, 88%, 93%);
-	--ck-color-thread-header-active-background: hsl(52, 100%, 83%);
-
-	--ck-color-unlinked-background: hsl(0, 0%, 96%);
-	--ck-color-unlinked-active-background: hsl(0, 0%, 92%);
-}
-
-.ck .ck-thread {
-	width: 100%;
-	color: var(--ck-color-base-text);
-	outline: 0;
-	background-color: var(--ck-color-base-background);
-	overflow: hidden;
-	transition: all 300ms ease;
-	border-radius: var(--ck-border-radius);
-}
-
-.ck .ck-thread__header {
-	display: flex;
-	justify-content: space-between;
-	line-height: 1.57;
-	padding: var(--ck-spacing-standard);
-	background-color: var(--ck-color-thread-header-background);
-	font-size: var(--ck-font-size-base);
-}
-
-.ck .ck-thread__header .ck-button {
-		font-size: var(--ck-annotation-button-size);
-	}
-
-.ck .ck-thread__header .ck-context-wrapper {
-		display: inline-flex;
-		width: 100%;
-		min-width: 0;
-		height: 25px;
-		position: relative;
-		padding-right: var(--ck-spacing-large);
-	}
-
-.ck .ck-thread__header .ck-context {
-		display: flex;
-		white-space: nowrap;
-		overflow: hidden;
-		width: 100%;
-		padding: var(--ck-spacing-small) var(--ck-spacing-medium);
-	}
-
-.ck .ck-thread__header .ck-context.ck-context--quotes::after, .ck .ck-thread__header .ck-context.ck-context--quotes::before {
-				display: inline-block;
-				content: '"';
-			}
-
-.ck .ck-thread__header .ck-context .ck-context__type {
-			font-weight: bold;
-			padding-right: var(--ck-spacing-standard);
-		}
-
-.ck .ck-thread__header .ck-context .ck-context__value {
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-
-.ck .ck-thread__header .ck-context.overlay {
-			display: inline-block;
-			position: absolute;
-			top: 0;
-			z-index: 2;
-
-			background: var(--ck-color-base-background);
-			box-shadow: 0 2px 3px hsla(0, 0%, 100%, 0.2);
-			border-radius: 2px;
-			white-space: normal;
-			box-sizing: border-box;
-		}
-
-.ck .ck-thread__comment-count {
-	/* Make avatar size in the comment smaller than in presence list. */
-	--ck-user-avatar-size: 28px;
-
-	padding-left: calc( var(--ck-user-avatar-size) + var(--ck-spacing-standard) * 2 );
-
-	color: var(--ck-color-comment-count);
-	font-size: var(--ck-font-size-base);
-	font-weight: bold;
-	cursor: pointer;
-
-	/* Keep similar transition like `ck-annotation`. */
-	transition: background-color 300ms ease;
-}
-
-.ck .ck-thread__comment-count::before {
-		content: '\25BC';
-		margin-right: var(--ck-spacing-small);
-	}
-
-.ck .ck-thread--remove .ck-comment {
-		background-color: var(--ck-color-comment-remove-background);
-	}
-
-.ck .ck-thread--remove .ck-thread__input--active {
-		background-color: var(--ck-color-base-background);
-	}
-
-.ck .ck-thread--remove .ck-thread__input--active.ck-thread__input {
-			background-color: var(--ck-color-comment-remove-background);
-		}
-
-.ck .ck-thread--remove .ck-thread__comment-count {
-		background-color: var(--ck-color-comment-remove-background);
-	}
-
-/* Handle visibility of vertical line below avatars. */
-
-.ck .ck-thread--remove .ck-comment__wrapper .ck-comment::after {
-			opacity: 0;
-		}
-
-/* Handle visibility of vertical line below avatars. */
-.ck .ck-thread__comments .ck-comment__wrapper:last-of-type .ck-comment::after {
-			opacity: 0;
-		}
-
-.ck .ck-thread__container {
-	transition: transform 300ms ease;
-}
-
-.ck .ck-thread__comments {
-	position: relative;
-	z-index: var(--ck-z-default);
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	border-radius: var(--ck-border-radius);
-}
-
-.ck .ck-thread__user {
-	font-size: 0.85em;
-}
-
-.ck .ck-thread__input {
-	/* #1829. Firefox is wrongly rendering flex container width 100% with overflowed (non-spaced) text. */
-	width: calc( 100% - var(--ck-user-avatar-size) );
-	white-space: normal;
-
-	transition: background-color 200ms ease-in-out;
-	border-radius: var(--ck-border-radius);
-
-	/*
-		This is equal to the height of the wrapper when the editor instance is loaded.
-		Editor instance is loaded _after_ the comment view is created,
-		so the min-height is set to avoid jitter.
-	*/
-	min-height: 38px;
-}
-
-.ck .ck-thread--active .ck-comment__options.ck-dropdown {
-		display: block;
-	}
-
-.ck .ck-thread--active .ck-thread__input {
-		display: block;
-		background-color: var(--ck-color-comment-background);
-	}
-
-.ck .ck-thread--active .ck-thread__header {
-		background-color: var(--ck-color-thread-header-active-background);
-	}
-
-.ck .ck-thread--unlinked {
-	--ck-color-comment-box-border: var(--ck-color-base-border);
-
-	--ck-color-thread-header-background: var(--ck-color-unlinked-background);
-	--ck-color-thread-header-active-background: var(--ck-color-unlinked-active-background);
-}
-
-.ck .ck-thread--remove-confirmation .ck-thread__container {
-		transform: translate3d( -100%, 0, 0 );
-	}
-
-/* We need specificity 020 to beat .ck.ck-button. */
-.ck.ck-button.ck-thread__remove-confirm-submit {
-	color: var(--ck-color-button-save);
-}
-
-.ck.ck-button.ck-thread__remove-confirm-cancel {
-	color: var(--ck-color-button-cancel);
-}
-
-.ck .ck-thread__remove-confirm {
-	font-size: var(--ck-font-size-base);
-	position: absolute;
-	display: flex;
-	justify-content: flex-start;
-	top: 0;
-	left: 100%;
-	width: 100%;
-	height: 100%;
-	background-color: var(--ck-color-comment-remove-background);
-}
-
-.ck .ck-thread__remove-confirm .ck-thread__remove-confirm-inner {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding-top: var(--ck-spacing-standard);
-		height: 100%;
-		width: 100%;
-
-		/* Maximum height of confirmation (in case with such long comment). */
-		max-height: 400px;
-	}
-
-.ck .ck-thread__remove-confirm p {
-		font-weight: bold;
-		margin: 0;
-	}
-
-/*
- * 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-comment__input-container {
-	/* Make avatar size in the comment smaller than in presence list. */
-	--ck-user-avatar-size: 28px;
-
-	font-size: var(--ck-font-size-base);
-
-	display: none;
-	padding: var(--ck-spacing-standard);
-	background: var(--ck-color-comment-background);
-}
-
-.ck .ck-comment__input-container--active {
-	display: flex;
-}
-
-.ck .ck-comment__input {
-	padding: var(--ck-spacing-standard);
-
-	/* To keep vertical align with avatar. */
-	padding-top: var(--ck-spacing-medium);
-
-	color: var(--ck-color-base-text);
-	border-width: 0;
-	resize: none;
-	background-color: transparent;
-	transition: color 300ms ease-in-out;
-}
-
-.ck .ck-comment__input:focus {
-		outline: none;
-	}
-
-.ck .ck-comment__input .ck-editor__editable_inline {
-		/* Disable default outline and border in editable input. */
-		--ck-focus-ring: none;
-		--ck-inner-shadow: none;
-
-		padding: 0;
-		overflow: visible;
-		border: 0;
-		background-color: transparent;
-		word-break: break-word;
-	}
-
-/* Overwrite default CKEditor 5 margin of editable children.
-See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. */
-.ck-comment__input-wrapper .ck.ck-editor__editable_inline *:first-child {
-	margin-top: 0;
-}
-.ck-comment__input-wrapper .ck.ck-editor__editable_inline *:last-child {
-	margin-bottom: 0;
-}
-
-.ck .ck-comment__input-actions {
-	width: 100%;
-	text-align: right;
-	display: none;
-}
-
-.ck .ck-comment__input-actions.ck-comment__input-actions--active {
-		display: block;
-	}
-
-.ck .ck-comment__input-actions .ck.ck-button {
-		/* Overwrite CK5 button default styles. */
-		display: inline-flex;
-		justify-content: center;
-		align-items: center;
-		cursor: pointer;
-		min-height: var(--ck-ui-component-min-height);
-		min-width: 60px;
-		font-size: var(--ck-annotation-button-size);
-		margin-left: var(--ck-spacing-large);
-		padding: 0 var(--ck-spacing-medium);
-	}
-
-.ck .ck-comment__input-actions .ck-button.ck-disabled {
-		opacity: .3;
-	}
-
-.ck .ck-comment__input-textarea {
-	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
- */
-
-/* Common styles for inline comment and inline suggestion. */
-
-:root {
-	--ck-inline-annotation-container-width: 300px;
-	--ck-inline-annotation-container-max-height: 400px;
-}
-
-.ck.ck-balloon-panel .ck-annotation-wrapper {
-	/* Override default `position: absolute`. */
-	position: static;
-
-	width: var(--ck-inline-annotation-container-width);
-	max-height: var(--ck-inline-annotation-container-max-height);
-
-	overflow-y: auto;
-
-	/* Get rid of scroll chaining. */
-	overscroll-behavior-y: contain;
-
-	/* We need to hide overflow in x-axis to prevent container stretching because of buttons tooltip. */
-	overflow-x: hidden;
-}
-
-.ck.ck-balloon-panel .ck-annotation {
-	/* We don't need fadeInLeft animation for inline annotations. */
-	animation: none;
-}
-
-.ck.ck-balloon-panel .ck-annotation-wrapper * {
-	/* Default `.ck.ck-reset_all *` has `white-space: nowrap` and display content in one line. */
-	white-space: normal;
-}
-
-/* Because `.ck.ck-reset_all *` is overriding default font property. */
-.ck.ck-balloon-panel .ck-annotation-wrapper strong {
-	font-weight: bold;
-}
-
-.ck.ck-balloon-panel .ck-annotation-wrapper i {
-	font-style: italic;
-}
-
-/*
- * 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-annotation-wrapper-background: hsl(0, 0%, 100%);
-	--ck-color-annotation-wrapper-drop-shadow: 0 1px 1px 1px hsl(0, 0%, 90%);
-}
-
-.ck.ck-sidebar {
-	position: relative;
-	transition: min-height 250ms ease;
-	outline: 0;
-}
-
-.ck-sidebar-item {
-	position: absolute;
-	width: 100%;
-	transition: top 300ms ease, box-shadow 300ms ease;
-}
-
-.ck-sidebar-item--no-animation {
-	transition: top 0s ease !important;
-}
-
-.ck.ck-annotation-wrapper {
-	outline: 0;
-	border-radius: var(--ck-border-radius);
-	background: var(--ck-color-annotation-wrapper-background);
-	box-shadow: var(--ck-color-annotation-wrapper-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active .ck-annotation__actions, .ck.ck-annotation-wrapper:hover .ck-annotation__actions {
-		opacity: 1;
-	}
-
-.ck.ck-annotation-wrapper--active .ck-annotation__actions .ck-comment--resolve, .ck.ck-annotation-wrapper:hover .ck-annotation__actions .ck-comment--resolve {
-			color: var(--ck-color-button-save);
-		}
-
-.ck.ck-annotation-wrapper--active .ck-suggestion--accept, .ck.ck-annotation-wrapper:hover .ck-suggestion--accept {
-		color: var(--ck-color-button-save)
-	}
-
-.ck.ck-annotation-wrapper--active .ck-suggestion--discard, .ck.ck-annotation-wrapper:hover .ck-suggestion--discard {
-		color: var(--ck-color-button-cancel)
-	}
-
-/* Handle case where annotation is inactive and users hover them. */
-.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover {
-	box-shadow: var(--ck-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active {
-	box-shadow: var(--ck-drop-shadow-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-annotation-counter-icon-size: 16px;
-	--ck-annotation-counter-number-size: 10px;
-	--ck-color-annotation-counter-comment: hsl(55, 98%, 48%);
-	--ck-color-annotation-counter-suggestion-insertion: hsl(128, 62%, 60%);
-	--ck-color-annotation-counter-suggestion-deletion: hsl(345, 62%, 60%);
-	--ck-color-annotation-counter-suggestion-format: hsl(191, 62%, 60%);
-}
-
-/* Center a annotation counter icon no matter of parent container width. */
-.ck.ck-sidebar--narrow .ck-sidebar-item {
-	display: flex;
-	justify-content: center;
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter {
-	/* Let's reduce icon size a bit. */
-	font-size: var(--ck-annotation-counter-icon-size);
-
-	/* Reduce default `.ck-button` min-height which is 2.3em, bigger than current icon. */
-	min-height: unset;
-	padding: 0;
-
-	cursor: pointer;
-	color: hsl(0, 0%, 50%);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter:hover,
-.ck.ck-sidebar--narrow .ck-annotation-counter:focus {
-	background: transparent;
-	box-shadow: none;
-	color: hsl(0, 0%, 30%);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge {
-	border-radius: 50%;
-	position: absolute;
-	width: 16px;
-	height: 16px;
-	background: hsl(0, 0%, 20%);
-	font-weight: bold;
-	color: hsl(0, 0%, 100%);
-	font-size: var(--ck-annotation-counter-number-size);
-	font-family: var(--ck-font-face);
-	right: 0;
-	top: -6px;
-
-	/* Improve visibility of counter number. */
-	text-shadow: -1px 0 2px hsl(0, 0%, 27%), 1px 0 2px hsl(0, 0%, 27%);
-
-	/* Display number perfectly center of circle. */
-	display: flex;
-	justify-content: center;
-
-	/* We can't use here `align-items: center` because we need to edit `line-height` for edit mode case. */
-	line-height: 16px;
-
-	/* To display above comment icon. */
-	z-index: 1;
-}
-
-/* When annotation is in edit mode, center `...` differently. */
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--edit-mode {
-	line-height: 1;
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-insertion,
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-replace {
-	background: var(--ck-color-annotation-counter-suggestion-insertion);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-deletion {
-	background: var(--ck-color-annotation-counter-suggestion-deletion);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-format {
-	background: var(--ck-color-annotation-counter-suggestion-format);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--comment {
-	background: var(--ck-color-annotation-counter-comment);
-}
-
-/*
- * 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
- */
-
-/* Common styles for single comment and single suggestion. */
-:root {
-	--ck-color-annotation-icon: hsl(0, 0%, 50%);
-	--ck-color-annotation-info: hsl(0, 0%, 46%);
-
-	--ck-annotation-button-size: 0.85em;
-}
-
-.ck .ck-annotation {
-	/* Make avatar size in the comment smaller than in presence list. */
-	--ck-user-avatar-size: 28px;
-
-	font-size: var(--ck-font-size-base);
-
-	display: flex;
-	position: relative;
-	animation: fadeInLeft 300ms;
-	transition: background-color 300ms ease;
-	padding: var(--ck-spacing-standard);
-	white-space: normal;
-}
-
-.ck .ck-annotation .ck-button {
-		/* Overwrite CK5 button default styles. */
-		background-color: transparent;
-		min-width: unset;
-		min-height: unset;
-		cursor: pointer;
-		color: var(--ck-color-annotation-icon);
-		border-radius: var(--ck-border-radius);
-		font-size: var(--ck-annotation-button-size);
-	}
-
-.ck .ck-annotation .ck-user {
-		font-size: 0.85em;
-	}
-
-.ck .ck-annotation__main {
-	display: grid;
-	grid-template-areas:
-		"info actions"
-		"content content";
-	grid-template-columns: minmax(0, 1fr) auto;
-
-	/* #1829. Firefox is wrongly rendering flex container width 100% with overflowed (non-spaced) text. */
-	width: calc( 100% - var(--ck-user-avatar-size) );
-
-	transition: all 200ms ease;
-	border-radius: var(--ck-border-radius);
-	padding-left: var(--ck-spacing-standard);
-}
-
-.ck .ck-annotation__main p {
-	margin: 0;
-
-	/* We need it to prevent `.ck.ck-reset` ovverride. */
-	white-space: normal;
-	font-size: var(--ck-font-size-base);
-
-	/* TODO: refactor this value later. */
-	line-height: 1.5em;
-}
-
-.ck .ck-annotation__user {
-	margin-top: var(--ck-spacing-small);
-}
-
-.ck .ck-annotation__info {
-	grid-area: info;
-
-	display: flex;
-	align-items: center;
-	color: var(--ck-color-annotation-info);
-
-	/* #156. Edit & remove icon are higher than plain text with the same font-size, so we need to take care if icons are hidden. */
-	min-height: 2.4em;
-}
-
-.ck .ck-annotation__info-name,
-.ck .ck-annotation__info-time {
-	font-weight: bold;
-	white-space: nowrap;
-	overflow: hidden;
-
-	/* We need it to prevent `.ck.ck-reset` ovverride. */
-	color: var(--ck-color-annotation-info);
-	font-size: var(--ck-font-size-small);
-}
-
-.ck .ck-annotation__info-name {
-	text-overflow: ellipsis;
-}
-
-.ck .ck-annotation__info-time {
-	flex: 0 0 auto;
-
-	margin: 0 var(--ck-spacing-large);
-}
-
-.ck.ck-balloon-panel .ck-annotation-wrapper .ck-annotation__info-name,
-.ck.ck-balloon-panel .ck-annotation-wrapper .ck-annotation__info-time {
-	white-space: nowrap;
-}
-
-.ck .ck-annotation__actions {
-	grid-area: actions;
-
-	transition: opacity 200ms ease;
-	opacity: 0.5;
-}
-
-/* Because of display flex, we need to strech out annotation content to 100%. */
-.ck .ck-annotation__content-wrapper {
-	grid-area: content;
-
-	width: 100%;
-}
-
-@keyframes fadeInLeft {
-	from {
-		transform: translate3d( -5%, 0, 0 );
-		opacity: 0;
-	}
-
-	to {
-		transform: translate3d( 0, 0, 0 );
-		opacity: 1;
-	}
-}