ckeditor5-premium-features/dist/ckeditor5-premium-features-editor.css

Premium features for CKEditor 5.

/**
 * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root{
	--ck-ai-form-submit-button-text-color:var(--ck-color-text);
	--ck-ai-form-submit-button-border-color:transparent;
	--ck-ai-form-submit-button-disabled-border-color:transparent;
	--ck-ai-toolbar-button-hover-color:var(--ck-color-text);
	--ck-color-ai-selection:hsla(201, 100%, 56%, 0.3);
}
.ck-ai-assistant-ui_theme{
	--ck-color-button-default-hover-background:hsl(262.1,100%,96.3%);
	--ck-color-button-default-active-background:hsl(262.1,100%,96.3%);

	--ck-color-button-on-background:hsl(262.1,100%,96.3%);
	--ck-color-button-on-hover-background:hsl(262.1,100%,96.3%);
	--ck-color-button-on-active-background:hsl(262.1,100%,96.3%);
	--ck-color-button-on-disabled-background:hsl(262.1,100%,96.3%);
	--ck-color-button-on-color:hsl(263.2,59.2%,52%);

	--ck-color-button-action-background:hsl(263.2,59.2%,52%);
	--ck-color-button-action-hover-background:hsl(262.6,58.9%,49.6%);
	--ck-color-button-action-active-background:hsl(262.6,58.9%,49.6%);
	--ck-color-button-action-disabled-background:hsl(263.8,59.3%,75.9%);

	--ck-color-list-button-hover-background:hsl(262.1,100%,96.3%);

	--ck-ai-form-content-background:hsl(0,0%,97.6%);
	--ck-ai-form-submit-button-text-color:var(--ck-color-button-on-color);
	--ck-ai-form-submit-button-border-color:var(--ck-color-button-action-background);
	--ck-ai-form-submit-button-disabled-border-color:var(--ck-color-button-action-disabled-background);
	--ck-ai-toolbar-button-hover-color:var(--ck-color-button-on-color);

	--ck-color-ai-selection:hsl(262.5,60%,90%);
}
.ck-ai-commands-dropdown > .ck-button:hover,
.ck-ai-assistant-button:hover{
	color:var(--ck-ai-toolbar-button-hover-color);
}
.ck span.ck-fake-ai-selection{
	background:var(--ck-color-ai-selection);
}

.ck .ck-widget.ck-fake-ai-selection{
	outline-color:var(--ck-color-ai-selection);
}
.ck span.ck-fake-ai-selection-candidate{
	background:var(--ck-color-ai-selection);
}
.ck .ck-fake-ai-selection_collapsed{
	height:100%;
	border-right:1px solid var(--ck-color-base-text);
	margin-right:-1px;
	outline:solid 1px hsla(0, 0%, 100%, .5);
}
.ck.ck-content.ck-ai-form__content-field h2{
		font-size:1.3em;
	}
.ck.ck-content.ck-ai-form__content-field h3{
		font-size:1.2em;
	}
.ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6{
		font-size:1.1em;
	}
.ck.ck-content.ck-ai-form__content-field h2, .ck.ck-content.ck-ai-form__content-field h3, .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6, .ck.ck-content.ck-ai-form__content-field p, .ck.ck-content.ck-ai-form__content-field ul, .ck.ck-content.ck-ai-form__content-field ol{
		margin-block-start:.5em;
		margin-block-end:.5em;
		line-height:1.7em;
	}
.ck.ck-content.ck-ai-form__content-field > :first-child{
		margin-top:0;
	}
.ck.ck-content.ck-ai-form__content-field > :last-child{
		margin-bottom:0;
	}

:root{
	--ck-ai-dropdown-view-width:250px;
	--ck-ai-dropdown-view-list-max-height:250px;
}

.ck.ck-ai-commands-search{
	width:var(--ck-ai-dropdown-view-width);
}

.ck.ck-ai-commands-search > .ck-labeled-field-view{
		padding:var(--ck-spacing-large);
	}

.ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input{
			min-width:unset;
		}

.ck.ck-ai-commands-search > .ck-search__results{
		border-top:1px solid var(--ck-color-base-border);
	}

.ck.ck-ai-commands-search > .ck-search__results > .ck-list{
			max-height:var(--ck-ai-dropdown-view-list-max-height);
			overflow:auto;
		}

:root{
	--ck-ai-form-view-width:600px;
	--ck-ai-form-content-height:175px;
	--ck-ai-form-content-background:hsl(0, 0%, 98%);
	--ck-ai-form-history-font-size:.9em;

	--ck-ai-form-error-background:var(--ck-color-light-red);
}
.ck .ck-ai-form{
	width:var(--ck-ai-form-view-width);
	max-width:100%;
}
@media screen and (max-width: 600px){
.ck .ck-ai-form{
		--ck-ai-form-view-width:100vw;
}
	}
.ck .ck-ai-form .ck-ai-form-content{
		padding:var(--ck-spacing-large);
		width:100%;
	}
.ck .ck-ai-form .ck-ai-form-content .ck-input{
			width:100%;
		}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper{
			width:100%;
			max-height:var(--ck-ai-form-content-height);
			overflow-y:auto;
			border:1px solid var(--ck-color-base-border);
			border-radius:2px;
		}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus{
				outline:none;
				border:var(--ck-focus-ring);
				box-shadow:var(--ck-focus-outer-shadow), 0 0;
			}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area{
			display:flex;
			background-color:var(--ck-ai-form-content-background);
		}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing{
				--ck-color-text:var(--ck-color-input-disabled-text);
				background-color:var(--ck-color-input-disabled-background);
			}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field{
				width:100%;
				white-space:normal;
				padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
				min-height:calc( var(--ck-line-height-base) * var(--ck-font-size-base));
				box-sizing:content-box;
			}
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field{
					padding-right:0;
	}
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field{
					padding-left:0;
	}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > *{
					white-space:normal;
					color:inherit;
				}
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container{
					margin-right:var(--ck-spacing-medium);
	}
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container{
					margin-left:var(--ck-spacing-medium);
	}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper{
				display:flex;
				flex-direction:column-reverse;
				padding-left:2px;
			}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button{
				position:sticky;
				right:1px;
				bottom:1px;
				padding:4px;
				min-height:unset;
				min-width:unset;
			}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg{
					--ck-icon-size:16px;
				}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied{
					color:inherit;
				}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar{
			border:none;
			padding:0;
			margin-top:var(--ck-spacing-medium);
			margin-bottom:calc( 2 * var(--ck-spacing-medium));
		}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader{
			display:flex;
			align-items:center;
		}
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner{
				box-sizing:border-box;
			}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete{
			display:flex;
			justify-content:space-between;
		}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view{
				flex-grow:1;
			}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit{

				border-color:var(--ck-ai-form-submit-button-border-color);
				color:var(--ck-ai-form-submit-button-text-color);
			}
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit{
					margin-left:var(--ck-spacing-medium);
	}
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit{
					margin-right:var(--ck-spacing-medium);
	}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled{
					border-color:var(--ck-ai-form-submit-button-disabled-border-color);
				}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
				position:absolute;
				font-size:var(--ck-font-size-tiny);

				bottom:var(--ck-spacing-small);
				top:var(--ck-spacing-small);
				padding:4px;
				min-height:unset;
				min-width:unset;
			}
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
					right:var(--ck-spacing-medium);
	}
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
					left:var(--ck-spacing-medium);
	}
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea{
					padding-right:30px;
	}
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea{
					padding-left:30px;
	}
@media screen and (max-width: 600px){
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea{
					--ck-input-width:auto;
			}
	}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group{
				display:grid;
				grid-template-columns:auto 1fr;
				grid-template-rows:auto;
				grid-column-gap:0px;
				grid-row-gap:0px;
			}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span{
					grid-area:1 / 1 / 2 / 2;
				}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button{
					padding:0;
					min-height:auto;
					grid-area:1 / 2 / 2 / 3;
					font-size:var(--ck-ai-form-history-font-size);
					justify-self:start;
					background:none;
					margin:var(--ck-spacing-medium) 0 0;
				}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label{
						line-height:inherit;
					}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover{
							text-decoration:underline;
						}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list{
					grid-area:2 / 1 / 3 / 3;
				}
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list .ck-list__item .ck-button .ck-button__label{
						white-space:nowrap;
						overflow:hidden;
						max-width:100%;
						text-overflow:ellipsis;
						font-size:var(--ck-ai-form-history-font-size);
						line-height:var(--ck-line-height-base);
					}
.ck .ck-ai-form .ck-ai-form__error{
		display:flex;
		justify-content:center;
		align-items:center;
		padding:var(--ck-spacing-medium);
		background-color:var(--ck-ai-form-error-background);
		color:var(--ck-color-base-text);
		border-radius:2px;
		margin-bottom:var(--ck-spacing-medium);
	}

: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;
}

.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 .ck-user__marker-tooltip, .ck .ck-user__marker--0 .ck-user__marker-dot, .ck .ck-user__marker--0::selection, .ck .ck-user__marker--0 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--0 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--1 .ck-user__marker-dot, .ck .ck-user__marker--1::selection, .ck .ck-user__marker--1 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--1 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--2 .ck-user__marker-dot, .ck .ck-user__marker--2::selection, .ck .ck-user__marker--2 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--2 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--3 .ck-user__marker-dot, .ck .ck-user__marker--3::selection, .ck .ck-user__marker--3 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--3 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--4 .ck-user__marker-dot, .ck .ck-user__marker--4::selection, .ck .ck-user__marker--4 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--4 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--5 .ck-user__marker-dot, .ck .ck-user__marker--5::selection, .ck .ck-user__marker--5 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--5 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--6 .ck-user__marker-dot, .ck .ck-user__marker--6::selection, .ck .ck-user__marker--6 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--6 .ck-user__marker-dot::selection{
				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 .ck-user__marker-tooltip, .ck .ck-user__marker--7 .ck-user__marker-dot, .ck .ck-user__marker--7::selection, .ck .ck-user__marker--7 .ck-user__marker-tooltip::selection, .ck .ck-user__marker--7 .ck-user__marker-dot::selection{
				background-color:var(--ck-user-colors--7);
			}
.ck .ck-user__marker--7 .ck-user__marker-line{
			border:1px solid var(--ck-user-colors--7);
		}

: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);
	}

.ck.ck-user__img.ck-user__anonymous + .ck-user__name{
			display:none;
		}

.ck.ck-user__img.ck-user__avatar{
		display:block;
		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;
	}

: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-suggestion:focus{
		background:var(--ck-color-button-default-hover-background);
		outline:none;
	}

.ck .ck-annotation{
	border-left:3px solid transparent;
}
.ck .ck-suggestion--disabled-comments .ck-annotation{
	min-height:80px;
}
.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{
	border-radius:0;

	overflow:hidden;
}

.ck-rounded-corners .ck .ck-suggestion-wrapper,
	.ck .ck-suggestion-wrapper.ck-rounded-corners{
		border-radius:var(--ck-border-radius);
	}

.ck .ck-suggestion-wrapper:focus{
		outline:var(--ck-focus-ring);
		box-shadow:0 0 0 4px var(--ck-color-focus-outer-shadow);
	}
.ck-balloon-panel:has( .ck-suggestion-wrapper:focus){
	outline:none;
	border:var(--ck-focus-ring);
	box-shadow:var(--ck-drop-shadow), var(--ck-focus-outer-shadow);
}

.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%);
}
.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);
}

: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.ck-aria-description{
	display:none;
}

: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);
}

:root{
	--ck-color-comment-marker:hsl(55, 98%, 83%);
	--ck-color-comment-marker-active:hsl(55, 98%, 68%);
}

: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;
}

@media (prefers-reduced-motion: reduce){

.ck .ck-comment__wrapper{
		transition:none;
}
	}

.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__wrapper:focus{
		background:var(--ck-color-button-default-hover-background);
	}

.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)

			 
			- 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;
	}
.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{
	z-index:var(--ck-z-default);
}
.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:var(--ck-spacing-small) 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);
			}

: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{
	border-radius:0;

	width:100%;
	color:var(--ck-color-base-text);
	outline:0;
	background-color:var(--ck-color-base-background);
	overflow:hidden;
	transition-property:color, background-color, width, outline;
	transition-duration:300ms;
	transition-timing-function:ease;
}

.ck-rounded-corners .ck .ck-thread,
	.ck .ck-thread.ck-rounded-corners{
		border-radius:var(--ck-border-radius);
	}

@media (prefers-reduced-motion: reduce){

.ck .ck-thread{
		transition:none;
}
	}

.ck .ck-thread:focus{
		outline:var(--ck-focus-ring);
		box-shadow:0 0 0 4px var(--ck-color-focus-outer-shadow);
	}
.ck-balloon-panel:has( .ck-thread:focus){
	outline:none;
	border:var(--ck-focus-ring);
	box-shadow:var(--ck-drop-shadow), var(--ck-focus-outer-shadow);
}

.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;
			border:1px solid transparent;
		}

.ck .ck-thread__header .ck-context .ck-context__value:focus{
				outline:none;
				border:var(--ck-focus-ring);
				box-shadow:var(--ck-focus-outer-shadow), 0 0;
			}

.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{
	--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;
	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);
	}

.ck .ck-thread--remove .ck-comment__wrapper .ck-comment::after{
			opacity:0;
		}
.ck .ck-thread__comments .ck-comment__wrapper:last-of-type .ck-comment::after{
			opacity:0;
		}

.ck .ck-thread__container{
	transition:transform 300ms ease;
}

@media (prefers-reduced-motion: reduce){

.ck .ck-thread__container{
		transition:none;
}
	}

.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{
	width:calc( 100% - var(--ck-user-avatar-size));
	white-space:normal;

	transition:background-color 200ms ease-in-out;
	border-radius:var(--ck-border-radius);
	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);
	}
.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%;
		max-height:400px;
	}

.ck .ck-thread__remove-confirm p{
		font-weight:bold;
		margin:0;
	}

.ck .ck-comment__input-container{
	--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);
	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;
}

@media (prefers-reduced-motion: reduce){

.ck .ck-comment__input{
		transition:none;
}
	}

.ck .ck-comment__input:focus{
		outline:none;
	}

.ck .ck-comment__input .ck-editor__editable_inline{
		--ck-focus-ring:none;
		--ck-inner-shadow:none;

		padding:0;
		overflow:visible;
		border:0;
		background-color:transparent;
		word-break:break-word;
	}
.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{
		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;
}

:root{
	--ck-inline-annotation-container-width:300px;
	--ck-inline-annotation-container-max-height:400px;
}

.ck.ck-balloon-panel .ck-annotation-wrapper{
	position:static;

	width:var(--ck-inline-annotation-container-width);
	max-height:var(--ck-inline-annotation-container-max-height);

	overflow-y:auto;
	overscroll-behavior-y:contain;
	overflow-x:hidden;
}

.ck.ck-balloon-panel .ck-annotation{
	animation:none;
}

.ck.ck-balloon-panel .ck-annotation-wrapper *{
	white-space:normal;
}
.ck.ck-balloon-panel .ck-annotation-wrapper strong{
	font-weight:bold;
}

.ck.ck-balloon-panel .ck-annotation-wrapper i{
	font-style:italic;
}

: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;
}

@media (prefers-reduced-motion: reduce){

.ck.ck-sidebar{
		transition:none;
}
	}

.ck-sidebar-item{
	position:absolute;
	width:100%;
	transition:top 300ms ease, box-shadow 300ms ease;
}

@media (prefers-reduced-motion: reduce){

.ck-sidebar-item{
		transition:none;
}
	}

.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)
	}
.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);
}

: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%);
}
.ck.ck-sidebar--narrow .ck-sidebar-item{
	display:flex;
	justify-content:center;
}

.ck.ck-sidebar--narrow .ck-annotation-counter{
	font-size:var(--ck-annotation-counter-icon-size);
	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;
	text-shadow:-1px 0 2px hsl(0, 0%, 27%), 1px 0 2px hsl(0, 0%, 27%);
	display:flex;
	justify-content:center;
	line-height:16px;
	z-index:1;
}
.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);
}
: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{
	--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;
}

@media (prefers-reduced-motion: reduce){

.ck .ck-annotation{
		animation:none;
		transition:none;
}
	}

.ck .ck-annotation .ck-button{
		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;
	width:calc( 100% - var(--ck-user-avatar-size));

	transition:all 200ms ease;
	border-radius:var(--ck-border-radius);
	padding-left:var(--ck-spacing-standard);
}

@media (prefers-reduced-motion: reduce){

.ck .ck-annotation__main{
		transition:none;
}
	}

.ck .ck-annotation__main p{
	margin:0;
	white-space:normal;
	font-size:var(--ck-font-size-base);
	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);
	min-height:2.4em;
}

.ck .ck-annotation__info-name,
.ck .ck-annotation__info-time{
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	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;
}

@media (prefers-reduced-motion: reduce){

.ck .ck-annotation__actions{
		transition:none;
}
	}
.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;
	}
}

.ck .ck-comments-archive-dropdown.ck-dropdown__panel{
		z-index:var(--ck-z-panel);
	}

.ck .ck-comments-archive{
	width:400px;
	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);
	}

:root{
	--ck-document-outline-padding:var(--ck-spacing-large);
	--ck-document-outline-base-font-size:.875em;
	--ck-document-outline-placeholder-color:var(--ck-color-engine-placeholder-text);

	--ck-document-outline-indent-level-1:0;
	--ck-document-outline-indent-level-2:1.5em;
	--ck-document-outline-indent-level-3:3em;
	--ck-document-outline-indent-level-4:4.5em;
	--ck-document-outline-indent-level-5:6em;
	--ck-document-outline-indent-level-6:7.5em;

	--ck-document-outline-item-padding:var(--ck-spacing-small);
	--ck-document-outline-item-active-color:var(--ck-color-base-active);
	--ck-document-outline-item-default-color:hsl(0, 0%, 26%);
	--ck-document-outline-item-hover-state-color:var(--ck-color-base-text);
}

.ck.ck-document-outline{
	padding:var(--ck-document-outline-padding);
	font-size:var(--ck-document-outline-base-font-size);
	user-select:none;
}

.ck.ck-document-outline:empty::before{
		content:attr(data-document-outline-empty-placeholder);
		display:inline-block;
		color:var(--ck-document-outline-placeholder-color);
	}

.ck.ck-document-outline .ck-document-outline__item{
		padding:var(--ck-document-outline-item-padding);
		color:var(--ck-document-outline-item-default-color);
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		cursor:pointer;
	}

.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty{
			font-style:italic;
		}

.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty:hover,
		.ck.ck-document-outline .ck-document-outline__item:hover{
			color:var(--ck-document-outline-item-hover-state-color);
			text-decoration:underline;
		}

.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_active{
			color:var(--ck-document-outline-item-active-color);
		}

.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1{
		padding-left:var(--ck-document-outline-indent-level-1);
	}

.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-2{
		padding-left:var(--ck-document-outline-indent-level-2);
	}

.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-3{
		padding-left:var(--ck-document-outline-indent-level-3);
	}

.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-4{
		padding-left:var(--ck-document-outline-indent-level-4);
	}

.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-5{
		padding-left:var(--ck-document-outline-indent-level-5);
	}

.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-6{
		padding-left:var(--ck-document-outline-indent-level-6);
	}

.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-1{
		padding-right:var(--ck-document-outline-indent-level-1);
	}

.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-2{
		padding-right:var(--ck-document-outline-indent-level-2);
	}

.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-3{
		padding-right:var(--ck-document-outline-indent-level-3);
	}

.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-4{
		padding-right:var(--ck-document-outline-indent-level-4);
	}

.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-5{
		padding-right:var(--ck-document-outline-indent-level-5);
	}

.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-6{
		padding-right:var(--ck-document-outline-indent-level-6);
	}

:root{
	--ck-table-of-contents-padding:1em;
	--ck-table-of-contents-line-height:1.5;
	--ck-table-of-contents-items-start-padding:24px;
	--ck-table-of-contents-border-color:var(--ck-color-base-border);
	--ck-table-of-contents-label-background-color:hsl(0, 0%, 46%);
	--ck-table-of-contents-background-color:var(--ck-color-base-foreground);
}

.ck-editor__editable .ck-widget.table-of-contents{
	position:relative;
	background-color:var(--ck-table-of-contents-background-color);
	border:1px solid var(--ck-table-of-contents-border-color);
	display:flow-root;
	min-width:15em;
}

.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]::after{
		content:attr(data-table-of-contents-label);

		position:absolute;
		top:-1px;
		right:10px;
		padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
		background-color:var(--ck-table-of-contents-label-background-color);

		font-size:10px;
		font-family:var(--ck-font-face);
		line-height:16px;
		color:hsl(0, 0%, 100%);
		white-space:nowrap;
	}

[dir="rtl"] .ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]::after{
			left:10px;
			right:auto;
	}

.ck.ck-editor__editable_inline.ck-format-painter-active,
	.ck.ck-editor__editable_inline.ck-format-painter-active a,
	.ck.ck-editor__editable_inline.ck-format-painter-active .ck-widget .ck-editor__nested-editable,
	.ck.ck-editor__editable_inline.ck-format-painter-active a .ck-widget .ck-editor__nested-editable{
		cursor:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAyMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIj4KICA8cGF0aCBkPSJNMTQgM2ExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MmExIDEgMCAwIDEtMSAxSDE1YTEgMSAwIDAgMS0xLTFWM1oiIGZpbGw9IiMwMDAiLz4KICA8cGF0aCBkPSJNMjcgMy4yNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2MS43YTIuMjUgMi4yNSAwIDAgMS0xLjkzMiAyLjIyNmwtNC40MjQuNjMyYS43NS43NSAwIDAgMC0uNjQ0Ljc0M1YxMWExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMCAxLTEgMUgyMGExIDEgMCAwIDEtMS0xdi01YTEgMSAwIDAgMSAxLTF2LS45NWEyLjI1IDIuMjUgMCAwIDEgMS45MzItMi4yMjZsNC40MjQtLjYzMkEuNzUuNzUgMCAwIDAgMjcgNi40NDlWMy4yNVoiIGZpbGw9IiMwMDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI2Ljg1NSAyLjI1SDI3YTIuNSAyLjUgMCAwIDEgMi41IDIuNXYxLjdhMy4yNSAzLjI1IDAgMCAxLTIuNzkgMy4yMTZsLTQuMjEuNjAyYTIgMiAwIDAgMSAxIDEuNzMydjVhMiAyIDAgMCAxLTIgMkgyMGEyIDIgMCAwIDEtMi0ydi01YTIgMiAwIDAgMSAxLTEuNzMydi0uMjE3QTMuMjUgMy4yNSAwIDAgMSAyMS4xMjkgN0gxNWEyIDIgMCAwIDEtMi0yVjNhMiAyIDAgMCAxIDItMmgxMGEyIDIgMCAwIDEgMS44NTUgMS4yNVpNMjAgMTAuMDVWMTFhMSAxIDAgMCAwLTEgMXY1YTEgMSAwIDAgMCAxIDFoMS41YTEgMSAwIDAgMCAxLTF2LTVhMSAxIDAgMCAwLTEtMXYtLjk1YzAtLjAxNiAwLS4wMzMuMDAyLS4wNWEuNzUuNzUgMCAwIDEgLjY0Mi0uNjkybDQuNDI0LS42MzJBMi4yNSAyLjI1IDAgMCAwIDI4LjUgNi40NVY0Ljc1YTEuNDk2IDEuNDk2IDAgMCAwLTEuNS0xLjV2My4yYS43NS43NSAwIDAgMS0uNjQ0Ljc0MmwtNC40MjQuNjMyQTIuMjUgMi4yNSAwIDAgMCAyMCAxMC4wNVpNMTUgMmExIDEgMCAwIDAtMSAxdjJhMSAxIDAgMCAwIDEgMWgxMGExIDEgMCAwIDAgMS0xVjNhMSAxIDAgMCAwLTEtMUgxNVoiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBkPSJNMi41IDIuNUEuNS41IDAgMCAxIDMgMmgyLjVhLjUuNSAwIDAgMSAuMzU0LjE0NmwuNjQ2LjY0Ny42NDYtLjY0N0EuNS41IDAgMCAxIDcuNSAySDEwYS41LjUgMCAwIDEgMCAxSDcuNzA3TDcgMy43MDdWMTBoLjVhLjUuNSAwIDAgMSAwIDFIN3Y0Ljc5M2wuNzA3LjcwN0gxMGEuNS41IDAgMCAxIDAgMUg3LjVhLjUuNSAwIDAgMS0uMzU0LS4xNDZsLS42NDYtLjY0Ny0uNjQ2LjY0N2EuNS41IDAgMCAxLS4zNTQuMTQ2SDNhLjUuNSAwIDAgMSAwLTFoMi4yOTNMNiAxNS43OTNWMTFoLS41YS41LjUgMCAwIDEgMC0xSDZWMy43MDdMNS4yOTMgM0gzYS41LjUgMCAwIDEtLjUtLjVaIiBmaWxsP